/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      1.0
*/

@font-face {
    font-family: "GaleySemiBold";
    src: url("fonts/Galey-SemiBold.woff2") format("woff2"),
         url("fonts/Galey-SemiBold.woff") format("woff"),
         url("fonts/Galey-SemiBold.ttf") format("truetype");
    font-weight: 600;  /* SemiBold = 600 */
    font-style: normal;
}


.mulish-auto {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


.besley-auto {
  font-family: "Mulish", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}



body {overflow-x: hidden; font-family: "Mulish", sans-serif !important; background-color: #fff;}
h1,h2,h3,h4,h5 {font-family: "Mulish", sans-serif !important;}
h2 {font-size: 28px;}
h2,h3 {font-weight: 600 !important;}
input[type=checkbox] {cursor: pointer;}
a {color: #84ba85;}
a:hover {color: #68a470;}
button, input, optgroup, select, textarea {font-family: "Mulish", sans-serif !important;}

/* home page css start here */
section.brandMonth.margTop {margin-top: 171px;}
.container {max-width: 1280px; padding: 0;}
section.hero-banner {display: none;}

/* Static gutenberg css start here */
.wp-block-group.akkerBG {background-color:#F3F2ED;}
.akkerWhiteBG {background-color:#fff; border: 2px solid #000; padding: 20px 20px 0; border-radius: 18px;}
.akkerBG h2 a, .akkerBG h3 a {color: #000; text-decoration: none;}
.flexResource {display: flex; align-items: center !important;}
.greyBgAkker {background-color: #E1EBAC; border-radius: 15px; padding: 20px 20px 0; margin-bottom: 20px !important;}
.greenBgStudied {background-color: #7DD8C6; border-radius: 15px; padding: 20px 20px 0; margin-bottom: 0px !important;}
.custom-video-310 video {height: 310px; width: 100%; object-fit: cover;}
.pendulumBox .wp-block-group__inner-container{padding: 30px 0 !important;}
.studiedImg {margin-bottom: 20px;}
.providerImage {width: 100%; text-align: center;}
.providerImage img {width: 232px;}
.akkrBtn a  {padding: 8px 20px 8px !important; text-decoration: none !important; background-color: #84ba85 !important; color: #fff !important; border-radius: 7px; font-size: 15px; font-weight: 600; display: inline-block; transition: transform 0.2s ease-in-out; }
.akkrBtn a:hover {color: #fff !important; background-color: #68a470 !important;}
.akkrBtn.fullWidth a {display: block; width: 100%; margin-top: 15px;} 
.aboutSFIBox {display: flex; align-items: center !important; margin-bottom: 30px;}
.aboutSFIBoxText {margin-bottom: 20px;}
.aboutSFIBoxTextNew {margin-bottom: 35px;}
.aboutSFIBoxImage {margin-bottom: 35px;}
.akkerMrgTop {margin-top: 25px;}
.aboutSFIBoxImage img {max-width: 90%; margin-left: 5%;}
.seekingMrgBtm {margin-bottom: 30px;}
.akkerAlignCenter {align-items: center !important;}
.logoradiusFqi img {border-radius: 20px !important;}
.rcpGuided img {width: 100%;}
.rcpGuidedMRG {margin: 30px 0;}
.powerBiocidin {text-align: center;}
.aboutBioMedica {padding: 20px 0; background-color: #E8F8F5;}
.groupMrgBtm {margin-bottom: 30px;}
.powerBiocidin img {width: 84%; border-radius: 110px 110px 110px 110px;}
.row.bestWrapper {margin: 0; margin-bottom: 30px; border: 1px solid #ccc; border-radius: 20px; overflow: hidden;}
.productWrapper {display: flex; align-items: center; margin-bottom: 30px;}
.productWrapper h3 {margin-top: 0;}
.bestBox {background-color: rgb(245, 247, 250);}
.rootsCenter {text-align: center;}
.crossed {background-color: #7DD8C6; padding: 40px;}
.crossed .boxIcon {text-align: center; color: #fff; font-size: 20px;}
.crossed .boxIcon span i {font-size: 35px; margin-bottom:8px;}
.crossed .boxIcon p {font-size: 22px; margin-bottom: 0 !important; font-weight: 600;}

.rightAtrantil.borderRgt {border-right: 2px solid #000; padding-right: 10px;}

.threeColum {padding: 30px 0;}
.extractDiv h3.wp-block-heading.has-text-align-center {font-size: 25px !important;}
.extractDiv .imgBox {text-align: center;}
.extractDiv .imgBox img {width: auto; height: 125px; margin-bottom: 20px;}

.clinicalTrails {padding: 30px 0;}
.clinicalTrails h2 {text-align: center;}
.clinicDetails {margin-bottom: 30px;}
.clinicDetails h3 {text-align: center; background-color: #E1EBAC !important; padding: 5px 0; font-size: 21px;}
.clinicDetailsHeading {text-align: center; background-color: #E1EBAC !important; padding: 5px 0; font-size: 21px;}
.atranilFaq h2 {text-align: center;}
.rightAtrantil.borderRgt {border-right: 2px solid #000;}

.detailsHerb {display: flex; padding: 40px 0;}
.detailsHerb h4 {background-color: #e1ebac; font-size: 17px; font-weight: 600; padding: 10px 15px; color: #31708f; border-left: 5px solid #f4f2ec;}
.zenPlusProduct {text-align: center;}
.gradientBGArea {background: linear-gradient(to bottom, #ffffff 30%, #e1ebac 70%); display: flex; justify-content: center; align-items: center; padding: 20px 0;}

.guess{background-color: #fff; padding: 40px 0;}
.guess h4 {background-color: #e1ebac; font-size: 19px; font-weight: 600; padding: 10px 15px; color: #31708f; border-left: 5px solid #f4f2ec;}
.guess p { margin-bottom: 15px !important;}

.guessForm {background-color: #F4F2EC; padding: 0px 0;}
.guessHeading h2 {margin-bottom: 0; color: #31708f;}
.guessHeading p {color: #31708f;}
.formContainerBox {max-width: 700px; margin: 0 auto;}
.formContainerBox input[type=text], .formContainerBox input[type=email], .formContainerBox input[type=tel], .formContainerBox textarea {background-color: #fff; border-radius: 10px; border: 1px solid #fff !important;  padding-left: 15px; width: 100%;}
.formContainerBox input[type=text]:focus, .formContainerBox textarea:focus {border: 1px solid #ced4da !important; border-color: #ced4da !important;}
.form-group.text-end {text-align: right;}
/* .form-control:focus {border: none !important;} */
.formContainerBox .wpcf7-not-valid-tip {margin-bottom: 0; margin-top: 0;}
.formContainerBox span.wpcf7-list-item.first.last {margin-left: 0 !important;}

.videoThumbnail {margin-bottom: 20px; height: 175px; overflow: hidden;}
.videoThumbnail iframe {width: 100%; height: 175px !important;}
.productDisplay {padding: 30px 0; text-align: center;}
.productDisplay img {width: 160px; margin-bottom: 20px;}
.productDisplay h3 a {color: #000; text-decoration: none;}
.productDisplay h4 {font-size: 18px;}

.onlyFlex {display: flex;}
.basketMember {background-color: #fff; padding: 0 20px; height: 100%; border: 1px solid #fff; border-bottom: 7px solid #84ba85;}
.basketMember h3 {margin-top: 20px;}
.basketMember.greytest {background-color: transparent; border: 1px solid #000; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
.basketMember.transformContent .iconBullets {font-size: 10px; margin-top: 6px;}
.basketMember.transformContent h3 {margin-top: 20px;}

.transformContent h3 {margin-top: 0; margin-left: 0;}
.transformContent ul {margin: 0; list-style-type: none !important;}
.transformContent ul li {margin-bottom: 15px; display: flex;}
.iconBullets {margin-right: 10px; margin-top: 3px; color: #68a470;}
.transformMember {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}
.transformMember iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.transformContent h4 {text-align: center;}
.stepDiv {background-color: #fff; padding: 10px 20px 20px; border-radius: 15px; border:2px solid #000;}
.bioMedicaBanner {text-align: center;}
.bioMedicaBanner img {border-radius: 60px;}
.discountYHB {text-align: center; margin: 40px 0 40px;}
.discountYHB .icon-box-icon {font-size: 30px;}
.discountYHB h3 {font-size: 20px; line-height: 1.4; margin-top: 15px;}
.stetRoots {background-color: #8DBF41; padding: 10px 20px; color: #fff; margin-bottom: 20px;}
.applyAccount {text-align: center; margin: 20px 0; cursor: auto;}
.wp-block-button.applyAccount.akkrBtn a {cursor: text !important;}
.deliveryBox {text-align: center; padding: 40px 0;}
.imgDelivery {margin: 20px 0 10px;}
.textDelivery p {font-weight: 600;}
.socialIconDelivery a i {font-size: 50px; margin-right: 20px;}
.aboutBioMedicaContent {background-color: #fff; padding: 40px; border-radius: 15px; border:2px solid #000;}
.aboutPaddNone {padding: 0 !important; background-color: #fff; border-radius: 15px; border:2px solid #000;}
.socialIconDelivery a i {font-size: 50px; margin-right: 20px;}

.aboutNewRootsContent {background-color: #F9D08F; padding:0 15px; margin-bottom: 50px;}
.aboutNewRootsContent p {margin-bottom: 20px;}
.aboutNewRootsContent p:last-child {margin-bottom: 0;}

.digestClubNew {background-color: #E1EBAC; padding: 0px; margin-bottom: 30px;}
.digestClubNew h1 {margin-top: 0 !important;}

.digestImg {margin: 20px 0 30px; text-align: center;}
.benefitsImg img {border-radius: 30px;}
.benefitsContent {display: flex; justify-content: center; align-items: center !important; margin-bottom: 50px;}
.groupMrgBtmNew {margin-bottom: 50px;}

.founderAnna {background-color: #F4F9FF; text-align: center;}
.founderText {margin-bottom: 0;}
.founderText a {color: #68a470; font-size: 30px; font-weight: 700; text-decoration: none; line-height: 1;}
.founderText a span {font-weight: 400; font-size: 20px;}

.exclusiveDiscount {background-color: #7DD8C6; margin-bottom: 50px; text-align: center;}
.exclusiveDiscount h2 {font-size: 28px; font-weight: 700 !important; margin: 0; padding: 0;}

.proProduct.brder {border: 1px solid #7DD8C6; border-radius: 10px; padding: 30px 15px;}
.proProduct.brder p {font-size: 16px; font-weight: 400; margin-bottom: 20px;}
.proProduct.brder .imgProduct img {width: auto; height: 230px;}
span.priceDigest {display: inline-block; margin-bottom: 0px; font-size: 16px; font-weight: 600;}

.proProduct {text-align: center;}
.proProduct h3 {font-size: 18px !important; color: #000; text-decoration: none !important; margin-top: 20px;}
.proProduct h3 a {text-decoration: none; color: #000;}
.pricePro {display: block; margin-bottom: 20px; font-size: 16px; font-weight: 600;}
.imgProduct img {width: 160px;}

.formContainerBox {max-width: 700px; margin: 0 auto !important;}

.formContainerBox input[type=text], .formContainerBox input[type=email], .formContainerBox input[type=tel], .formContainerBox textarea {border-radius: 10px; width: 100%; border:1px solid #ccc !important; margin-bottom: 5px;}
.formContainerBox input[type=text]:focus, .formContainerBox textarea:focus {border: 1px solid #ced4da !important; border-color: #ced4da !important;}
.form-group.text-end {text-align: right;}
/* .form-control:focus {border: none !important;} */
.formContainerBox .wpcf7-not-valid-tip {margin-bottom: 0; margin-top: 0;}
.formContainerBox span.wpcf7-list-item.first.last {margin-left: 0 !important;}
.formContainerBox .form-group {margin-bottom: 5px;}
.formContainerBox.digestForm br {display: none;}
.practitionerBtn.widthFullBtn.noMrg {margin-left: 0 !important;}

.exclusiveDiscount.unlockBG {background-color: #E1EBAC;}

.authorDetailsWrapper {background-color: #4A4A4A; padding: 0px;}
.authorDetailsWrapper p {color: #fff;}
.autherImg {text-align: center;}
.autherImg img {max-width: 260px;}
.imgRight {text-align: right !important;}
.paddTop {padding-top: 20px;}

.datePro {display: block; margin-bottom: 20px; font-size: 16px; font-weight: 400; color: #888181;}

.headColor {color: #fff !important;}
.catherineBox h2 {margin-top:25px;}
.marginBottom {margin-bottom: 20px;}
.catherineBox h3 {margin-top: 20px;}

.catheringAcademy {background-color: #4A4A4A; padding: 20px;}
.catheringAcademy h2 {color: #fff; margin-bottom: 10px;}
.academyLogo {margin-bottom: 15px;}

.videoDetailsNew {position: relative;}
.videoDetailsNew iframe {width: 100%; height: 330px;}
.eveImg img {max-width: 300px;}

.eveProductList {background-color: #eee; padding: 20px;}
.eveProductList.recommend h3 {font-size: 18px !important;}
.eveProduct {text-align: left; margin-bottom: 20px;}
.eveProduct h3 {font-size: 22px; color: #000; text-decoration: none !important; margin-bottom: 5px;}
.eveProduct h3 a {text-decoration: none; color: #000;}
.eveProduct .practitionerBtn {margin-left: 0 !important;}
span.datePro {display: block; margin-bottom: 20px; font-size: 16px; font-weight: 400; color: #888181;}
.eveProductImg a {width: 100%;}
.eveProductImg img {width: 100%;}

.coachBox {display: flex; background-color: #fff; box-shadow: 0px 0px 28px 11px rgba(159,159,159,.33); gap: 30px; align-items: center !important; flex-wrap: nowrap !important;} 
.donRecommends.extens {flex-wrap: nowrap !important;}
.coachBox h1 {font-size: 50px !important; margin-bottom: 10px !important;}
.coachBox h4 {margin-bottom: 0; font-weight: 700;}
.coachImg img {width: 300px;}
.coachDetaILS {flex: 1; text-align: left; margin-left: 50px; padding-right: 25px;}
.donRecommends {margin-top: 40px;}

blockquote.consultText {position: relative; border-left: none; padding-left: 0; font-size: 18px; font-style: normal; margin: 0; padding-top: 0;}
blockquote.consultText:before {    color: #000;
    content: "“";
    display: block;
    font-family: Times New Roman, Times, serif;
    font-size: 60px;
    font-weight: 900;
    height: .6em;
    line-height: 1;}

.responsive-above-216007 {
  width: 100%;
  display: block;        /* responsive banane ka main trick */
  /* overflow-x: auto; */

}




.pdp-short-description {margin-top: 15px;}
.pdp-short-description p {margin-bottom: 15px; font-size: 15px;}


/* Static gutenberg css end here */

.goal_slider.brandTopMobile .slick-track {display: flex !important;}
.goal_slider.brandTopMobile .slick-slide {height:inherit !important;}
.goal_slider.brandTopMobile .slick-slide > div {height:100% !important;}

.item.product.pracArea {background-color:#d1e7dd; position: relative;}
.item.product.pracArea h2 {margin-bottom: 10px !important; height: auto; padding-bottom: 0; font-size: 18px;}

.item.product.themeArea {background-color:#fcf8e6; position: relative;}
.item.product.themeArea h2 {margin-bottom: 10px !important; height: auto; padding-bottom: 0; font-size: 18px;}

.item.product.directArea {background-color:#d4f2ec; position: relative;}
.item.product.directArea h2 {margin-bottom: 10px !important; height: auto; padding-bottom: 0; font-size: 18px;}
.commonSlider .discoverBox a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {padding: 8px 5px !important;}


/* Home page FAQs start here */
.faqHomeSection {padding: 40px 20px 40px; background-color: #EAF9F6; margin-bottom: 40px; border-radius: 15px;}
.faqHomeSection h2 {text-align: center;}
.faqHomeSection div#faqAccordion {max-width: 850px; margin: 0 auto;}
.faqHomeSection .accordion-header {position: relative;}

.faqHomeSection .accordion-button { background-color: transparent; padding-left: 0; padding-right: 0; font-size: 20px; font-weight: 600; color: #2f4a63; box-shadow: none !important;}

.faqHomeSection .accordion-button:not(.collapsed) {background-color: transparent; color: #2f4a63;}
.faqHomeSection .accordion-item { border: none; border-bottom: 1px solid #cfcfcf; background-color: transparent;}

      .faqHomeSection .accordion-button::after {
    background-image: none !important;
    content: '+'; padding-bottom: 5px;
    font-size: 28px;
    font-weight: 600;
    border: 1px solid #2f4a63;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2f4a63;
    transition: transform 0.3s ease;
}

/* Rotate when open */
.faqHomeSection .accordion-button:not(.collapsed)::after {
    transform: rotate(45deg);
}
.faqHomeSection .accordion-body {font-size: 16px; color: #555; padding-left: 0; padding-right: 0; padding-top: 0;}
.faqHomeSection .accordion-body a {color: #68a470;}
.faqHomeSection .accordion-body a:hover {text-decoration: none;}


.faqHomeSection .faqBox {max-width: 850px; margin: 0 auto;}
.faqHomeSection .faqBox .detailBox {background-color: transparent; border-bottom:1px solid #cfcfcf; padding: 20px 0px 10px 0px;}
.faqHomeSection .faqBox .detailBox.active {background-color: transparent;}
.faqHomeSection .faqBox .detailBox h5:after {
  background-image: none !important;
    content: '+'; padding-bottom: 5px;
    font-size: 28px;
    font-weight: 600;
    border: 1px solid #2f4a63;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2f4a63;
    transition: transform 0.3s ease;
}
.faqHomeSection .faqBox .detailBox.active h5:after {transform: rotate(45deg); content: '+'; display: inline-flex; top: -12px;}
.faqHomeSection .faqBox h5 {color: #2f4a63; font-size: 20px;}
.faqHomeSection .faqBox .detailBox.active h5 {color: #2f4a63;}
.faqHomeSection .faqBox .detailBox .innerDetails p {margin-bottom: 0;}

/* Home page FAQs end here */

.protocolAllBtn {display: flex; align-items: center;}
.protocolAllBtn .clientOrderBtn {white-space: nowrap;}
span.practitioner-portal-client {margin-left: 7px;}
span.practitioner-portal-client:first-child {margin-left: 0;}


/* Home page Newsletter start here */
.homeNewsBox {background-color: #ebf2ef; border-radius: 15px; text-align: center; padding: 25px 20px; margin-top: 20px;}
.homeNewsBox h2 {font-size: 30px; margin-top: 0px; margin-bottom: 8px; font-weight: 700 !important;}
.homeNewsBox h2 span {font-weight: 700;}
.homeNewsBox p {font-size: 17px;}
.homeNewsBox input {border: 1px solid #d8d7d7 !important; border-radius: 8px; background-color: #fff; outline: none !important; box-shadow: none !important; font-size: 16px; margin-bottom: 15px;}
.homeNewsBox input:focus {border: 1px solid #d8d7d7 !important;}
.joinNewsletter {max-width: 450px; margin: 0 auto 0px;}
.small.smallText {color: #6c757d!important; margin-top: 10px;}

/* Home page Newsletter end here */

.brandMonth {margin-top: 50px;}
.padd {padding: 40px 0;}
.padd-20 {padding: 20px 0 40px;}
.goals.brandMonthMobile {display: none;}
.brandMonth .brandCardLeft {background-color: #d1e7dd; border-radius: 10px; padding: 20px; position: relative; overflow: hidden; background:#d9f6de url(assets/images/leftBGbrand.webp) no-repeat right 0px bottom 0px; background-size: 70%; height: 445px;}
.brandMonth .discountRed {background-color: red; border-radius: 20px; padding: 5px 20px; display: inline-block; font-size: 14px; color: #fff; font-weight: 700; margin-bottom: 20px;}
.brandMonth .smallText {color: #000; font-size: 15px; margin-bottom: 20px;}
.brandMonth .smallText p {margin-bottom: 13px;}
.brandMonth h2 {font-size: 26px; margin-bottom: 20px; font-weight: 700;}
.shopRange {padding: 8px 20px 8px !important; text-decoration: none !important; background-color: #84ba85 !important; color: #fff !important; border-radius: 7px; font-size: 15px; font-weight: 600; display: inline-block; transition: transform 0.2s ease-in-out;}
.shopRange:hover {color: #fff !important; background-color: #68a470 !important;}
.productImg {width: 100%; text-align: right; margin-top: -20px;}
.productImg img {width: 120px; margin-right: 30px;}
.leftBgBrand {width: 350px; height: auto; position: absolute; right: 0; bottom: 0;}
.leftBgBrand img {width: 100%;}

.paddTopBant {padding-top: 45px;}
.paddBtmNone {padding-bottom: 0;}
.BantImage img{width: 100%; border-radius: 10px;}

.was-validated .form-check-input:invalid~.form-check-label {color: #000 !important;}

.brandCardRgtTop {border-radius: 10px; padding: 20px; margin-bottom: 20px; display: flex; background:#fcf8e6 url(assets/images/rightBgTop.webp) no-repeat right 0px bottom 0px; background-size: 50%;} 
.brandCardRgtBottom {border-radius: 10px; padding: 20px; display: flex; background:#d4f2ec url(assets/images/rightBgBottomFinal.jpg) no-repeat right 0px bottom 0px; background-size: 50%;} 
.leftData {width: 100%;}
.brandCardRgtTop .rgtImgData {width: 15%; margin-left: 5%;}
.brandCardRgtTop .rgtImgData img {width: 100%;}
.brandCardRgtBottom .rgtImgData {width: 14%; margin-left: 5%;}
.brandCardRgtBottom .rgtImgData img {width: 100%;}

.mrgLeftNone {margin-left: 0 !important;}
.additonDeleryBox {background-color: rgb(245, 247, 250); border-radius: 15px; border: 1px solid rgba(0,0,0,.105);}
.supplementBox {background-color: #ebf2ef; border-radius: 15px; padding: 20px 20px 0;}
.site-main .additonDeleryBox .wp-block-group__inner-container {padding:35px 0 15px;}

.input-group.phoneGroup {align-items: center;}
input#phoneCode {width: 30%;}
input#number {width: 65%;}

.practitionerBtnForm:focus, .practitionerBtn:focus {background-color: #68a470;}
.directoryBtn:focus {background-color: #e6f8eb;}
.practitionerBtn:focus, .practitionerBtn:active, .practitionerBtn:focus-visible {background-color: #68a470 !important;}

.tableResponsiveProtocol {overflow: auto;}
.clientOrderBtn.margnBTM {margin-left: 10px;} 

.userBox {background-color: #F6F6F6; padding: 15px; border-radius: 10px; display: flex; align-items: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); border: 1px solid #eee;}
.userBox .imgLeft {margin-right: 20px; width: 70px;}
.consultMobileText {display: none; font-size: 16px; color: #fff; margin-bottom: 10px;}
.userBox h4 {font-size: 18px; font-weight: 600; margin-bottom: 5px; color: #333;}
.userBox p {font-size: 16px; font-weight: 400; line-height: 1.5; margin-bottom: 0; color: #777;}
.padd15 {padding: 0 15px !important;}

section.bookConsult {background-color: #84ba85; text-align: center; padding: 35px;}
.freeBTN {color: #84ba85; border-radius: 5px; padding: 10px 28px 10px 28px; background-color: #fff; border: none; font-size: 16px; font-weight: 500; text-decoration: none !important;}
.freeBTN:hover {background-color: #68a470; color: #fff;}

.homeBrandContainer {width: 100%; margin: 0 auto 30px; display: flex; gap: 2em;}
.homeBrandContainer .itemBrand {flex-basis: 0; flex-grow: 1;}
.homeBrandContainer figure {border: 1px solid #d5d5d5; border-radius: 10px; padding: 10px; cursor: pointer;}
.homeBrandContainer figure:hover {box-shadow: 0 8px 16px rgba(0,0,0,.16);}
.homeBrandContainer figure img {width: 100%;}

#customer_login form.login {margin: 0 !important;}

.form-step.active label {display: inline-block;}

/* section.winter .container {overflow: hidden;} */
.winter_slider .item {margin:0 0px; position: relative;}
.winter_slider .item figure {overflow: hidden; border-radius: 10px;}
.winter_slider .item img {width: 100%;}
.winter_slider .item .winterContent {position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); text-align: left; padding: 30px 30px; width: 100%; border-radius: 0 0 10px 10px; z-index: 99;} 
.winter_slider .item .winterContent h3 {width: 100%; padding: 12px 0; color: #fff; font-size: 36px; font-weight: 700; margin: 0; padding: 0 !important; margin-bottom: 20px;}
.winter_slider .item .winterContent p {width: 100%; padding: 12px 0; color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.winter_slider .item .winterContent .veiwBTN {padding: 10px 20px; color: #fff; font-size: 16px; font-weight: 500; background-color: #84ba85; border: none; border-radius: 5px; display: inline-block; text-decoration: none;}
.winter_slider .item .winterContent .veiwBTN:hover {background-color: #68a470; color: #fff;}
.winter_slider .slick-dots {bottom: 10px; display: block !important;}
.winter_slider .slick-dots li {width: 7px; }
.slick-dots li button:before {font-size: 10px;}

html {
    scroll-padding-top: 0 !important;
    margin-top: 0 !important;
}

.slick-prev {appearance: none;
    line-height: 1.4;
    vertical-align: top;
    border: 1px solid transparent;
    font-size: 0;
    transition: 400ms cubic-bezier(0.075, 0.82, 0.165, 1), visibility;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 16px 0px;
    z-index: 101;
    background: rgb(255, 255, 255) !important;
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: -14px;
    padding: 0px !important; justify-content: center;
  }
    .slick-prev:before {  content: "";
  border: solid #2c3e50;
  border-width: 0 2px 2px 0; background-image: none !important; width: auto; height: auto;
  display: inline-block;
  padding: 5px;
  transform: rotate(135deg); /* Left arrow */
}

.slick-next {appearance: none;
    line-height: 1.4;
    vertical-align: top;
    border: 1px solid transparent;
    font-size: 0;
    transition: 400ms cubic-bezier(0.075, 0.82, 0.165, 1), visibility;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 16px 0px;
    z-index: 101;
    background: rgb(255, 255, 255) !important;
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: -14px;
    padding: 0px !important; justify-content: center;
  }
    .slick-next:before {  content: "";
  border: solid #2c3e50;
  border-width: 0 2px 2px 0; background-image: none !important; width: auto; height: auto;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg); /* Left arrow */
}
.slick-prev:hover, .slick-next:hover {background-color: #f5f7fa !important;}
.add_practitioner_button.addWidth {width: 90%;}
.textHeading {display: flex; justify-content: space-between; padding: 0 10px; margin-bottom: 15px;}
.textHeading h2 {font-size: 28px; margin-bottom: 0;}
.arrowText {display: flex; align-items: center; cursor: pointer;}
.arrowText a {text-decoration: none;}
.arrowText a:hover h4 {text-decoration: underline;}
.arrowText a:hover svg {color: #68a470 !important;}
.arrowText a h4 {margin-bottom: 0; font-size: 16px; font-weight: 600 !important; text-decoration: none; color: #000; font-family: "Mulish", sans-serif !important;}

/* new Arrival slider css start here */
span.discount-badge {
    right: 0px !important;
    position: absolute;
    top: 10px !important;
    background: transparent;
    color: #000;
    padding: 0px 10px 0px !important;
    font-size: 22px !important;
    height: auto;
    line-height: 30px;
    border-radius: 0px 15px 0px 0px !important;
}
.commonSlider .product {margin:0 10px; position: relative; background-color: #fff; border-radius: 15px; padding: 0px 0 20px; text-align: center; transition: .3s; cursor: pointer; border: 1px solid #ccc; overflow: hidden;}
.commonSlider .slick-track {padding: 10px 0;}
.commonSlider .product:hover {box-shadow: 0px 2px 10px rgba(0,0,0,0.2); transform: scale(1);} 
.commonSlider .product:hover .addToBasket {background-color: #68a470; border: 1px solid #68a470; color: #fff;}

.commonSlider .product h2 {width: 100%; text-align: left; font-size: 16px; color: #000; height: 78px; line-height: 1.4; margin-top: 7px; margin-bottom:10px; padding: 10px; font-weight: 500; padding-left: 20px;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;

}
.commonSlider figure {text-align: center; background-color: #fff; padding: 20px 0;}
.commonSlider img {border-radius: 10px; width: auto; height: 151px !important; display: inline-block !important;}
.commonSlider .product span bdi {font-size: 20px; font-weight: 700; display: block; color: #000; display: flex; justify-content: center;}
.commonSlider .product a {text-decoration: none !important; color: #000 !important;}


.commonSlider a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {padding: 8px 24px !important; border: 1px solid #84ba85 !important; color: #fff; text-align: center; font-size: 14px; background-color: #84ba85 !important; border-radius: 7px; margin-top: 10px; width: 90% !important;}
.commonSlider a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {background-color: #68a470 !important; border: 1px solid #68a470 !important; color: #fff;}


.commonSlider a.button.product_type_simple {padding: 10px 24px !important; border: 1px solid #68a470; width: 90% !important; color: #fff; text-align: center; font-size: 14px; background-color: #68a470 !important; border-radius: 7px; margin-top: 10px;}
.commonSlider a.button.product_type_simple:hover {background-color: #84ba85 !important; border: 1px solid #84ba85; color: #fff;}

.commonSlider a.button.product_type_simple.out-of-stock {width: 90% !important; font-weight: 700; border: 1px solid #68a470 !important; padding-top: 12px !important;}
.commonSlider a.button.product_type_simple.out-of-stock:hover {border: 1px solid #84ba85 !important;}

.commonSlider a.button.added_to_cart.wc-forward {padding: 10px 24px !important; border: 1px solid #68a470 ; color: #fff; text-align: center; font-size: 14px; background-color: #68a470 ; border-radius: 7px; margin-top: 10px; width: 142px; margin: 10px auto 0;}
.commonSlider a.button.added_to_cart.wc-forward:hover {background-color: #84ba85; border: 1px solid #84ba85; color: #fff;}
.commonSlider p.product.woocommerce.add_to_cart_inline.custom-add-to-cart {border: none !important; box-shadow: none !important; padding: 0 !important;}
.commonSlider .price {display: flex; justify-content:flex-start; gap: 10px; padding-left: 0px; min-height: 17px; align-items: center;}
.commonSlider .yith-wcbm-badge.yith-wcbm-badge-text.yith-wcbm-badge-15295 {background-color:#68a470; width: auto; height: auto; padding: 5px;}

.commonSlider.searchSlider .price {display: inline-block; justify-content:flex-start; gap: 10px; padding-left: 5px; min-height: 17px; align-items: center;}


.goal_slider.commonSlider figure{background-color: #fff; padding: 0;}
.goal_slider.commonSlider figure img{width: 100%; height: auto !important; border-radius: 0;}
.goal_slider.commonSlider p{font-weight: 400 !important; font-size: 15px; text-align: left !important; padding: 0 20px; margin-bottom: 0;}
.linkNewDetails {display: flex; justify-content: flex-end; padding: 0 20px; margin-top: 10px;}
.roundLink {background-color: #333; border-radius: 50%; display: inline-block; padding: 7px 5px 0 5px; cursor: pointer;}
.roundLink:hover {background-color:#84ba85;}
/* new Arrival slider css end here */

.faqBox {display: -webkit-box; display: -ms-flexbox; display: flex; clear: both; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position:relative}
.faqBox .detailBox {padding: 20px 20px 10px 20px; background-color: #FBFBFB; border-radius: 5px; margin-bottom: 15px;}
.faqBox .detailBox .innerDetails {display: none; padding-bottom: 10px;}
.faqBox .detailBox .innerDetails p {margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #515151;}
.faqBox .detailBox .innerDetails p br {display: none;}
.term-decription .faqBox .detailBox .innerDetails p br {display: none;}
.faqBox .detailBox.active {background-color: #FBFBFB;}
.faqBox .detailBox.active h5 {color: #84ba85;}
.faqBox h5 {color: #231F20; cursor: pointer; font-size: 16px; font-weight: 600; padding-right: 35px; position: relative; padding-bottom:10px; margin-bottom:0;}
.faqBox .detailBox h5:after { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; content: '+'; display: block; position: absolute; right: 10px; top: -12px; font-size: 30px;}
.faqBox .detailBox.active h5:after {content: '_'; display: block; position: absolute; top: -22px;}
.faqBox .detailBox .innerDetails a{ color: #84ba85; text-decoration: none;}
.faqBox .detailBox .innerDetails a:hover{ color: #84ba85;}
.faqBox .detailBox .innerDetails span {font-size: 20px; font-weight: 700;}

  .newsletter-section {
      background-color: #F6F6F6; /* light grey */
      padding: 40px 20px 80px; border-radius: 10px;
      text-align: center;
    }
    .newsletter-section h2 {font-size: 30px;}
    .newsletter-section p {font-size: 16px;}
    .newsletter-input {
      border-radius: 50px 0 0 50px !important;
      border: 1px solid #d8d7d7 !important;
      box-shadow: none !important; background-color: #fff !important;
      padding: 12px 20px !important;
    }
    .newsletter-btn {
      border-radius: 0 50px 50px 0;
      padding: 12px 25px;
      background-color: #84ba85;
      color: #fff;
      border: none; display: flex; font-weight: 600;
    }
    .newsletter-btn:hover {
      background-color: #68a470;
      color: #fff;
    }

/* home page css end here */


.mainBox {display: flex; width: 100%; align-items: center; flex: 1; flex-direction: column;}
.mainTopDiv {display: flex; align-items: center; width: 100%; padding: 10px 0;}
.mainBottomDiv {width: 100%; padding:10px 0 0px 0px; display: flex;}
.bottomRgtDiv {margin-left: auto;}
.bottomRgtDiv ul {list-style-type: none; display:flex; margin: 0; padding: 0;}
.practitionerBtn {padding: 8px 20px 8px !important; text-decoration: none !important; background-color: #84ba85; color: #fff !important; border-radius: 7px; font-size: 15px; font-weight: 600; margin-left: 20px; display: inline-block; transition: transform 0.2s ease-in-out; text-align: center;}
.practitionerBtn:hover {color: #fff !important; background-color: #68a470;}

div#cpp-portal-content .btn-assign{padding: 8px 20px 8px !important; text-decoration: none !important; background-color: #84ba85; color: #fff !important; border-radius: 7px; font-size: 15px; font-weight: 600; display: inline-block; transition: transform 0.2s ease-in-out; text-align: center;}
div#cpp-portal-content .btn-assign:hover {color: #fff !important; background-color: #68a470;}

.directoryBtn {padding: 6px 20px 8px !important; text-decoration: none !important; background-color: #fff; color: #212529!important; border-radius: 7px; font-size: 15px; font-weight: 600; margin-left: 20px; border: 1px solid #84ba85; display: inline-block; transition: transform 0.2s ease-in-out;}
.directoryBtn:hover {background-color: #e6f8eb;}

.practitionerMobileBtn {padding: 10px 20px 10px !important; text-align: center; width: 100%; text-decoration: none !important; background-color: #84ba85; color: #fff !important; border-radius: 7px; font-size: 15px; font-weight: 600; display: block; transition: transform 0.2s ease-in-out; }
.practitionerMobileBtn:hover {color: #fff !important; background-color: #68a470;}


#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item {position: static !important;}


.ep-filter-sidebar .filter-block .term-list {
  display: block;
}

.ep-filter-sidebar .filter-block.collapsed .term-list {
  display: none;
}

.ep-filter-sidebar .filter-block h4 {
  position: relative;
  cursor: pointer;
  user-select: none;
}
.ep-filter-sidebar .filter-block h4::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 8px; height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-50%) rotate(-45deg);
  transition: transform .2s ease; display: none;
}
.ep-filter-sidebar .filter-block h4[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(45deg);
}
/* Search accordian end here */



/* Practitioner Directory page css start here */
.yhb-prac-hero__inner {max-width: 1280px; padding: 32px 0px 18px;}
.yhb-prac-results {max-width: 1280px; padding: 18px 0px 34px;}
.yhb-prac-filters input {font-size: 15px;}
.yhb-prac-filters select {font-size: 15px;}
#yhb_reset {padding: 8px 20px 8px !important; text-decoration: none !important; background-color: #84ba85; color: #fff !important; border-radius: 7px; font-size: 15px; font-weight: 600; margin-left: 0px; display: inline-block; transition: transform 0.2s ease-in-out; }
#yhb_reset:hover {color: #fff !important; background-color: #68a470;}
.yhb-name {font-weight: 700 !important; font-size: 17px;}
.yhb-loc {font-size: 13px; font-weight: 700;}
.yhb-quals {font-size: 15px; font-weight: 500;}
.yhb-contact-row {font-size: 15px;}
.yhb-contact-row a {font-weight: 500; color: #84ba85 !important;}
.yhb-contact-row a:hover {color: #68a470 !important;}
.yhb-page {font-weight: 600; color: #000;}

/* .yhb-btn.yhb-btn--ghost {display: inline-block; margin: 0 3px; font-size:14px; padding: 8px 13px !important; background-image: linear-gradient(-180deg,#fff,#fcfcfd); color: #333;
border: 1px solid #d6d6e7 !important; border-radius: 0px; text-decoration: none; box-shadow:0 1px 0 0 rgba(35,38,59,.05) !important;} */
.yhb-btn.yhb-btn--ghost {padding: 7px 13px !important; height: auto !important; text-decoration: none !important;
background-color: #fff !important;
color: #212529 !important;
margin: 0 3px;
border-radius: 7px !important;
font-size: 15px !important;
font-weight: 600 !important;
border: 1px solid #84ba85 !important;
display: inline-block;
transition: transform 0.2s ease-in-out;
}
.yhb-btn.yhb-btn--ghost:hover {background-color: #68a470 !important; color:#fff !important; background-image:none;}

.yhb-link {padding: 6px 15px 8px !important; text-decoration: none !important; background-color: #fff; color: #212529 !important; border-radius: 7px; font-size: 13px; font-weight: 600; margin-left: 0px; border: 1px solid #84ba85; display: inline-block; transition: transform 0.2s ease-in-out;}
.yhb-link:hover {background-color: #e6f8eb;}

/* Practitioner Directory page css end here */

.checkout-button.wc-forward {background-color: #84ba85 !important; color: #fff !important; border-radius: 10px !important; padding: 18px 15px 20px !important; font-size: 18px !important; font-weight: 600 !important;}
.checkout-button.wc-forward:hover {background-color: #68a470 !important;}
.badge-preferential-origin {background-color:#68a470 !important;}

.woocommerce-message {border-top-color: #68a470 !important;}
.woocommerce-message::before {color: #68a470 !important;}

.createdText {margin-bottom: 10px;}

/* Welcome popup css start here */
/* Overlay */
.welcome-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Popup Box */
.welcome-content {
  background: #fff;
  padding: 30px;
  width: 90%;
  max-width: 700px;
  border-radius: 10px;
  text-align: left;
  position: relative;
  animation: fadeIn 0.4s ease-in-out;
}
.welcome-content h2 {text-align: center; margin-top: 0; border-bottom: 1px solid #ccc; padding-bottom: 17px; font-size: 25px;}

/* Close Button */
.close-btn {
  position: absolute;
  top: 0px;
  right: 15px; font-weight: 700;
  font-size: 35px;
  cursor: pointer;
}

/* Animation */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}
/* Welcome popup css end here */

.stickyTop {
  position: fixed;
  top: 0; 
  width: 100%; z-index: 999; box-shadow: 0px 0px 4px 0px rgba(0,0,0,.4);
}
.top-center-section {color: #fff;}
.tp-widget-wrapper a {color: #fff !important;}
#trust-score.tp-widget-trustscore.tp-link-underlined {color: #fff !important; text-decoration: none !important; font-size: 14px !important;}

.deskWidth {display: none !important;}
.xoo-wsc-sc-bki {color: #68a470 !important;}
span.xoo-wsc-sc-count {background-color: #8dbf41 !important;}

.site-main .wp-block-group__inner-container {padding: 15px 0;}

/* Header Css start here */
.brandMenu {padding: 20px;}
.brandMenu .brand-card {
      border: 1px solid #e0e0e0;
      border-radius: 6px;
      padding: 15px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 90px;
    }
   .brandMenu .brand-card img {
      max-height: 50px;
      max-width: 100%;
    }
    .brandMenu .brand-card a {font-weight: 700;}
   .brandMenu .brand-list a {
          text-decoration: none;
    color: #000 !important; text-transform: capitalize !important;
    font-weight: 400 !important;
    font-size: 16px !important; border: none !important;
    padding: 10px 0 10px !important; display: block;
    position: relative;
    }
   .brandMenu .brand-list a:after {display: none !important;}
   .brandMenu .brand-list a:hover {
      color: #0d6efd;
      text-decoration: underline;
    }
   .brandMenu .see-all-btn {
      border: 1px solid #ccc;
      border-radius: 6px;
      padding: 6px 14px;
      background: #fff;
    }
    .brandMenu .see-all-btn:hover {
      background: #0d6efd;
      color: #fff;
    }
    
.brandMenu .brandHead {display: block; width: 100%; margin: 10px 0 !important; font-size: 16px !important; font-weight: 700 !important;}
.brandMenu .brand-list a.see-all-btn {padding: 6px 20px 8px !important;
    text-decoration: none !important;
    background-color: #fff !important;
    color: #212529 !important;
    border-radius: 7px;
    font-size: 15px !important;
    font-weight: 600 !important;
    border: 1px solid #84ba85 !important;
    display: inline-block;
    transition: transform 0.2s ease-in-out; margin-top: 20px !important;}
    .brandMenu .brand-list a.see-all-btn:hover {background-color: #e6f8eb !important;}

  .blogBasket form.cart {display: flex !important; flex-direction: column !important; gap: 12px;}


   



    /* Sidebar */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}
.woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px;
    color: #000;
    text-decoration: none;
}
.woocommerce-MyAccount-navigation li a:hover {
    background: #e6f8eb;
    border-radius: 10px; color: #000;
}

/* Dashboard Cards */
.account-dashboard-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.account-dashboard-cards a {text-decoration: none;}
.account-card {
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    padding: 0px;
    border-radius: 10px;
    transition: 0.3s; display: flex; align-items: center; overflow: hidden;
}
.account-card a {text-decoration: none; font-weight: 600;}
.account-card:hover {
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
}
/* .account-card i {
    font-size: 30px;
    margin-bottom: 0px; border-radius: 0%; border: none !important; padding: 20px 15px; background-color: #bbc7da; color: #222;
} */
.account-card i {
    font-size: 30px;
    margin-bottom: 0px; border-radius: 0%; border: none !important; padding: 20px 15px; background-color: #68a470; color: #fff;
}
.account-card i.logoutOff {font-size: 25px; background-color: #FF4C4C !important;}
.account-card p {margin-bottom: 0; margin-left: 10px; font-weight: 600; color: #222;}
.woocommerce .woocommerce-breadcrumb {margin-top: 5px; margin-bottom: 10px;}
.entry-header {max-width: 1280px; margin: 0 auto;}

#cpp-portal-root .sideNav hr {margin: 0 0 5px 0;}

    /* For Mobile brand navigation start here */
    .brandMobileMenu {padding: 20px 20px 50px;}
.brandMobileMenu .brand-card {
      border: 1px solid #e0e0e0;
      border-radius: 6px;
      padding: 15px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 90px;
    }
   .brandMobileMenu .brand-card img {
      max-height: 50px;
      max-width: 100%;
    }
    .brandMobileMenu .brand-card a {
      font-size: 700; color: #68a470 !important; font-size: 14px !important; background: none !important;
    }
   .brandMobileMenu .brand-list a {
          text-decoration: none;
    color: #000 !important; text-transform: capitalize !important;
    font-weight: 400 !important;
    font-size: 16px !important; border: none !important;
    padding: 6px 0 6px !important; display: block; background: none !important;
    position: relative;
    }
   .brandMobileMenu .brand-list a:after {display: none !important;}
   .brandMobileMenu .brand-list a:hover {
      color: #0d6efd;
      text-decoration: underline;
    }
   .brandMobileMenu .see-all-btn {
      border: 1px solid #ccc;
      border-radius: 6px;
      padding: 6px 14px;
      background: #fff;
    }
    .brandMobileMenu .see-all-btn:hover {
      background: #0d6efd;
      color: #fff;
    }
    
.brandMobileMenu .brandHead {display: block; width: 100%; margin: 10px 0 !important; font-size: 16px !important; font-weight: 700 !important; font-family: "Mulish", sans-serif !important;}
.brandMobileMenu .brand-list a.see-all-btn {padding: 6px 20px 8px !important;
    text-decoration: none !important;
    background-color: #fff !important;
    color: #212529 !important;
    border-radius: 7px;
    font-size: 15px !important; text-transform: capitalize !important;
    font-weight: 600 !important;
    border: 1px solid #84ba85 !important;
    display: inline-block;
    transition: transform 0.2s ease-in-out; margin-top: 20px !important;}
    .brandMobileMenu .brand-list a.see-all-btn:hover {background-color: #e6f8eb !important;}

    /* For Mobile brand navigation end here */

    #moreRevenue { background-color: #4a4a4a; padding: 10px;}
    #moreRevenue a {text-decoration: none; color: #fff; font-size: 28px;}

.sticky-header {position: relative; padding: 0 0px !important;}
.menuNavLeft {width: auto; margin-right: 20px;}
.nf-main-search input {border-radius: 10px !important;}
.menuNavLeft ul {margin: 0; padding: 0;}
.menuNavLeft ul li {display: inline-block; padding: 0px 0 26px; padding-right: 35px;}
.menuNavLeft ul li:last-child {padding-right: 0; position: relative;}
.menuNavLeft ul li a {text-decoration: none; color: #000; font-weight: 500; text-transform: uppercase; font-size: 15px; padding: 10px 0 20px; position: relative;}
.menuNavLeft ul li a:after {content: ""; position: absolute; top: 30px; left: 0; width: 0; height: 2px; background-color: #fff; transition: .2s ease-in-out;}
.menuNavLeft ul li:hover a { color: #50995a; }
.menuNavLeft ul li:hover a:after {background-color:#50995a; width: 100%;}
.shopMenu {display: none;}
.menuNavLeft ul li:hover .shopMenu {display: block; position: absolute; left: 17px; top: 120px; padding:0; height: auto; width: 98%; background-color: #fff; z-index: 999999; border-top: 1px solid #d8d7d7 !important;}

.shopMenu::before {content: ""; background-color: #fff; width: 1000px; left: -1000px; position: absolute; top: -1px; bottom: 0; z-index: -1; border-top: 1px solid #d8d7d7 !important;}
.shopMenu::after {content: ""; background-color: #fff; width: 1000px; right: -1000px; position: absolute; top: -1px; bottom: 0; z-index: -1; border-top: 1px solid #d8d7d7 !important;}
.shopTop .shopMenu::before {height: 451px;}
.shopTop .shopMenu::after {height: 451px;}

.menuNavLeft ul li > ul li:hover a {color: yellow;}
.top-menu h4 {font-size: 14px; margin: 0; padding: 0; font-weight: 500; line-height: 1.5; color: #000;}
.allLinkWrapper {position: relative; width: 100%;}
.shopMenu ul {width: auto; padding-bottom: 50px;}
.shopMenu ul li {display: block; margin: 0; padding: 30px 30px 0; }
.shopMenu ul li a { color: #000 !important;}
.shopMenu ul li:hover > a {color: #84ba85 !important; background: none !important;}
.shopMenu ul li:hover > a {color: #84ba85 !important; background: none !important;}

.shopMenu .vitaminDiv h4 {font-size: 14px;}
.shopMenu .vitaminDiv h4 {
    font-size: 16px;
    margin: 0;
    margin-left: 20px;
    padding: 0 0 5px;
    font-weight: 600 !important;
    border-bottom: 1px solid #000;
    width: 70%;
    margin-bottom: -5px;
    margin-top: 10px;
    color: #000;
}

span.practitioner-portal-client:hover {color: #68a470 !important;}

.top-contact {color: #000 !important; text-decoration: none !important; font-size: 14px; margin-right: 20px;}
.top-contact:hover, span.phone-no a:hover {color: #68a470 !important;}
.shopMenu ul li a:after {width: 0 !important; height: 2px; background-color: #fff !important;}
.shopMenu ul li:hover a:after {width: 0; height: 2px; background-color: #fff !important;}

.shopMenu .vitaminDiv {display: block; position: static; left: 0; top: 0;  z-index: 9999; width: 100%; padding: 20px 0px 30px 10px; justify-content: space-between; background-color: #fff;}

.allLinkWrapper {display: flex; height: 400px; overflow-y: auto;}
/* Blur effect at bottom */
.blur-overlay {
  position: absolute;
  bottom: 0;
  left: 0; width: 95%;
  right: 0;
  height: 60px; /* height of blur area */
  background: #fff;
   opacity: 0.8;
  pointer-events: none; /* let clicks pass through */
}

.arrRight {background: url(assets/images/arrowRightNew.png) no-repeat right 30px top 31px; max-width: 232px;}
.arrRight:hover {background: none}
.shopMenu ul li:hover .vitaminDiv {display: flex; padding-top: 15px;}
.shopMenu ul li:hover .vitaminDiv ul {width: auto;}

.shopMenu ul li.active:first-child > a {color: #68a470 !important;}
.shopMenu ul li.active {background: none;}
.linkWrapper ul {padding-bottom: 35px !important;}
.linkWrapper ul li {padding-top:15px !important; padding-left: 20px;} 
.linkWrapper ul li:hover a {color: #000 !important;}
.linkWrapper ul li a {font-size: 14px !important; color: #000 !important; text-transform: capitalize !important; font-weight: 400 !important;}
.linkWrapper ul li a:hover {text-decoration: underline; color: #000 !important;}
.width50 {width: 50%;}
.width25 {width: 25%;}
.arrRight {position: static !important;}

/* discover dropdown starts here */
.bottomRgtDiv ul li {position: relative;}
.bottomRgtDiv ul li:hover .practitionerBtn {background-color: #68a470;}
.bottomRgtDiv ul li:hover .discoverMenu {display: block; position: absolute; left: 20px; top: 35px; padding:10px; height: auto; width: 157px; background-color: #fff; z-index: 999999; -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.58); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.58); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.58);}
.linkWrapperDisc {padding: 10px;}
.discoverMenu {display: none; position: relative;}
.discoverMenu ul {margin: 0; padding: 0; display: block !important;}
.discoverMenu ul li {display:block !important; padding: 5px 0px !important; margin-right: 0 !important;}
.discoverMenu ul li a {color: #000 !important; text-transform: capitalize !important; font-size: 14px; text-decoration: none !important; background-color: transparent !important;}
.discoverMenu ul li a:hover {text-decoration: underline !important;}
.discoverMenu ul li a:after {display: none;}
.discoverSubMenu {position: absolute; left: 95%; top: 0; width: 100%; background-color: #fff; padding:10px 20px 15px; display: none; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.discoverMenu ul li:hover .discoverSubMenu {display: block;}
/* discover dropdown ends here */

.clientOrderBtn i {font-size: 18px;}
.getListedBox {margin-top: 10px;}

.digestClub {background-color: #E1EBAC; padding: 20px; margin-bottom: 30px;}
.trustSection {padding: 40px 0;}
.trustSection h2 {margin-bottom: 30px;}
.pract-benefits {padding:10px 0 40px; display: flex; align-items: center !important;}
.pract-benefits img {border-radius: 30px;}

.drAnnaText {padding: 10px 0 0px; text-align: center; background-color: #F4F9FF;}
.drAnnaText a {text-decoration: none;}
.drAnnaText h2 a span {font-size: 16px; display: block;}
.digestClub {background-color: #7DD8C6; width: 100%;}
.digestClub h2 {margin-bottom: 0;}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
      padding: 8px 20px 8px !important;
    text-decoration: none !important;
    background-color: #84ba85; border: none !important;
    color: #fff !important;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn:hover {background-color: #68a470 !important;}

button.button.yhb-convert-to-protocol.convert-protocol, #cpp-convert-save {
        padding: 8px 20px 8px !important;
    text-decoration: none !important;
    background-color: #68a470; border: none !important;
    color: #fff !important;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 600;
    display: block; width: 100%; margin-top: 5px;
    transition: transform 0.2s ease-in-out;
}
button.button.yhb-convert-to-protocol.convert-protocol:hover, #cpp-convert-save:hover {background-color: #68a470 !important;}

.xoo-wsc-cart-active .xoo-wsc-opac {z-index: 9999;}
.xoo-wsc-cart-active .xoo-wsc-container {z-index: 99999;}
button#cpp-convert-cancel {display: none !important;}


/* For WebKit browsers (Chrome, Safari, Edge) */
.shopMenu ul li .vitaminDiv::-webkit-scrollbar {
  width: 8px; /* Width of the scrollbar */
}

/* Track (background of the scrollbar) */
.shopMenu ul li .vitaminDiv::-webkit-scrollbar-track {
  background: #f1f1f1; box-shadow: inset inset 0 0 6px rgba(0,0,0,0.7); 
  border-radius: 10px;
}

/* Handle (the draggable part) */
.shopMenu ul li .vitaminDiv::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 10px;
}

/* Handle on hover */
.shopMenu ul li .vitaminDiv::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.ep-filter-sidebar .filter-block h4 {font-family: "Mulish", sans-serif !important;
  cursor: pointer;
  position: relative;
  margin: 0 0 .5rem; font-weight: 600; font-size: 16px !important;
  user-select: none;
}
.ep-filter-sidebar #ep-price-filter h4 { cursor: default; }
/* Chevron only for collapsible sections (not price) */
#ep-search-live-wrapper .ep-filter-sidebar .filter-block:not(#ep-price-filter) h4::after {
  -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; content: ''; height: 11px; width: 11px; display: block; border: 2px solid #68a470 ; border-right-width: 0; border-top-width: 0; position: absolute; right: 10px; top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}
#ep-search-live-wrapper .ep-filter-sidebar .filter-block.collapsed:not(#ep-price-filter) h4::after {
  /* content: '>'; */
  -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; content: ''; height: 11px; width: 11px; display: block; border: 2px solid #68a470 ; border-right-width: 0; border-top-width: 0; position: absolute; right: 10px; top: 3px; -webkit-transform: rotate(-130deg); transform: rotate(-130deg);
}

#ep-price-filter h4::after {display: none !important;}

/* .nf-logo {width: 120px;} */
.mobileDropdown {display:none;}

.liveChatBtn {    padding: 0px 20px 2px !important;
    text-decoration: none !important;
    background-color: #beede5;
    color: #212529 !important;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 15px;
    border: 1px solid #84cdc0;
    display: inline-block;
    transition: transform 0.2s ease-in-out;}
    .liveChatBtn:hover {background-color: #fff;}

    .footerliveChatBtn {    padding: 4px 20px 4px !important;
    text-decoration: none !important;
    background-color: #beede5;
    color: #212529 !important;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 600 !important;
    margin-right: 15px;
    border: 1px solid #84cdc0; margin-top: 10px;
    display: inline-block;
    transition: transform 0.2s ease-in-out;}
    .footerliveChatBtn:hover {background-color: #fff;}

/* Header Css end here */


/* Custom Header css starts here */
.mobileMenu {display:none;}
.top-section {
    background-color: #f2f5f1 !important;
  }
  .top-bar {
    display: flex !important;
    justify-content: space-between !important;
    padding: 5px 20px 5px 20px;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: white !important;
    max-width: 1280px;
    margin: 0 auto;
    background-color: transparent !important;
    align-content: center !important;
  }
  .top-menu a{
    margin-right: 20px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
  }
  .top-menu a:hover {color: #ffcd44;}
  .top-center-section a:hover {color: #ffcd44 !important;}

  .trustpilot-section {
    padding: 0px;
    text-align: center !important; display: flex; justify-content: center; color: #000 !important;
    font-size: 14px; align-items: center; 
  }
  .trustpilot-section span {margin-right: 5px;}
  .trustpilot-section span.leftTrus {margin-right: 11px; display: none;}
  .trustpilot-section span.leftTrus a {color: #000;}
  .trustpilot-section span.centerTrus {font-size: 15px; margin-right: 11px;}
  .trustpilot-section img {height: 23px; max-width: auto; margin: 0 5px;}
  .trustpilot-section .trustRight {font-weight: 600; font-size: 14px;}
  .trustpilot-section .trustRight a {color: #000 !important; display: flex; align-items: center; }
  .trustpilot-section span.reviewText {margin: 0 11px; display: none;}
  .trustpilot-section .trustRight img {margin-right: 0 !important;}
  .top-center-section a:hover {color: #68a470 !important;}
  .phone-no a:hover {color: #68a470 !important;}
  .phone-no a {
    color: #000 !important;
    text-decoration: none !important;
    font-size: 14px !important;
  }
  
  .main-menu-sticky {
    background-color: white !important; border-bottom: 1px solid #d8d7d7 !important;
  }
  .sticky-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px;
    background-color: transparent !important;
    max-width: 1280px;
    margin: 0 auto;
  }
  .main-menu {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  .itemProduct .form-control:disabled, .itemProduct .form-control[readonly] {background-color: #fff !important;}
  
  .main-menu a {
    color: #000 !important;
    margin-right: 50px !important;
    text-decoration: none !important;
    font-size: 15px;
  }
  
  .main-center {
    display: flex !important;
    align-items: center !important;
  }
  .nf-main-search {
    margin-left: 20px !important;
    display: inline-flex !important;
  }
  .nf-main-search input {
    width: 400px !important;
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid #d8d7d7 !important;
    padding: 15px !important;
    background-color: #fff !important;
  }
  .nf-main-search button {
    background-color: #84ba86 !important;
    color: white !important;
    border: none !important;  
    padding: 6px 10px !important;
    margin-left: -10px !important;
  }

/* new search functionality start here */
form#ep-search-form {margin-left: 20px; position: relative;}
input#ep-search-input {
        width: 585px !important;
    height: 40px !important; outline: none !important;
    border-radius: 10px !important;
    border: 1px solid #d8d7d7 !important;
    padding: 15px !important;
    background-color: #fff !important;
     background: rgba(0, 0, 0, 0) url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E) no-repeat;
    background-position: 7px 11px;
    padding-left: 30px !important;
}
input#ep-search-input:focus {border: 1px solid #b2acac !important;}

input#searchsubmit { 
    position: absolute;
    right: 5px;
    padding: 4px 20px 4px 35px !important;
    background-color: #8dbf41;
    color: #fff !important;
    border-radius: 7px;
    font-size: 14px;
    top: 4px;
    font-weight: 600; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-return-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 14px 9px;
  background-size: 16px;
}
input#searchsubmit::before {
  content: "\F131"; /* Unicode for bi-arrow-return-left */
  font-family: "bootstrap-icons";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: white; /* icon color */
}
input#searchsubmit:hover {background-color: #84ba85;}
button#ep-search-btn {right:0 !important;
    background-color: #84ba86 !important;
    color: white !important;
    border: none !important;
    padding: 6px 10px !important;
    margin-left: -10px !important;
        position: absolute;
    top: 1px;
    z-index: 10;
    border-radius: 0px 10px 10px 0px;
}
.mobile-drawer {
    position: fixed !important;
    top: 0 !important;
    right: -400px !important;
    width: 400px !important;
    height: 100% !important;
    background-color: #84ba86;
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    z-index: 1001 !important;
  }
  .mobile-drawer.open {
    right: 0 !important;
  }
  
  .mobile-drawer ul {
    list-style-type: none !important;
    padding-left: 0 !important;
  }
  .mobile-drawer ul li a {
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    font-weight: 800 !important;
    display: block;
    padding: 20px 0;
  }

  p.stock.out-of-stock {border: none !important; padding: 0 !important; border-radius: 0 !important; font-size: 15px !important; background-color: #fff !important;}
  p.stock.out-of-stock:hover {background-color: #fff !important;}
  
  .mobile-drawer-header  {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 60px !important;
    padding-right:10px !important;
  }
  .submenu {
    display: none;
    position: absolute !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    padding: 5px 8px !important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;
    margin-top: 30px !important;
    width: 220px !important;
    z-index: 1000 !important;
  }
  .menu-item-with-submenu ul {
    list-style: none; 
    margin: 0;
    padding: 0;
  }
  
  
  .submenu li a {
    display: block !important;
    padding: 10px 0 !important;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 14px !important;
  }
  .main-menu-item-two:hover , .main-menu-item-one:hover {
    color: #84ba86 !important;
    
  }
  .drawer-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% ;
    background-color: rgba(0, 0, 0, 0.5)  !important;
    z-index: 1000 !important;
    display: none;
  }
  .drawer-overlay.open {
    display: block !important;
  }
  
  .drawer-header {
    text-align: left !important;
    padding: 10px !important;
    margin-top: 20px !important;
  }

/* Custom Header css ends here */

/* Custom Footer css starts here */
.footer {
    background-color: #fff !important;
    padding: 40px 5px 20px; border-top: 1px solid #d8d7d7 !important; margin-top: 40px;
}
.main-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
}
.footer-menu {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 1280px;
    margin-bottom: 20px;
}
.footer-menu div {
    flex: 1;
    padding: 10px;
}
.footer-one a {color: #000 !important; text-decoration: underline !important;}
.footer-one a:hover {text-decoration: none !important;}
.footer-menu h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
  
    color: #000 !important;
}
.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-menu ul li {
    margin: 10px 0;
}
.footer-menu ul li a {
    text-decoration: none;
    color: #000;
    transition: color 0.3s;
    font-size: 14px !important;
  
}
.footer-menu ul li a:hover {
    color: #000; text-decoration: underline;
}
.footer-bottom {
    margin-top: 20px;
    font-size: 13px;
    color: #a7a19c;
   width: 100%; text-align: center;
}
.footer-bottom p {font-size: 14px; color: #000 !important;}
.site-details p {
    margin: 5px 0;
    font-size: 14px;
    color: #000;
}
.site-social a {
    margin: 0 5px;
    display: inline-block;
}
.site-social img {
    width: 24px;
    height: 24px;
}



a.button.product_type_simple.is-oos-product {background-color: #f7f7f7!important; color: #a0a5aa!important; cursor: default !important; border-color: #ddd!important;}
a.button.product_type_simple.is-oos-product:hover {background-color: #f7f7f7!important; color: #a0a5aa!important; cursor: default !important; border-color: #ddd!important;}


.commonSlider a.button.product_type_simple.is-oos-product {background-color: #f7f7f7!important; color: #a0a5aa!important; cursor: default !important; border-color: #ddd!important;}
.commonSlider a.button.product_type_simple.is-oos-product:hover {background-color: #f7f7f7!important; color: #a0a5aa!important; cursor: default !important; border-color: #ddd!important;}


.mainTopDiv span.woocommerce-Price-amount.amount {display: block;}
.mainTopDiv small.tax_label {display: block; line-height: 1;}

.aboutImgBasket {max-width: 400px !important; margin-left: auto !important; margin-right: auto !important;}
#moreRevenue {text-align: center;}
.productPaymentIcons {width: 100%;}
.productPaymentIcons h4 {font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #000 !important;}
.productPaymentIcons ul {margin: 0; padding: 0;}
.productPaymentIcons ul li {display: inline-block; margin: 0px; margin-bottom: 10px;}
.faqBox .detailBox .innerDetails p br {display: block;}

.site-social i {font-size: 22px;}
.separate-containers .site-main {margin: 0;}
/* My Account page css start here */
.site-content .content-area {width: 100%;}
.entry-content {max-width: 1280px; margin: 0 auto 30px;}
.inside-article {padding: 0 !important;}
.inside-article h1 {
    font-size: 35px; margin-bottom: 30px;
    font-weight: 700;
    line-height: 1.1 !important;
    margin-top: 25px;
}
div#customer_login {margin-bottom: 50px;}
#customer_login h2 {font-size: 27px; font-weight: 700;}
.u-column1.col-1 {float: left !important; width: 49% !important; max-width: 100%;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {max-width: 100%;}
.woocommerce form .password-input, .woocommerce-page form .password-input {width: 100%;}


div#customer_login .woocommerce-button, .woocommerce-ResetPassword.lost_reset_password .woocommerce-Button {padding: 12px 20px 12px !important;
    text-decoration: none !important;
    background-color: #84ba85;
    color: #fff !important;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    transition: transform 0.2s ease-in-out;}
    div#customer_login .woocommerce-button:hover, .woocommerce-ResetPassword.lost_reset_password .woocommerce-Button:hover {background-color: #68a470;}

    .woocommerce-MyAccount-content .button {padding: 10px 20px 10px !important;
    text-decoration: none !important;
    background-color: #84ba85 !important;
    color: #fff !important;
    border-radius: 7px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    display: inline-block;
    transition: transform 0.2s ease-in-out; margin-right: 15px !important;}
.woocommerce-MyAccount-content .button:hover {background-color: #68a470 !important;}

a#create-record {
  padding: 12px 20px 12px !important;
    text-decoration: none !important;
    background-color: #84ba85;
    color: #fff !important;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    transition: transform 0.2s ease-in-out; text-decoration: none;
}
a#create-record:hover {background-color: #68a470 !important;}

.add-to-protocol-btns input#quantity {margin-top: 0 !important;}

a.woocommerce-button.button.invoice {
  padding: 8px 20px 8px !important;
    text-decoration: none !important;
    background-color: #fff !important;
    color: #212529 !important;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #84ba85;
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}
a.woocommerce-button.button.invoice:hover {background-color: #e6f8eb !important;}


    div#customer_login a {color: #68a470 !important; font-size: 15px;}
    div#customer_login .form-row label {font-size: 15px;}
    div#customer_login .woocommerce-privacy-policy-text {font-size: 15px;}
    .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {margin-right: 10px;}
    .woocommerce form .form-row .input-text, .woocommerce form .form-row select {border: 1px solid #E7E7E7;}

    nav.woocommerce-MyAccount-navigation {
        flex: 0 0 290px;
    min-width: 290px;
    background: #fff;
    border-right: 1px solid #eee;
    background-color: #F5F7FA;
    opacity: 1;
    height: 100%;
    position: sticky;
    top: 0;
    overflow: auto;
    padding: 30px 15px 20px;
    transition: none !important;
}
nav.woocommerce-MyAccount-navigation ul {margin-left: 0px !important; }

.alert-info {background-color: #e6f8f5 !important; color: #222 !important; border-color: #84cdc0 !important; border-radius: 10px !important;}
.alert-info small {color: #222 !important;}

.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address {float: left;}
.woocommerce .woocommerce-customer-details .woocommerce-column__title {font-size: 26px;}
.woocommerce .woocommerce-customer-details address {border-radius: 12px; border: 1px solid rgba(0,0,0,.2);}

    
/* default search css start here */
.default-search-results .woocommerce-archive-wrapper {
  display: flex;
    align-items: flex-start; 
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 30px;
    box-sizing: border-box;
}
.default-search-results header.page-header {max-width: 1280px; margin: 25px auto 0; padding: 0 !important; width: 100%;}
.default-search-results header.page-header h1 {font-size: 35px;}
.default-search-results ul.products.columns-4 {display: grid; grid-template-columns:repeat(4, 1fr); gap: 25px; list-style: none; margin-left: 0; margin-top: 25px;}
.default-search-results ul.products.columns-4 li.product {
  border: 1px solid #ddd;
    padding: 15px;
    border-radius: 15px;
    background: #fff;
    text-align: left;
    display: block;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: none; position: relative;
}
.default-search-results ul.products.columns-4 li.product br {display: none;}
.default-search-results ul.products.columns-4 li.product:hover {box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, .5);}
.default-search-results nav.woocommerce-breadcrumb {margin: 20px 0;}
.default-search-results p.woocommerce-result-count {margin-bottom: 0 !important;}
.default-search-results form.woocommerce-ordering {width: 100%; text-align: right;}
.default-search-results form.woocommerce-ordering select.orderby {width: auto;}
.default-search-results ul.products.columns-4 li.product img {width: auto; display: flex; margin: 0 auto 18px; height: 150px;}
.default-search-results ul.products.columns-4 li.product h3 { font-size: 18px;
  font-weight: 500 !important;
        color: #000 !important;
        display: -webkit-box;
        -webkit-line-clamp: 3; line-height: 1.4 !important;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal; text-decoration: none;
        min-height: 68px; margin-bottom: 15px; word-break:break-word; text-align: left;
}
.default-search-results ul.page-numbers {display: flex; justify-content: center; align-items: center; gap: 1px; list-style:none ;}
.default-search-results a.page-numbers {
    display: inline-block;
    margin: 0 3px;
    font-size:14px;
    padding: 8px 13px !important;
    background-image: linear-gradient(-180deg,#fff,#fcfcfd);
    color: #333;
    border: 1px solid #d6d6e7 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow:0 1px 0 0 rgba(35,38,59,.05) !important;
}
.default-search-results .page-numbers.current {border-radius: 0; padding:  8px 13px !important;}
.default-search-results a.page-numbers:hover {background-color: #68a470; background-image: none; color: #fff; }
/* default search css end here */

    ul.wp-block-list.privacyBox {margin: 0 0 20px 30px;}
    ul.wp-block-list.privacyBox li {font-size: 16px; margin-bottom: 13px;}
    .woocommerce-error:focus {border-top: 3px solid #b81c23 !important; background-color: #f6f5f8;}

    form.woocommerce-ResetPassword.lost_reset_password {max-width: 500px; width: 100%; margin: 0 auto; padding: 20px; border-radius: 10px; border: 1px solid #ccc;}
    form.woocommerce-ResetPassword.lost_reset_password p {width: 100%; }

    nav.woocommerce-MyAccount-navigation li {margin-bottom: 15px;}
    nav.woocommerce-MyAccount-navigation li a {color: #000; font-size: 16px; text-decoration: none;}
    nav.woocommerce-MyAccount-navigation li a:before {font-size: 20px;}
    nav.woocommerce-MyAccount-navigation li.is-active a {color: #000; background: #E6EDF5; border-radius: 10px; font-weight: 600;}

    .woocommerce-account .woocommerce-MyAccount-navigation {width: 23%;}
    .woocommerce-account .woocommerce-MyAccount-content {width: 74%;}

    ul.myAccountIcon li i {color: #6EBE45; font-size: 26px; margin-right: 10px;}

    form.woocommerce-form.woocommerce-form-register.register {margin: 0;}
    .woocommerce form .password-input, .woocommerce-page form .password-input {width: 100%;}
    .woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus {border: 1px solid #E7E7E7 !important;}
    .woocommerce form .form-row .input-text, .woocommerce form .form-row select {border: 1px solid #E7E7E7;}
    .woocommerce form .form-row label {margin: 0; display:inline-block; vertical-align: middle; width: auto; color: #515151;}
    .select2-results__option {font-size: 16px;}
    .woocommerce-privacy-policy-text p {color: #515151;}
    div#customer_login {margin-bottom: 50px;}
    .woocommerce form .form-row {display: block;}
    #customer_login.u-columns a {color: #84ba85;}
    #customer_login.u-columns a:hover {color: #6ebe45;}
    .woocommerce-edit-address h2 {font-size: 24px !important;}
    .woocommerce form .form-row .input-text, .woocommerce form .form-row select {font-size: 16px;}

    .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 1.2 !important;}

    ul.wp-block-list.privacyBox {margin: 0 0 20px 30px;}
    ul.wp-block-list.privacyBox li {font-size: 16px; margin-bottom: 13px;}
    .woocommerce-error:focus {border-top: 3px solid #b81c23 !important; background-color: #f6f5f8;}
    .woocommerce-MyAccount-content a {color: #68a470; text-decoration: none;}
    .woocommerce-MyAccount-content a:hover {color: #508d58; text-decoration: underline;}

    form.woocommerce-EditAccountForm.edit-account fieldset legend {margin-bottom: 5px; float: left; margin-top: 10px;}

.protocol-item-image.editSection {width: 175px;}

    .woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f3fd"; /* Font Awesome home */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}

.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f3d1"; /* shopping bag */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}

.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f2bb"; /* map-marker */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}

.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\f509"; /* user-cog */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f2f5"; /* sign-out */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}
.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address {max-width: 50%; width: 50%;}


/* My Account page css end here */
.tinv-wraper.tinv-wishlist {text-align: right; padding-right: 24px;}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before {font-size: 33px; margin-top: 5px;}

span.tinvwl_add_to_wishlist-text {display: none;}
.tinvwl_add_to_wishlist_button {width: 18px; height: 18px;}
.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {display: none;}

.main-animation-pulse i {
   font-size: 100px; color: #84ba85;
}

/* Wishlist tooltip css start here */
/* Wrapper fix */
/* .tinvwl_add_to_wishlist_button {
    position: relative;
} */

/* Tooltip hidden by default */
/* .tinvwl-tooltip {
    position: absolute; display: block !important;
    top: 5px;
    right: 50px;
    background: #333;
    color: #fff;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translateY(5px);
    transition: all 0.2s ease-in-out;
    z-index: 9999;
} */

/* Tooltip arrow */
/* .tinvwl-tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -16px;      
    transform: translateY(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #333; 
    opacity: 1;
    transition: all 0.2s ease-in-out;
} */

/* Hover effect */
/* .tinvwl_add_to_wishlist_button:hover + .tinvwl-tooltip{
    opacity: 1;
    transform: translateY(0);
}

.tinvwl_add_to_wishlist_button:hover + .tinvwl-tooltip::after,
.tinvwl_add_to_wishlist_button:focus + .tinvwl-tooltip::after {
    opacity: 1;
} */

/* Animation on click */
/* .wishlist-animate {
    animation: pop 0.1s ease-out;
}

@keyframes pop {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
} */

/* Wishlist tooltip css end here */

#ep-search-results .add_practitioner_button.addWidth {width: 96%; margin-left: 0 !important;}

#ep-search-results .price-discount-text{display: inline-block !important; color: #68a470 !important; margin-left: 3px; font-size: 15px !important; font-weight: 700;}

#ep-search-results .shop-item {display: block !important;}

.tinv-wishlist table td, .tinv-wishlist table th {font-size: 15px;}
.wishlist_item td.product-name {font-size: 15px;}
.wishlist_item td.product-name:hover {color: #68a470;}
.tinv-wishlist .product-stock p {font-size: 15px;}
.tinv-wishlist .product-remove button:hover {background-color: #68a470; color: #fff;}
.cpp-drawer {z-index:99999 !important;}


/* Blog css start here */
.page-template-blog-template #page.site {background-color: #F7F7F7 !important;}
.page-template-blog-template .site-content {display: flex !important; max-width: 1280px; margin: 0 auto; gap: 45px;}
.page-template-blog-template .is-right-sidebar {display: flex !important; background-color: #F7F7F7 !important;}
.page-template-blog-template .sidebar .widget {background-color: #F7F7F7 !important;}
.page-template-blog-template .sidebar .widget li {margin-bottom: 15px;}
.page-template-blog-template aside#block-6 {padding: 20px 20px 0; margin: 30px 0 0 0;}
.page-template-blog-template .widget-area .widget {padding: 20px; background-color: #fff !important; margin-bottom: 35px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);}
.page-template-blog-template .sidebar .widget li a {color: #000; text-decoration: none; font-size: 16px;}
.page-template-blog-template .sidebar .widget li a:hover {color: #68a470;}
.page-template-blog-template aside#block-4.widget.widget_block {margin-bottom: 0; padding-bottom: 0;}
.page-template-blog-template aside#block-5.widget.widget_block.widget_text {display: none !important;}






#primary.blogWrapper {background-color:#F7F7F7; padding-bottom: 20px; width: 75%;}
.popularContent {background-color: #fff; padding: 25px 10px; border-radius: 20px;}
.blog-card.blogCardBox {background-color: #fff; padding: 20px 20px; border-radius: 20px; }
.page-title.blogHeading {margin: 10px 0;}
.blog-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; max-width: 1280px; margin: 0 auto;}
.blog-grid .blog-card img{ border-radius: 20px; margin-bottom: 20px; height: auto;}
.blog-grid .blog-card h2 {font-size: 18px; margin-top: 0px;}
.blog-grid .blog-card .entry-summary {margin-top: 10px;}
.blog-grid .blog-card .entry-summary p {font-size: 15px;}
.blog-grid .blog-card .read-more {display: none;}
.blog-grid .blog-card footer.entry-footer .read-more {padding: 8px 20px 8px !important; text-decoration: none !important; background-color: #84ba85; color: #fff !important; border-radius: 7px; font-size: 15px; font-weight: 600; margin-left: 0px; margin-top: 15px; display: inline-block; transition: transform 0.2s ease-in-out; }
.blog-grid .blog-card footer.entry-footer .read-more:hover {color: #fff !important; background-color: #68a470;}

.single-post header.entry-header {max-width: 1280px; margin: 0 auto;}
.featured-image.grid-container {max-width: 1280px;}
.single-post #content.site-content {display: flex !important; max-width: 1280px; margin: 40px auto 30px;}
.single-post
.featured-image.grid-container img {width: 100%; border-radius: 20px;}
.popularBlogWrap {margin-bottom: 45px; max-width: 1280px;}
.popularBlogWrap .imgPost img {width: 100%; border-radius: 20px;}
.postDetails h2 {font-size: 20px; margin-top: 0px;}
.postDetails .entry-summary {margin-top: 10px;}
.postDetails .entry-summary p {font-size: 15px;}
.postDetails .read-more {display: none;}
/* .single-post a {color: #6ebe45; text-decoration: none;}
.single-post a:hover {color: #000;} */

.single-post footer.entry-meta {max-width: 1280px; margin: 10px auto 0; display: none !important;}
.postDetails footer.entry-footer .read-more {padding: 8px 20px 8px !important; text-decoration: none !important; background-color: #84ba85; color: #fff !important; border-radius: 7px; font-size: 15px; font-weight: 600; margin-left: 0px; margin-top: 15px; display: inline-block; transition: transform 0.2s ease-in-out; }

.single-post .site-content .content-area {width: 75%;}
.single-post .inside-right-sidebar {margin-top: 0;}
.single-post .widget-area .widget {padding: 0 0px 0 40px;}
.single-post .inside-right-sidebar li a {color: #000 !important;}
.single-post .inside-right-sidebar li a:hover {color: #6ebe45 !important;}


.single-post .site-content {display: flex !important; max-width: 1280px; margin: 0 auto; gap: 45px;}
.single-post .is-right-sidebar {display: flex !important;}
.single-post .sidebar .widget li {margin-bottom: 15px;}
.single-post aside#block-6 {padding: 20px 20px 0 !important; margin: 0px 0 0 0; border-bottom: none !important;}
.single-post aside#block-2 {border-top: none !important;}
.single-post aside#block-3 {border-top: none !important;}
.single-post .widget-area .widget {padding: 20px 20px 14px !important; border: 1px solid #eee; background-color: #fff !important; margin-bottom: 35px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);}
.single-post .sidebar .widget li a {color: #000; text-decoration: none; font-size: 16px;}
.single-post .sidebar .widget li a:hover {color: #68a470;}
.single-post aside#block-4.widget.widget_block {margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important;}
.single-post aside#block-5.widget.widget_block.widget_text {display: none !important;}


.postDetails footer.entry-footer .read-more:hover {color: #fff !important; background-color: #68a470;}
 h2.wp-block-post-title  {font-size: 17px !important; margin-bottom: 10px !important;}

 .blogDivider {border: 1px solid #ccc; overflow: hidden; border-radius: 10px; margin-bottom: 25px; padding: 16px;}
  .blogDivider .wc-block-components-product-image img {height: 200px !important;}
 .blogDivider .single_add_to_cart_button {padding: 8px 20px 8px !important; text-decoration: none !important; background-color: #84ba85 !important; color: #fff !important; border-radius: 5px !important; font-size: 15px !important; font-weight: 600; margin-left: 20px; display: inline-block; transition: transform 0.2s ease-in-out; }
.blogDivider .single_add_to_cart_button:hover {color: #fff !important; background-color: #68a470 !important;}
.blogDivider .wc-block-components-product-price {margin-bottom: 10px;}
form.cart {margin-top:0 !important; margin-bottom: 10px !important;}
.blogDivider .wc-block-components-product-sku {font-size: 15px;}
.blogWrapper nav.navigation.posts-navigation {text-align: center; margin: 30px 0 10px; }

.blogWrapper a.page-numbers {
      display: inline-block;
    margin: 0 3px;
    font-size: 14px;
    padding: 8px 13px !important;
    background-image: linear-gradient(-180deg, #fff, #fcfcfd);
    color: #333;
    border: 1px solid #d6d6e7 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05) !important;
}
.blogWrapper a.page-numbers:hover {background-color: #68a470 !important; background-image: linear-gradient(-180deg, #68a470, #68a470); color: #fff !important;}
.blogWrapper .page-numbers.current {background-color: #68a470; color: #fff; padding: 8px 13px !important; border: 1px solid #68a470;}
/* Blog css end here */

/* Responsive Design */
@media (min-width: 469px) and (max-width: 968px) {
    .footer-menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 20px; 
    }
}

@media (max-width: 468px) {
    .footer-menu {
        display: flex;
        flex-direction: column;
        align-items: left;
    }
}

.loader {
    width: auto;
    height: auto;
    position: absolute;
    top: 21px;
    right: 25px; z-index: 10;
    transform: translate(-50%, -50%); color: #68a470 !important; font-size: 18px; margin-bottom: 0 !important;
}
.loader:before {display: none !important;}
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.single-product ul.product-benefits > li {list-style: none !important;}
.mobFooter {display: none;}
.deskFooter {display: block;}
/* Footer page css end here */
.footer-menu h2 {font-size: 24px; font-weight: 600 !important; margin-bottom: 0 !important; max-width: 220px; margin-left: 7px;}
.footer-menu p {margin-bottom: 0 !important;}
.site-social a {
    margin: 0 5px;
    display: inline-block;
}
.site-social img {
    width: 24px;
    height: 24px;
}
footer.ep-search-result__footer .add_to_cart_button {display: block; width: 96%; margin-left: 2%; color: #fff; font-size: 14px; background-color: #84ba85 !important; padding: 10px 10px 12px !important; border-radius: 10px; font-weight: 600;}
footer.ep-search-result__footer .add_to_cart_button:hover {background-color: #f59823 !important; color: #fff;}
.ep-search-checkbox {display: flex; align-items: flex-start; line-height: 1.4 !important;}
.ep-search-checkbox input {margin-right: 5px; margin-top: 2px;}
.ep-search-checkbox label {font-size: 14px;}
button.ep-search-panel__button.ep-search-reset-button.ep-search-icon-button {font-size: 17px !important; color: #68a470 !important;}
button.ep-search-small-button.undefined {
background-color: #f59823 !important;
    padding: 3px 15px 5px !important;
    border: none;
    height: auto !important;
    border-radius: 7px !important;
    font-size: 14px !important;
    color: #fff !important;
    line-height: 1.5 !important;
    margin: 5px 0 10px;
}
button.ep-search-small-button.undefined:hover {background-color: #84ba85 !important;}
button.ep-search-panel__button.ep-search-reset-button.ep-search-icon-button:focus {outline: none !important;}

.ep-search-options-list__item {margin: 0 !important;}
.ep-search-panel__content {padding-top: 15px !important;}
button.ep-search-small-button.ep-search-icon-button {display: flex; align-items: center; background-color: #fff; border: 1px solid #000; padding: 5px 10px !important; color: #000 !important; border-radius: 10px; font-size: 16px !important;}
.ep-search-icon-button svg {order: 1;}
.ep-search-page__header input.ep-search-input { 
    height: 45px !important;
    border-radius: 10px !important;
    border: 1px solid #333 !important;
    padding: 15px !important;
    background-color: #fff !important; font-size: 16px; width: calc(100% - 400px); margin-left: 250px !important;
}
.ep-search-results__title, span.ep-search-sort__label {font-size: 17px !important;}
select#ep-sort {
    border: 1px solid #d6d6e7 !important;
    border-radius: 3px;
    box-shadow: rgba(35, 38, 59, .05) 0 1px 0 0;
    color: #23263b;
    cursor: pointer;
    font-size: 17px;
    outline: currentcolor none medium;
    padding: 0 0 0 10px;
    position: relative;
    width: 230px;
    height: 40px;
}
button.ep-search-modal__close.ep-search-reset-button.ep-search-icon-button {background-color: green !important; padding: 6px !important; color: #fff !important; margin-bottom: 20px !important; font-size: 0 !important; cursor: pointer !important; position: absolute;}
button.ep-search-modal__close.ep-search-reset-button.ep-search-icon-button svg {font-size: 30px !important;}

button.ep-search-modal__close.ep-search-reset-button.ep-search-icon-button:focus {outline: none !important;}
button.ep-search-modal__close.ep-search-reset-button.ep-search-icon-button:hover {background-color: #f59823 !important;}

.ep-search-result__title {font-size: 16px !important;
        font-weight: 500 !important;
        color: #54595f !important;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        min-height: 68px; margin-bottom: 20px;
    }
.ep-search-result__title a {color: #54595f !important;}
p.ep-search-result__description {display: none !important;}
span.woocommerce-Price-amount.amount {font-weight: 700; font-size: 17px !important;}
.ep-search-panel__button {padding: 10px !important;}
.ep-search-panel__button svg {font-size: 30px !important;}

.price del, del .woocommerce-Price-amount.amount {
  color: #999; /* grey color */
  font-size: 15px !important; /* smaller text */
  text-decoration: line-through; /* default strike line */
  opacity: 0.9;
}
h4.alertOrder {background-color: #f8d7da; padding:10px 15px; font-size: 19px;}

.controlLinks {display: flex; align-items: center; gap: 10px;}
.controlLinks a {white-space: nowrap;}
.orderLink {display: flex;}

.tableResponsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.shipping-table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

.shipping-table td,
.shipping-table th {
  padding: 8px;
  border: 1px solid #ccc;
}

.shipping-table td:first-child,
.shipping-table th:first-child {
  text-align: left;
}


article.ep-search-result.ep-search-result--has-thumbnail {display: inline-block !important; width: 23%; border: 1px solid #ccc; text-align: left; padding: 15px 10px; border-radius: 15px; margin-right: 2%; margin-bottom: 22px; position: relative; box-shadow: 0 0 0 1px rgba(35, 38, 59, .05), 0 1px 3px 0 rgba(35, 38, 59, .15); overflow: hidden;}
.ep-search-result__thumbnail img {height: 110px !important; margin: 0 auto 10px !important; width: auto !important;}
.ep-search-results {display: block !important;}
header.ep-search-results__header {margin-bottom: 25px; margin-top: 10px;}
.ep-search-result__type {
    left: 0px !important;
    position: absolute;
    top: 0px !important;
    background: #68a470 !important;
    color: #fff !important;
    padding: 3px 10px 0px !important;
    font-size: 13px !important;
    border-radius: 14px 0px 0px 0px !important; display: none !important;
}
.ep-search-panel__content {max-height: aut0; overflow: hidden;}
.ep-search-panel__content {position: relative;}
.ep-search-panel__content:after {position: absolute; content: ""; width: 100%; height: 15px; background-color: #fff; left: 0; bottom: 0;}
.ep-search-pagination {font-size: 17px !important;}
button.ep-search-pagination-button {background-color: #f59823; border: 1px solid #d6d6e7 !important; padding: 8px 13px !important; box-shadow: 0 1px 0 0 rgba(35,38,59,.05) !important; color: #fff; font-size: 14px !important;}
button.ep-search-pagination-button:hover {background-color: #84ba85 !important; color: #fff !important; background-image: none !important;}

.ep-search-sidebar-toggle {
        text-decoration: none;
    font-weight: 600; text-transform: uppercase;
    background-color: #68a470;
    padding: 15px 30px;
    width: 100%;
    display: inline-block;
    fill: #000;
    text-align: center;
    transition: all .3s; margin-top: 20px;
    color: #fff; border: none;
}
.ep-search-sidebar-toggle:hover {background-color: #68a470 !important; color: #fff !important;}
.ep-search-pagination__next {justify-self: left !important;}
.ep-search-pagination__previous {justify-self: right !important;}
.ep-search-suggestion p {font-size: 18px;}
.ep-search-modal {background-color: #fff !important;}
/* new search functionality end here */

.custom-sidebar-products {padding: 0 40px;}
.custom-sidebar-products .custom-product { margin-bottom: 20px; margin-top: 15px; border: 1px solid #ccc; border-radius: 15px; padding:20px 15px; box-shadow: 0 0 0 1px rgba(35, 38, 59, .05), 0 1px 3px 0 rgba(35, 38, 59, .15);}
.custom-product p.product-title {font-weight: 500; font-size: 18px; margin-bottom: 13px; color: #222;}
.custom-product p.product-title:hover {color: #68a470;}
.custom-product p.product-description {font-size: 17px; font-weight: 300; margin-bottom: 5px;}
.custom-product p a.read-more-link {font-size: 15px; font-weight: 400;}
a.custom-product-inner img {width: auto; height: 140px; text-align: center; display: block; margin: 0 auto 10px;}




.top-banner-section {background-color: #7DD8C6; margin-bottom: 20px;}
.top-banner-container {display: flex; position: relative; margin-left: auto; margin-right: auto;}
.logo-section.text-column-4 img {width: 100%;}
.text-column-4 {display: flex; width: 20%; min-height: 1px; position: relative;}
.logo-section {align-items: center; align-content: center; padding: 10px; padding-left: 30px;}
.drawer-body {padding-left: 10px;}
.top-banner-contents {    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 10px;
}
.text-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}
.text-heading-title > a {
    color: inherit;
    font-size: 18px;
    line-height: inherit; text-decoration: none;
}
.woocommerce-breadcrumb a {color: #68a470 !important;}
.text-column-heading.inner-element {text-align: center; width: 100%;}
.banner-icon {
    color: #fff;
    border-color: #fff; display: block;
    font-size: 24px;
}
.filter-block h4 {
    color: #68a470 !important;
    font-size: 17px; margin-bottom: 7px !important;
}
h1.category-title {font-size: 28px !important; color: #68A473 !important; font-weight: 700; margin-bottom: 0px !important;}
.banner-icon-div.inner-element {margin-bottom: 0 !important; text-align: center; width: 100%;}
  
  .mobile, .s-mobile {
    display: none !important;
  }
  
  .main-woo {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important; margin-left: auto; padding-left: 10px;
  }
  .woo-cart {
    display: flex !important;
    align-items: center !important;
    margin-left: 15px;
  }
  .pricing {
    
    font-size: 16px !important;
    color: #515151 !important;
    font-weight: 500 !important;
    margin-bottom: 0 !important;
  }
  span.xoo-wsc-sc-subt span.woocommerce-Price-amount.amount {font-size: 18px; color: #000; font-weight: 700 !important;}
  .filter-block {position: relative;}
input.search-box {
        width: 94% !important; position: relative;
    padding-left: 35px;
    height: 32px;
    font-size: 13px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #d8d7d7;
  }
  .filter-block:before {
    background: rgba(0, 0, 0, 0) url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E) repeat scroll 0% 0%;
    content: "";
    height: 16px !important;
    left: 8px;
    position: absolute;
    top: 35px;
    width: 16px !important; z-index: 10;
  }

div#ep-search-live-wrapper .filter-block:before {
    background: rgba(0, 0, 0, 0) url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E) repeat scroll 0% 0%;
    content: "";
    height: 16px !important; display: none !important;
    left: 8px;
    position: absolute;
    top: 30px;
    width: 16px !important; z-index: 10;
  }
  .filter-block#discount-filter:before {display: none;}
  .filter-block#price-filter:before {display: none;}
  .filter-block#discount-filter-mobile:before {display: none;}
  .filter-block#price-filter-mobile:before {display: none;}

  .nf-logo {width: 210px; margin-right: 25px;}

  /* All brand page css starts here */
#mainBrandContainer {width: 100%; max-width: 1280px; margin: 0 auto;}
#mainBrandContainer h2 {font-size: 28px; font-weight: 500; text-align: left; color: #000; max-width: 100%; margin:0px auto 20px; padding-top: 30px;}
#mainBrandContainer h4 {font-size: 28px; font-weight: 500; margin-bottom: 20px; text-align: center; display: inline-block;}
#mainBrandContainer .wp-block-group__inner-container {width: 100%; max-width: 100%; padding: 0;}
#mainBrandContainer .trendingImgBox {max-width: 100%; margin: 10px auto 30px;}
#mainBrandContainer .trendingImgBox figure {border: 1px solid #d5d5d5; border-radius: 10px; padding: 10px; cursor: pointer;}
#mainBrandContainer .trendingImgBox figure:hover {box-shadow: 0 8px 16px rgba(0,0,0,.16);}
#mainBrandContainer .trendingImgBox figure img {width: 100%;}
h3.wp-block-heading {font-size: 20px !important; font-weight: 600;}
#mainBrandContainer .textGroup {margin: 50px auto; max-width: 100%; display: flex; justify-content: space-between;}
#mainBrandContainer .textGroup ul {display: flex; justify-content:flex-end; align-items:center;}
#mainBrandContainer .textGroup ul li {display: flex; justify-content: center; align-items: center; border: 1px solid transparent;}
#mainBrandContainer .textGroup ul li:hover {background-color: #f3f4f4; border: 1px solid #d5d5d5;}
#mainBrandContainer .textGroup ul li a {color: #000; font-size: 19px; text-decoration: none; padding: 4px 8px;}
#mainBrandContainer .is-layout-flex {font-size: 16px;}

.textGroup {margin: 50px auto; max-width: 100%; display: flex; justify-content: space-between; position: sticky; top: 120px; padding: 10px 0 0; background-color: #fff;}
.textGroup ul {display: flex; justify-content:flex-end; align-items:center;}
.textGroup ul li {display: flex; justify-content: center; align-items: center; border: 1px solid transparent; border-radius: 8px;}
.textGroup ul li:hover {background-color: #f3f4f4; border: 1px solid #d5d5d5;}
.textGroup ul li a {color: #000; font-size: 19px; text-decoration: none; padding: 4px 8px;}

html {
  scroll-behavior: smooth;
}

.wp-block-group.allAtoZ {max-width: 100%; margin: 0 auto; margin-bottom: 40px;}
.wp-block-group.allAtoZ .wp-block-group__inner-container {padding: 0; max-width: 1280px;}
.wp-block-group.allAtoZ h3 {font-size: 20px !important; font-weight: 600; margin-top:15px; border-bottom: 1px solid #B8C6D6; padding-bottom: 7px; display: flex; justify-content: space-between; margin-bottom: 28px;}
.wp-block-group.allAtoZ ul {margin: 0; padding: 0;}
.wp-block-group.allAtoZ li {margin-bottom: 13px;}
.wp-block-group.allAtoZ a {color: #000; line-height: 1.6; text-decoration: none; font-size: 16px;}
.wp-block-group.allAtoZ a:hover {text-decoration: underline;}
.wp-block-group.allAtoZ .brands-row {display: flex; gap: 40px;}
.wp-block-group.allAtoZ h3 span a {font-size: 17px; font-weight: 400; color:#333; text-decoration: underline;}
li.nonClick {color: #bbb; padding: 4px 7px;}

.brand-section {width: 200px; flex: 1;}

/* All brand page css end here */

.accountLink {color: #000; text-decoration: none !important; font-weight: 600; font-size: 14px; margin-right: 10px; min-width: 95px;}
.accountLink.logoutLink {min-width: 75px;}
.accountLink:hover {color: #50995a; transition: transform 0.2s ease-in-out;}
.accountLink.wishList {margin-right: 0;}

/* Search css start here */
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {font-family: "Mulish", sans-serif !important; padding: 6px 10px 8px !important; font-size: 16px !important; width: 96% !important; border-radius: 7px; background-color: #84ba85 !important; text-decoration: none !important; color: #fff !important; font-weight: 600 !important; display: inline-block; line-height: 1.5; text-align: center;}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {background-color: #68a470 !important;}
.add_practitioner_button {font-family: "Mulish", sans-serif !important; padding: 8px 8px 8px !important;
    text-decoration: none !important; line-height: 1.5 !important; display: inline-block;
    background-color: #fff !important;
    color: #212529 !important;
    border-radius: 7px !important; width: 96%;
    margin: 10px auto 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: 1px solid #84ba85 !important;
    display: inline-block;
    transition: transform 0.2s ease-in-out; text-align: center;}
.add_practitioner_button:hover {background-color: #e6f8eb !important;}

.out-of-stock {font-family: "Mulish", sans-serif !important; padding: 8px 8px 8px !important;
    text-decoration: none !important; line-height: 1.5 !important; display: inline-block;
    background-color: #fff !important;
    color: #212529 !important;
    border-radius: 7px !important; width: 96%;
    margin: 10px auto 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: 1px solid #84ba85 !important;
    display: inline-block;
    transition: transform 0.2s ease-in-out; text-align: center;}
.out-of-stock:hover {background-color: #e6f8eb !important;}
button.disabled:not(.temporary) {color: #212529 !important;}

.product_type_simple {
  font-family: "Mulish", sans-serif !important; padding: 8px 8px 8px !important;
    text-decoration: none !important; line-height: 1.5 !important; display: inline-block;
    background-color: #fff !important; text-align: center;
    color: #212529 !important;
    border-radius: 7px !important; width: 96%;
    margin: 10px auto 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: 1px solid #84ba85 !important;
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}
.product_type_simple:hover {background-color: #e6f8eb !important;}


a.button.ajax_add_to_cart.loading {position: relative;}
a.button.ajax_add_to_cart.loading:after {position: absolute; right: 10px; top: 20px; content: "" !important;}
.add_to_cart_button.loading::after {inset: unset !important; right: 10px !important; top: 20px !important;}
.add_to_cart_button.added::after {inset: unset !important; right: 10px !important; top: 10px !important;}
#ep-search-suggest .add_to_cart_button.loading::after {right: 8px !important; top: 16px !important;}
#ep-search-suggest .add_to_cart_button.added::after {right: 10px !important; top: 8px !important;}
#ep-search-results a.button.ajax_add_to_cart.loading:after {top: 18px !important;}
/* Search css end here */
.top-banner-contents p {margin-bottom: 5px !important;}

span.iconBox {
    border: 2px solid #84BA85;
    border-radius: 50%;
    padding: 15px 15px 12px;
    display: inline-block;
    margin-right: 12px;
}
.contactForm {margin: 30px 0 50px;}
.contactForm h2 {font-size: 30px !important; margin: 20px 0;}
span.iconBox {border: 2px solid #84ba85; border-radius: 50%; padding: 15px 15px 12px; display: inline-block; margin-right: 12px;}
.contactForm br {display: none;}
p.dateBox br {display: block;}
.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
width: 100%;
border-radius: 10px;
margin-bottom: 20px;
background-color: #FFFFFF;
border-color: rgba(2, 2, 2, 0.09);
border-width: 3px 3px 3px 3px; font-size:17px
}
.wpcf7-form textarea {max-height: 180px;}
.wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder {
color: #000;
opacity: 0.5; font-size:14px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {display:block; width:100%; background-color:#84ba85 !important; border-radius:10px;}
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {background-color:#68a470 !important;}
input.wpcf7-form-control.wpcf7-submit.has-spinner:focus {border: none !important;}
.wpcf7-form p {margin: 0; padding: 0; position: relative;}
.wpcf7-spinner {position: absolute; right: 30%; top: 10px; z-index: 99;}

.wpcf7-not-valid-tip {margin-top: -15px; margin-bottom: 15px; font-size: 14px !important;}
.wpcf7 form .wpcf7-response-output {border-radius: 10px; padding: 10px; font-size: 16px; text-align: center;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color:#84ba85;}

.bgNone {background-color: #fff !important;}


.meetHead {margin-bottom: 35px;}
.memberBox {border-radius: 10px;}
.memberBox:nth-child(odd) {
  background-color: #ebf2ef; /* Light gray for odd rows */
}
.memberBox {padding: 30px 20px 0; margin-bottom: 30px;}
.memberBox h4 {margin-bottom: 10px;}
.memberBox:nth-child(even) {
  background-color: #fff; /* White for even rows */
}

.leftMeetImg {text-align: center;}
.leftMeetImg img {max-width: 300px;}
.wp-block-group.clientInfo {background-color: #d9f6de ; border-radius: 20px; margin: 0 auto 20px; max-width: 1000px;}
.mrgSearch {margin-bottom: 0 !important;}
.homeBrandSearchContainer.mrgSearch figure {margin-bottom: 0 !important;}

.popularProduct {display:flex; gap: 15px 14px; flex-wrap: wrap;}
.itemPopular a {white-space: pre;     font-family: "Mulish", sans-serif !important;
    padding: 6px 15px !important; width: 100%;
    text-decoration: none !important;
    line-height: 1.5 !important;
    background-color: #fff !important;
    color: #212529 !important;
    border-radius: 7px !important;
    font-size: 14px !important;
    border: 1px solid #84ba85 !important;
    display: inline-block !important;
    transition: transform 0.2s ease-in-out;
    text-align: center; margin-top: 0 !important;
  }
  .topSearchHeading {background-color: #f2f5f1; padding: 10px; border-radius: 10px; margin-bottom: 20px;}
  .topSearchHeading h4 {font-size: 18px; text-align: center; margin:0; line-height: 1.4;}
  div#best-selling-slider22 {display: grid; grid-template-columns:repeat(4, 1fr); gap: 15px;}
  .popularSearch {margin-bottom: 15px; margin-top: 0px; padding: 15px; border: 1px solid rgba(0,0,0,.125); border-radius: 10px; background-color: rgb(252, 252, 252); padding: 20px;}
  .bestSellerTopSearch {margin-bottom: 20px;}
  .textSearchHeading {display: flex;justify-content: space-between; align-items: flex-start;}
  .textSearchHeading .arrowText a h4 {font-size: 14px;}
  .textSearchHeading h2 {margin-bottom: 15px; font-size: 17px; font-weight: 700 !important;}
  .commonSlider.searchSlider .item.product{margin: 0; width: 100%;}
  .ep-suggest-inner {height: calc(100vh - 158px); overflow: hidden; overflow-y: auto;}
  .marginTopSearch {margin-top: 30px;}
.ep-search-suggest {padding-bottom: 80px; display: none;}
  .ep-search-suggest::before {content: ""; background-color: #fff; width: 1000px; left: -1000px; position: absolute; top: -1px; bottom: 0; z-index: -1; border-top: 1px solid #d8d7d7 !important;}
.ep-search-suggest::after {content: ""; background-color: #fff; width: 1000px; right: -1000px; position: absolute; top: -1px; bottom: 0; z-index: -1; border-top: 1px solid #d8d7d7 !important;}
section.SearchTopMenu {padding-top: 10px;}
.commonSlider.searchSlider figure {margin-bottom: 0; padding-bottom: 0;}

 #cpp-portal-root .mainWrapper{display:flex;align-items:flex-start;gap:24px; margin-top:-32px; margin-bottom:-30px; background:url(/wp-content/themes/generatepress_child/assets/images/portal-bg.jpg) repeat-x; }
  #cpp-portal-root .siderBar{flex:0 0 260px; min-width:260px; background:#fff; border-right:1px solid #eee; background-color:#F5F7FA; opacity: 1; height:100vh; position:sticky; top:0; overflow:auto; padding:10px 15px; transition:none !important; }
  .mainWrapper.sideBarTop .siderBar .sideNav {padding-top:120px !important; transition:none !important;}
  .introSearch {display: flex; justify-content: space-between; align-items: center;}
    #cpp-portal-root .cpp-content{flex:1 1 auto; min-width:0; padding:0 16px 20px; max-width:100%; padding-top:30px;}

    .brandMenu a:after {display: none;}
  .topExpand {display: none; justify-content: end;}
  .topExpand .nav-toggle-btn {color:#000 !important; font-size:20px !important; cursor: pointer;}

.homeBrandSearchContainer {width: 100%; margin: 0 auto 30px; display: flex; flex-wrap: wrap; gap: 15px; padding: 0px; margin-bottom: 10px;}
.homeBrandSearchContainer.mrgSearchBtm {margin-bottom: 15px !important;}
.homeBrandSearchContainer .itemBrand {max-width: 105px;}
.homeBrandSearchContainer figure {border: 1px solid #d5d5d5; border-radius: 10px; padding: 10px; cursor: pointer; margin-bottom: 10px !important;}
.homeBrandSearchContainer figure:hover {box-shadow: 0 8px 16px rgba(0,0,0,.16);}
.homeBrandSearchContainer figure img {width: 100%;}
.bestSellerTopSearch .commonSlider a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {padding: 5px 10px !important;}
.bestSellerTopSearch .add_practitioner_button {padding:6px !important;}

  .protocolBanner {width: 100%; margin:0px 0 30px; border-radius:8px; background-color:#fff; display:flex; align-items:center; border:1px solid rgba(0,0,0,.125); padding: 20px;} 
  .protocolLeftImg {max-width:38%; margin-right:28px;}
.recentDetailsText {display: flex; justify-content: space-between; align-items: center;}
.clientOrderBtn {font-family: "Mulish", sans-serif !important; padding: 8px 15px 8px !important;
    text-decoration: none !important; line-height: 1.5 !important;
    background-color: #fff !important;
    color: #212529 !important;
    border-radius: 7px !important;
    font-size: 15px !important;
    border: 1px solid #84ba85 !important;
    display: inline-block !important;
    transition: transform 0.2s ease-in-out; text-align: center; margin-bottom: 10px !important;}
.clientOrderBtn:hover {background-color: #e6f8eb !important;}
section.searchDescription.mobAlert {display: none;}
.practitionerBtn.mrgAuto {margin: 0 auto;}

form#accept-invite input {width: 100%; background-color: #fff !important; border-radius: 7px; border: 1px solid #aaa !important;}
form#accept-invite .btn-assign {font-family: "Mulish", sans-serif !important; padding: 8px 15px 8px !important;
    text-decoration: none !important; line-height: 1.5 !important;
    background-color: #84ba85 !important;
    color: #fff !important;
    border-radius: 7px !important;
    font-size: 16px !important;
    border: 1px solid #84ba85 !important;
    display: block !important;
    transition: transform 0.2s ease-in-out; text-align: center; margin-bottom: 10px !important; margin-top: 20px;}
    form#accept-invite .btn-assign:hover {background-color: #68a470 !important;}
    form#accept-invite .input-field label {font-size: 16px; font-weight: 700;}
  form#accept-invite {background-color: rgb(245, 247, 250); border-radius: 10px; border: 1px solid rgba(0,0,0,.125); padding:0 20px 20px; max-width: 650px !important;} 

  #cpp-portal-root .mainWrapper table {border:none; margin-bottom:50px; width: 100% !important;}
  #cpp-portal-root .mainWrapper table tr th {padding:22px 10px}
  #cpp-portal-root .mainWrapper table tr td {padding:22px 10px; border-bottom:1px solid rgb(184, 198, 214);}
  #cpp-portal-root .mainWrapper table tr:hover {background-color:rgb(245, 247, 250) !important;} 
  #cpp-portal-root .mainWrapper .table-striped>tbody>tr:hover {background-color:rgb(245, 247, 250) !important;}
  #cpp-portal-root .mainWrapper table thead tr:hover {background-color:none;}
  #cpp-portal-root .mainWrapper .table-striped>tbody>tr:nth-of-type(odd) {--bs-table-accent-bg: #fff;}
  #cpp-portal-root .mainWrapper .table-striped > tbody > tr:hover{--bs-table-accent-bg:rgb(245, 247, 250) !important;}
  .table-bordered td, .table-bordered th {border:none;}
  td.no-search a {color:#68a470; text-decoration:none; margin:0 5px;}
  td a {color:#68a470; text-decoration:none;}
 td a:hover {text-decoration:underline; color:#68a470;}
  .table-bordered>:not(caption)>* {border:none;}
  .table>:not(:last-child)>:last-child>* {border-bottom:1px solid #dee2e6;}

  .inviteClientBtn {border: none !important; background-color: #84ba85 !important;}
  .inviteClientBtn:hover {background-color: #68a470 !important;}
  .cpp-close {
        position: absolute;
    right: 10px;
    top: 10px;
    background-color: #fff !important;
    border: 0;
    font-size: 32px;
    cursor: pointer;
    color: #333 !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
  }
 .directoryBtn.noMrg {margin-left: 0 !important;}
 div#customer_details .col-1 {max-width: 100% !important;}
.cpp-panel-header h4 {font-size: 26px !important;}
 .cpp-btn-outline {
    background-color: #fff !important;
    border: 0 !important;
    font-size: 22px !important;
    cursor: pointer;
    color: #333 !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
 }
input#quantity {width: 60px !important;}
 .itemProduct {display: flex; gap: 15px; align-items: center;}
 .itemProduct label {width: 70px;}
 .itemProduct input {max-width: 70px; background-color: #fff; border-radius: 7px; border: 1px solid #aaa;}
 .itemProduct textarea {max-width: 80%; background-color: #fff; border-radius: 7px; border: 1px solid #aaa;}
 input#payout_email, input#practice_name {background-color: #fff; border-radius: 7px; border: 1px solid #aaa;}

 .yhb-loop-badge {position: absolute; left: 0; top: 0; color: #fff; background-color: #68a470 !important; border-radius: 15px 0px 0px 0px !important; padding: 5px 7px 5px !important; font-size: 13px !important;}
 .wishlist-icon {position: absolute; right:0; top: 0;}
 .thumb-wrapper {padding-top: 18px;}
  .wishlist-icon a:active {color:#68a470 !important;}

  .footer-bottom p a {text-decoration: none; font-weight: 600;}
  .footer-bottom p a:hover {text-decoration: underline;}

  .favourites-wrapper.fav-wrap {padding-bottom: 20px;}
 
.woocommerce-MyAccount-navigation-link--customer-logout a {border: 1px solid #FF6B6B; background-color: #FF6B6B; color: #fff !important; display: block !important; border-radius: 8px; text-align: center;}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {background-color: #FF4C4C !important;}
.account-dashboard-cards a:hover {text-decoration: none !important;}
.woocommerce-MyAccount-navigation-link--user-switching-switch-back a {color: #1A73E8 !important; font-size: 16px !important;}

input#practice_name {width: 460px; margin-top: 10px;}
input#payout_email {width: 460px; margin-top: 10px;}

.favourites-wrapper.fav-wrap ul {list-style-type: disc; margin-bottom: 10px;}
.favourites-wrapper.fav-wrap ul li {margin-bottom: 7px; margin-left: 20px;}

.clientOrderBtn.howRead {background: none !important; border: none !important; padding: 0 !important; display: flex !important; justify-content: flex-end; color: #68a470 !important; align-items: center; font-weight: 700 !important;}
.clientOrderBtn.howRead i {margin-right: 5px;}
.clientOrderBtn.howRead:hover {color: #4a8352 !important;}
.clientOrderBtn.howRead:hover span {text-decoration: underline !important;}
.clientOrderBtn.howRead:hover i {text-decoration: none !important;} 

#settings .input-field {margin-top: 0;}
#settings .input-field label {font-weight: 700; margin-top: 0;}

.coupon input {width: 175px !important; border-radius: 7px; font-size: 16px;}
.coupon button {
  padding: 11px 20px 12px !important;
    text-decoration: none !important;
    background-color: #84ba85 !important;
    color: #fff !important;
    border-radius: 7px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-left: 5px !important;
    display: inline-block !important;
    transition: transform 0.2s ease-in-out;
}
.coupon button:hover {background-color: #68a470 !important; color: #fff !important;}
.woocommerce-cart-form table.shop_table th {text-align: center;}
.woocommerce-cart-form table.shop_table td {text-align: center;}
.woocommerce-cart-form table.shop_table td a.remove {display: inline-block;}
.woocommerce-cart-form table.shop_table th.product-name {text-align: left;}
.woocommerce-cart-form table.shop_table td.product-name {text-align: left;}
#preferential-origin-modal .modal-content {max-width: 600px !important; border-radius: 10px;}
#preferential-origin-modal .modal-content .close-modal {margin-left: auto;}
#preferential-origin-modal .modal-content .modal-header {border-bottom: none !important; padding: 5px 0px 0;}
#preferential-origin-modal .modal-content .modal-text span {margin-bottom: 12px;}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {color: #000 !important;}

.controlBtnClient a {font-size: 15px !important;}
.yhb-add-to-protocol {font-family: "Mulish", sans-serif !important; padding: 8px 8px 8px !important;
    text-decoration: none !important; line-height: 1.5 !important; display: inline-block;
    background-color: #fff !important;
    color: #212529 !important;
    border-radius: 7px !important; width: 100%;
    margin: 10px auto 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: 1px solid #84ba85 !important;
    display: inline-block;
    transition: transform 0.2s ease-in-out; text-align: center;}
.yhb-add-to-protocol:hover {background-color: #e6f8eb !important;}

.wishlist-protocol-actions .convert-protocol {
  font-family: "Mulish", sans-serif !important; padding: 8px 10px 8px !important;
    text-decoration: none !important; line-height: 1.5 !important; display: inline-block;
    background-color: #fff !important;
    color: #212529 !important;
    border-radius: 7px !important;  margin-top: 5px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: 1px solid #84ba85 !important;
    display: inline-block;
    transition: transform 0.2s ease-in-out; text-align: center;
}
.wishlist-protocol-actions .convert-protocol:hover {background-color: #e6f8eb !important;}


.wishlist-protocol-actions {margin-top: 10px; display: inline-block; width: 100%; text-align: left;}
td.product-stock i {display: none;}

.gp-404-wrapper {text-align: center; max-width: 720px; padding: 20px; margin: 10px auto;}
.gp-404-wrapper h1.gp-404-title {font-weight: 700; font-size: 55px; margin: 0;}
.errorIcon {margin-bottom: 15px;}

/* Cart Page css start here */
.woocommerce-cart-form .quantity {
        border: solid 1px #ddd !important;
    border-radius: 5px;
    min-height: 49px;
    display: flex;
    padding: 0;
    align-items: center;
    margin-right: 0px !important;
    overflow: hidden;
}
.woocommerce-cart-form .quantity .yhb-qty-btn {
        padding: 0 10px !important;
    height: inherit !important;
    min-width: inherit;
    color: #68a470;
    font-weight: normal;
    width: auto !important;
    max-width: 44px;
    background-color: transparent;
    font-size: 28px !important; border: none !important;
}

.woocommerce-cart-form .quantity input[type="number"] {
        font-size: 18px;
    font-weight: 400;
    line-height: 23.4px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    background-color: #fff;
    border: none;
    color: #111;
    padding: 12px 6px !important;
    max-width: 44px;
}

#coupons_list {border:1px solid rgba(0,0,0,.1) !important;}
#coupons_list .discount-label {color:#fff !important;}
#coupons_list .sc-accordion-header {font-weight: 600 !important; border: 1px solid rgba(0,0,0,.1) !important;;}
#coupons_list #sc-cc .sc-coupon {background-color: #68a470 !important; color: #fff !important; border: 1px solid #68a470 !important;}
#coupons_list #sc-cc .gap-2 {color: #fff !important;}
.leading-none .inline-flex {color: #fff !important;}
.inline-flex svg {color: #fff !important;}
#shipping-calculator-form button {    padding: 11px 20px 12px !important;
    text-decoration: none !important;
    background-color: #84ba85 !important;
    color: #fff !important;
    border-radius: 7px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-left: 5px !important;
    display: inline-block !important;
    transition: transform 0.2s ease-in-out;
}
#shipping-calculator-form button:hover {background-color: #68a470 !important;}

.wc-proceed-to-checkout br {display: none !important;}
a.button.convert-protocol {
    padding:15px 15px 17px !important;
    text-decoration: none !important;
    background-color: #fff;
    color: #212529 !important;
    border-radius: 7px;
    font-size: 18px !important;
    font-weight: 600 !important; margin-bottom: 15px !important;
    border: 1px solid #84ba85;
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}
a.button.convert-protocol:hover {background-color: #e6f8eb;}

.woocommerce-MyAccount-navigation-link--practitioner-portal a::before {
        font-family: 'Font Awesome 6 Free';
        content: '\f470'; /* user-doctor */
        font-weight: 900;
    }

    
.woocommerce-cart-notice {font-size:15px; background-color:#e6f8eb; border:1px solid #84ba85; padding:15px; border-radius:7px; margin-bottom:20px;}
  .woocommerce-cart-notice p {margin-bottom:0;}


  .woocommerce-cart #coupons_list {width: 49%; float: left; border-radius: 5px;}
  #sc-cc .sc-coupons-list {flex-wrap: nowrap !important;} 
  .sc-coupon {border-radius: 5px;;}
  .woocommerce-cart .cart_totals.calculated_shipping h2 {display: none;}
  .woocommerce-cart form.woocommerce-cart-form {margin-bottom: 40px;}
  
  .cross-sells {margin-left: 2%;}
  .cross-sells ul {display: flex; justify-content: center; flex-wrap: wrap;}
  .cross-sells li.product {    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 10px !important;
    text-align: center;
    padding: 30px 20px 20px !important;
    position: relative;
    box-shadow: 0px 3px 5px 0px #0000000A !important;
  }
  .cross-sells a.button.ajax_add_to_cart.loading:after {top: 10px !important;}
  div#wc-stripe-payment-method-instructions-card {font-size:14px !important; margin-bottom:10px;}
  .cross-sells img {margin: 0px !important; max-width: 100%; padding: 0px; display: inline-block; max-height: 112px; height: 112px !important; width: auto !important; margin-bottom: 10px;}
  .cross-sells h3 {text-align:left; font-size: 15px !important;}
  .cross-sells .price {text-align: left;}
  .cross-sells a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {width: 100% !important;}
  .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button {margin-top: 0 !important;}
  .cart_totals h2 {display: none;}

/* Cart Page css end here */

 a.loading-link.loadingNav {
    cursor: wait;
  }

    a.link-loading {
    cursor: wait !important;
  }
  .clientOrderBtn span.cpp-toggle-ico i {transition: transform 0.2s ease-in-out;}

  .clientOrderBtn.is-open span.cpp-toggle-ico i {transform: rotate(180deg);}

  .existButton a {width: 100%;}


.wc-backward {padding: 8px 20px 8px !important; text-decoration: none !important; background-color: #84ba85 !important; color: #fff !important; border-radius: 7px !important; font-size: 15px !important; font-weight: 600 !important; display: inline-block !important; transition: transform 0.2s ease-in-out; }
.wc-backward:hover {color: #fff !important; background-color: #68a470 !important;}
.woocommerce a.remove {height: 29px !important;}
.woocommerce-info {border-top-color:#68a470 !important;}
.woocommerce-info::before {color:#68a470 !important;}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {display: flex; gap: 8px;}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {margin-right: 0 !important;}

.u-columns.woocommerce-Addresses.col2-set.addresses { margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, .125); overflow: hidden; border-radius: 15px;}
.u-column1.col-1.woocommerce-Address {padding-top: 15px; padding-right: 10px;}
.u-column2.col-2.woocommerce-Address {background-color: rgb(245, 247, 250); padding-top: 15px; padding-right: 10px;}
header.woocommerce-Address-title.title a.edit, .wc-address-book-edit, .wc-address-book-delete, .wc-address-book-make-primary {
      font-family: "Mulish", sans-serif !important;
    padding: 8px 15px 8px !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    background-color: #fff !important;
    color: #212529 !important;
    border-radius: 7px !important;
    font-size: 14px !important;
    border: 1px solid #84ba85 !important;
    display: inline-block !important;
    transition: transform 0.2s ease-in-out;
    text-align: center;
    margin-bottom: 10px !important;
}
.woocommerce-MyAccount-content .button {padding: 10px 15px 10px !important;}

header.woocommerce-Address-title.title a.edit:hover, .wc-address-book-edit:hover, .wc-address-book-delete:hover, .wc-address-book-make-primary:hover {
  background-color: #e6f8eb !important;
}  

.practitioner-portal-client span {cursor: pointer; font-weight: 700; font-size: 13px; margin-left: 4px;}
.practitioner-portal-client:hover {color: #68a470;}


table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th.woocommerce-table__product-name.product-name {width: 68%;}

#earningsTabs .nav-link {color: #495057 !important; padding: 10px !important;}

.card.cardEditBox {display: flex; flex-direction: row; justify-content: space-between;}
form#protocol-edit.card-50 {max-width: 64%;}
.editClientButton {max-width: 32%;}
.existButton {margin-top: 15px;}
.editAllClients {border: 1px solid rgba(0,0,0,.125); padding: 15px; border-radius: 8px; margin-top: 5px;}
.editAllClients p {margin-bottom: 10px;}

.existButton button {margin-bottom: 15px; width: 100%;}
.protocol-item-remove-btn.mt-2.small a {margin-right:10px ;}

.removeClientPopup h3 {border-bottom: #ccc 1px solid; padding-bottom: 10px; font-size: 20px;}

.yhb-linked-practitioner small {font-size: 90% !important;}

    
   @media  (max-width: 1330px) {
      #mainBrandContainer {max-width: 94%;}
      .wp-block-group.allAtoZ {max-width: 94%;}
      .sticky-header {padding: 0 20px !important;}
      .popularBlogWrap {max-width: 94%;}
      .blog-grid {max-width: 96%;}
      .single-post footer.entry-meta {width: 90%;}
      .single-post #content.site-content {max-width: 96%; margin-top: 40px;}

      .additonDeleryBox {padding-left: 15px; padding-right: 15px;}
      
      .yhb-prac-hero__title {font-size: 28px;}
      .yhb-prac-hero__inner {max-width: auto; width: 96%;}
      .yhb-prac-results {max-width: auto; width: 96%;}
      
    }
    
  @media (min-width: 911px) and (max-width: 1260px) {
     a.assign-client.clientOrderBtn {margin-bottom: 15px;}
      .nf-main-search input {
        width: 200px !important;
      }
      
      input#searchsubmit {padding: 4px 20px 4px !important;}
      .main-menu a {
        margin-right: 30px !important;
      }
      .top-menu h4 {font-size: 12px; line-height: 1.8;}
      .top-contact {font-size: 12px; margin-right: 10px;}
      .phone-no a {font-size: 12px !important;}
      .liveChatBtn {font-size: 12px; padding: 0px 10px 2px !important; margin-right: 10px;}
      .nf-logo {width: 175px; margin-right: 0;}
     
      .menuNavLeft ul li {padding-right: 25px;}
      .menuNavLeft ul li a {font-size: 14px;}
      span.woocommerce-Price-amount.amount {font-size: 16px !important;}
      .practitionerBtn {font-size: 13px;}
      .directoryBtn {font-size: 13px;}
      .entry-content {max-width:96%;}
      .default-search-results header.page-header {max-width: 96%;}
      .default-search-results header.page-header h1 {font-size: 28px;}

      .container {max-width: 96%;}
      .page-template-blog-template .site-content {max-width: 96%;}
      nav.woocommerce-MyAccount-navigation {min-width: auto;}
      #customer_login form.login {margin: 0 !important;}
      .wp-singular .entry-header {max-width: 96%;}
      div#best-selling-slider22 {grid-template-columns:repeat(2, 1fr)}
      p.blogExcerptText {height: 90px; overflow: hidden;}
      
      
    }
    @media (min-width: 1021px) and (max-width: 1210px) { 
      input#ep-search-input {
        width: 350px !important; font-size: 14px;
      }
    }
    @media (min-width: 911px) and (max-width: 1020px) { 
      input#ep-search-input {
        width: 295px !important; font-size: 14px;
      }
    }

    @media (min-width: 768px) and (max-width: 910px) {
      .dataTables_scrollHeadInner {overflow: hidden; overflow-x: auto;}
      #cpp-portal-root .mainWrapper table {width: 450px !important;}
      .clientOrderBtn {font-size: 15px !important; padding: 8px 10px !important; margin-right: 10px;}

      .container {max-width: 94%;}
      nav.woocommerce-MyAccount-navigation {min-width: auto;}
      #customer_login form.login {margin: 0 !important;}
      .page-template-blog-template .site-content {max-width: 94%;}
      .wp-singular .entry-header {max-width: 94%;}
      div#best-selling-slider22 {grid-template-columns:repeat(2, 1fr)}
      small.tax_label {line-height: 1;}
    }

    @media (min-width: 541px) and (max-width: 910px) {
    .nf-main-search {top:65px;}
    form#ep-search-form {top:65px !important;}
    #algolia-header-search-container {top: 200px;}
    #algolia-header-search-container.customTop {top:128px !important;}

    /* div#protocol-data-dashboard {overflow: hidden; overflow-x:auto;}
    #cpp-portal-root .table {max-width: max-content !important; width: 1000px !important;}  */
}


 @media  (max-width: 1160px) {
    #cpp-portal-root .card {flex-direction: column;}
    form#protocol-edit.card-50 {max-width: 100%;}
    .editClientButton {display: flex; justify-content: space-between; gap: 20px; max-width: 100%; flex-direction: row; margin-top: 20px;}
    .existButton {width: 50%; max-width: 100%;}
    .editAllClients {width: 48%; max-width: 100%;}
    .existButton button {margin-bottom: 15px !important;}
    
 }
  
  @media  (max-width: 910px) {

    
    .top-left-section, .top-right-section,
    .main-menu, .desktop {
      display: none !important;
    }
     input#searchsubmit {padding:6px 25px !important; top: 15px; right: 25px;}
     .accountLink {width: auto !important; margin-right: 20px;}
    
    .top-bar, .sticky-header {
      /* flex-direction: column; */
      align-items: flex-start !important;
      justify-content: space-evenly !important;
      padding: 5px;
    }
    .top-center-section a {
      font-size: 12px !important;
    }
    .bottomRgtDiv {display: none;}
    .nf-main-search input {
      width: calc(100% - 45px) !important;
      height: 45px !important;
      margin-left: 6px !important;
    }
    .nf-main-search button {
      width: auto;
      padding: 6px 10px !important;
    }

    input#ep-search-input {
      width: calc(100% - 10px) !important;
      height: 45px !important; background-position: 7px 15px;
      margin-left: 6px !important;
    }
    button#ep-search-btn {
      width: auto;
      padding: 6px 10px !important;
    }
    .ep-search-suggest {overflow: hidden;}

    p.blogExcerptText {height: 90px; overflow: hidden;}

    .default-search-results header.page-header {max-width: 94%;}
    .default-search-results header.page-header h1 {font-size: 28px; margin-top: 45px;}
    .default-search-results ul.products.columns-4 {grid-template-columns: repeat(3, 1fr)}

    .woo-cart {margin-left: 10px;}

    td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {gap: 0px;}
    td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {margin-right: 10px !important;}

    .ep-search-suggest {top: 125px !important; border: none !important; box-shadow: none !important;}

    .memberBox {gap: 0;}

    .inside-article h1 {margin-top: 50px !important; font-size: 30px !important; margin-bottom: 20px !important;}

    .wp-singular .entry-header {max-width: 94%;}

    .autherImg img {max-width: 100%;}
    .coachBox {gap: 0;}
      .coachDetaILS {margin-left: 20px;}
      .coachBox h1 {font-size: 30px;}
      .coachBox h4 {font-size: 22px;}
      .coachWrapper {margin-top: 50px;}

    
    .top-menu a, .main-menu a {
      font-size: 14px !important;
    }
    .main-woo {
      margin-left: 20px !important;
    }
    .nf-logo {
      width: 200px !important; margin-left: 10px; 
    }
    .sticky-header {
      padding: 15px 2px !important;
    }
    .nf-main-search {
      background-color: #fff !important;
      padding: 10px 0 !important;
      margin-left: 0 !important;
    }
    table.dataTable>tbody>tr.child span.dtr-title {margin-right: 10px;}
    form#ep-search-form {
      background-color: #fff !important;
      padding: 10px 0 !important;
      margin-left: 0 !important;
    }.sticky-header {padding: 15px 10px !important;}
    .main-woo {margin-left: auto !important;}
    .menuNavLeft {display: none !important;}
    .mobileDropdown {display:block !important; margin-top: 10px;}
    .closeMenu {padding: 0; margin-left: auto; width: 30px; color: #000; font-size: 25px;}
    .mobNavWrapper {position: relative; height: calc(100vh - 145px);}
    .mobileMenu {display: block !important;}
    .mobileMenu {width: 100%; height:100vh; position: fixed; left: -100%; top: 0px; transition: .5s ease; background: #fff; text-transform:capitalize; z-index:999;}
    .mobileMenu.open {left: 0; z-index:999999;}
    .mobileMenu .logo {width: 230px;}
    .mobileMenu .logo img {width: 100%;}
    .mobileMenu .primaryLinks {position: relative;}
    .mobileMenu .primaryLinks ul {margin: 0 !important; padding: 0 !important;}
    .mobileMenu .primaryLinks ul li {width: 100%; display: inline-block; border-bottom: 1px solid rgba(233, 234, 234, 1);}
    .mobileMenu .primaryLinks ul li:last-child {border-bottom: none;}
    .mobileMenu .primaryLinks ul li a { display: block; font-size: 19px; font-weight: 600; padding: 10px 20px; color: #000; text-decoration: none; background: url(assets/images/arrowRightNew.png) no-repeat right 35px top 17px}
    .mobileMenu .primaryLinks ul li a span {display: block; font-size: 12px; text-transform: capitalize !important; font-weight: 400;}
    .default-search-results ul.products.columns-4 li.product h3 {font-size: 17px;}

    .mobileMenu .primaryLinks ul li a.shopWellness {
        display: block;
        font-size: 20px;
        font-weight: 600;
        padding: 20px;
        color: #000;
        text-decoration: none;
        background: url(assets/images/arrowRightNew.png) no-repeat right 35px top 16px !important;
    }

    .mobileMenu .primaryLinks .level-body { width: 100%; height: 100vh; background: #fff; position: absolute; left: -100%; top: 0px; transition: .5s ease; z-index: 1;}
    .mobileMenu .primaryLinks .open-level>.level-body {left: 0;}
    .level-title {width: 100%; display: block; float: left; clear: both; padding: 18px 15px 18px 20px; color: #000; border-top: 1px solid rgba(233, 234, 234, 1); border-bottom: 1px solid rgba(233, 234, 234, 1); margin: 0; background-color: #fbfbfb; position: sticky; top: 0; z-index: 9;} 
    .mobileMenu .primaryLinks .level-body ul li a {background-position: right 35px top 23px;}
    .level-title button:focus {background-color: #fbfbfb !important; color: #000 !important;}
    .level-title button:hover {background-color: #fbfbfb !important; color: #000 !important;}
    .level-title span {float: right; font-size: 19px; margin-right: 15px;}
    .mobileMenu .level-body .level-body { background: #fff;}
    .mobileMenu .open-level>.level-body a {padding: 20px;}
    button.backBtn {border: none; background: none; outline: none; margin: 0; padding: 0; font-size: 16px; color: #000;}
    .topMobileDiv {display: flex; padding: 12px 10px 12px 20px; background-color: #fff; align-items: center; border-bottom: 1px solid rgba(233, 234, 234, 1);}
    .level-body.finalList {overflow: hidden; overflow-y: scroll; padding-bottom: 20px;}
    .level-body.finalList ul li a {padding: 15px 20px !important; background: none !important; font-size: 17px !important;}
    .bgImg {background-image: none !important;}
    .bdrBtm {border-bottom: none !important;}

    .mobileMenu .secondaryLinks {position: relative; padding: 15px 20px; background-color: #f3f4f4;}
    .mobileMenu .secondaryLinks .aboutTopSection {border-bottom: 1px solid rgba(233, 234, 234, 1); margin-bottom: 20px; padding-bottom: 15px;}
    .mobileMenu .secondaryLinks .aboutTopSection ul {margin: 0; padding: 0; list-style-type: none;}
    .mobileMenu .secondaryLinks .aboutTopSection ul li {margin-bottom: 10px;}
    .mobileMenu .secondaryLinks .aboutTopSection ul li:last-child {margin-bottom: 0;}
    .mobileMenu .secondaryLinks .aboutTopSection ul li a {color: #000;padding: 5px 0; font-size: 16px; text-decoration: none;}

    .btmFixedLink {position: sticky; bottom: 0; left: 0; padding: 16px 20px 24px; background-color: #fff; height: auto; width: 100%;}
    .btmFixedLink ul {margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; gap: 8px; width: 100%;}
    .btmFixedLink ul li {width: 100%; position: relative;}
    .btmFixedLink ul li i {position: absolute; right: 10px; top: 15px;}

    .btmFixedLink .accountBtn {padding: 0; color: #fff; font-size: 18px; font-weight: 500; background-color: #68a470; border: none; border-radius: 5px; display: inline-block; text-decoration: none; width: 165px; height: 50px; line-height: 50px; text-align: center;}
.btmFixedLink .accountBtn:hover {background-color: #84ba85; color: #fff;}
.overFlow {overflow: hidden; overflow-y: scroll;}
.level-body.finalList ul {margin-bottom: 100px !important;}
.widget-visible.openMobile {z-index: 9 !important;}
.nature-wrap h5 {margin-bottom: 10px;}

.mobile {display: none !important;}
    .sticky-header {position: relative;}
    .nf-main-search {width: 100%; position: absolute; top:52px; left:0; background-color:#fff !important; padding:10px 0 10px 5px !important; z-index: 99;}
    form#ep-search-form {width: 100% !important; position: absolute !important; top:52px; left:0 !important; background-color:#fff !important; padding:10px 10px 10px 5px !important; z-index: 99;}
    div#ais-wrapper {margin-top:0;}
    .nf-main-search button {top:10px; right:10px; padding:9px 10px !important;}
    .main-menu-sticky.stickyTop .nf-main-search {box-shadow: 0px 5px 10px -2px rgba(0,0,0,.4);}

    .ep-search-page__body, .ep-search-page__header, .ep-search-page__tools {padding: 0 10px !important;}
    .ep-search-modal__content {max-width: 100% !important;}

    button#ep-search-btn {top:10px; right:10px; padding:9px 10px !important;}
    .main-menu-sticky.stickyTop form#ep-search-form {box-shadow: 0px 5px 10px -2px rgba(0,0,0,.4);}

    div#ep-ir-logo {width: 170px; left: 10px;}
    .ep-search-page__header input.ep-search-input {width: calc(100% - 265px); margin-left: 200px !important;}

    #mainBrandContainer h2 {margin-top: 45px; font-size: 28px !important;}
#mainBrandContainer .trendingImgBox {margin-bottom: 0;}
.wp-block-group.trendingImgBox .wp-block-column {max-width: 22%; margin: 0 auto;}
.wp-block-group.allAtoZ .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 0 !important;}
/* .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 30% !important;} */
#mainBrandContainer h2 {margin-top: 45px; font-size: 28px !important;}
#mainBrandContainer .trendingImgBox {margin-bottom: 0;}
.wp-block-group.trendingImgBox .wp-block-column {max-width: 22%; margin: 0 auto;}
.wp-block-group.allAtoZ .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 0 !important;}
 #mainBrandContainer .textGroup ul {flex-wrap: wrap; justify-content: flex-start; }
 .textGroup ul {flex-wrap: wrap; justify-content: flex-start; }
.trendingImgBox .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {flex-basis: 30% !important;}
.homeBrandContainer {flex-wrap: wrap; gap: 10px; padding: 0 10px; margin-bottom: 10px;}
.homeBrandContainer .itemBrand {flex-basis: 30%;}
.top-banner-section {margin-top: 34px; display: none !important;}
.logo-section {display: none !important;}
.entry-content {max-width: 94%;}
.single-post .entry-content {margin: 10px 0 30px !important;}
.single-post .inside-article h1 {margin-bottom: 12px !important;}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {width: 48% !important; float: right !important;}

nav.woocommerce-MyAccount-navigation {min-width: 200px; flex: 0 0 200px;}
nav.woocommerce-MyAccount-navigation ul {margin-left: 0 !important;}
.account-dashboard-cards {grid-template-columns:repeat(2, 1fr);}
.woocommerce-account .woocommerce-MyAccount-navigation {float: left; width: 28%;}
.woocommerce-account .woocommerce-MyAccount-content {width: 70%; float: left; padding-left: 20px;}
nav.woocommerce-MyAccount-navigation li a {font-size: 16px;}
.woocommerce-MyAccount-navigation-link--orders a::before {margin-right: 0;}

.homeBrandSearchContainer {flex-wrap: nowrap; overflow: hidden; overflow-x: auto;}
.homeBrandSearchContainer .itemBrand {max-width: 95px; margin-bottom: 10px;}
.homeBrandSearchContainer.mrgSearch figure {width: 95px;}



.userBox {margin-bottom: 20px; height: 100%;}
.mobMrgBtm {margin-bottom: 20px !important;}
.arrowText a h4 {font-size: 14px;}
section.brandMonthMobile.margTop {margin-top: 120px;}
.container {padding-left: 15px; padding-right: 15px;}
.brandMonth {display: none;}
.goals.brandMonthMobile {display: block;}
.goals.brandMonthMobile {padding: 40px 0 20px;}

.clientOrderBtn.margnBTM {margin-left: 0px;} 

#cpp-portal-root .mainWrapper {margin-top: 35px;}

/* portal css start here */
#cpp-portal-root .mainWrapper {gap:10px;}
#cpp-portal-root .siderBar {min-width: 200px; flex: 0 0 200px;}

.protocolBanner {display: block; padding: 15px; padding-top: 0;}
.protocolLeftImg {max-width: 100%; margin-right: 0;}
.price {font-size: 16px !important;}
.topSearchHeading h4 {font-size: 15px;}
.bestSellerTopSearch .add_practitioner_button {padding: 6px 2px; font-size: 14px !important;}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {font-size: 14px !important;}
.add_practitioner_button {font-size: 14px !important;}
section.searchDescription.deskAlert {display: none;}
section.searchDescription.mobAlert {display: block !important;}
.blog-grid {grid-template-columns:repeat(2, 1fr)}
#primary.blogWrapper {margin-top: 25px;}
.single-post .site-content .content-area {width: 100%;}

input#practice_name {width: 100%;}
        input#payout_email {width: 100%;}

        #primary.blogWrapper {width: 100%;}
        .page-template-blog-template .is-right-sidebar {margin-left: 0;}

        .single-post #content.site-content {margin-top: 60px;}

      input#phoneCode {width: 30px; font-size: 12px;}
        input#phoneCode a {color: #000 !important;}
        input#number {width: calc(100% - 140px);}
        .practitionerMainForm .form-group input {padding: 7px 10px 10px 10px !important;}

        .commonSlider.searchSlider .price {margin-bottom: 0 !important;}

        .woocommerce-cart #coupons_list {width: 100% !important;}

        table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th.woocommerce-table__product-name.product-name {width: auto;}
        a.woocommerce-button.button.yhb-order-again.order-actions-button {margin-top: 10px;}

        section.consutation.padd {padding-top: 10px;}
        section.featured.padd {padding-top: 0;}

        a.button.product_type_simple {font-size: 14px !important;}
        h1.category-title {margin-bottom: 10px !important;}
        .earningBtn {flex-wrap: wrap;}

        .getListedBox a {width: 100%;}
        .getListedBox a:last-child {margin-left: 0 !important; margin-top: 12px;}

        .editAllClients h4 {font-size: 18px;}

        .cpp-share-wrap {padding: 14px 0 !important;}
        .cpp-box h2 {font-size: 24px;}
    .cpp-box p.muted {font-size: 16px;}
    .cpp-tab {font-size: 15px; text-align: center !important;}
    .cpp-card h3 {font-size: 22px;}

  }
    @media (max-width: 767px) {

      body, button, input, select, textarea {font-size: 14px;}
    .wp-block-group.trendingImgBox .wp-block-column {max-width: 43%; margin: 0 auto;}
        #mainBrandContainer .textGroup ul {flex-wrap: wrap; justify-content: flex-start; }
        .textGroup ul {flex-wrap: wrap; justify-content: flex-start; }
        #mainBrandContainer .is-layout-flex {gap: 10px;}
        .wp-block-group.allAtoZ .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 100% !important;}
        

        .wp-block-group.allAtoZ .brands-row {flex-direction: column; gap: 0;}
            #mainBrandContainer h2 {margin-top: 30px; font-size: 24px !important; text-align: center;}
            #mainBrandContainer .textGroup {display: block; margin: 30px auto;}
            .textGroup {display: block; margin: 30px auto; position: static;}
            #mainBrandContainer h4 {font-size: 24px !important; text-align: center; display: block;}
            #mainBrandContainer .textGroup ul {margin: 0; text-align: center;}
            .textGroup ul {margin: 0; text-align: center;}
            .wp-block-group.allAtoZ h3 span a {font-size: 15px;}
            .paddTopBant {padding-top: 0;}
            .BantImage {padding: 0 10px;}
            .paddBtmNone {padding-bottom: 40px;}

            .inside-article h1 {margin-top: 25px !important;}
            .protocolAllBtn .clientOrderBtn {white-space: normal;}
            #dashboard-protocols a.clientOrderBtn {width: 100% !important;}

            #dashboard-protocols a {width: auto !important;}
            span#cpp-upc-copied {font-size: 14px;}

            .onMobShow {display: none !important;}
            .clientOrderBtn {padding: 8px 5px 8px !important;}

            .account-card i {font-size: 25px; padding: 14px;}
            .account-card p {font-weight: 500;}
            

            .earningBtn .practitionerBtn {width: 100%; margin-bottom: 10px; margin-left: 0 !important;}

            .btmFixedLink {display: block;}
            .btmFixedLink ul {display: block;}
            .practitionerMobileBtn {margin-left: 0; width: 100%; margin-bottom: 10px;}
            .mrgTp {margin-top: 50px !important;}
            .mobile-filter-close {font-size: 35px;}
            h1.category-title {font-size: 22px !important; margin-bottom: 20px !important;}
            .shop-item h2 {font-size: 15px !important; min-height: 53px;}
            span.woocommerce-Price-amount.amount {font-size: 15px !important;}
            .price del, del .woocommerce-Price-amount.amount {font-size: 14px !important;}
      .woocommerce .woocommerce-breadcrumb {margin-top: 35px !important;}
        .entry-content h1 {font-size: 24px !important; margin-top: 50px !important; margin-bottom: 17px; margin-left: 0px;}
        .u-column1.col-1 {float: none !important; width: 100% !important;}
        .u-column1.col-1 h2, .u-column2.col-2 h2 {margin: 12px 0 !important; font-size: 20px !important;}
        .u-column1.col-1 h2 {margin-top: 0 !important;}
        .u-column2.col-2 {float: none !important; width: 100% !important;} 
        .woocommerce-account .woocommerce-MyAccount-navigation {width: 60px; min-width: 60px; padding: 0; position: fixed; top: 150px; height: auto; z-index: 99; transition:all 0.3s ease !important;}

        .tinv-wishlist table td, .tinv-wishlist table th {padding: 10px;}
        .accountLink {width: auto; min-width: auto !important;}
        .accountLink.logoutLink {width: auto;}
        span.topAccount {display: none;}

        .homeBrandSearchContainer .itemBrand {max-width: 85px; margin-bottom: 10px;}
        .homeBrandSearchContainer.mrgSearch figure {width: 85px;}

        .coachBox {flex-wrap: wrap !important;} 
        .donRecommends.extens {flex-wrap: wrap !important;}

        .woocommerce .woocommerce-customer-details .woocommerce-column__title {margin-top: 20px !important; font-size: 22px !important;}

        .yhb-prac-hero__title {margin-top: 20px;}
        h2.accountTerms {font-size: 26px !important;} 
        td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {margin-bottom: 10px !important;}
        .sticky-buttons
        {
            background: linear-gradient(180deg, transparent 0, #fff 40px, #fff);
            margin-bottom: -12px;
            padding-bottom: 12px;
            padding-top: 40px;
            bottom: 0;
            display: flex;
            gap: 16px;
            margin-top: auto;
            position: sticky;
            z-index: 11;
        }

        .default-search-results ul.products.columns-4 {grid-template-columns: repeat(2, 1fr); gap:15px;}

        .trustpilot-section span.leftTrus {display: none;}
    .trustpilot-section span.reviewText {display: none;}

    .coachBox {display: block; text-align: center; margin-top: 15px; padding: 30px 10px 20px; margin-bottom: 20px;}
       .coachBox h1 {margin-top: 26px;}
       .coachBox h4 {font-size: 19px;}
    
    .faqHomeSection {padding: 30px 20px;}
    .faqHomeSection h2 {font-size: 20px;}
    .faqHomeSection .accordion-button {font-size: 17px;}
    .faqHomeSection .accordion-body {font-size: 15px;}
    .faqHomeSection .accordion-button::after {width: 28px; height: 28px; font-size: 26px;}

    .faqHomeSection .faqBox h5 {font-size: 17px;}
    .faqHomeSection .faqBox .detailBox.active h5 {font-size: 17px;}
    .faqHomeSection .faqBox .detailBox .innerDetails p {font-size: 16px;}
    .faqHomeSection .faqBox .detailBox h5:after {width: 28px; height: 28px; font-size: 26px; top: -4px; padding-bottom: 3px;}
    .faqHomeSection .faqBox .detailBox.active h5:after {top: -4px;}


    .homeNewsBox h2 {font-size: 18px;}
    .homeNewsBox p {font-size: 15px;}
    .homeNewsBox input {font-size: 14px;}

    

    #sc-cc .sc-coupons-list {flex-direction: column;}

        .account-dashboard-cards {grid-template-columns:repeat(2, 1fr)}
        .container {padding-left: 15px; padding-right: 15px;}
        .commonSlider {padding: 0 10px;}
        .commonSlider .slick-prev {left: -8px;}
        .commonSlider .slick-next {right: -8px;}
        .textHeading h2 {font-size: 20px;}
        section.brandMonth.margTop {margin-top: 128px;}
        section.brandMonthMobile.margTop {margin-top: 128px;}
        .newsletter-section h2 {font-size: 22px;}
        .newsletter-section p {font-size: 15px;}
        .newsletter-btn {font-size: 14px; padding: 12px 10px; }
        .newsletter-input {font-size: 15px;}
        .faqBox h5 {font-size: 15px;}
        .faqBox .detailBox.active h5 {font-size: 15px;}
        .faqBox .detailBox .innerDetails p {font-size: 15px;}

        li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--user-switching-switch-back a {display: none;}

        .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address {max-width: 100%; width: 100%;}

        .popularBlogWrap {max-width: 92%;}
        .blog-grid {grid-template-columns:repeat(1, 1fr); max-width: 92%;}
        .blogWrapper a.page-numbers {margin: 0;}
        .blog-grid .blog-card img {height: auto;}
        .postDetails h2 {margin-top: 15px;}

        .viewProtocolHead {text-align: center; margin-bottom: 15px !important; margin-top: 40px !important;}
        .showProtocolBox {text-align: center;}
        
        .page-title.blogHeading {font-size: 35px;}

        .trustpilot-section span.leftTrus {display: none;}
        .trustpilot-section span.centerTrus {display: none;}
        .trustpilot-section span.reviewText {display: none;}

        .wp-singular .entry-header {margin-top: 50px;}

        .container.practitionerMainForm {margin-top: 10px !important;}

        .woocommerce-account .woocommerce-MyAccount-content {width: calc(100% - 60px); margin-left: 60px; margin-top: 55px;}
        nav.woocommerce-MyAccount-navigation li {margin-bottom: 5px;}
        .woocommerce-MyAccount-navigation.yhb-nav-open li a {font-size: 16px; justify-content: start; gap: 10px;}
        .woocommerce-MyAccount-navigation li a {justify-content: center; gap: 0; padding: 5px;}
        p.myaccount_address {display: inline-block; margin-top: 20px;}
        .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {width: 100% !important; float: left !important;}
        nav.woocommerce-MyAccount-navigation li a {font-size: 0;}
        nav.woocommerce-MyAccount-navigation li a::before {font-size: 21px; margin-right: 0;}
        .entry-content {max-width: 90%;}
         .single-post ul {margin-left: 30px !important;}
        .single-post .inside-article {margin: 0 10px;}
        .single-post ol.wp-block-list {margin-left: 15px !important;}
        .single-post ol.wp-block-list li {margin-left: 20px !important;}
         h1.pracTermsConditions {margin-top: 53px !important;}

         section.faqMainSection {margin: 0 10px;}
         section.homeNewsletter {margin: 0 10px;}


        #cpp-portal-root .mainWrapper {position: relative; margin-top: 40px !important; gap: 24px 15px;}
        #cpp-portal-root .siderBar {min-width: 60px !important; flex: 0 0 60px !important; padding-left: 3px !important; left: 0; top: 165px; z-index: 1; height: 100%; width: 60px; transition:all 0.3s ease !important; position: fixed !important; height: auto !important; background-color: transparent !important; border: none !important; padding: 0 !important;}
        .topExpand a {text-decoration: none;}
        i#arrowIcon {padding-right: 15px; display: block; width: 100%; text-align: right;}
        span#toggleText {font-size: 14px; display: block; width: 100%; padding-right: 13px; font-weight: 700;}
        .siderBar .sideNav {margin-top: 0px !important;}
        #cpp-portal-root .sideNav .nav-link {font-size: 0;}
        #cpp-portal-root .siderBar.close .sideNav .nav-link {font-size: 16px; font-weight: 600;}
        #cpp-portal-root .siderBar.close {min-width: 220px !important; flex: 0 0 220px !important;}
        #cpp-portal-root .sideNav .nav-item {background-color: #F5F7FA;}
        #cpp-portal-root .sideNav .nav-link i {font-size: 18px; margin-right: 5px;}
        .topExpand {margin-top: 0px; display: block !important; text-align: right; background-color: #F5F7FA; padding-bottom: 10px; padding-top: 15px;}
        .topExpand .nav-toggle-btn {background-color: #F5F7FA; padding-bottom: 10px;}
        .mainWrapper.sideBarTop .siderBar {top:125px !important; transition:none !important;}
        .mainWrapper.sideBarTop .siderBar .sideNav {padding-top:0px !important; transition:none !important;}
        .introSearch {display: block; justify-content: center;}
        #cpp-portal-root .cpp-content {padding: 20px 20px 20px 0; margin-left: 60px;}
        body {overflow-x: hidden;}
        #cpp-portal-root .cpp-content h3 {margin-bottom: 10px !important;}

        

        .protocolBanner {display: block; padding: 15px; padding-top: 0;}
        .protocolLeftImg {max-width: 100%; margin-right: 0;}

        #preferential-origin-modal .modal-content {width: 90%;}

        .partictionerName h3 {font-size: 20px; margin-bottom: 13px;}
        .clientOrderBtn {margin-bottom: 5px; font-size: 14px !important; width: 100%;}
        .protocolRightText h3 {font-size: 20px;}
        .protocolRightText p {font-size: 14px;}
        .clientOrderBtn.commissionBtn {width: 100%; display: block; padding: 6px 15px !important; margin-bottom: 8px; font-size: 15px !important;}
        #btn-add-protocol.mrgLeft10 {margin-left: 0 !important; display: block !important; text-align: center;}
        
        .mainCardBox {flex-direction: column;}
        #cpp-portal-root .card {width: 100%;}
        .mainCardBox h5 {font-size: 17px;}
        .recentDetailsText {display: block;}
        .recentDetailsText h5 {margin-bottom: 10px !important;}
        .datatableNew .clientOrderBtn {padding: 5px 15px !important; font-size: 14px !important; margin-bottom: 10px; margin-right: 5px;}
        table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {display: flex;}
        #cpp-delete-modal .cpp-modal__dialog {width: 90%;}
        .itemPopular a {padding: 6px 12px !important; font-size: 14px !important;}
        .textSearchHeading h2 {font-size: 14px;}
        .textSearchHeading .arrowText a h4 {font-size: 13px;}
        .topSearchHeading {font-size: 16px;}
        div#best-selling-slider22 {grid-template-columns:repeat(2, 1fr)}
        div#best-selling-slider22.commonSlider .product h2 {height: 68px; font-size: 14px;}
        div#best-selling-slider22.commonSlider .product span bdi {font-size: 16px;}

        .ep-search-suggest {top: 102px !important;}
        .rightAtrantil.borderRgt {border-right:none; padding-right: 0px;}

        .topSearchHeading h4 {font-size: 15px;}
        .bestSellerTopSearch .add_practitioner_button {padding: 6px 2px; font-size: 14px !important;}
        a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {font-size: 14px !important;}
        #ep-search-results .add_practitioner_button.addWidth {font-size: 14px !important;}
        .add_practitioner_button.addWidth {font-size: 14px !important;}
        section.searchDescription.deskAlert {display: none;}
        section.searchDescription.mobAlert {display: block !important;}
        .popularSearch {padding: 20px 20px 7px;}
        .popularProduct {flex-wrap: nowrap; overflow: hidden; overflow-x: auto; padding-bottom: 13px;}

        #cpp-portal-root .mainWrapper label {width: 100%;}
        #cpp-portal-root .sideNav {background-color: #F5F7FA;}

        .userBox {margin-bottom: 0px; height: auto;} 
        section.featured.padd {padding-top: 0;}

        #preferential-origin-modal h2 {font-size: 22px; margin-bottom: 12px; margin-top: -10px !important;}
        #preferential-origin-modal span {text-align: center;}
        #preferential-origin-modal .modal-content .modal-text span {font-size: 15px;}

         .accountLink {font-size: 18px; margin-right: 12px; width: auto !important;}
            .woo-cart {margin-left: 5px;}
            span.xoo-wsc-sc-subt span.woocommerce-Price-amount.amount {display: none;}
            .tax_label {display: none !important;}

        .editClientButton {display: block;}
        .existButton {width: 100%; text-align: center; margin-top: 0;}
        .existButton button {width: 300px;}
        .editAllClients {width: 100%;}
        .protocol-item-remove-btn.mt-2.small a {margin-right: 5px;} 
        
        
  }

  @media (max-width: 513px) {
    .sticky-header {padding: 0px 10px !important;}
    .nf-logo {
      width: 188px !important; margin-left: 0px; margin-right: 0;
    }
    span.topAccount {display: none;}
    .xoo-wsc-sc-bki {font-size: 26px;}
            .accountLink {font-size: 18px; margin-right: 12px; width: auto !important;}
            .woo-cart {margin-left: 5px;}
            span.xoo-wsc-sc-subt span.woocommerce-Price-amount.amount {display: none;}
    .wp-block-group.allAtoZ h3 {position: sticky; top: 102px; padding-top: 10px; background-color: #fff;}
    .brandMobileMenu {padding-bottom:100px;}

    .site-main .wp-block-group__inner-container {padding: 15px 0;}

    .footer-menu ul {display: none;}
        .mobFooter {display: block; position: relative; border-bottom: 1px solid #bcc0c0; padding: 8px 0; margin-bottom: 5px !important;}
        .deskFooter {display: none;}
        .mobFooter:after { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; content: ''; height: 12px; width: 12px; display: block; border: 2px solid #91858e; border-right-width: 0; border-top-width: 0; position: absolute; right: 10px; top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
        .mobFooter.active:after {content: ''; height: 12px; width: 12px; display: block; border: 2px solid #91858e; border-right-width: 0; border-bottom-width: 0; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 8px;}
        #moreRevenue a {font-size: 24px;}
        .footer {padding: 30px 10px 30px !important;}
        .memberBox {gap: 0px; padding-top: 0;}
        form#ep-search-form {padding: 10px 10px 6px 10px !important; top: 42px;}
        .footer-one img {max-width: 270px;}
        .site-details p {font-size: 16px; margin: 5px 0 7px !important;}
        .account-dashboard-cards {grid-template-columns:repeat(1, 1fr)}      
        
        .pdp-secure-transaction ul {flex-wrap: nowrap !important; gap: 5px;}
        h4.alertOrder {font-size: 15px; line-height: 1.4; font-weight: 600;}

        p.blogExcerptText {height: auto;}

        .datatableNew .clientOrderBtn {width: auto;}


        input#phoneCode {width: 85px; font-size: 12px;}
        input#phoneCode a {color: #000 !important;}
        input#number {width: calc(100% - 140px);}
        .practitionerMainForm .form-group input {padding: 7px 10px 10px 10px !important;}

        .single-product .woocommerce-breadcrumb {margin-top: 55px !important;}

        .footer-bottom p {font-size: 12px;}

        .earningBtn {text-align: center;}
        .earningBtn select {margin-bottom: 15px; width: 100% !important;}

        .coupon input {width: 145px !important;}

        .card.growBox .card-body {font-size: 14px;} 

        a#create-record {font-size: 14px; padding: 10px 14px 10px !important;}
        body.woocommerce-checkout #customer_details {margin-bottom: 10px !important;}
        body.woocommerce-checkout #customer_details {margin-bottom: 10px !important;}
        .contactForm {margin-bottom: 0; margin-top: 0;}

        #ep-search-suggest .add_to_cart_button.loading::after {right: 0 !important; top: 15px !important; width: 15px; height: 15px;}
        #ep-search-results a.button.ajax_add_to_cart.loading:after {top: 16px !important; right: -2px !important; width: 14px; height: 14px;}

        .existButton button {width: 100%; font-size: 14px !important; padding: 8px 0 !important;}
        .protocol-info h5 {font-size: 16px; font-weight: 700;}

        .existButton a {font-size: 12px !important;}
        #cpp-portal-root .cpp-content h3 {font-size: 17px;}
        .protocol-item-image.editSection {width: 100%;}
        .itemProduct.mobNotes {display: block;}
        .itemProduct.mobNotes textarea {max-width: 100%;}
        .editAllClients p a {font-size: 14px;}
        .cpp-panel .cpp-title {font-size: 25px;}

        .goal_slider.brandTopMobile .slick-slide {min-height: 310px; margin-top: 12px;}
        .goal_slider.brandTopMobile {height: auto !important;}
        .item.product.pracArea {height: auto !important;}
        .goal_slider.brandTopMobile:not(.slick-initialized) {height: 325px !important; overflow: hidden;}
        .goal_slider.brandTopMobile:not(.slick-initialized) .item.product.pracArea {height: 325px !important;}
        .discoverBox {position: absolute; bottom: 20px; width: 100%;}
        .discoverText {margin-bottom: 20px;}

        .tinv-wishlist table.tinvwl-table-manage-list tbody td {text-align: left;}
        .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-thumbnail {text-align: center;}
        .tinv-wishlist table td, .tinv-wishlist table th {padding: 5px 15px;}
        .tinv-wishlist .product-stock p {margin: 0;}

        span#yhbMyAccToggleText.yhb-toggle-text {font-size: 13px !important;}
        span#toggleText {font-size: 13px;}

        .welcome-content h2 {font-size: 18px; padding: 0 10px 10px;}
        .welcome-content p {margin-bottom: 10px;}
        .welcome-content p:last-child {margin-bottom: 0px;}
 
        
  }
  
  
.not-practitioner .practitioner-only {
    display: none !important;
}