/** Shopify CDN: Minification failed

Line 249:0 Unexpected "<"
Line 315:0 Unexpected "<"
Line 957:0 Unexpected "<"
Line 1156:0 Unexpected "<"
Line 1410:24 Expected ":"
Line 1416:0 Unexpected "<"

**/
.temp-new-landing-page header,.temp-new-landing-page sticky-header,.temp-new-landing-page .announcement-bar,.temp-new-landing-page .horizontal-ticker{
  /* display: none; */
}
.temp-new-landing-page footer,.temp-new-landing-page .announcement-bar,.temp-new-landing-page .horizontal-ticker,.temp-new-landing-page .floating-btn{
  display: none;
}

.temp-new-landing-page{
  background-color: #faf7f6;
}
/* -------------------------product-css-------------------------- */
.under-title-text-main p{
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  /* color: #121212; */
  color: rgb(155, 155, 155);
  font-family: var(--font-body-family);
}
.main-product-images-block{
  margin: 20px 10px 0 10px;
}
.perfect-block-points{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  margin-top: 10px;
  row-gap: 10px;
}
.perfect-block-heading-text{
  margin: 0;
  font-size: 18px;
  line-height: 20px;
  color: #123524;
  font-family: var(--font-body-family);
  text-align: center;
  /* padding: 20px; */
}
.perfect-block-icon-text img{
  max-width: 33px;
  max-height: 33px;
  display: black;
  object-fit: cover;
}
.perfect-block-text{
  margin: 0;
  font-size: 14px;
  line-height: 12px;
  padding-top: 5px;
  color: #121212;
  font-family: var(--font-body-family);
  text-align: center;
}
.perfect-block-icon-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.perfect-block-heading{
  position: relative;
}
.perfect-block-heading-text:after {
    content: "";
    display: block;
    width: 90px;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 30%;
    top: 50%;
    transform: translate(-90%, -76%);
}
.perfect-block-heading-text:before {
    content: "";
    display: block;
    width: 90px;
    height: 1px;
    background-color: #000;
    position: absolute;
    right: 1%;
    top: 50%;
    transform: translate(-99%, -50%);
}
.perfect-block-icon-text:before {
    content: "";
    display: block;
    width: 22%;
    height: 0.5px;
    background-color: #0000005c;
    /* margin-bottom: 4px; */
    position: absolute;
    transform: rotate(90deg);
    right: -24px;
    top: 29px;
}
.perfect-block-icon-text:nth-child(3):before,
.perfect-block-icon-text:nth-child(6):before {
  content: none;
}
.rich-text-main p{
   margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #121212e6;
  font-weight: 400;
  font-family: var(--font-body-family);
  border-bottom: 1px solid #123524;
  padding: 10px 0 17px 0;
}
.icon-text-works-heading{
  display: flex;
  gap: 6px;
  align-items: center;
}
.icon-text-works-heading img{
  max-width: 28px;
  max-height: 28px;
  object-fit: cover;
  display: block;
}
.icon-text-works-heading-text{
  margin: 0;
  font-size: 17px;
  line-height: 20px;
  color: #123524;
  font-weight: 700;
  font-family: var(--font-body-family);
}
.works-check-icon-text{
  display: flex;
  gap: 10px;
  align-items: center;
}
.works-check-icon-text img{
   max-width: 23px;
  max-height: 23px;
  object-fit: cover;
  display: block;
}
.work-check-text{
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #121212;
  font-weight: 600;
  font-family: var(--font-body-family);
}
.icon-text-main{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  margin: 20px 0;
}
.works-check-icon-text-main {
    margin-top: 10px;
}
.title-with-reviews-text-mobile{
  display: none;
}
.perfect-block-main-mobile{
  display: none;
}
.prduct-custom-title-text{
  margin: 10px 0;
}
@media screen and (max-width: 768px) {
  span.rating-stars__label {
    font-size: 14px;
}
  .under-title-text-main p {
    font-size: 18px;
    line-height: 22px;
  }
  .title-with-reviews-text-mobile{
  display: block;
    margin-top: 15px;
}
   .title-with-reviews-text-mobile .product__title {
     margin: 8px 0;
   }
  .title-with-reviews-text-desktop{
    display: none;
  }
  .perfect-block-main-desktop{
    display: none;
  }
  .perfect-block-main-mobile{
  display: block;
}
  .under-title-text-main p {
    padding-bottom: 20px;
  }
  .perfect-block-heading-text:after {
    width: 55px;
    left: 0%;
      transform: unset;
  }
  .perfect-block-heading-text:before{
    width: 55px;
    right: 0%;
    transform: unset;
  }
  .perfect-block-icon-text:before{
     width: 52%;
    height: 0.5px;
    right: -31px;
    top: 34px;
  }
  .perfect-block-points {
        margin-bottom: 15px;
  }
  .rich-text-main p {
    font-size: 16px;
    text-align: center;
   border-bottom: none;
    padding: 10px 0 20px;
  }
  .icon-text-main{
    grid-template-columns: 1fr;
    margin: 0;
    gap: 15px;
  }
  .icon-text-works-heading img {
    max-width: 20px;
    max-height: 20px;
  }
  .works-check-icon-text{
        margin-bottom: 5px;
  }
  .icon-text-works-heading-text {
    font-size: 18px; 
  }
}


/* ---------------------------------bundal------------------------ */
<style>
  :root {
    --bar-selected-color: rgba(8, 89, 70, 1);
    --bar-color: rgba(8, 89, 70, 0.3);
    --new-font: 'Tenor Sans';
  }
  .direct-checout-btn{
    margin-bottom: 25px;
  }
    
 .toggle-container {
    display: flex;
    padding: 0px;
    gap: 0px;
    width: 100%;
    /* max-width: 600px; */
    margin-bottom: 15px !important;
    /* margin: 0px auto; */
}
.subscription-cont {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 5px;
    border: 1px solid #E6EEEC;
    padding: 12px;
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
      width: 50%;
}
  .one-cont{
     display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 5px;
      border: 1px solid #E6EEEC;
    padding: 12px;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
        width: 50%;
  }
label.cstm-txt-subscribe{
    /* font-family: Twentieth Century for Kenmore N; */
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-weight: 400;
    font-size: 17.6px !important;
    line-height: 22.4px;
    letter-spacing: 0px !important;
    text-align: center;
   color: var(--bar-selected-color), #000);
    margin-bottom: 0px;
    text-transform: capitalize !important;
}
  label.cstm-txt-one {
    /* font-family: Twentieth Century for Kenmore N; */
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-weight: 400;
    font-size: 17.6px !important;
    line-height: 30.4px;
    letter-spacing: 0px !important;
    text-align: center;
    color: var(--bar-selected-color), #000);
    margin-bottom: 0px;
    text-transform: capitalize !important;
}
  
</style>

<style>

.cstm-subscription-title h2 {
    /* font-family: Twentieth Century for Kenmore N; */
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-weight: 700;
    font-size: 16px;
    line-height: 21.44px;
    letter-spacing: 0px;
    /* color: #505257; */
    color: var(--bar-selected-color);
    padding-top: 20px;
    text-align: left;
}
.cstm-subscription-title h2{
    display: flex;
    align-items: center;
    text-align: center;
    gap: 8px;
    margin-bottom: 10px;
    color: var(--bar-selected-color, #000);
    font-size: var(15px, 14px);
    font-weight: var(bold, bold);
    text-transform: capitalize;
}
.cstm-subscription-title h2:after,.cstm-subscription-title h2:before{
    content: "";
    flex-grow: 1;
    height: 2px;
    background-color: var(--bar-color, rgba(0, 0, 0, .3));
}
.cstm-pricing-container {
    /* font-family: Twentieth Century for Kenmore N; */
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    /* max-width: 600px;
    margin: 0px auto; */
}
strong.label-heading {
   word-break: break-word;
    font-size: 17px;
    font-weight: bold;
    font-style: normal;
    color: rgba(0, 0, 0, 1);
  font-family: "Avenir Next", sans-serif;
}

  .pricing-option .input-1:checked .cstm-pricing-container{
  border: 2px solid #085946 !important;
}

input[type="radio"]:checked::before {
    /* content: "";
    width: 12px;
    height: 12px;
    background-color: #085946;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}


p.label-desc {
    /* font-family: Twentieth Century for Kenmore N; */
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    /* font-family: var(--new-font); */
    font-weight: 400;
    font-size: 14.2px;
    line-height: 15.4px;
    letter-spacing: 0px;
    /* color: #121212; */
   color: #085946;
    text-transform: capitalize;
    margin: 0;
  display: none;
}

.pricing-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pricing-option {
    display: flex;
    align-items: center;
    /* padding: 15px; */
    /* padding: 17px 20px; */
    padding: 10px 20px;
    gap: 18px;
    border: 1px solid rgba(44, 92, 76, 0.3);
  background: rgba(44, 92, 76, 0.0134);
    border-radius: 5px;
    cursor: pointer;
    transition: border-color 0.3s;
    position: relative;
  margin-bottom: 10px;
}

.pricing-option .input-1 {
  margin-right: 0px;
  /* margin-bottom: 20px;  */
}

.pricing-option .pricing-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
      align-items: center;
}

  .cstm-pricing-container {
    /* font-family: Twentieth Century for Kenmore N; */
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    /* max-width: 600px;
    margin: 0px auto; */
    /* padding-bottom: 15px; */
}

.pricing-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    width: 60%;
}
.cstmpricing-price {
    width: 50%;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    flex-direction: column;
    gap: 2px;
}
.discounted-price {
    /* color: #085946; */
    color: rgba(14, 14, 14, 1);
    /* font-family: Twentieth Century for Kenmore N; */
   font-family: "Avenir Next", sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 17.6px;
    letter-spacing: 0px;
    text-align: right;
}

.original-price {
    text-decoration: line-through;
    /* color: #121212; */
    color: #000;
    /* font-family: Twentieth Century for Kenmore N; */
    font-family: "Avenir Next", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 15.4px;
    letter-spacing: 0px;
    text-align: right;
    text-decoration: line-through;
}

span.cstm-tags {
    position: absolute;
    top: 50%;
    left: 180px;
    transform: translateY(-50%);
      line-height: 0;
}
.value-tag {
    background: #135d4d;
    color: white;
    /* padding: 4px 6px; */
    /* font-family: Twentieth Century for Kenmore N; */
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-family: "Avenir Next", sans-serif;
    font-size: 15.6px;
    line-height: 26.4px;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin: 0;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    
}
.value-tag:before,.value-tag:after{
    display: block;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: "";
    border-bottom-width: 8px;
    border-bottom-style: solid;
    filter: brightness(.7);
    border-bottom-color: var(--bar-selected-color, transparent);
}
.value-tag:before{
    left: 0;
    border-left: 8px solid transparent;
}
.value-tag:after{
    right: 0;
    border-right: 8px solid transparent;
}

.free-shipping {
  background: #1e7e34;
}

.best-value-tag {
  background: #005a3c;
}

.best-value {
  border-color: #005a3c;
  background: rgba(0, 90, 60, 0.1);
}

/* Subscription Toggle */
.subscription-container {
  margin-top: 15px;
  display: flex;
  align-items: center;
}

.subscription-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.subscription-toggle input {
  display: none;
}

.toggle-slider {
  width: 40px;
  height: 20px;
  background: grey;
  border-radius: 20px;
  position: relative;
  margin-right: 10px;
  transition: 0.3s;
}

.toggle-slider::before {
  content: "";
  width: 16px;
  height: 16px;
  background: white;
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  border-radius: 50%;
  transition: 0.3s;
}

.subscription-toggle input:checked + .toggle-slider {
  background: green;
}

.subscription-toggle input:checked + .toggle-slider::before {
  left: 22px;
}

.subscription-label {
  font-size: 14px;
  color: black;
}
.pricing-option:has(input[type="radio"]:checked) {
    border: 2px solid #2C5C4C;
  background: rgba(44, 92, 76, 0.0806);
}
  input[type="radio"]:checked::before {
    /* content: "";
    width: 10px;
    height: 10px;
    background-color: #085946;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}

/* .input-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
} */

  .pricing-option .input-1,.subs-input{
    display: flex;
    flex-shrink: 0;
    width: 20px !important;
    height: 20px;
    border-radius: 50% !important;
    background: #fff !important;
    
    border: 0px solid var(--bar-selected-color, rgba(0, 0, 0, .3)) !important;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px var(--bar-color, rgba(0, 0, 0, .3));
    appearance: none !important;
  }
  .pricing-option .input-1:checked,.subs-input:checked{
    box-shadow: 0 0 0 2px #085946;
    background: #085946 !important;
    border: 3px solid #fff !important;
  }
.pricing-option .input-1{
  display: none;
}
.plan-d-t {
    display: flex;
    align-items: center;
    justify-content: start;
    background-color: rgb(232, 245, 232);
    color: rgb(18, 52, 36);
    padding: 1.5rem;
    border: 2px solid rgb(18, 52, 36);
    border-radius: 10px;
    position: relative;
    margin: 0px;
    width: fit-content;
    font-weight: 500;
    line-height: 2.25rem;
    /* width: fit-content; */
    align-self: flex-start;
    /* font-size: 28px; */
    /* padding: 16px; */
    /* margin: auto; */
    /* line-height: 2rem; */
    font-size: 1.875rem;
    width: 100%;
}
.plan-d-t p{
  margin: 0;
   color: rgb(18, 52, 36);
}
span.d-t-svg {
    position: relative;
    width: 30px;
    margin-right: 10px;
    align-self: center;
}
.circle-c {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 17px;
    background-color: rgb(18, 52, 36);
    border-radius: 50%;
    left: 50%;
  
}
.circle-c circle{
      fill: rgb(18, 52, 36);
}
.shine-c {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    box-shadow: rgb(18, 52, 36) 0px 0px 10px;
    animation: 2s linear 0s infinite normal none running shine;
    left: 50%;
   
}
.shine-c circle{
      fill: rgb(18, 52, 36);
}
.d-b-s {
    padding: 1.5rem;
    width: 100%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 4px 2px !important;
}
.d-b-s img{
  padding: 8px 8px;
    width: 100%;
    border-radius: 10px;
    max-width: 50px;
   background-color: rgb(240, 249, 252) !important;
}
.d-b-s{
  display: flex;
  gap: 1rem;
  align-items: center;
}
.plan-d-b {
    display: flex;
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 20px;
}
span.d-b-s-text-l {
    padding: 1px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: rgb(48, 48, 48) !important;
    text-align: left;
}
.d-b-s-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
span.d-b-s-text-b {
    padding: 1px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin-left: 5px;
    color: rgb(0, 0, 0) !important;
}
.s-top {
    display: flex;
    align-items: center;
    gap: 10px;
}
@media only screen and (max-width:768px){ 
  .plan-d-t{
        font-size: 14px;
    line-height: 19px;
    padding: 5px;
  }
  span.d-t-svg {
    width: 40px;
}
.plan-d-b {
    display: flex;
    gap: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.d-b-s img {
    padding: 5px 5px;
    border-radius: 10px;
    max-width: 41px;
    background-color: rgb(240, 249, 252) !important;
}
.d-b-s {
    gap: 5px;
    padding: 0.7rem;
}
span.d-b-s-text-l {
    font-size: 11px;
    line-height: 11px;
}
span.d-b-s-text-b {
    font-size: 14px;
    line-height: 14px;
    margin-left: 3px;
}
  strong.label-heading{
        line-height: 18px;
  }
  .pricing-option .input-1, .subs-input{
    /* width: 16px !important; */
    /* height: 16px; */
  }
span.cstm-tags {
    left: 170px;
    /* bottom: 16px;
    top: unset;
    transform: unset; */
}
  .value-tag{
    margin: 0;
  }
  input#subscribe {
    margin-right: 0px !important;
}
  input#one-time{
    margin-right: 0px !important;
  }
  .pricing-option {
    display: flex;
    align-items: center;
    /* padding: 15px; */
    padding: 18px 15px;
    gap: 5px;
    border: 2px solid #E6EEEC;
    /* border-radius: 11px; */
    cursor: pointer;
    transition: border-color 0.3s;
    position: relative;
}
  label.cstm-txt-subscribe {
    /* font-family: Twentieth Century for Kenmore N; */
    font-weight: 400;
    font-size: 15px !important;
    /* font-size: 14px !important; */
    line-height: 22.4px;
    letter-spacing: 0px !important;
    text-align: left;
    /* color: #000000; */
    color: var(--bar-selected-color), #000);
    margin-bottom: 0px;
    text-transform: capitalize !important;
}
  label.cstm-txt-one {
 /* font-family: Twentieth Century for Kenmore N; */
    font-weight: 400;
    font-size: 15px !important;
    /* font-size: 14px !important; */
    line-height: 22.4px;
    letter-spacing: 0px !important;
    text-align: left;
    color: var(--bar-selected-color), #000);
    margin-bottom: 0px;
    text-transform: capitalize !important;
}
  .subs-input{
    margin: 0px 3px 0px 0px !important;
  }
  .one-cont,.subscription-cont{
    padding: 12px 8px;
  }
}

/* Inline Variants Styling */
.cs-variants-wrapper {
    display: flex;
    gap: 15px;
    padding: 20px 0;
}
.cs-single-variant {
    width: calc(33% - 5px);
    border: 1.5px solid #E6EEEC;
    text-align: center;
    position: relative;
    padding: 20px 10px;
}
.cs-single-variant img{
    margin: 0 auto;
    height: 100px;
    object-fit: cover;
    width: 100%;
}
  .cs-var-title {
    font-family: var(--new-font);
    font-weight: bold;
    margin-top: 20px;
    letter-spacing: 0.5px;
}
  .cs-prices-wrap {
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}
  .cs-single-variant input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}
.cs-single-variant * {
    letter-spacing: 0.5px;
}
.cs-single-variant:has(input:checked) {
    border: 1.5px solid #085946;
    background: #E6EEEC;
}
  .cs-com-price {
    text-decoration: line-through;
    font-weight: bold;
    font-size: 12px;
}
  .cs-var-supply {
    text-transform: lowercase;
    font-weight: bold;
    color: #000;
}
  .cs-var-badge {
    position: absolute;
    top: -15px;
    border-radius: 3.439px;
    border: 1.146px solid #FFF;
    background: #085946;
    color: #fff;
    max-width: fit-content;
    padding: 3px 15px;
    left: 50%;
    transform: translateX(-50%);
    text-wrap: nowrap;
    z-index: 2;
}

   .subs-input{
    width: 100% !important;
    opacity: 0;
    height: 100%;
    position: absolute;
    top: 0;
     left: 0;
     z-index: 2;
     cursor: pointer;
   }
  .subscription-cont,.one-cont{
    position: relative;
  }
  label.cstm-txt-subscribe,label.cstm-txt-one {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  label.cstm-txt-subscribe::before,label.cstm-txt-one::before {
    content: "";
    display: flex;
    flex-shrink: 0;
    width: 20px !important;
    height: 20px;
    border-radius: 50% !important;
    background: #fff !important;
    border: 0px solid var(--bar-selected-color, rgba(0, 0, 0, .3)) !important;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px var(--bar-color, rgba(0, 0, 0, .3));
    appearance: none !important;
    cursor: pointer;
}
  .subs-input:checked + label::before{
    box-shadow: 0 0 0 2px var(--bar-selected-color, #000);
    background: var(--bar-selected-color, #000) !important;
    border: 3px solid #fff !important;
  }
</style>

<!--New Checkbox Widget -->
<style>
  /* new-subscription*/
 :root{
    --selected-subscribe: #085946;
    --unselected-subscribe: #e6eeec;
 }
.new-sub-block-text-bold{
font-weight: bold;
margin: 0;
font-size: 17px;
line-height: 1.3em;
/* font-family: Poppins; */
font-family: "Avenir Next", sans-serif;
text-transform: capitalize !important;
  color: #000;
}
.new-sub-block-text-light{
  margin: 0;
  font-size: 16px;
  color: #000;
  line-height: 19px;
  /* font-family: Poppins; */
  font-family: "Avenir Next", sans-serif;
  text-align: left;
  padding-top: 5px;
}
.new-sub-block{
  display: flex;
 flex-direction: column;
  background: #e6eeec;
  border: 2px dashed #085946; 
  border-radius: 8px;
  /* padding: 12px; */
  padding: 8px;
  /* max-width: 95%; */
  gap: 6px;
  cursor: pointer;
  position: relative;
  cursor:pointer;
  margin-bottom: 20px;
  margin-top: 20px;
  /* max-width: 95%; */
  margin-left: auto;
  margin-right: auto;
}
.p-i svg, .m-i svg{
  width: 18px;
   height: 18px;
}
.p-i{
  display: flex;
}
.m-i{
  display: none;
}
.p-i svg{
  fill: #085946d9;
}
span.s-text {
    font-family: var(--font-heading-family);
    font-size: 14px;
    color: black;
    letter-spacing: 19px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: capitalize;
}
.s-points {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-around; */
    /* gap: 30px; */
    row-gap: 10px;
    column-gap: 15px;
    padding-left: 30px;
}
.point-s{
  display: flex;
    align-items: center;
    gap: 5px;
    width: calc(50% - 8px);
    justify-content: start;
}
.new-sub-input{
/* position: absolute;
width: 99% !important;
  height: 100%;
  opacity:0;
  cursor: pointer; */
    appearance: none !important;
    /* width: 20px !important;
    height: 20px;
    border: 2px solid #135d4b;
    border-radius: 4px;
    margin-right: 15px; */
    position: absolute;
    width: 100% !important;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    background: transparent;
    border: none;
}

.input-svg{
  display: none;
}

.cheak-uncheak-svgs{
  width: 24px;
  height: 24px;
  /* border: .2rem solid var(--unselected-subscribe); */
  border: 2px solid #085946;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position:relative;  
}
.new-sub-block:has(.new-sub-input:checked){
 background :#e6eeec;
 border: dashed 2px #085946;
}
.new-sub-block:has(.new-sub-input:checked) .input-svg{
  display: flex;
}

.new-sub-block:has(.new-sub-input:checked) .cheak-uncheak-svgs{
  background: #135d4d;
}
.new-sub-block:has(.new-sub-input:checked) .cheak-uncheak-svgs::after{

    content: '✓';
    font-size: 14px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} 


@media(max-width: 768px){
.new-sub-block-text-bold{
 /* font-weight: 500; */
 margin: 0;
 font-size: 16px;
 line-height: 18px;
}
.new-sub-block-text-light {
  margin: 0;
  font-size: 14px;
  color: #2c2c2c;
  line-height: 17px;
  /* text-align: center; */
}
.s-points {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-around; */
    /* gap: 30px; */
    row-gap: 5px;
    column-gap: 5px;
    padding-left: 30px;
}
.point-s {
    display: flex
;
    align-items: center;
    gap: 5px;
    width: calc(50% - 4px);
    justify-content: start;
}
span.s-text {
    font-family: "Avenir Next", sans-serif;
    font-size: 10px;
    line-height: 13px;
    color: black;
    font-weight: 700;
    letter-spacing: 0px;
}
.p-i svg, .m-i svg {
    width: 14px;
    height: 14px;
}
.cheak-uncheak-svgs {
  width: 22px;
  height: 22px;
}
.new-sub-block-text{
  /* width: 100%; */
  /* padding-left: 15px; */
}
}
</style>

<!-- Checkbox La Subscription Widget -->
<style>
    /* Subscription CSS */
.new-subscription-block {
    display: flex;
    justify-content: space-between;
}
.new-subscription-wrapper * {
    /* font-family: "Poppins"; */
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    letter-spacing: 0px !important;
    font-weight: 500;
}
.new-subscription-wrapper p{
  margin: 0;
}
.single-subs-input {
    width: 50%;
    text-align: center;
    padding: 12px;
    position: relative;
    /* border-bottom: 1.15px solid #DCDCDC; */
    /* border-bottom: 2px solid #E6EEEC; */
}
.new-subscription-wrapper {
    /* background: #f7fcfc; */
    /* background: rgba(226,114,91,0.15); */
    border: 1.15px solid #DCDCDC;
    border-radius: 13px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.single-subs-input:first-child {
    /* border-right: 1.15px solid #DCDCDC; */
    border-right: 2px solid #E6EEEC;
}

.single-subs-input label{
  position: relative;
  width: 100%;
  display: block;
  font-size: 17.6px !important;
  line-height: 22.4px;
  margin-bottom: 0px;
  text-transform: capitalize !important;
  display: flex;
  align-items: center;
  gap:10px;
}
.single-subs-input label:before{
    content: "";
    display: block;
    /* width: 2rem;
    height: 2rem; */
    width: 20px;
    height: 20px;
    /* position: absolute; */
    /* left: -2rem; */
    /* left: 0rem;
    top: 50%;
    transform: translateY(-50%); */
    border-radius: 50%;
    border: 0px solid var(--bar-selected-color, rgba(0, 0, 0, .3)) !important;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px var(--bar-color, rgba(0, 0, 0, .3));
}
.single-subs-input input:checked + label:before{
    box-shadow: 0 0 0 2px var(--bar-selected-color, #000);
    background: var(--bar-selected-color, #000) !important;
    border: 3px solid #fff !important;
}
.single-subs-input input{
     appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 3;
    border: none;
}
.selling-plan-block,.one-time-block {
    padding: 15px 15px 15px 25px;
}
 .one-time-block{
     padding: 15px 15px 15px 15px;
}
.new-p-compare-price {
    text-decoration: line-through;
    font-size: 14px;
    margin-right: 10px;
}
.inside-subs-block {
    display: flex;
    align-items: start;
    gap: 10px;
}
.inside-subs-block img {
    width: 20px;
    height: 20px;
    object-fit: cover;
}
.features-data-new img {
    width: 20px;
    height: 20px;
    object-fit: cover;
}

.single-subscription-wrapper {
    display: flex;
    gap: 40px;
    padding-top: 30px;
}

.shake-image{
    animation-name: shakeY;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    margin-right: 10px;
    width: 50px;
    height:50px;
}
.one-time-right {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}
.one-time-insider {
    display: flex;
}
.main-one-new,.one-time-left{
  width: 50%;
}
.main-one-new{
    border-right: 1.15px solid #DCDCDC;
}
.one-time-left {
    padding: 40px 20px;
}

@keyframes shakeY{
  0%, 100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
}
.features-data-new {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
}
.sub-block-desc p {
    font-size: 12px;
}
.sub-block-text {
    font-size: 14px;
    color: #3FBFC6;
    font-weight: 600;
}
p.features-data-text {
    font-size: 16px;
    /* color: #3fbfc6; */
    color: rgba(var(--color-button),var(--alpha-button-background));
    font-weight: 600;
}
.one-subs-text {
    font-weight: 600;
    font-size: 18px;
}
.price-out-discount-left {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}
.new-subscription-block:has(input.onetime-input:checked){
  border-bottom: 2px solid #E6EEEC;
}
/* ----------------------------- */
.cstm-subscription-title h2 {
    /* font-family: Twentieth Century for Kenmore N; */
    font-family: "Avenir Next", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 21.44px;
    letter-spacing: 0px;
    /* color: #505257; */
    color: #000;
    padding-top: 20px;
    text-align: left;
}
.cstm-subscription-title h2{
    display: flex;
    align-items: center;
    text-align: center;
    gap: 8px;
    margin: 0 0 10px 0;
    color: #000;
    font-size: var(15px, 14px);
    font-weight: bold;
    text-transform: uppercase;
}
.cstm-subscription-title h2:after,.cstm-subscription-title h2:before{
    content: "";
    flex-grow: 1;
    height: 2px;
    background-color: var(--bar-color, rgba(0, 0, 0, .3));
}
/* ------------------------------- */
@media(max-width: 768px){
  .cstmpricing-price{
        gap: 4px;
  }
  .single-subscription-wrapper {
    flex-direction: column;
    gap: 20px;
}
  .shake-image{
        margin-right: 5px;
  }
  .single-subs-input label:before{
    /* left: -1.5rem; */
  }
  .single-subs-input label{
    font-size: 15px !important;
    /* max-width: 100px; */
    /* margin: 0 auto; */
    /* text-wrap: nowrap; */
    text-align: left;
  }
  .features-data-text{
    font-size: 12px !important;
  }
  .one-subs-text {
    font-size: 14px;
}
  .price-out-discount-left {
    font-size: 14px;
    line-height: 20px;
}
.single-subs-input{
  padding: 12px 8px;  
}
  /* .pricing-option .pricing-content{
    align-items: start;
  } */
}
</style>