body{
    font-family: 'Inter', sans-serif !important;
}
.btn {
    font-family: 'Inter', sans-serif !important ;
  } 
.top-nav{
    margin: 0px auto;
    text-align: center;
    background: linear-gradient(180deg, #F1BEA2 0%, #F29ED6 73.33%);
    padding: 15px 10px 15px 10px;
}
.top-nav span{
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
}
.centered-text {
    width: 100%;
    max-width: 740px;
    font-size: 48px;
    margin: 0 auto;
    text-align: center;
    word-wrap: break-word;
    text-align: left;
    line-height: 58.09px;
    font-weight: 700;
}

.reasons-section{
    margin-top: 48px !important;
    max-width: 1440px;
    margin: auto;
}

.user-profile img{
    border-radius: 50%;
    height: 48px;
    width: 48px;
}

.user-profile{
    margin-top: 48px;
}

.user-profile .profile-set{
    display: inline-flex;
}
.profile-set .name{
    font-size: 16px;
    font-weight: 600;
    padding-left: 12px;
    line-height: 24px;
}
.profile-set .name span{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.first-image{
    margin-top: 30px !important;
    max-width: 1440px;
    margin: auto;
}
.first-image .container-fluid {
    width: 95%;/* Hide any overflow */
}

.first-image .container-fluid img {
    width: 100%; /* Take full width */
    height: auto; /* Maintain aspect ratio */
    top: 0; /* Align image to the top */
    left: 0; /* Align image to the left */
}

.red-carpet h5{
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
}
.red-carpet{
    margin-top: 95px !important;
    max-width: 1440px;
    margin: auto;
}
.rext-redcarpet{
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 20px;
}
.first-part{
    font-weight: 600;
}
.first-part a{
    color: #1016AB;
    font-style: italic;
}
.red-carpet .container-fluid{
    width: 95%;
}
.red-carpet .red-carp-img{
    width: 100%;
    height: auto;
    position: relative; 
    margin-bottom: 12px;
}
.red-carpet .red-carp-img img{
    width: 100%;
    margin-bottom: 10px;
}
.red-carp-img span{
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
@media (max-width: 768px) {
    .red-carpet .red-carp-img {
      max-width: 100%;
    }
    .cal-img img{
      max-width: 100%;

    }
}

.calorie-intake .container-fluid{
    width: 95%;
}
.cal-img{
    width: 100%;
    height: auto;
    position: relative; 

}
.calorie-intake {
    margin-top: 70px !important;
    max-width: 1440px;
    margin: auto;
}
.cal-img span{
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.cal-img img{
    margin-bottom: 12px;
    width: 100%;

}
@media (max-width: 768px) {
    .red-carpet .red-carp-img img {
      max-width: 100%;
    }
    .realReviews .imgreview{
       max-width: 100%;
    
     }
     .imgbottle{
        max-width: 100%;
     }
}
.calorie-intake .Rightsection h2{
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 10px;
}
.calorie-intake .Rightsection h5{
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 20px;
}
.calorie-intake .Rightsection .text-contet{
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
margin-top: 20px;
}
.calorie-intake .Rightsection .margin-top50{
    margin-top: 50px;
}
.anchorlink-color{
    color: #1016AB;
    font-style: italic;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
.calorie-intake .span-text{
font-size: 20px;
font-weight: 600;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
margin-top: 60px;
margin-bottom: 55px;
}
.thick-line {
    width: 100%;
    height: 3px;
    background-color: black;
    border-radius: 2px;
    margin-bottom: 55px;
  }
.desclaimerdetail{
font-size: 20px;
font-weight: 600;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
 }
 .Desclaimer{
    margin-top:  70px;
 }
 .Desclaimer h2{
    margin-bottom: 55px;
 }
 .Desclaimer p{
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
/*    margin-bottom: 55px !important;*/

 }
 .paddingcontent{
    padding-right: 25px;
    padding-left: 25px;
    text-align-last: center;
 }
 .realReviews h3{
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 20px;
 }
 .realReviews .imgreview{
    width: 100%;
    height: auto;
    max-width: 692px;

 }
 .realReviews .imgtext{
    display: inline-flex;
    margin-bottom: 55px;
 }
 .realReviews h2{
font-size: 24px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
margin-top: 30px;
margin-bottom: 30px;
 }

 .realReviews p{
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;

 }
 .red-dashed-border {
    position: relative;
    padding: 20px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23E54B55FF' stroke-width='8' stroke-dasharray='8%2c 16%2c 24%2c 32' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");

  }
  
  /* .red-dashed-border::before {
  } */
  .offersection .container-fluid{
    width: 95%;
  }
  .imgbottle{
width: 100%;
height: auto;
/* margin-top: -79px; */
margin-left: -8.25px;

  } 
  .offersection{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    max-width: 1440px;
    margin: auto;
  }

  .rightsidesection{
    display: flex;
    margin-top: 80px;
  }
  .realreviewfirstshow{
    display: none;
}
  .rightsidesection h3{
    font-size: 32px;
    font-style: italic;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
  }
  .rightsidesection img{
    width: 44.03497314453125px;
height: 44.029998779296875px;
margin-top: -3px;
margin-right: 15px;

  }
  .mariahide{
    display: none;
  }
    .custombtn {
        width: 100%;
        max-width: 733.5px;
        height: 72.95870971679688px;
        margin-top: 3rem;
        margin-bottom: 3rem;
        border-radius: 51px !important;
        display: inline-block !important;
        text-align: center !important;
        line-height: 72.95870971679688px !important;
        color: #ffffff !important;
        background-color: rgba(229, 75, 85, 1) !important;
        box-shadow: 0px 2px 6px #E54B55 !important;
        border: none;
        cursor: pointer;
        font-size: 32px !important;
        font-style: italic;
        font-weight: 600 !important;
        line-height: 24px !important;
        letter-spacing: 0em;
    }
.sectionforsmallscreen{
    display: none;
}
  
  
  /* Media query for responsiveness */
  @media (max-width: 768px) {
    .custombtn {
      font-size: 14px; /* Adjust font size for smaller screens */
    }
  }
  
  @media (max-width: 768px) {
    .custom-btn {
        width: 100%; /* Make the button full width on smaller screens */
        max-width: 733.5px; /* Set a maximum width for the button */
        height: auto; /* Allow height to adjust based on content */
        top: auto; /* Reset top positioning */
        left: auto; /* Reset left positioning */
    }
}
.custombtn img{
    width: 22px;
height: 30.64285659790039px;
margin-right: 30px;

}
.realreviewfirsthide{
    display: none;
}
.realReviews img{
    height: 100%;
 }
  .anchor-second{
    color: #011165;
    font-weight: 600;
    font-size: 32px;
    line-height: 24px;
    font-style: italic;
  }
  .rightsidesection h3 span {
    line-height: 24px;
    font-size: 32px;
    font-style: italic;
}
.timelimetedtoshow{
    display: none;
}
  .paragraphcustom{
    vertical-align: middle;
    text-align: center;
  }
  
  .paragraphcustom p{
font-size: 32px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
  }
  .paragraphcustom p span{
    font-family: 'IBM Plex Mono', monospace !important;
font-size: 33px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color:  #E54B55;
margin-left: 10px;
  }
  .TimeLimitedOffer .backgrounddiv{
    width: 800px;
    height:462px;
    gap: 30px;
    background: linear-gradient(180deg, #F1BEA2 0%, #F29ED6 73.33%),
linear-gradient(0deg, #000000, #000000);
  }
  .dottedBorder{
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000000FF' stroke-width='4' stroke-dasharray='5%2c 9' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
padding: 12px 24px;
  }

  .TimeLimitedOffer{
    display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center;
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .TimeLimitedOffer .backgrounddiv .topcontent{
font-size: 30px;
font-weight: 600;
line-height: 36px;
letter-spacing: 0em;
text-align: center;
}
.TimeLimitedOffer .backgrounddiv .topcontent span{
font-size: 16px;
font-family: 'IBM Plex Mono', monospace;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-align: left;

}
.container-second{
    display: none;
}
.advertisementsecond{
    display: none;
}
.tohide{
    display: none;
}
.turbochargedsecond{
    display: none;
}
.bottlenow{
    font-family: 'Inter', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: 0em !important;
text-align: center !important;

}

.thick-lineless {
    width: 100%;
    height: 1px;
    background-color: black;
    border-radius: 2px;
    margin-bottom: 32px;
  }
  .backgrounddiv .container-fluid{
    width: 90%;
  } 
  .immglimted img{
    width: 100%; /* Make the image responsive */
    height: 100%;
  }
  .listingcontent img{
    width: auto;
    height: auto;
    margin-top: -6px;
    margin-right: 8px;

  }
  .listingcontent span{
font-size: 16px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0em;
text-align: left;

  }
  .listingcontent{
    margin-top: -10px;
  }
  .btn-redeem{
    width: 386px;
    height: 48px;
    padding: 5px;
    border-radius: 999px !important;
    background-color: #000000 !important;
    color: white !important;
    gap: 10px;
    margin-top: 20px;
    font-weight: 500 !important;
    font-size: 16px; /* Adjust font size as needed */

    /* Add additional styles here for the default state of the button */

    /* Media query for smaller screens */
    @media (max-width: 768px) {
        width: 100%; /* Make the button full width on smaller screens */
        max-width: 386px; /* Set a maximum width for the button */
        font-size: 14px; /* Adjust font size for smaller screens */
    }
}
.stock-alert{
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 35px;
margin-top: 35px;
}
.stock-alert2{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 20px;
    margin-bottom: 35px;
    margin-top: 35px;
    }

    .dontknow{
        margin-top:  55px !important;
        margin-bottom: 55px !important;
        text-align: center;
        max-width: 1440px;
        margin: auto;
     }
.dontknowdotted{
height: 812px;
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23E54B55FF' stroke-width='8' stroke-dasharray='8%2c 16%2c 24%2c 32' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
padding-top: 10px;    
}
     .dontknow .container-fluid{
        width: 95%;
     }

.dontknow h3{
    margin-top: 55px;
font-size: 30px;
font-weight: 600;
line-height: 47px;
letter-spacing: 0em;
text-align: center;
}
.dontknow p{
    font-size: 18px;
    font-weight: 500;

}
.menimg{
    background-image: url('../images/img-32.webp');
    width: 381px;
height: 448px;
margin-top: 50px;
margin-left: 50px;
}
.dontknow .d-flex{
justify-content: center;
}
.menimg img{
    height: 570px;
    margin-top: -47px;
}
.capsule-img {
    position: relative;
    display: inline-block; /* To fit the size of the images */
}

.capsule-img img {
    display: block;
    max-width: 100%;
    height: auto;
}

.top-image {
    position: absolute;
    width: 50px; /* Adjust the width of the top images */
    height: 60px; /* Adjust the height of the top images */
    background-size: cover; /* Adjust background size as needed */
    z-index: 1; /* Place the top images above the base image */
}

.top-left {
    top: 28px;
    left: 0;
    background-image: url('../images/img-34.webp'); /* Path to your top-left image */
}

.top-right {
    top: 80px;
    left: 270px;
    background-image: url('../images/img-35.webp'); /* Path to your top-right image */
}

.mwomenimg{
    background-image: url('../images/img-33.webp');
    width: 427px;
    height: 494px;
    margin-top: 25px;
    margin-left: 10px;
}
.mwomenimg img{
    margin-top: -30px;
    width: 155px;
    height: 375px;
}

.btn-quiz{
    width: 525px;
    height: 88px;
    padding: 5px;
    border-radius: 62px !important;
    background-color: rgba(229, 75, 85, 1) !important;
    color: white !important;
    box-shadow: 0px 2px 6px #E54B55;
    gap: 10px;
    margin-top: -80px;
    font-weight: 600 !important;
    font-size: 32px !important;
line-height: 47px !important;
letter-spacing: 0em;
text-align: center;
 /* Adjust font size as needed */

    /* Add additional styles here for the default state of the button */

    /* Media query for smaller screens */
    @media (max-width: 768px) {
        width: 100%; /* Make the button full width on smaller screens */
        max-width: 386px; /* Set a maximum width for the button */
        font-size: 14px; /* Adjust font size for smaller screens */
    }
}
footer p{
    margin-bottom: 10px;
    margin-top: 10px;
}
footer span{
    margin-left: 10px;
}
footer{
    margin-bottom: 60px;
}
/* Global media query for smaller screens */
@media (max-width: 768px) {
    .red-carpet {
        margin-top: 20px !important;
    }
    .red-carpet h5 {
        font-size: 30px;
        font-weight: 600;
        line-height: 36px;
    }
    .first-part {
        font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    }
    .rext-redcarpet{
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
    }
    .red-carpet .red-carp-img{
        margin-top: 20px;
    }

    /* .cal-img{
        display: none;
    } */
    .calorie-intake {
        margin-top: 20px !important;
    }
 
    .Rightsection{
        margin-top: 20px;
    }
    .reverse-columns {
        display: flex;
        flex-direction: column-reverse;
      }
    .calorie-intake .Rightsection h2{
        font-weight: 600;
    line-height: 40px;
    font-size: 30px;
    margin-left: 0px;
    }
    .calorie-intake .Rightsection h5{
        font-size: 18px;
        line-height: 28px;
    }
    .calorie-intake .Rightsection .margin-top50 {
        margin-top: 20px;
        margin-left: 0px;
    }
    .calorie-intake .span-text{
        font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    }
    .thick-line{
        margin-bottom: 20px;
        height: 1px;
    }

    .Desclaimer {
        margin-top: 20px !important;
        margin: auto;
        max-width: 1440px;
    }
    .Desclaimer h2 {
        margin-bottom: 25px;
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
}
    
    .paddingcontent {
        padding-right: 10px;
        padding-left: 10px;
        /* margin-top: -20px; */
        border-left: 4px solid;
        padding-left: 15px;
    }
    .Desclaimer p{
        font-size: 20px;
        margin-bottom: 25px !important;
        text-align: left;
    }
    .container-first{
        display: none;
    }
    .container-second{
        display: block;
    }
    .dontknow {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        max-width: 1440px;
        margin: auto;
    }
    .capsule-img {
        display: none;
    }
    .menimg,
    .mwomenimg {
        background-image: none;
        width: 100%;
        height: auto;
        margin: 25px auto; /* Adjust margin as needed */
    }
    .red-dashed-border{
        border: 3px dashed red !important ;
        background:linear-gradient(0deg, #EDF0F3, #EDF0F3);

    }
    .advertisementfirst{
        display: none;
    }
    .advertisementsecond{
        display: block;
    }
 
    .dontknow h3{
        margin-top: 18px;
        font-size: 32px;
        line-height: 20px;
        line-height: 47px;
        text-align: center;
    }
    .thicklinetohide{
        display: none;
    }
    .capsule-img img{
        display: block;
    height: 288px;
    }
    .top-right {
        top: -14px;
        left: 182px;
        width: 61px;
    }
    .top-left{
        top: 0px;
    left: 25px;
    }
    .btn-quiz{
        width: 80%;
    height: 100%;
    font-size: 16px !important;
    margin-top: 0px !important;
    }
    .dontknowdotted{
        height: 785px;
        width: 368px;
    }
    .imgforbottle {
        /* max-width: 368px;
    max-height: 557px;
    width: 368px;
    height: 557px; */
    }
    .rightsidesection h3 span{
        display: flex;
        flex-direction: row;
        margin-bottom: 20px;
    }
    .anchor-second{
        font-size: 24px;
    }
    .realReviews h3{
        font-size: 30px;
        line-height: 40px;
        margin-left: 10px;
    }
    .realReviews{
        margin: auto;
        max-width: 1440px;
    }
    .realReviews .imgtext{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .realReviews img{
        height: 30.47px;
    margin-top: 40px;
    }
    .realReviews .imgreview{
        margin-top: 0px;
    }

   
    .menimg img{
        height: 386px;
        width: 123.25px;
    }
   
    .TimeLimitedOffer{
        margin: 0px 16px
    }
    .TimeLimitedOffer .backgrounddiv{
        height: 100%;
    }
    .TimeLimitedOffer .backgrounddiv .topcontent span{
        font-weight: 400;
    }
    .immglimted img{
        width: auto; 
     height: auto;
    }
    .imgtohide{
        display: none;
    }
    .stock-alert{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .stock-alert2{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .btn-redeem{
        line-height: 24px;
        font-weight: 500 !important;
        font-size: 16px;
    }
    .centered-text{
        font-size: 30px;
        line-height: 36px;
        font-weight: 600;
        text-align: center;
    }
    .user-profile{
        text-align: left !important;
    }
    .immglimted{
        text-align: center;
    }
    .listingcontent{
        margin-top: 0px;
    }
    .turbochargedfirst{
        display: none;
    }
    .turbochargedsecond{
        display: block;
    }
    .imgbottle{
        margin-top: 0px;
        margin-left:0px;
    }
    .rightsidesection{
margin-top: 20px;
    }
    .rightsidesection h3{
        font-size: 20px;
        line-height: 24px;
    }
    .custom-btn{
        width: 100%;
    height: auto;
    font-size: 14px;
    padding: 12px;
    }
    .centered-images {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; /* Adjust the height to fit your layout */
    }
    .centered-images .firstimg{
       width: 62.68px;

    }
    .custombtn{
        margin-top: 1rem;
        font-weight: 600 !important;
        font-style: italic !important;
        font-size: 24px !important;
        line-height: 29.05px !important;
        align-items: center !important;
        margin-bottom: 10px !important;
    }
    .cravingfirst{
        display: none;
    }
    .footer{
        margin-bottom: 50px;
        margin-top: 50px;
    }
    .cravingsecond{
        display: block;
    }
    .centered-images .secondimg{
        width: 29.67px;
    }
    .centered-images .thirdimg{
        width: 19.15px;
    }
    .centered-images img {
        margin: 10px; /* Add spacing between images if needed */
    }
    .paragraphcustom p span{
        font-size: 22px;
        line-height: 20px;
        font-weight: 500;
        margin-left: 0px;
    }
    .paragraphcustom p{
        font-size: 24px;
        line-height: 24px;
        margin-left: 0px;
        text-align: center;
        align-items: center;
    }
    .top-nav span{
        font-size: 14px;
        line-height: 20px;
    }
    .timelimetedtohide{
        display: none;
    }
    .timelimetedtoshow{
        display: block;
    }
    .realreviewfirstshow{
        display: block;
    }
    .realreviewfirsthide{
        display: none;
    }
    .mariahide{
        display: block;
    }
    .largescreen{
        display: none;
    }
    .sectionforsmallscreen{
        display: block;
    }
    .footer_links{
    display: block;
    margin: 10px 10px;
    }
}
.footer_links{
    margin: 10px 10px;
}