/** Shopify CDN: Minification failed

Line 283:33 Expected ":"

**/
@font-face {
    font-family: 'Aileron';
    src: url('Aileron-SemiBold.eot');
    src: url('Aileron-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('Aileron-SemiBold.woff2') format('woff2'),
        url('Aileron-SemiBold.woff') format('woff'),
        url('Aileron-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aileron';
    src: url('Aileron-Regular.eot');
    src: url('Aileron-Regular.eot?#iefix') format('embedded-opentype'),
        url('Aileron-Regular.woff2') format('woff2'),
        url('Aileron-Regular.woff') format('woff'),
        url('Aileron-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aileron';
    src: url('Aileron-Bold.eot');
    src: url('Aileron-Bold.eot?#iefix') format('embedded-opentype'),
        url('Aileron-Bold.woff2') format('woff2'),
        url('Aileron-Bold.woff') format('woff'),
        url('Aileron-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
b, strong{ font-weight:bolder !important; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;   font-family: 'Aileron'; background: #FFF3E1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.top_bar{background: #E6DAC8;    padding: 1rem 0;}
.top_bar ul li img{vertical-align: middle; margin-right: 10px;}
.top_bar ul li{margin-right: 20px; font-size: 12px;  font-weight: 600;}
.top_bar ul li:first-child{ border-right:1px solid #949494; padding-right: 20px;margin-right: 20px; }
.top_bar ul li:last-child {
  margin-right: 0;
}
.login_btn{
  background: #B32B2F; border-radius: 20px; font-size: 16px; font-weight: 600; color: white;  border: 2px solid #B32B2F;
}
.login_btn:hover{
  border: 2px solid #000;
}
.cart_icon{ position: relative;
    margin-right: 18px;
    font-size: 21px;
    color: black}

.cart_icon span{
      background: #B32B2F;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    color: white;
    border: 1px solid #B32B2F;
    position: absolute;
    width: 23px;
    height: 22px;
    top: -16px;
    right: -14px;
    text-align: center;
    line-height: 1.4;
}
header{ margin:0; padding:0 }
.mobile{ display:none !important }
/*responsive*/
/* Top bar container */
@media (max-width: 768px){
.desktop{ display:none !important }
.mobile{display: flex !important;}

}
.top_bar_scroller {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden; /* Hide content that overflows */
}

/* Heading Style */
.top_bar_scroller p {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-right: 15px;
}

/* Marquee container */
.marquee {
  width: 100%;
  overflow: hidden; /* Hide content overflowing horizontally */
}

.marquee ul {
  display: flex;
  animation: marquee 15s linear infinite; /* Animation for scrolling */
  list-style: none;
}

.marquee li {
  display: flex;
  align-items: center;
  padding-right: 5px;
  font-size: 12px;
  color: #000;
      flex: 0 0 30%;
      font-size: 10px !important;
}

/* Image inside list items */
.marquee li img {
  margin-right: 8px;
  width: 20px;
  height: auto;
}

div#emailCaptureSuccess {
    text-align: center;
    color: #a9ffa9 !important;
    margin-bottom: 19px;
    font-weight: 400;
    border: 1px solid;
    padding: 8px;
}

div#footerNewsletterSuccess {
    text-align: center;
    border: 1px solid;
    padding: 5px;
}

div#footerNewsletterError {
    text-align: center;
    border: 1px solid;
    padding: 5px;
    font-size: 14px;
    line-height: 1.3;
}
div#emailCaptureError {
    text-align: center;
    color: #ffffff !important;
    font-size: 15px;
    border: 1px solid;
    padding: 6px;
    margin-bottom: 16px;
}

/* Animation for the marquee effect */
@keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .top_bar ul li{margin-right: 0}
  .top_bar_scroller {
    flex-direction: column;
    align-items: flex-start;
  }
.top_bar{ padding: 0.5rem 0; }
  .top_bar_scroller p {
    font-size: 12px;
  }
.top_bar ul li img{ margin-right:4px }
.top_bar ul li:first-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}
  .marquee ul {
    font-size: 12px;
  }

  .marquee li img {
    width: 10px;
  }
  .top_bar_scroller p {
   font-size: 12px;
        text-align: center;
        display: block;
        width: 100%;
  }

  
}

@media (max-width: 480px) {
  .top_bar_scroller p {
   font-size: 12px;
        text-align: center;
        display: block;
        width: 100%;
  }

  .marquee ul {
    font-size: 10px;        margin-top: 10px;
  }

  .marquee li img {
    width: 14px;
  }
}

#fullScreenMenu {
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}

#fullScreenMenu.active {
  transform: translateX(0);
}

.hero h1{ font-size:60px; font-weight:600 ; color: #B32B2F;    line-height: 1.2;}
.hero h1 span{ display:block; color:black; }
.hero p{ font-size:16px; font-weight:600 ; color: #575757; text-align: left; max-width: 70%}
.hero{ position:relative; }
.cheery_icon{right: 0;
    top: 0;
    z-index: 0;    max-width: 28%;}
.white_box{
  position: relative;
  background: white;
  border-radius: 20px;padding20px;    text-align: left;
  overflow: hidden;
      z-index: 9;
      padding: 20px;
}
.white_box:before{
  background:url(thin-curves.svg) no-repeat;
  content: ''; position: absolute; top:0; width: 100%; height: 100%;    left: 0;
}
.white_box p{
  font-size:22px; font-weight: 600; color: black; width: 100%;    
  display: inline-block;max-width: 100%;
}
.white_box p span{display: inline-block;}
.intro h2{
  font-weight: 600; font-size: 42px;
}
.intro  .bg-danger{ border-radius:20px }
.intro  h2 span{ display:block; font-size:13px;    margin-top: 15px; }
.margin_top {
    margin-top: -36px;
}
.card1{
  background-image: url(couple-having-public-intimacy-moments.png);
  background-size: cover;
  background-position: center center;
  border-radius: 30px;
}
.cards{ border-radius:30px }
.cards h2{
  font-size: 45px;
}
.cards h2 span{
  color: #FF797D;    font-size: 45px;
    line-height: 1;
    margin-top: 0;
}
.cards h3{
  font-size:56px; font-weight: 600; color: #FF797D;
}
.cards P{ font-size:16px; color:white;margin:15px 0;    line-height: 1.3; }
.cards P span{ color:#FF797D }
.results_btn{ background:white; border-radius:20px; color:#B32B2F; font-size:16px;padding: 10px 40px;    border: 2px solid white; }
.card2{
  background-image: url(red-bg.png);
  background-size: cover;
  background-position: center center;
  border-radius: 30px;
  overflow: hidden;
}
.card3.cards ul {
       background: rgba(179, 48, 53, 0.6);
    margin-top: 20px;
    border-radius: 20px;
    padding: 64px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    row-gap: 20px;
    align-items: flex-start;
}
.card3.cards ul li{ display:block; border-bottom:1px solid #fb6e78; width:100%; padding-bottom:20px }
.card3.cards ul li:last-child{ border:none; padding-bottom:0 }
.card3.cards ul li img{ vertical-align:middle; margin-right:10px }

.card4{
   background: rgba(179, 48, 53, 0.6); border-radius: 20px;
    padding: 40px;
}
.card4 img{    max-width: 90%;
    margin:0;}

.card4 p{ max-width:60%; margin:20px auto; }
.intro  .bg-danger{ position:relative; z-index:99; overflow:hidden; }
.intro  .bg-danger:before{
content: '';
position: absolute;
left: 0;
top: 0;
background: url(Frame.svg);
background-repeat: no-repeat;
background-size: cover;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.red_bg{
    background-image: url(young-couple-together-lying-bed-2.png);
    background-color: #EB4449;
    background-repeat: no-repeat;
    border-radius: 30px;
    min-height: 420px;
    overflow: hidden;
    position: relative;
    background-size: 60% 100%;
        padding-right: 40px;    padding-bottom: 40px;
}
.d-mb-block{ display:none}
.red_bg:before{
  background-image: url(ripples.png);
  content: '';
   background-size: cover;
  background-position: center center;
      position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.results .bg-success{
background: #496C32;
background: linear-gradient(90deg, rgba(73, 108, 50, 1) 0%, rgba(115, 184, 69, 1) 100%);    border-radius: 20px;
    padding: 2rem 2rem 0;
}
.results a.btn.results_btn {
    /* display: block; */
    position: absolute;
    right: 24px;
    bottom: 24px;
}
.btn.results_btn:hover{ border:2px solid white; color:#fff }
.card5 {
   background: rgba(70, 106, 46, 0.6); border-radius: 20px;
    padding: 40px 40px 150px; position: relative;

}
.results .cards h2{ font-size:34px; text-align:left;position: relative;
    z-index: 9; }
.card5 img{
  bottom: 0;    left: 110px;
    z-index: 0;
    max-width: 45%;
}
.card5 .results{

      position: absolute;
    right: 1rem;
    bottom: 3rem;
    padding: 18px 47px;
}

.card6{
  border-radius: 20px;
    padding: 40px 40px; 
    background: rgba(73,108,50,0.3);
margin-top: 15px;
overflow: hidden;
}

.card6 img{ bottom:0; right:0;    max-width: 60%; }

ul.points {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* text-align: left; */
    /* align-items: center; */
    /* border: 1px solid; */
   
    margin-top: 16px;}

.points li{
     background: white;
    border-radius: 15px;
    color: #B32B2F;
    font-size: 16px;
    padding: 15px;
    width: max-content;
    display: block;
    margin: 0 0 10px;
    text-align: left;
   
}
.card7 {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    padding:95px 60px 280px;
    position: relative;
}
.results h2{ font-size:42px; font-weight:600;    max-width: 40%;
    margin: 0 auto; }
.results p span{
  opacity: 0.5; color: white;
}
.results small {
   display: block;
    font-size: 16px !important;
    font-weight: bold;
    color: white;
    opacity: 0.5;
    margin-top: 3rem;
    line-height: 18px;
}
.results small span{ display:block; }
.results a.btn.results {
      text-align: left;
    display: flex;
    width: fit-content;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 40px;
    margin-left: auto;
    margin-top: 12rem;
}

p.sm-txt {
    font-weight: normal;
    font-size: 13px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    opacity: 0.5;
    max-width: 65%;
    margin-inline: auto;
}
.solution h2{
      font-size: 56px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
}
.solution h2 span{ color:#B32B2F; display:block; }
.solution .cards{ background:white; color:black;    padding:50px 50px 0; margin-bottom:25px}
.solution h3{
  color: black;font-size: 42px;
}
.solution h3 span{
  color: #FF797D; display: block;
}
.new_txt {
    max-width: 80%;
    margin: 0 auto;
    font-size: 13px;
    font-weight: normal;
}
a.red_btn.btn {
    background: #B32B2F;
    color: white;
    border-radius: 20px;
    padding: 20px 60px;
}
.solution p{ color:black;padding:20px 93px }
.cards9 img.img-fluid {
   
    bottom: 0;
    left: 0;
    right: 0;
}
.cards8 img{ max-width:70% }
.cards.cards10 {
    margin-top: 7rem;
}
.need_to_now_sec {
  overflow-x: hidden;
}
.need_to_now_sec h2{
  font-size: 56px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
}
.need_to_now_sec h2 span{ display:block;    color: #B32B2F; }

.need_to_now_small img,
.need_to_now img {
  margin: 0;
}
.need_to_now .slick-slide div, .need_to_now_small .slick-slide div{ margin:0 10px}
/*.need_to_now_small img{ width:50% }*/
.need_to_now_small {
  margin-top: 20px;    position: relative;
    z-index: 9999;
}
.faq{ position:relative; }
.faq:before{
     content: "";
    position: absolute;
    left: 0;
    top: -144px;
    background: url(Frame.png);
    height: 557px;
    width: 100%;
    background-size: 16%;
    background-repeat: no-repeat;
    z-index: 0;
}
.faq  h2{
  font-size: 56px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
}
.faq .accordion-item
{
      background: transparent;
    border: none;
}
.accordion-button{
   font-size: 25px; font-weight: bold; color: black !important; background: none}

.accordion-body {font-size: 20px;}

.faq  .accordion-button:not(.collapsed){  background: transparent; }
.red_bg h2{
  font-size: 40px; font-weight: 600; color: white;
}
.red_bg p{
  font-size: 17px; color: white;    margin-bottom: 15px;margin-top: 15px;
}
.red_bg img{ max-width:60% }
.red_bg_rip form input[type="email"]{
  border-radius: 20px; background: #ff797d;
  padding: 20px; border: none;display: block;width: 100%; }

.red_bg_rip form input[type="email"]::placeholder{
  color: #B32B2F
}

.red_bg_rip form button{
     background: #fff;
    color: #B32B2F !important;
    text-align: center;
    width: 100%;
    border-radius: 20px !important;
    padding: 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-top: 15px;border:2px solid white
}
.red_bg_rip form button:hover{ border:2px solid white ; color: #fff !important}
.contact-form{
  background: white;
    border-radius: 20px;
    padding: 27px;
}
.contact-form h5{
      font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 9;
}
.contact_banner{ background: black; overflow: hidden; width:100%}
.contact_banner img{ object-fit: cover;width: 100%;}
#contact_form input, #contact_form textarea{
  border-radius: 20px;
  padding: 15px 20px;     border: 1px solid #ccc;display: block;width: 100%; color: #B32B2F}

form button{
     background: #FF797D;
    color: #fff !important;
    text-align: center;
    width: 100%;
    border-radius: 20px !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-top: 8px;
}

#footer-newsletter input[type="email"] {
    /* height: 40px; */
    border-radius: 20px !important;
    padding: 15px 20px !important;
}

form small{ font-size:13px; color:white; margin-top:20px;    display: block;
    line-height: 1.2;
 }
 form {
    position: relative;
    z-index: 9;
}
footer a {
    text-decoration: none;
}
footer{ background:black;    padding-top: 4rem;
    padding-bottom: 1rem;margin-top: 20px;}
footer h6{ font-size:18px; margin-bottom:10px }
footer ul li{     font-size: 14px;
    line-height: 1.5;    opacity: 0.6; }

.fot_link {
    flex: 0 0 25%;
}
.btm_link{ color:white; font-size:12px; color:#8C8C8C; margin-right:10px; text-decoration:none }
footer p{ color:#8C8C8C ;font-size:12px }

footer p a{ color:#FF797D; }
@media screen and (max-width: 1000px){
.hero h1{ font-size:50px}
.cards h2 {
    font-size: 25px;
}
.cards h2 span{ font-size:20px}
.cards P{ font-size:14px}
.cards h3{ font-size:40px}
.card3.cards ul{ padding: 60px 25px;}
.card4 img{ max-width:100%}
.results .cards h2 {
    font-size: 17px;
    text-align: left;
    position: relative;
    z-index: 9;
    line-height: 1.2;
}
.card5 img {
    bottom: 0;
    left: 110px;
    z-index: 0;
    max-width: 62%;
}
.card7{ padding: 60px 36px 228px;}
.solution h2{ font-size:35px}
.solution h3{ font-size:26px}
.solution p {
    color: black;
    padding: 20px 0;
}
.red_bg h2{ font-size:28px}
.results h2{ max-width:100%}
}
@media screen and (max-width: 768px){

.hero h1, .intro h2, .cards h2, .cards h2 span, .results h2, .solution h2, .need_to_now_sec h2, .faq h2, .red_bg h2{ font-size:28px }
.hero p{font-size: 14px; width:100% }
.white_box{ padding:12px }
.white_box p{ font-size:15px; margin-top: 0 !important; }
.white_box img{ max-width:50% }
.cards h3{ font-size:40px }
.results .cards h2{ font-size:23px }
.solution p{     padding: 20px 0px; }
.accordion-button{ font-size:18px }
.accordion-body {
    font-size: 14px;
}
.red_bg{     background-size: 100% auto; }
.red_bg h2{ margin-top:0 }
img.img-fluid.last_img {max-width: 42%;}
.cards{ margin: 0 20px 20px !important; }
.card4 p {max-width: 100%;}
.results .bg-success{ padding: 2rem 0 0; }
.card6{padding: 40px 20px;}
.card4, .card1, .card2, .card3, .card5, .card6, .card7, .card8, .card9, .card10, .card11{padding-inline: 0 !important;}
.card4 h2, .card1 h2, .card2 h2, .card3 h2, .card5 h2, .card6 h2, .card7 h2, .card8 h2, .card9 h2, .card10 h2, .card11 h2,
.card4 p, .card1 p, .card2 p, .card3 p, .card5 p, .card6 p, .card7 p, .card7 small, .card8 p, .card9 p, .card10 p, .card11 p
{padding-inline: 20px !important;}
.points li{     font-size: 14px; }
p.sm-txt{     max-width: 90%;    font-size: 12px }
.solution .cards{ padding: 50px 20px 0; }
.solution  .cards h3{ font-size:30px }
.new_txt{ max-width:90% }
.red_bg{ padding-bottom:20px; margin-bottom:20px }
.red_bg:before{ background:none }
.fot_link {
    flex: 0 0 48%;
    margin-bottom: 20px;
}
.btm_fot p {
    margin: 10px 0;
}
img.mb-3.fot_logo {
    margin: 0 auto;
    display: block;
}
}

/*product*/

    .product_desc .nav-tabs {
      border-bottom: none;
      justify-content: center;
    }

    .product_desc .nav-tabs .nav-link {
      border: none;
      border-radius: 12px;
      margin: 0 4px;
      background-color: #fff;
      color: #c62828;
      font-weight: 500;
      padding: 12px 40px;
      font-size: 16px;
    }

    .product_desc .nav-tabs .nav-link.active {
      background-color: #B32B2F;
      color: #fff !important;
    }

    .product_desc .title {
      text-align: center;
      margin-bottom: 10px;
    }

    .product_desc .title h2 {
      font-size: 2.5rem;
      font-weight: 600;
    }

    .product_desc .title .text-danger {
      color: #c62828 !important;
    }

    .product_desc .subtext {
      text-align: center;
      font-size: 0.9rem;
    }

    .product_desc .subtext strong {
      font-weight: 600;
    }
    .product_desc .tab-pane{ background:white; border-radius:20px; position:relative; margin-bottom: 30px;    padding: 25px;}
    .product_desc .tab-pane:before{
    content: '';
    position: absolute;
    background: url(circle.svg);
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    top: 0;
    width: 34px;
    height: 17px;
    margin: 0 auto;

     }

  .product_desc .tab-pane:after{
    content: '';
    position: absolute;
    background: url(circle.svg);
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 17px;
    margin: 0 auto;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
     }
    .product_desc .tab-pane h3{
      font-size: 32px;
     }
       .product_desc .tab-pane h3 span{
        display: block; font-size: 15px;
       }
    .product_desc .product-card {
      background-color: #fff;
      border-radius: 20px;
      padding: 40px 30px;
      box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    }

    .product_desc .dosage-btns .btn {
      border-radius: 12px;
      font-weight: 500;
      padding: 8px 20px;
    }

    .product_desc .plan-option {
      border-radius: 12px;
      border: 1px solid #eedfce;
      padding: 14px 20px;
      margin-bottom: 12px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      transition: 0.2s;
    }

    .product_desc .plan-option:hover {
      background-color: #fdf3ea;
      border-color: #e4c5ae;
    }

    .product_desc .form-check-input:checked {
      background-color: #c62828;
      border-color: #c62828;
    }

    .product_desc .price {
      font-weight: bold;
      color: #c62828;flex: 0 0 13%;
    }
    .product_desc .price span{ display:block; font-size:14px; color:black; text-decoration:line-through;font-weight: normal; }
    .product_desc .form-check-label p{ font-size:20px }
    .product_desc .tab-pane .form-check{ margin-bottom:2rem;    padding: 0 4rem; }
    .product_desc .tab-pane .choose_plan{      margin-top: 40px;
    border-radius: 20px;
    padding: 20px 60px;
    background: #B32B2F;
    width: 64%;
    margin-inline: auto;
    display: block;}

    .popular_badge {
    max-width: 50%;
    position: relative;
       top: 0px;
    margin-left: 8px;
}

    .product_desc .original-price {
      text-decoration: line-through;
      color: #888;
      font-size: 0.9rem;
    }

    .product_desc .choose-btn {
      background-color: #c62828;
      color: #fff;
      font-weight: 600;
      border-radius: 14px;
      padding: 12px;
      width: 100%;
      margin-top: 20px;
    }
    p.active_pak {font-weight: bold;       flex: 0 0 50%;display: flex
;
    align-items: center;}
    p.pack {
        font-weight: normal;
        color: #8C8C8C;text-align: left;
        /* width: 40%; */flex: 0 0 30%;
    }
    .left_side_border{ position:relative; }
    .left_side_border:after{ content: '';
    position: absolute;
    /* left: 0; */
    right: 3px;
    width: 1px;
    height: 100%;
    background: #E3D0B4;
    margin: 0 auto; 
    top: 0}

    .product_desc .product-img {
      max-width: 250px;
      margin-bottom: 20px;
    }
    .product_desc .form-check-input[type=radio] {
    border-radius: 50%;
    border: 2px solid #E3D0B4;
    width: 20px;
    height: 20px;
    vertical-align: middle;    margin-top: 8px;
}
.product_desc .btn-group .btn.nxt_btn{
border-radius: 0px 15px 15px 0px;
}
    .product_desc .btn-group .btn{
      background: #FFF3E1; color:  #B32B2F; border-radius: 15px 15px 0px;    padding: 10px 20px;
    font-size: 16px;
    }
   .product_desc .btn-group .btn:last-child{
      border-radius: 0 15px 15px 0; 
    }
     .product_desc .btn-group .btn.active{
      background: #B32B2F; color: white;
    }
    .product_desc .product-title {
      font-size: 2rem;
      font-weight: 700;
    }

    .product_desc .made-in {
      font-size: 0.8rem;
      color: #555;
      margin-top: 10px;
    }

    .product_desc .badge-fire {
      background-color: #fcd34d;
      color: #000;
      font-size: 0.7rem;
      margin-left: 10px;
    }
    .product_desc h2{
          font-size: 56px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
    }
     .product_desc h2 span{color: #B32B2F;}


         .benefit-box {
      background: linear-gradient(to right, #c42d2d, #f14444);
      color: white;
      border-radius: 30px;
      padding: 1.5rem;
      display: flex;
      align-items: center;
      gap: 1.5rem;
      flex: 1;
      min-width: 280px;
    }
    .benefit-icon {
      background-color: white;
      border-radius: 15px;
      padding: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 80px;
      width: 80px;
    }
    .benefit-icon img {
      height: 80px;
      width: 80px;
    }
    .benefit-text {
      font-size:1.2rem;
      font-weight: 500;
    }
    .disclaimer {
      font-size: 1rem;
      font-weight: 600;
      color: #1d1d1f;
    }


     .benefits-section {
      background: linear-gradient(90deg, #4e863d, #76b042);
      border-radius: 20px;
      color: white;
      padding: 60px 40px;
      position: relative;
      overflow: hidden;
    }

    .benefits-section h2 {
      font-size: 40px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 20px;
          position: relative;
    z-index: 9;
    }

    .tab-buttons .btn {
      background: white;
      border-radius: 15px;
      color: #d4242c;
      font-weight: 600;
      margin: 5px;
      padding: 15px 44px;
      border: none;
    }

    .tab-buttons .btn.active {
      background: #B32B2F;
      color: white;
    }
    ul#productTab {
   border-bottom: none;
    margin: 0 auto;
    justify-content: center;
    position: relative;
    z-index: 999;
}

    .benefit-item {
      display: flex;
      align-items: flex-start;
      gap: 15px;
      margin-bottom: 20px;
    }

    .benefit-item img {
      width: 35px;
      margin-top: 5px;
    }

    .benefit-item h5 {
      font-weight: 700;
     
          font-size: 25px;
    margin-bottom: 8px;
    }

    .benefit-item p {
         margin: 0;
    font-size: 15px;
    font-weight: 400;
    opacity: 0.8;
    }

    .benefits-section .btn-choose {
      background-color: white;
      color: #d4242c;
      font-weight: 600;
      border-radius: 15px;
      padding: 20px 60px;
          margin-left: 3rem;
    }

    .packet-image {
          position: absolute;
    top: 0px;
    right: 0;
    max-height: 100%;
    max-width: 54%;
    z-index: 0;
    height: 100%;
    object-fit: cover;transform: rotate(17deg);
    }

    .content-left {
      position: relative;
      z-index: 2;
    }

    .subtitle {
      color: rgba(255, 255, 255, 0.7);
      font-size: 14px;
      text-align: center;
      margin-bottom: 40px;
    }

    .testimonial-section {
  background: #fff4e9;
  padding: 0 20px 20px;
  font-family: 'Helvetica Neue', sans-serif;
  text-align: center;
}

.testimonial-heading {
    font-size: 56px;
    font-weight: 400;
    margin-bottom: 40px;
    color: #000;
}

.testimonial-heading .highlight {
  color: #c93333; display: block;
}

.testimonial-slider {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0; /* Add horizontal padding to avoid edge clipping */
}

/* Flex-based spacing between slides */
.testimonial-slider .slick-track {
  display: flex !important;
  gap: 15px; /* Adjust this for desired spacing */
}



/* Optional: Focus effect */
.testimonial-slider .testimonial-card {
     min-height: 210px;
  border-radius: 16px;
  padding: 2rem;
 border: 1.5px solid #E3D0B4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  
}



.user-info {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.avatar {
  background: #d73737;
  color: white;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font-size: 24px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.name {
  font-weight: 600;
  font-size: 1.1rem;
  margin: 0 0 8px;
}

.age {
  font-size: 0.8rem;
  background: black;
  color: white;
  border-radius: 999px;
  padding: 4px 10px;
  margin-left: 8px;
}

.verified {
  font-size: 0.9rem;
  color: #888;
  margin-top: 2px;
      display: block;
    text-align: left;
}

.stars {
  color: #f4c150;
  font-size: 1.3rem;
  margin-bottom: 10px;text-align: left;
}

.quote {
     font-size: 1rem;
    font-weight: 500;
    color: #575757;
    text-align: left;
    line-height: 1.2;
}



.faq2 .accordion-button {
  font-size: 1rem;
  font-weight: 500;
  color: #111;
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding-left: 0;
}

.faq2 .accordion-button::after {
  margin-left: auto;
}

.faq2 .accordion-body {
  font-size: 1.1rem;
    padding-left: 0;
    line-height: 1.2;
}

.faq2 .accordion-item {
  background-color: transparent;
}

.object-fit-cover {
  object-fit: cover;
  height: 100%;
}

img.img-fluid.position-absolute.right_img {
    max-width: 65%;
    right: 0;
    height: 100%;
    object-fit: cover;
}

.plans h2 {
    font-size: 40px;
    display: block;
}

.testimonial-section p.sm-txt {
    color: #292D32 !important;
    opacity: 0.9;
}

.faq2 h2 {
    font-size: 40px;
    line-height: 1.3;
}
.faq2 .accordion-button{
  font-size: 22px;
}
.safety_info h2{font-size: 50px;    max-width: 50%;}
.right_img{ display:block; }
.right_img2{ display:none }
.red_box2{ min-height:400px }


/*product-details*/

.product-wrapper {
    padding: 2rem 1rem;
}

.badge-custom {
    background: #496C32;
    background: linear-gradient(90deg,rgba(73, 108, 50, 1) 0%, rgba(115, 184, 69, 1) 100%);
    color: white;
    font-size: 0.75rem;
    border-radius: 12px;
    padding: 0.438rem 0.625rem;
}

.product-image {
    max-width: 100%;
    border-radius: 12px;
}

.cta-btn {
    background-color: #c0342b;
    color: white;
    border-radius: 20px;
    padding: 18px 0;
    font-size: 16px;
    font-weight: 600;
    border:none;
}
.cta-btn:hover {
    background-color: #fff;
    color: #c0342b;
}
.cta-btn-2 {
    background-color: #fff;
    color: #c0342b;
    border-radius: 20px;
    padding: 18px 0;
    font-size: 16px;
    font-weight: 600;
    border:none;
}
.cta-btn-2:hover {
    background-color: #c0342b;
    color: #fff;
}

.note-text {
    font-size: 0.75rem;
    color: #6c757d;
}


.heading{
    font-size: 2.625rem;
    font-weight: 600;
    padding-bottom: 15px;
}
.star-ratting{
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    align-items: center;
    column-gap: 5px;
    color: #EFB45C;
}
.right-con p{
    font-size: 18px;
    line-height: 21px;
    color: #8C8C8C;
    padding-bottom: 30px;
}
.accordion-button{
    font-size: 22px;
    font-weight: 700;
    color: #292D32;
    background-color:transparent!important;
    border-radius: 0!important;
    box-shadow: none!important;
    border-top: 1px solid #E3D0B4;
    padding: 1.25rem 0;

}
.accordion-item{
    background: none;
    border:none;
    border-radius: 0;
}
.accordion-button:focus{
    border:none;
    box-shadow: none;
}
.accordion-body{
    font-size: 15px;
    line-height: 24px;
    padding: 1rem 0;
}
.product-box {
    background: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.right-con {
    padding-left: 35px;
}
.bottom-text {
    font-size: 16px;
    font-weight: 700;
    color: #1E1E1E;
    line-height: 25px;
}
.why-sec{
    background: #FFFFFF;
    padding: 40px 0;    margin-bottom: 40px;
}
.why-sec h1{
    font-size: 56px;
    color: #1E1E1E;
    padding-bottom: 20px;
}
.why-sec h1 span{
 color: #B32B2F;
}
.tablet-img{
    width: 300px;
}
.lft-con{
    max-width: 500px;
    width: 100%;
    position: absolute;
    top: 80px;
    left: 0;
}
.lft-con h3{
   font-size: 32px;
   font-weight: 600;
   color: #8C8C8C;
   padding-bottom: 10px;
}
.lft-con p {
    font-size: 16px;
    font-weight: 600;
    color: #292D32;
    line-height: 27px;
}

.right-con2 {
    max-width: 500px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: -45px;
}
.right-con2 h3{
   font-size: 32px;
   font-weight: 600;
   color: #8C8C8C;
   padding-bottom: 10px;
}
.right-con2 p {
    font-size: 16px;
    font-weight: 600;
    color: #292D32;
    line-height: 27px;
}
.started-btn{
    display: inline-block;
    text-decoration: none;
    padding: 14px 22px;
    margin-top: 10px;
}
.started-btn:hover{
    background: #000;
    color: #fff;
}
.real-people{
    width: 100%;
    padding: 40px 0;
}
.real-people h1{
    font-size: 56px;
    color: #1E1E1E;
    padding-bottom: 20px;
}
.real-people h1 span{
 color: #B32B2F;
}
.about-area{
    width: 100%;
    padding: 40px 0;
}
.abt-img img{
    object-fit: cover;
}
.badge-black {
    background: #1E1E1E;
    color: white;
    font-size: 0.75rem;
    border-radius: 12px;
    padding: 0.438rem 0.625rem;
}
.para-text2 {
    font-size: 18px;
    line-height: 21px;
    color: #292D32;
    padding-bottom: 30px;
}
div#productTabContent {
    position: relative;
    z-index: 99;
    max-width: 60%;
}
.about-area h2{
      font-size: 40px;
    font-weight: 600;
    margin-bottom: 40px;
    color: #000;
}
.about-area .accordion-button{ padding-bottom: 13px;
    padding-top: 13px; }
.about-area .accordion-header{ margin-bottom:0 }
.product_details h2{ font-size:42px; font-weight:600; margin-bottom:15px }
.product_details .accordion-button{ padding-bottom: 13px;
    padding-top: 13px; }
.product_details .accordion-header{ margin-bottom:0 }
.desktop_ver{ display:block; }
.mobile_ver{ display:none; }
@media screen and ( max-width: 1200px){
.top_bar ul li:first-child{ margin-right: 0;}
.top_bar ul li{ margin-right: 0px;    font-size: 11px;}
.top_bar ul li img{ margin-right: 4px;}
.points li, .benefit-box{ margin-bottom:10px}
.results .cards h2 {font-size: 20px;}
p.active_pak{ width: 100%;}
.benefit-text{ padding-left: 30px;}
#footer-newsletter input[type="email"]{ width:100%}
 .benefit-box{ margin-left:10px}
 .product_desc .form-check-input[type="radio"]{     margin-right: 10px;}
 .right-con2{ right:-54px}

}
@media screen and ( max-width: 1190px){
.lft-con, .right-con2{ max-width: 44%;}
.cards h2 {
    font-size: 35px;
}
.cards h2 span{ font-size:30px}
.white_box p{ font-size: 19px;}
.results .cards h2{ font-size: 22px;}
.card6 img{ max-width: 55%;}
.solution p {
    color: black;
    padding: 20px 0;
}
.points li{
  font-size: 11px;
    padding: 11px;
}

}
/*product-details*/
@media screen and ( max-width: 1100px){
.packet-image{ display:none }
#planTabs li.nav-item {margin-bottom: 10px;}
.product_desc .tab-pane .form-check{padding: 0 2rem;}
.product_desc .tab-pane .choose_plan{ width:100% }
.red_box2 p{ text-align:center}
.safety_info h2 {font-size: 35px;max-width: 100%;
        text-align: center;}
.right_img{ display:none; }
.right_img2{ display:block }
.safety_info a {margin: 0 auto;}
.red_box2 {min-height: 200px;}
.tablet-img {  width: 40%;margin: 0 auto;display: block;}

.lft-con h3, .right-con2 h3{ font-size: 24px; }
.right-con2, .lft-con{ bottom:0; position:relative; right:0; top:0 }
.desktop_ver{ display:none; }
.mobile_ver{ display:block; }
.started-btn {
    display: block;
    text-decoration: none;
    padding: 14px 22px;
    margin-top: 10px;
    margin: 24px auto 0;
    width: max-content;
}
.mb-padding {
    padding-left: 20px;
     padding-right: 20px;
}
.top_bar_scroller p{ margin-bottom: 6px}
    .top_bar ul li:first-child {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        width: 100%;
        text-align: center;
               font-weight: bold;
        font-size: 13px;
        margin-bottom: 8px;
    }
.marquee ul{ justify-content:center}
.top_bar ul li{  margin-bottom: 0;    margin-right: 0;
    font-size: 9px;}
    .top_bar ul li img {
        margin-right: 0px;
    }
    .marquee li {
    display: flex;
    align-items: center;
    padding-right: 5px;
    font-size: 12px;
    color: #000;
    flex: 0 0 40%;
    font-size: 10px !important;
    justify-content: center;
}
.d-mb-block{ display:none}

.red_bg img {
    max-width: 100%;
}
.red_bg h2{ font-size:30px}
.faq2 h2{ font-size:30px}
.lft-con, .right-con2{ max-width: 100%;}

}
@media screen and ( max-width: 990px){
.red_bg{ background-image:none; padding-right:0;margin-bottom: 20px;}
.d-mb-block{ display:block}
footer ul li{ font-size:11px}
    .cards h2 {
        font-size: 25px;
    }
        .cards h2 span {
        font-size: 20px;
    }
    .card5{ padding: 40px 20px 150px;}
    .card6{ padding: 40px 30px;}
    .card5 img{ max-width: 60%;}
    div#productTabContent{     max-width: 100%;}
    .white_box p {
        font-size: 12px;
    }
    img.img-fluid.last_img {
    max-width: 80%;
}

}

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

  .product_desc h2{ font-size:40px }
  #planTabs li.nav-item {margin-bottom: 12px;}
  .left_side_border:after{ background:none }
  .product_desc .tab-pane .form-check{ padding: 0 1rem; }
.product_desc .form-check-label p.active_pak {
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-right: 0;
        gap: 9px;
    }

  .product_desc .tab-pane .choose_plan{ width: 100%;    padding: 16px 45px; }
  .plans h2, .benefits-section h2,.testimonial-heading, .faq2 h2, .about-area h2{ font-size:30px }
  .why-sec h1{ font-size:40px }
  .benefit-icon img {height: 70px;width: 70px;}
  .benefit-text{ font-size: 1.2rem; }
  .disclaimer{font-size: 0.8rem; }
  .benefits-section{ padding: 60px 15px; }
  .benefit-item h5{ font-size:20px }
  .benefit-item p{ font-size:14px }
  .btn-sildenafil{ flex-direction:column; }
  .benefits-section .btn-choose{ margin-left:0 }
  .testimonial-section{padding: 40px 20px 20px; }
  .user-info{ flex-direction:column; }
  .faq2 .accordion-button {font-size: 18px;}
  .right_img{ display:none }
  .red_box2{ text-align:center; }
  div#productTabContent{ max-width:100% }
.accordion-button{font-size: 20px}
.right-con2{ margin-top:20px }
.tablet-img{   width: 70%;margin: 0 auto 20px; }
.right-con {
    padding-left: 17px;
    margin-top: 20px;
}
 .top_bar ul li:first-child{ font-weight:normal}
 .results .cards h2 {
        font-size: 20px;
    }
        .card7 {
        padding: 36px 36px 100px;
    }
    .white_box p {
        font-size: 17px;
    }
        img.img-fluid.last_img {
        max-width: 40%;
    }
    .card4 img {
        max-width: 94%;
    }
    .red_bg h2 {
        font-size: 25px;
        padding-top: 20px !important;
    }
.points li{     font-size: 12px;    padding: 11px;}


}

@media screen and ( max-width: 575px){
.order-sm-1 {
        order: 1 !important;
    }
        .order-sm-2 {
        order: 2 !important;
    }
footer ul li{ font-size:14px}
.benefit-text {
        font-size: 1rem;
    }
.flex-xs-column{ flex-direction:column}
.solution .cards h3 {
        font-size: 23px;
    }
    
}

/*menu*/
 #sidebar {
      position: fixed;
      top: 0;
      left: -250px; /* hidden off screen */
      width: 250px;
      height: 100%;
      background: #b32b2f;
      color: white;
      transition: left 0.3s ease;
      z-index: 999000;
      padding-top: 60px;
    }

    #sidebar.active {
      left: 0; /* slide in */
    }

    #sidebar .nav-link {
      color: white;
      padding: 10px 20px;
    }

    #sidebar .nav-link:hover {
          background-color: #fff3e1;
    color: black;
    }

    /* Overlay */
    #overlay {
      position: fixed;
      display: none;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1040;
    }

    #overlay.active {
      display: block;
    }

    .menu-btn {
      font-size: 24px;
      cursor: pointer;
    }


/* cart */
 .cart-img {
      width: 80px;
      height: 80px;
      object-fit: cover;
      border-radius: 8px;
    }
    .cart-summary {
      background-color: #f8f9fa;
      padding: 20px;
      border-radius: 10px;
          border: 1px solid #ccc;
    }




    .product-wrapper .cta-btn:hover {
	color: #c0342b !important;
}

.product-wrapper .cta-btn {
	transition:all 0.5s;
}
.cart_page .btn.btn-danger {
	font-size: 12px !important;
	padding: 5px 15px !important;
	margin-left: 10px;
	min-width: auto !important;
	width: auto !important;
  margin-top:0!important;
}
.cart-summary .btn,.cart_page .btn{
	background-color: #dc3545;
	border: 0 !important;
	border-radius: 40px;
}
.cart_page .btn {
	font-size: 14px;
	padding: 8px 25px;
	color: #fff!important;
}
.cart-summary .btn:hover,
.cart_page .btn:hover{
	background-color: #bb2b3b !important;
}
.product_desc .form-check-input[type="radio"] {
	margin-top: 4px !important;
}


@media screen and ( max-width: 767px){
  .cart_page .btn.btn-danger {
	margin-left: 0 !important;
}
.cart_page form .card > .row {
	justify-content: space-between;
}
.cart_page form .card > .row .text-muted.mb-0 {
	margin-bottom: 10px !important;
}
.need_to_now_small img, .need_to_now img{ margin:0}

}

@media screen and (max-width:400px){
  .safety_info h2{ font-size:25px}
  .marquee li{ flex: 0 0 50%;}
  .logo img {
    max-width: 60%;
}
.hero p{ max-width:100%}
.cards h2{ padding:0 !important}
.card3.cards ul{     padding: 40px 30px;}
.card4 img {
    max-width: 100%;
    margin: 23px 0px 13px 0;
}
.results img.img-fluid.w-50 {
    width: 100% !important;
}
.card5 img{ left:0}
}