body{font-family: Arial;font-size: 18px;line-height: 28px;}
    .footer-menu{width: 100% !important;}
    .wrap {max-width: 1000px;}
     .site-branding{box-shadow: none !important;}
    .review-head-sec h1{font-size: 40px;line-height: 45px;color: #000;margin: 0;padding: 0 0 10px;text-align: center;}
    .review-head-sec h2{font-size: 30px;line-height:35px;color: #000;margin: 0;padding: 0 0 30px;text-align: center;}
     .review-head-sec h2 span{color: #ff5700;}
     p.updated-date{font-size: 15px;line-height: 25px;color: #000;font-weight: 500;padding: 20px  0 0;}
     .supp-sec{margin: 50px 0 0 0;}
    .content-str h2{font-size: 30px;line-height: 35px;color: #000;margin: 15px 0 20px;}
    .d-block{display:block}
    .content-str ul li{color: #333;padding:0 0 5px 26px;list-style: none;position: relative;}
    .content-str ul li::before {width: 10px;content: "";height: 10px;background: #000;display: block;border-radius: 50%;position: absolute;left: 0;top: 10px;}
    .outer-author-wrap {padding: 10px; background: #000;margin: 0 0 30px;}
    .right-img {float: right;width: auto !important;}
    .phases h3 {margin: 20px 0 8px;font-size: 25px;line-height: 30px;}
    .phases p {margin: 0 0 10px;}
    p.what-feel {margin: 25px 0 10px;}
    .gry-bg {background: #e9e9e975;padding: 20px;margin: 50px 0 30px;}

    /* *************** in this review ************* */
    .review-head-sec-new{background:#efefef;padding: 20px;margin: 0 0 30px;border: 1px solid #000;border-radius: 5px;}
    .review-head-sec-new h2{font-size: 30px;line-height: 40px;padding: 0 0 10px;text-align: left;}
    ul.review-ul-sec-tbl {display: flex;flex-wrap: wrap;margin: 0;}
    ul.review-ul-sec-tbl li{padding: 0 20px 0 20px;border-left: 1px solid #000;font-size: 18px;line-height: 25px;margin-bottom: 10px;list-style: none;}
    ul.review-ul-sec-tbl li:first-child{padding: 0 20px 0 0;border-left: none;}

    /* *************** header *************** */
    .row-header{display: flex;align-items: center;justify-content: space-between;}
    .head-content p {margin: 0;color: #a7a7a7;}
    /* ****************** accordian in this review **************** */
    


.toc-toggle {
    position: relative;
    cursor: pointer;
    padding-right: 30px;
    display: flex;
    align-items: center;padding-bottom: 0!important;
}

/* + icon */
.toc-toggle::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    transition: transform 0.3s ease;
}

/* hidden by default */
.toc-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

/* active state */
.review-head-sec-new.active-acc .toc-content {
    max-height: 1000px; /* enough for all links */
}

.review-head-sec-new.active-acc .toc-toggle::after {
    content: "−";
}

    /* ************ Is Mars Men Legit or a Scam? section ****** */
    .legal-scam{border: 1px solid #000;border-radius: 30px;margin: 65px 0 65px;}
    .legal-scam h2{background: #ff5700;color: #fff;text-align: center;margin: 0;padding: 17px 0 18px;border-top-left-radius: 30px;border-top-right-radius: 30px;}
    .row-legal{display: grid;grid-template-columns:56% 44%;padding:45px 28px 45px 45px;align-items: center;}
    .col-legal-cont ul li::before{background: url(https://www.webhealthmagazine.com/wp-content/themes/webhealthmagazine/images/right.webp) no-repeat;background-size: 40px;top: -3px;width: 40px;height: 37px;top: 0px;}
    .content-str .col-legal-cont li{padding: 0 0 12px 50px;font-style: italic;}
    /************** ingredient section ************** */
    .row-men-ingre {display: grid;grid-template-columns: 20% 20% 20% 20% 20%;text-align: center;justify-content: center;margin:  30px 0 50px;}
    .col-men-ingre p{font-size: 23px;line-height: 33px;padding: 10px 0 0 ;margin: 0;}
    .men-ingre,.does-wk,.eff-safe,.men-revies,.strength-lim{margin: 0 0 60px;}

    /* *********** Mars Men Review ********** */
    .mixed-revis{margin: 50px 0 0 ;}
    .row-men-review{display: grid;grid-template-columns: 49% 49%;gap: 19px;}
    .mixed-p,.mixed-revis p,.other-revis p{font-size: 24px;line-height: 33px;}
    .content-str .mixed-revis li, .content-str .other-revis li{padding: 0 0 11px 35px;}
    .content-str .mixed-revis ul li::before{background: url(https://www.webhealthmagazine.com/wp-content/themes/webhealthmagazine/images/right-1.webp) no-repeat;}
    .content-str .mixed-revis ul li::before, .content-str .other-revis ul li::before{content: "";width: 34px;height: 34px;top: 6px;}
    .content-str .other-revis ul li::before{background: url(https://www.webhealthmagazine.com/wp-content/themes/webhealthmagazine/images/cross.webp) no-repeat;}
    p.incosis{font-size: 20px;line-height: 25px;}

    /* ************** Strengths & Limitations section ****************** */
    .row-strength-lim{display: grid;grid-template-columns: 36% 28% 36%}
    .content-str .col-strength ul li {font-size: 20px;padding: 0 0 30px 25px;line-height: 25px;}
    .col-strength h2{font-family: Arial;font-size: 35px;line-height: 40px;color: #292929;}
    .col-strength {padding: 50px 0 0;}
    .col-strength.col-lim h2{background: #c71305;color: #fff;max-width:max-content;padding: 5px 10px;font-size: 24px;line-height: 34px;}
     .col-strength.col-lim ul li::before{background: #c71305;}
    .one-of-lim{background: #c71305;padding: 20px;border-radius: 20px;margin: 15px 0 0 ;}
     .content-str .one-of-lim p{color: #fff !important;margin: 0;font-style: italic;}

     /* *************** top 6 section *************** */
     .top-ingre-sec{margin: 50px 0 60px ;}
     .top-ingre-sec h3{font-size: 30px;margin: 0 0 15px;padding: 0 0 ;line-height: 40px;}
     .ingr-col{background: #f9f7f8;border: 1px solid #e7e7e7;margin: 0 0 30px;}
     .ingr-col h3{background: #ff5700;color: #fff !important;padding: 2px 20px;font-size: 20px;font-weight: 500;margin: 0;}
     .ingr-desc {padding: 20px 20px 0;}

  /* *************** comparision table ****************** */
   .wps-table-wrapper-new{  padding:0 10px;}
    #comp-ppc .wps-table{  padding-right: 10px;border-radius: 20px;margin:138px auto 100px;  }
    #comp-ppc .wps-table .label{  display:none;}
    #comp-ppc .row{  display:grid;  grid-template-columns: 22% 26% 26% 26%;}
    #comp-ppc .row .cellsflex:nth-child(3),#comp-ppc .row .cellsflex:nth-child(5){margin: 0 10px;}
    #comp-ppc .row.header .cellsflex.sticky{ border-top-left-radius: 20px;border-bottom: 1px solid #e6e6e6;}
    #comp-ppc .row.header .cellsflex:nth-child(1) {border-top-right-radius: 0;}
    #comp-ppc .row.header .cellsflex:nth-child(2),#comp-ppc .row.header .cellsflex:nth-child(3),#comp-ppc  .row.header .cellsflex{  border-top-left-radius: 20px;  border-top-right-radius: 20px;}
    #comp-ppc .row:last-child .cellsflex:nth-child(2),#comp-ppc .row:last-child .cellsflex:nth-child(3),#comp-ppc  .row:last-child .cellsflex:nth-child(4){  border-bottom-left-radius: 20px;  border-bottom-right-radius: 20px;}
    #comp-ppc .row:not(.header) .cellsflex{  border-top:0;}
    #comp-ppc .row:last-child .cellsflex:first-child{  border-bottom-left-radius:20px;}
    #comp-ppc .row:last-child .cellsflex:last-child{  border-bottom-right-radius:0;}
    #comp-ppc .cellsflex{  padding:20px 16px; border:1px solid #e6e6e6; font-size:17px;line-height: 27px;  text-align:center;color: #000;}
    #comp-ppc .cellsflex h4{margin: 10px 0 0 0;}
    .cellsflex h5{margin: 0;}
    #comp-ppc .cellsflex.sticky{  background:#f3f3f3;  font-size:17px !important;  font-weight:700;   text-align:left; display: grid; align-items: center;  padding-left:20px;line-height: 30px;}
    #comp-ppc .headtitl {display: grid; align-items: center; justify-content: center;  padding: 19px 0 0;}
    #comp-ppc .headtitl h5,.headtitl h4{font-size: 21px;line-height: 27px;color: #fff;font-weight: 500;letter-spacing: 0;text-transform: capitalize;}
    #comp-ppc .headtitl h4{padding: 0;}
    #comp-ppc .row.header .cellsflex:first-child{padding: 0 0 10px 20px;}
    #comp-ppc .row.header .cellsflex{  border-bottom:0;  font-size:22px;padding: 0 10px 20px;}
    #comp-ppc .blue{  background:#0a2b5f;  color:#fff;}.gray{  background:#bcbcbc;  color:#fff;}
    #comp-ppc .headtblimg img{  margin-top: -106px;z-index: 99;position: relative;}
    #comp-ppc .stars{  margin-top:6px;  font-size:16px;  color:#ffcc00;  letter-spacing:2px;}
    #comp-ppc .row.header:nth-child(2) .cellsflex:nth-child(2),#comp-ppc .row.header:nth-child(2) .cellsflex:nth-child(3), #comp-ppc .row.header:nth-child(2) .cellsflex:nth-child(4){border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;}
    #comp-ppc .row:last-child .cellsflex:nth-child(2), #comp-ppc .row:last-child .cellsflex:nth-child(3), #comp-ppc .row:last-child .cellsflex:nth-child(4){border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;}
    /**************  Shine effect **************/
    .bottldiv {	max-width: 100%;margin: 0;padding: 0;position: relative;overflow: hidden;}
    .bottldiv::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
    -webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
    .bottldiv img {transition-duration: 3s;}
    .bottldiv:hover::before {-webkit-animation: shine 2s;animation: shine 2s;}
    @-webkit-keyframes shine {
        100% {left: 125%;}
    }
    @keyframes shine {
        100% {
            left: 125%;
        }
    }
    .headtblimg img ,.product-circle img,.product-circle{transition: 1s all ease-in-out;}
    .headtblimg img:hover ,.product-circle img:hover{transform: scale(1.08);}
    .btn::after {content: '';position: absolute;top: -50%;left: -60%;width: 200%;height: 200%;background: linear-gradient(50deg,rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 60%);
transform: translateX(-100%);animation: cfa-glimmer 5s infinite;}
@keyframes cfa-glimmer {
    0% {
            transform: translate(-80%, 0px);
    }
    50% {
            transform: translate(80%, 0px);
    }
}
.btn:hover{transform: translateY(-5px);}

/* *************** Sticky Banner Start ************** */
#promoBanner.show {display: block;}
#promoBanner {position: fixed;left: 0;right: 0;bottom: 0;z-index: 999;text-align: center;display: none;}
#closeBanner {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: #fff;border: none;font-size: 20px;cursor: pointer;color: #000;z-index: 99;font-weight: 700;}
#promoBanner img {width: 100%;height: auto;display: block;}
.desk-show{display:block}
.mob-show{display:none}
/* *************** Sticky Banner End ************** */

    /* *************** top products ************** */
    
.wps-heading {
    text-align: center;
    font-size: 50px;
    line-height: 55px;
    padding-bottom: 50px;
    padding: 0 40px;
    max-width: 1100px;
    margin: 0 auto 56px;
}

   
    .main-box{
      max-width: 1200px;
      margin: 0 auto 60px;
      border: 2px solid #333;
      border-radius: 32px;
      padding: 34px 30px 18px;
      background: #fff;
    }

    /* TOP SECTION */
    .top-section{
      display: flex;
      justify-content: space-between;
      gap: 20px;
      align-items: center;
    }

    .left-top{
      width: 50%;
    }

    /* 1. PeakErect - 40 */
    .brand-title{
      font-size: 40px;
      font-weight: bold;
      margin: 20px 0 0 0;
    }

    .content-str p.brand-sub{
      font-size: 24px; font-style: italic;
      margin: 15px 0 ;
      color: #707070 !important;
    }

    .product-circle{
      position: relative;
      border-radius: 50%;
      background: #062b5c;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 300px;
      height: 300px; margin: auto;
    }

    .right-top{
      width: 50%;
      text-align: center;
    }


    .grade-text{
      font-size:34px !important;
      font-weight: bold;
      margin: 0 !important;
    }


    .grade-big{
      font-size: 94px !important;
font-weight: 600;
      margin: 0 !important;
      line-height: 80px !important;
    }


    .ratingx{
      display: block;
      margin: auto;
      font-size: 23px;
         font-size: 23px;
    line-height: 28px;
    }


    .ratingx span{
      color:#fe5d0c ;
    }

    .stars{
      color: #fe5d0c;
      font-size: 16px;
      margin-top: 6px;
    }

.offer-box {
    margin: 50px auto 20px;
    border: 2px solid #bbb;
    padding: 10px;
    font-size: 15px;
    max-width: 100%;
    padding: 0 20px;
}

.offer-box .offstrng {
    display: block;
    font-size: 43px;
    margin-bottom: 5px;
    margin-top: -39px;
    background: #fff;
    font-weight: 900;
    margin: -13px auto 0;
    max-width: max-content;
    padding: 0 20px;
}
.offer-box p
 {
    font-size: 20px;
    line-height: 25px;
    margin: 0;
    padding: 19px 0 15px;
}

.sectionp{
   font-size: 22px;
    line-height: 27px;
}
    .offer-box a{
      color: #fe5d0c;
      font-weight: bold;
      text-decoration: none; outline: none;
    }


    .pros-cons{
      display: flex;
    margin-top: 45px;
      gap: 15px; margin-bottom: 35px;
    }

    .pros, .cons{
      width: 50%;

      background: #f9f9f9;
      overflow: hidden;
      border-radius: 6px;
    }


    .pros h3, .cons h3{
      margin: 0;
      padding: 9px 10px 0;
      text-align: center;
      font-size: 40px;
      font-weight: bold;
      color: #fff!important;
      position: relative;
    }

    .pros h3{
      background: #70b301;
    }

    .cons h3{
      background: #e33101;
    }

    .pros h3::after,
    .cons h3::after{
      content: "";
      position: absolute;
      bottom: -17px;
      left: 0;
      width: 100%;
      height: 18px;
      background: inherit;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
    }

    .list{
      padding: 44px 29px;
      font-size: 18px;
      line-height: 26px;

      list-style: none;
    }

    .content-str .list li {
    margin: 0 0 15px;font-size: 18px;
    position: relative;    padding: 0 0 10px 35px;


    border-bottom: 3px solid #fff;
}
.list li:last-child{border-bottom: none;}

    .pros .list li::before{
      position: absolute;
      top: 4px;
      left: 0;
      background: url(https://www.webhealthmagazine.com/wp-content/themes/webhealthmagazine/images/right-1.webp);
      content: '';
      background-repeat: no-repeat;
      width: 39px;
      height: 37px;
      background-size:24px;
    }

    .cons .list li::before{
      position: absolute;
      top: 4px;
      left: 0;
      background: url(https://www.webhealthmagazine.com/wp-content/themes/webhealthmagazine/images/cross.webp);
      content: '';
      background-repeat: no-repeat;
     width: 39px;
      height: 37px;
      background-size:24px;
    }

.note {
    font-size: 26px;
    line-height: 32px;
    font-weight: 500;
    color: #000;
}

    .bottom-content{
      margin-top: 15px;
      font-size: 12px;
      line-height: 18px;
    }

.bottom-content h2 {
    margin: 40px 0 30px;
    font-size: 40px;
    font-weight: bold;
}

    .bottom-content p{
      margin: 0 0 17px;
    }

    .btn-area{
      text-align: center;
      margin-top: 33px;
     margin-bottom: 20px;
    }

    .btn{
      display: inline-block;
      background: #ff5601;
      color: #fff;
      font-weight: bold;
      padding:14px 60px 16px;
      border-radius: 3px;
      text-decoration: none;position: relative;    overflow: hidden;
      font-size: 30px;transition: 0.5s all ease-in-out;
    }
    .prosmargin,.testocil{margin:22px 0 0;}
    .prosmargin .product-circle{background: #b31917;}
    .performer .product-circle {background: #1e6b85;}
    .testocil .product-circle{background: #a19fa2;}
  #comp-ppc .row.header:first-child .cellsflex.sticky{background: #fff;border-top-left-radius:0px;border:0px}
  #comp-ppc .row.header .cellsflex{border: none;}
  #comp-ppc .row:last-child .cellsflex{position: relative;border-bottom: none;}
  #comp-ppc .row:last-child .cellsflex::after{content: "";width: 100%;height:25px;display: block;position: absolute;bottom: -21px;left: 0;border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;border:1px solid #ddd;border-top: none;}
  #comp-ppc .row:last-child .cellsflex.sticky::after{content: none;}
  .wps-table {position: relative;z-index: 1;}
  #comp-ppc .row.header:first-child {height: 21px;}
  #comp-ppc .cellsflex.blue,  #comp-ppc .cellsflex.gray {display: flex;flex-direction: column;justify-content: end;}
  .headtblimg { position: relative;}
  .wps-table::after {content: "";width: 100%;height: 96%;position: absolute;bottom: 0;background: #e6e6e6;border-radius: 30px;z-index: -1;}
#comp-ppc .row.row-tbl {display: grid;grid-template-columns: 15% 16% 18% 17% 18% 16%;}
  /* **************** verdict ****************** */
  .bottom-content h3{margin: 5px 0 15px;font-size: 25px;line-height: 30px;}
  .chart-ic{line-height: 0;}
  .final-verdict {margin-bottom: 60px;}
  .col-strength.col-lim{padding: 0;}
  ul.chart-ic-sec{padding: 22px 0 0;}
  ul.chart-ic-sec li {display: grid;grid-template-columns: 10% 88%;align-items: center;gap: 9px;text-align: left;}
  .content-str ul.chart-ic-sec li::before{content: unset;}
      /* RESPONSIVE */
    @media(max-width:768px){
      .top-section{
        flex-direction: column;
        text-align: center;
      }

      .left-top, .right-top{
        width: 100%;
      }

      .product-circle{
        margin: auto;
      }

      .pros-cons{
        flex-direction: column;
      }

      .pros, .cons{
        width: 100%;
      }

      .grade-big{
        font-size: 90px;
        line-height: 90px;
      }

      .brand-title{
        font-size: 32px;line-height: 42px;
      }

      .grade-text{
        font-size: 35px;
      }

      .offer-box strong{
        font-size: 30px;
      }

      .pros h3, .cons h3{
        font-size: 32px;
      }

        .bottom-content h2 {
        font-size: 32px;
        line-height: 40px;
    }

      .bottom-content p{
        font-size: 18px;
        line-height: 28px;
      }

      .note{
        font-size: 18px;
      }

      .btn{    padding: 13px 60px 16px;
        font-size: 22px;        line-height: 32px;
      }
      .right-top {
    padding: 0 0 30px;
}
      .wps-heading {
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 50px;
    padding: 0 10px;
    margin: 0 auto 30px;
}
    }


  /* =========================== testotrone booster ppc style start ===================== */
    .top-header-sec{background: url(https://www.webhealthmagazine.com/wp-content/themes/webhealthmagazine/images/header-image.webp) no-repeat #000;height: 745px;background-position: center;}
    .md-container{max-width: 1200px;width: 100%;margin: auto;}
    .d-block{display: block;}
    .header-inner{padding: 110px 0 0 ;}
    .header-inner h1{font-size: 72px;line-height: 80px;color: #fff;margin: 0;padding: 0 0 15px;text-align: center;}
    .header-inner h2{font-size: 42px;line-height: 52px;color: #fff;margin: 0;padding: 0 0 20px;text-align: center;font-weight: 500;font-style: italic;}

    /* ************* ur-energy section *************** */
    .outer-bg-gry{background: #f9fafc;}
    .ur-energy{box-shadow:0 9px 8px 0 rgba(207, 207, 207, .48);;padding: 45px 25px;border-radius: 30px;margin: -220px auto 25px;background: #fff;}
    .org-bg{background: #f36621;color: #fff;padding: 0 5px;}

    /* *************** tab section *************/
    .outer-tab{border-top: 3px solid #f36621;border-bottom:3px solid #f36621;margin: 0 0 25px;}
    .outer-tab{display: flex;align-items: center;justify-content: space-around;padding: 5px;}
    .tab-head.active{background: #f36621;border-radius: 5px;}
    .tab-head.active h3 a{color: #fff !important;}
    .tab-head h3{font-size: 30px;line-height: 40px;padding: 10px;margin: 0;}
     .tab-head:hover {background: #f36621;border-radius: 5px;color: #fff;}
    .tab-head a:hover {color: #fff;}
    .ingre-sec-new { margin: 25px 25px 40px;}

    /* ******************** */
    .ingre-sec-new h3{font-size: 30px;line-height: 40px;padding: 0 0 10px;margin: 0;}

    /* ************** INGREDIENTS TO AVOID section ********* */
    .ingre-avoid{border-left: 5px solid #f04444;background: #fef2f2;padding: 45px 45px 60px;}
    .row-ingre-avoid3{display: grid;grid-template-columns: 31% 31% 31%;gap: 37px;justify-content: center;padding: 40px 0 37px;}
    .row-ingre-avoid2{display: grid;grid-template-columns: 31% 31%;gap: 37px;justify-content: center;}
    .ingre-avoid h2{color: #991b1c;font-size: 48px;line-height: 58px;margin: 0;padding: 0 0 10px;text-align: center;}
    .col-ingre-avoid h3{font-size: 22px;line-height: 28px;padding: 20px 15px;margin: 0;background: #ecc8c8;text-align: center;}
    .col-ingre-avoid{background: #f4dcdc;}
    .col-ingre-avoid ul{margin: 0 0 0 21px;padding: 0 0 20px;}
    .conte-ing{padding: 18px 5px 18px 13px ;}

     /************** INGREDIENTS FOUND *****************/
    .ingre-found{background: #f0fdf4;border-left: 5px solid #23c55e;padding: 45px 39px 45px;margin: 0 0 52px;}
    .ingre-found h2{font-size: 48px;line-height: 58px;color: #3fa566;padding: 0 0 10px;margin: 0;text-align: center;}
    .col-ingre-found {  display: grid;grid-template-columns: 16% 81%;gap: 28px;background: linear-gradient(0deg, rgba(220, 247, 230, 1) 57%, rgba(199, 242, 215, 1) 53%);padding: 15px 10px 35px 25px;}
    .col-ingre-found-conent p{font-size: 22px;line-height: 27px;padding: 5px 0 10px;margin: 0;}
    .row-ingre-found {display: grid;grid-template-columns: 50% 50%;justify-content: center;}
    .with-those h3{font-size: 23.5px;line-height: 32px;border: 1px solid #3fa566;border-radius: 15px;padding: 8px 0;text-align: center;font-style: italic;margin: 30px 0 0;}

    /* *********** Top Testosterone Boosters of 2026 *********** */
    .top-padd{padding: 17px;}
    .top-tbl-compre{margin: 0 0 50px;}
    .top-tbl-compre h2{font-size: 48px;line-height: 58px; text-align: center;padding: 0 0 10px;margin: 0;color: #000;}
    .top-tbl-compre p.assess{font-size: 24px;font-style: italic;line-height: 32px;color: #000;text-align: center;padding: 0 0 30px;}
    .row-top-head-tbl{display: grid;grid-template-columns: 18% 18% 18% 18% 18% 10%;background: #111828;border-radius:20px 20px 0 0 ;align-items: center;}
    .col-top-head-tbl h3{color: #fff !important;font-size: 24px;line-height: 34px;padding: 20px 10px;margin: 0;text-align: center;}
    .row-top-content-tbl{padding: 0 17px 0;display: grid;grid-template-columns: 18% 18% 18% 18% 18% 10%;text-align: center;border-bottom: 2px solid #000;}
    .col-top-content-tbl{position: relative;display: flex;justify-content: center;}
    .col-top-content-tbl::after{content: "";width: 2px;height: 100%;background: #000;position: absolute;top: 0;left: 0;}
     .row-top-content-tbl p{font-size: 24px;line-height: 34px;padding:17px 17px 17px;margin: 0;display: flex;align-items: center;}
     .col-top-content-tbl:first-child:after{content: unset;}
     .no-one-prod{background: #f36621;color: #fff;padding:2px 5px;border-radius: 5px;width: 47px;margin: auto;}
     p.rates{font-size: 30px;line-height: 40px;font-weight: 700;color: #000;}
     .row-top-content-tbl:last-child{border-bottom: none;}

     /* ************** top section *************** */
     .top-outer-wrap{border: 2px solid #f36621;border-radius: 20px;margin: 0 0 45px;}
     .top-rated-head-sec-bg-plain{background: #f3f4f6;border-radius: 20px 20px 0 0;}
     .top-rated-head-sec{background: #111828;border-radius: 20px 20px 0 0;}
     .row-top-rated-head-sec{display: grid;grid-template-columns: 82% 18%;align-items: center;justify-content: center;text-align: center;padding: 25px 65px;}
    .edi-rated{width: 351px;margin: 0 0 0 auto;gap: 10px; padding: 10px 0;background: linear-gradient(0deg,rgba(249, 178, 64, 1) 35%, rgba(252, 202, 87, 1) 53%, rgba(254, 223, 107, 1) 97%);border-radius: 0 17px 0 0;display: flex;align-items: center;justify-content: center;}
    .edi-rated p{margin: 0;padding: 0;text-transform: uppercase;color: #000;font-weight: 600;font-size: 22px;line-height: 27px;}
    .top1-rank{font-weight: 600;display: inline-block;width: 130px;height: 130px;background: #f36621;color: #fff;border-radius: 50%;font-size: 46px;line-height: 56px;display: flex;align-items: center;justify-content: center;}
    .col-top-rated-head-sec-left h2{font-size: 72px;line-height: 82px;font-weight: 600;color: #fff;margin: 0;padding: 0 0 0 30px;text-align: left;}
    .col-top-rated-head-sec-left h2 .brand-name{font-size: 30px;line-height: 40px;font-weight: 400;font-style: italic;}
    .col-top-rated-head-sec-left{display: flex;align-items: center;}
    .totl-rates{background: #fff;padding: 15px;}
    .totl-rates h2{font-size: 93px !important;line-height: 103px !important;padding: 0 ;margin: 0;color: #000;}
    .top-rated-head-sec-bg-plain h2{color: #000;font-size: 60px;line-height: 70px;}
     .totl-rates p.overall-rated{font-size: 30px;line-height: 40px;padding: 0;margin: 0;}
    .gen-ul li{font-size: 22px;line-height: 32px;}
      .progress-sec{position: relative;background: #fff;height: 40px;border-radius: 30px;border: 1px solid #40a466;}
      .proven-content-top {display: flex;align-items: center;justify-content: space-between;padding: 0 0 8px;}
      .proven-content-top p{font-size: 23px;line-height: 33px;font-weight: 600;padding: 0;margin: 0;}
      .row-wrap{margin: 0 0 15px;}
      .progress-bar-active.w-99{width: 99%;}
      .progress-bar-active.w-90{width: 90%;}
      .progress-bar-active.w-98{width: 98%;}
      .progress-bar-active.w-97{width: 97%;}
      .progress-bar-active.w-88{width: 88%;}
      .progress-bar-active.w-86{width: 86%;}
      .progress-bar-active.w-85{width: 85%;}
    .progress-bar-active.w-83{width: 83%;}
    .progress-bar-active.w-82{width: 82%;}
    .progress-bar-active.w-81{width: 81%;}
       .progress-bar-active.w-84{width: 84%;}
       .progress-bar-active.w-80{width: 80%;}
       .progress-bar-active.w-77{width: 77%;}
       .progress-bar-active.w-76{width: 76%;}
       .progress-bar-active.w-75{width: 75%;}
        .progress-bar-active.w-71{width: 71%;}
       .progress-bar-active.w-72{width: 72%;}
       .progress-bar-active.w-74{width: 74%;}
       .progress-bar-active.w-70{width: 70%;}
       .progress-bar-active.w-69{width: 69%;}
      .progress-bar-active {position: absolute;top: 0;left: 0;background: #40a466;height:40px;width: 0;border-radius: 20px;animation-fill-mode: forwards;}
      .animate-proven .progress-bar-active.w-99 { animation: fill99 1.5s ease-out forwards; }
      .animate-proven .progress-bar-active.w-98 { animation: fill98 1.5s ease-out forwards; }
      .animate-proven .progress-bar-active.w-97 { animation: fill97 1.5s ease-out forwards; }


      @keyframes fill99 {
        from { width: 0; }
        to { width: 98%; }
      }

      @keyframes fill98 {
        from { width: 0; }
        to { width: 96%; }
      }

      @keyframes fill97 {
        from { width: 0; }
        to { width: 94%; }
}
.top-content-desc-wrap{padding: 30px 20px 30px 25px;border-top: 2px solid #f36621;align-items: center;}
.top-content-desc{display: grid;grid-template-columns:46.3% 47.3%;gap: 50px;margin: 0 0 75px;}
.best-price-btn{background: #f36621;color: #fff;font-size: 24px;line-height:34px;text-align: center;max-width: 374px;padding: 4px 0;margin: -20px auto;text-align: center;text-decoration: none;font-weight: 600;display: block;}
.top-prod-imgs{text-align: center;border: 1px solid #f36621;padding: 20px 15px 0;}
.peak-space{padding: 0 0 30px;}
.top-content-desc-wrap h2{font-size: 44px;line-height: 55px;color: #000;padding: 0 0 10px;margin: 0;}
.top-content-desc-wrap p strong{color: #000;}
.top-content-desc-wrap ul{margin: 0 0 20px 27px;}
p.reson{background: #f36621;color: #fff;width: max-content;padding: 5px 10px;font-size: 26px;line-height: 36px;}

/* ************* pros cons **************** */
.row-pro-cons-top{display: grid;grid-template-columns: 47% 47%;gap: 60px;margin: 0 0 30px;}
.col-pros-top{border: 2px solid #40a466;}
.col-cons-top{border: 2px solid #991b1c;}
.col-pros-top h3,.col-cons-top h3{font-size: 36px;line-height: 46px;padding: 10px;text-align: center;margin: 0;color: #fff !important;background: #40a466;}
.col-cons-top h3{background: #991b1c;}
.col-pros-top ul,.col-cons-top ul{padding: 20px;margin: 0;}
.col-pros-top ul li,.col-cons-top ul li{list-style: none;position: relative;padding: 0 0 10px 30px;}
.col-pros-top ul li::before{content:"✔";position: absolute;left: 0;}
.col-cons-top ul li::before{content:"✖";position: absolute;left: 0;}
a.read-top-review strong{color: #205fd0 !important;}
.as-low-top li{list-style: none;display: flex;gap: 20px;align-items: center;margin: 0;padding: 0 0 15px;text-transform: uppercase;}
.as-low-top li p{margin: 0;font-size: 24px;line-height: 34px;}
.checkprice{font-size: 36px;line-height: 46px;;font-weight:700;background:  #f36621;color: #fff;text-decoration: none;text-transform: uppercase;max-width: 425px;width: 100%;margin: 0 auto 20px;text-align: center;display: block;border-radius: 10px;padding: 10px 0;}

/* ************* Final Recommendation ********** */
.right-u{border-bottom: 2px solid #f36621;margin: 0 0 30px;}
.final-reco h2{font-size: 48px;line-height: 58px;padding: 0 0 10px;margin: 0;color: #000; text-align: center;}
.final-reco p{font-size: 24px;line-height: 34px;padding: 0 0 10px;font-style: italic;margin: 0;text-align: center;}
.good-peak h3,.not-good-peak h3{font-size: 36px;line-height: 46px;padding: 0 0 15px;margin: 0;}
.good-peak ul{padding: 0 15px 30px;margin: 0;}
.not-good-peak {margin:  0;padding: 0 15px;}
.good-peak ul li,.not-good-peak  ul li{list-style-type: none;padding: 0 0 7px 40px;font-size: 22px;line-height: 32px;position: relative;}
.good-peak ul li::before,.not-good-peak ul li::before{content: "";background: url(https://www.webhealthmagazine.com/wp-content/themes/webhealthmagazine/images/right-mark-top.webp) no-repeat;background-size: 25px;position: absolute;left: 0;    width: 25px;height: 25px;}
.not-good-peak ul li::before{background: url(https://www.webhealthmagazine.com/wp-content/themes/webhealthmagazine/images/wrong-mark-top.webp) no-repeat;}
.goals{border: 1px solid #f36621;padding: 10px 10px 0;margin: 0 0 50px;}

/* ************************ */
.col-ingre-found:hover img {transform: scale(1.05);}
.top-prod-imgs:hover img {transform: scale(1.05);}
.checkprice:hover,.best-price-btn:hover {background: #fff;color: #f36621;transition: 0.5s all ease-in-out;border: 2px solid #f36621;transform: scale(1.03);}
a.read-top-review strong:hover {color: #f36621 !important;}
.checkprice,.best-price-btn {transition: 0.5s all ease-in-out;border: 2px solid transparent;}

 /* ===================== testotrone booster ppc style End ======================= */

     @media screen and (max-width:767px) {
      .row-header{gap: 10px;}
      .right-img{float: none;}
      .container-masonry{grid-template-columns: 100% !important;}
      .footerimg img {width: unset !important;}
    /* ************* comparision table css start ***************** */
    .content-str .wps-table-wrapper-new h2 {font-size: 26px;line-height: 38px;}
      .wps-table-wrapper-new{overflow:unset;   max-width:100%;  }
    #comp-ppc .wps-table{min-width:unset;box-shadow:none;background: transparent;border-radius:0; padding-right: 0;margin: 0 auto; }
    #comp-ppc .wps-heading{font-size:28px;  }
    #comp-ppc .row.header{display:none;  }
    #comp-ppc .row.header.row-tbl {display: none !important;}
    #comp-ppc .row, #comp-ppc .row.row-tbl{display:block;border:1px solid #e6e6e6;border-radius:14px;margin-bottom:18px;overflow:hidden;box-shadow: 0px 6px 15px rgba(0,0,0,0.08);}
    #comp-ppc .cellsflex{border:0;border-top:1px solid #e6e6e6;text-align:left;font-size: 17px;}
    #comp-ppc .cellsflex.sticky{border-top:0;background:#f3f3f3;font-size:18px;  }
    #comp-ppc .cellsflex:not(.sticky){display:grid;grid-template-columns: 40% 60%;gap:10px;  }
    #comp-ppc .wps-table .label{display:block;font-weight:800;color:#0a2b5f;  }
    #comp-ppc .row .cellsflex:nth-child(3),#comp-ppc .row .cellsflex:nth-child(5){margin: 0;}
    #comp-ppc .row:last-child .cellsflex:first-child {border-bottom-left-radius: 0;}
    .content-str .chart-ic-sec li {padding: 0 0 5px 0;}
    /* ************* comparision table css end ***************** */
    ul.review-ul-sec li{padding: 0 10px 0 10px;font-size: 15px;}
    .wrap.wrap-top{padding: 30px 10px 0;}
    .row-legal,.row-men-review,.row-strength-lim{grid-template-columns: 100%;}
    .review-head-sec h1 {line-height: 40px;font-size: 34px;;text-align: left;}
    .review-head-sec h2{font-size: 24px !important; line-height: 32px !important;text-align: left;}
    .content-str h2{font-size: 29px; line-height: 39px;}
    .review-head-sec-new{    padding: 10px 20px 0;}
    .content-str h2 {font-size: 35px;line-height: 45px}
    .col-strength h2 {margin: 0 0 20px;}
    .col-strength {padding: 0px 0 0;}
    .col-strength.col-lim{padding: 30px 0 0;}
    .col-legal-cont {order: 2;}
    .col-legal-img {order: 1;}
    .row-legal{padding: 45px 15px 45px;}
    .col-men-ingre img {width: 125px;}
    .col-men-ingre {margin: 0 0 20px;}
    .row-men-ingre{margin: 30px 0 0px;grid-template-columns: 50% 50%;}
    .col-men-ingre:last-child {grid-column: span 2;}
    .men-ingre,.eff-safe {background: #000;padding: 10px 10px 30px;}
    .men-ingre h2,.eff-safe h2,.men-ingre p,.eff-safe p {color: #fff !important;text-align: center;}
    .eff-safe ul li{color: #fff !important;}
    .content-str .eff-safe ul li::before{background: #fff;}
    .wps-table::after{content: unset;}
    .list{padding: 44px 13px 0;}
    .entry-content h1 { font-size: 34px; line-height: 40px;}


    /* ===================== testotrone booster ppc style start ======================= */
    .totl-rates{padding: 7px 7px 15px;}
     .col-ingre-found-conent p{font-size: 19px;line-height: 27px;}
    .header-inner h1 {font-size: 50px;line-height: 60px;}
    .header-inner h2 {font-size: 26px;line-height: 36px;}
    .ingre-found h2 ,.ingre-avoid h2{font-size: 28px;line-height: 37px;}
    .header-inner.md-container {padding: 40px 10px 0;}
    .top-header-sec{height: 517px;}
    .ingre-sec-new {margin: 25px 0 40px;}
    .ur-energy.md-container{margin: -35px auto 25px;width: 98%;padding: 25px 10px;}
    .tab-head h3 {font-size: 18px;line-height: 22px;}
    .row-ingre-avoid3,.row-ingre-avoid2,.row-ingre-found,.top-content-desc{grid-template-columns: 100%;}
    .top1-rank{width: 50px;height: 50px;font-size: 19px;padding: 9px;line-height: 29px;}
    .edi-rated p{font-size: 19px;}
    .edi-rated {width: 274px;}
    .col-top-rated-head-sec-left {flex-direction: column;gap: 10px;}
    .col-top-rated-head-sec-left h2 {font-size: 30px;line-height: 35px;padding: 0;text-align: center;}
    .col-top-rated-head-sec-left h2 .brand-name {font-size: 23px;}
    .row-top-rated-head-sec{grid-template-columns: 69% 31%;padding: 25px 10px;}
    .totl-rates h2 {font-size: 50px !important;line-height: 67px !important;}
    .totl-rates p.overall-rated {font-size: 22px;line-height: 27px;}
    p.reson{width: unset;}
    .row-pro-cons-top{grid-template-columns: 100%;gap: 30px;}
    .as-low-top li p{font-size:17px;line-height: 27px}
    .top-content-desc-wrap h2 {font-size: 34px;line-height:44px;}
    .top-content-desc{margin: 0 0 30px;}
    .top-content-desc-wrap ul{margin: 0 0 20px 0px;}
    .checkprice {font-size: 28px;line-height: 35px;}
    .final-reco h2 {font-size: 36px;line-height: 46px;}
    .gen-ul{ margin: 0 0 20px 26px !important;}
    .respo-top {overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .row-top-head-tbl {min-width: 890px; grid-template-columns:180px 150px 174px 161px 139px 82px;}
    .row-top-content-tbl {min-width: 860px; grid-template-columns: 153px 150px 181px 150px 150px 80px;padding: 0;}
    .col-top-head-tbl h3{font-size: 17px;line-height: 28px;}
    .row-top-content-tbl p {font-size: 18px;line-height: 27px;}
    .ingre-avoid{padding: 45px 20px 60px;}
    .ingre-found{padding: 45px 20px 45px;}
    .row-ingre-avoid3{padding: 10px 0 37px;}
    .top-tbl-compre h2 {font-size: 34px;line-height: 41px;}
    .top-content-desc-wrap{padding: 30px 15px 30px 15px;}
    .md-container{padding: 0 10px;}
    .col-pros-top h3, .col-cons-top h3 {font-size: 30px;line-height: 40px;}
    .col-ingre-found{grid-template-columns: 16% 81%;    gap: 14px;background: linear-gradient(0deg, rgba(220, 247, 230, 1) 67%, rgba(199, 242, 215, 1) 53%);padding: 15px 10px 35px 13px;}
    /* ===================== testotrone booster ppc style End ======================= */
     }

@media(max-width: 480px){
    .wrap.wrap-top {padding-top: 0;}
    ul.review-ul-sec-tbl{ display: block; }
    ul.review-ul-sec-tbl li { border-left:none ;  font-size: 17px; line-height: 23px; padding: 0 20px 0 0;}
    #promoBanner.show .desk-show{display: none;}
     #promoBanner.show .mob-show{display: block;}
     #closeBanner { font-size: 10px;top: 12px;padding: 4px 5px;}
    .top-section{display: block;}
    .product-circle { margin: 75px auto; }
    .offer-box .offstrng { font-size: 25px;   margin: -16px auto 0;}
    .offer-box p {padding: 5px 0 15px;}
    .offer-box {  padding: 0 10px;}
    .offer-box strong {  font-size: 20px;   display: block; }
    .offer-box {margin: 30px auto 0;}
    .bottom-content h2 { margin: 21px 0;  }
    .main-box { padding: 20px 15px 40px;}
    .brand-sub { text-align: center;   font-size: 20px; margin: 8px 0;}
    .brand-title{text-align: center;}
    .prosmargin,.testocil {margin-bottom: 0;}
    .head-content p { font-size: 9px;}
    img.logo-ppc { width: 130px!important;}
    .entry-content p{ font-size: 15px!important; line-height: 25px!important;}
    .entry-content h2 { font-size: 26px !important;}
    .entry-content h1 {font-size: 28px!important;line-height: 35px!important; }
    .entry-content ul li {font-size: 15px!important; line-height: 25px!important;}
    /* ***** promoBanner ******** */
    .desk-show{display:none}
    .mob-show{display:block}
}

@media screen and (max-width: 350px) {
    .header-inner h1 {font-size: 34px;line-height: 48px;}
    .col-ingre-avoid h3 {font-size: 20px;line-height: 26px;}
    .ingre-found h2, .ingre-avoid h2 {font-size: 27px;line-height: 36px;}
    .col-top-rated-head-sec-left h2 .brand-name {font-size: 18px}
    .totl-rates h2 {font-size: 50px !important;line-height: 55px !important;}
    .totl-rates p.overall-rated {font-size: 18px;}

}