/** Shopify CDN: Minification failed

Line 1312:1 Unexpected "/"

**/
.wgco-why-choose-section .m-gradient,
.wgco-approved-section .m-gradient,
.wgco-steps-section .m-gradient,
.powder-section-12 .m-gradient {
  background: transparent;
}

.page-chocolate-oats-wgco {
  background: #f1edf7;
}

.template-page #MainContent {
  padding-bottom: 0 !important;
}

@font-face {
  font-family: barlow;
  src: url(/cdn/shop/files/Barlow-Medium_4c37c6b0-9c8f-4a40-a583-609a48a13a31.ttf?v=1726677582);
  font-weight: 500;
}

@font-face {
  font-family: barlow-semibold;
  src: url(/cdn/shop/files/Barlow-SemiBold_b597bac8-7740-42e3-80ed-5e8ba49f97bd.ttf?v=1726678021);
  font-weight: 600;
}

.page-chocolate-oats-wgco main#MainContent {
  padding: 0;
}

div#shopify-section-annoucement,
div#shopify-section-header,
#shopify-section-footer,
div#Avada-Joy_FloatingButton,
#chat-popup-iframe-bottom,
#giftbox-root,
.m-section-header,
.shopify-section-group-footer-group {
  display: none !important;
}

.wgco-header .container {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.wgco-header img {
  width: 122px;
  height: auto;
}

.wgco-header {
  background: #ffefeb;
  padding: 15px 0;
  position: relative;
}

.wgco-header:after {
  position: absolute;
  content: "";
  bottom: -75px;
  left: 0;
  width: 100%;
  height: 75px;
  background: linear-gradient(180deg, #ffefeb, transparent);
  z-index: 2;
}

/* .wgco-header div> :last-child a {
    background: linear-gradient(to right, #9cc22a 50%, #f1edf7 50%);
    padding: 15px 40px;
    font-size: 18px;
    border-radius: 50px;
    background-size: 210% 100%;
    background-position: right bottom;
    transition: all ease 0.5s;
    font-family: barlow-semibold;
} */

/* .wgco-header div> :last-child a:hover {
    background-position: left bottom;
    transition: all ease 0.5s;
    color: #fff;
} */

.wgco-announcement {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: #a1bf45;
  justify-content: center;
  color: #501189;
  font-size: 22px;
  font-family: wgco-fonts;
}

.wgco-hero-section .hero-content .rating .star {
  display: flex;
  gap: 2px;
  align-items: center;
}

.wgco-hero-section .hero-content .rating {
  display: flex;
  gap: 10px;
  font-family: SF-Body-font;
  color: #771acb;
  font-weight: 500;
  align-items: center;
  /* margin-top: 20px; */
  background: #ffefeb;
  width: fit-content;
  padding: 15px;
  border-radius: 40px;
}

.wgco-hero-section .hero-content .rating p {
  font-size: 18px;
  margin: 0;
  color: #771acb;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "M-Body-Font";
  line-height: 1.3;
}

.wgco-hero-section .hero-content h1 {
  line-height: 1;
  margin-top: 40px;
  font-size: 116px;
  color: #771acb;
  width: 94%;
}

.wgco-hero-section .hero-content span {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: #fff;
}

.wgco-hero-section .hero-content > p {
  font-size: 28px;
  margin-top: 40px;
  line-height: 1.2;
  font-family: "barlow-semibold";
  color: #771acb;
  letter-spacing: 0;
}

.wgco-hero-section {
  position: relative;
}

.wgco-hero-section:after {
  position: absolute;
  content: "";
  bottom: 20px;
  left: 140px;
  width: 375px;
  height: 110px;
  background: url(/cdn/shop/files/shark-tank-batch.png?v=1726677265);
  background-size: cover;
  z-index: 1;
  background-repeat: no-repeat;
}

.wgco-hero-section .hero-content .buttons {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
}

.wgco-hero-section .hero-content .buttons a:last-child {
  border: 2px solid #771acb;
  color: #771acb;
  background: unset;
}

.hero-content .banner-points > div p {
  font-size: 20px;
  font-family: "M-Body-Font";
  color: #771acb;
}

.wgco-hero-section .container {
  padding-top: 80px;
  padding-bottom: 45px;
}

.hero-content .banner-points {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.hero-content .banner-points > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wgco-hero-section .sf-custom__block--image {
  z-index: 1;
}

.wgco-transformers-section .m-richtext .m-richtext__title b {
  font-family: "wgco-fonts";
  font-size: 16px;
  font-weight: 500;
  background: #9b4ed5;
  padding: 10px 15px;
  border-radius: 40px;
  color: #fff;
}

.wgco-transformers-section .m-richtext .m-richtext__title {
  font-size: 25px !important;
  color: #501189;
  display: flex;
  align-items: center;
  gap: 10px;
}

.wgco-transformers-section .section__header,
.wgco-why-choose-section .section__header {
  margin-bottom: 40px;
}

.wgco-transformers-section .sf-slider__controls {
  position: absolute;
  top: -18%;
  right: 10px;
  display: flex;
  gap: 10px;
}

.wgco-why-choose-section .section-3-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  text-align: center;
  width: 50%;
  margin: auto;
}

.wgco-why-choose-section .section-3-content p {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 500;
  font-family: "barlow";
}

.wgco-why-choose-section .section-3-content p span {
  color: #e25f5f;
  font-weight: 700;
}

.section-3-image-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  position: relative;
}

.section-3-image-content p {
  font-size: 40px;
  color: #771acb;
  font-weight: 600;
  width: 60%;
  line-height: 1.2;
}

.section-3-image-content img {
  border-radius: 50px;
  width: 100%;
}

.section-3-image-content a {
  position: absolute;
  bottom: -30px;
  transform: translateX(-50%);
  left: 50%;
}

.section-3-try {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 80px;
  padding: 60px 50px;
  gap: 50px;
}

.section-3-try > div a,
.wgco-approved-section
  .sf-custom__block--text
  .sf-custom__text-cta
  a.sf__btn.sf__btn-primary,
.section-3-image-content a {
  padding: 15px 40px;
  background: #9eea01;
  font-size: 24px;
  color: #037a3f;
  font-family: "M-Heading-Font";
  border-radius: 50px;
}

.section-3-try > div h2 {
  font-size: 64px;
  line-height: 1;
  color: #771acb;
}

.section-3-try > div > div {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 24px;
  line-height: 1.1;
  font-family: "barlow";
}

.section-3-try > div {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 60px;
}

.section-3-try > div span {
  font-size: 18px;
  color: #037a3f;
  font-family: "barlow";
}

.wgco-why-choose-section .section-3-content p span.blue {
  color: #771acb;
}

.wgco-approved-section {
  background: linear-gradient(180deg, #771acb 0%, #1a6dcb 100%);
}

.reels-video {
  display: flex;
  gap: 15px;
  /* overflow-x: scroll; */
  scrollbar-color: #771acb #ffefeb;
  scrollbar-width: thin;
}

.reels-video::-webkit-scrollbar-thumb {
  border-radius: 8px;
}

.reels-video video {
  width: 25%;
  border-radius: 20px;
}

.why-approve-section h3 {
  font-size: 64px;
  color: #fff;
  text-align: center;
  line-height: 1;
  width: 75%;
  letter-spacing: 2px;
  margin: auto;
}

.why-approve-section h3 span {
  color: #fb70ed;
}

.why-approve-section .features {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: center;
}

.why-approve-section .features .feature-container {
  width: 32%;
  text-align: center;
}

.why-approve-section .features .feature-container > div {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.why-approve-section .features .feature-container > div h4 {
  color: #ffefeb;
  font-size: 30px;
  line-height: 1;
}

/* .wgco-approved-section:before {
    position: absolute;
    top: -115px;
    left: 0;
    content: "";
    background: url(/cdn/shop/files/why-choose-top-divider.svg?v=1726687755);
    width: 100%;
    height: 118px;
} */

.divider-top img {
  width: 100%;
  margin: -2px 0;
}

.why-approve-section .features .feature-container > div p {
  font-size: 18px;
  color: #ffefeb;
  line-height: 1.1;
  opacity: 0.8;
}

.why-approve-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 70px;
}

.wgco-why-choose-section .section-3-content h2 {
  color: #771acb;
  font-size: 128px;
  line-height: 1;
}

.wgco-transformers-section
  .sf-slider__controls
  button.sf-slider__controls-button {
  position: unset;
}

.wgco-transformers-section
  .sf-slider__controls
  button.sf-slider__controls-button {
  position: unset;
  height: 35px;
  width: 35px;
  border: 1.5px solid #501189;
  margin: 0;
}

/* .wgco-transformers-section
      .sf-slider__controls
      button.sf-slider__controls-button
      svg {
      display: none;
    } */

.wgco-transformers-section .sf-slider__controls .swiper-button-prev {
  /* background-image: url(/cdn/shop/files/arrow-left.svg?v=1716573029); */
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center center;
  background-color: #f1edf7;
}

.wgco-transformers-section .sf-slider__controls .swiper-button-next {
  /* background-image: url(/cdn/shop/files/arrow-right.svg?v=1716573028); */
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center center;
  background-color: #f1edf7;
}

.wgco-transformers-section
  .sf-slider__controls
  button.sf-slider__controls-button:hover {
  box-shadow: unset;
}

.wgco-why-choose-section .section__header h2.section__heading {
  font-size: 64px !important;
  color: #e25f5f;
  width: 40%;
  margin: auto;
  line-height: 1 !important;
  text-align: center;
}

.wgco-why-choose-section .sf-custom__block--image_with_text .sf-custom__grid {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wgco-why-choose-section
  .sf-custom__block--image_with_text
  .sf-custom__grid
  .sf-custom__block {
  width: 100%;
  text-align: center;
}

.wgco-why-choose-section
  .sf-custom__block--image_with_text
  .sf-custom__grid
  .sf-custom__block
  .m-richtext
  .m-richtext__title {
  font-family: "wgco-fonts";
  font-size: 30px;
  margin-bottom: 0 !important;
  color: #501189;
  width: 80%;
  margin: auto;
}

.wgco-why-choose-section
  .sf-custom__block--image_with_text
  .sf-custom__grid
  .sf-custom__block
  p {
  margin: 5px 0 0 0;
  font-size: 20px;
  line-height: 110%;
  color: #501189;
  width: 80%;
  margin: 5px auto 0 auto;
}

.wgco-did-you-know-text p.content__subheading {
  font-size: 22px;
  color: #fff;
  line-height: 1;
  background: #fe4343;
  padding: 20px 50px;
  border-radius: 80px;
  width: 60%;
  font-family: "wgco-fonts";
  margin: auto;
}

.wgco-did-you-know-text .m-richtext .m-richtext__title {
  font-family: "wgco-fonts";
  color: #501189;
  font-size: 30px;
  margin-top: 25px;
  font-weight: 500;
  letter-spacing: -0.3px;
}

.wgco-did-you-know-text .prose.rte.text-color-subtext {
  margin-top: 0;
}

.wgco-did-you-know-text .prose.rte.text-color-subtext p {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 20px;
  color: #9b4ed5;
  font-weight: 500;
}

.did-you-know-spike-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-top: 30px;
}

.did-you-know-spike-section h4 {
  font-size: 70px;
  color: #501189;
  width: 50%;
  text-align: center;
  line-height: 1;
}

.did-you-know-spike-section p {
  font-size: 30px;
  font-family: "wgco-fonts";
  color: #501189;
}

.why-choose-image {
  padding-top: 40px;
}

.did-you-know-shop-button .sf-custom__text-cta {
  margin: 0;
}

.did-you-know-shop-button .sf-custom__text-cta a.sf__btn.sf__btn-primary {
  background: #9b4ed5;
  border-radius: 50px;
  border-color: #9b4ed5;
  padding: 25px 70px;
  font-family: wgco-fonts;
  font-size: 25px;
}

.wgco-reels-section .reels-text > div {
  display: flex;
  align-items: center;
  gap: 3px;
}

.wgco-reels-section .reels-text h4 {
  font-size: 50px;
  color: #fff;
  line-height: 1;
  width: 50%;
  text-align: center;
}

.wgco-reels-section .reels-text h4 span {
  color: #bb8bd3;
}

.wgco-reels-section .reels-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.wgco-reels-section {
  position: relative;
  background: linear-gradient(180deg, #c7dbf4 0%, #bbdef7 100%);
}

/* .wgco-reels-section:before {
      position: absolute;
      content: "";
      height: 118px;
      width: 100%;
      background: url(/cdn/shop/files/reels-shape.svg?v=1716631846);
      top: -1px;
      background-size: cover;
      left: 0;
      background-repeat: no-repeat;
    } */

/* .wgco-reels-section .container.s {
      padding-top: 168px;
    } */

.wgco-why-choose-section .container.section-my {
  margin-bottom: 0;
}

.wgco-hero-image:before {
  position: absolute;
  content: "";
  top: 0;
  left: 40px;
  height: 250px;
  width: 180px;
  background: url(/cdn/shop/files/left-hand.svg?v=1716633065);
  background-size: cover !important;
  background-repeat: no-repeat;
}

.wgco-reels-section .sf-video__wrapper {
  --aspect-ratio: 0.53 !important;
  border-radius: 15px;
}

/* .wgco-product label.product-option-item.sf-po__option-button span.save,
    .wgco-product label.product-option-item.sf-po__option-button img.option-image,
    .wgco-product label.product-option-item.sf-po__option-button p.supply,
    .wgco-product
      label.product-option-item.sf-po__option-button
      span.variant-contents,
    .wgco-product label.product-option-item.sf-po__option-button p.price,
    .wgco-product label.product-option-item.sf-po__option-button span.tax,
    .wgco-product label.product-option-item.sf-po__option-button del.mrp,
    .wgco-product label.product-option-item.sf-po__option-button p.selling-tag {
      display: none;
    } */

.wgco-product .sf-column {
  padding: 0;
}

.wgco-product .sf-grid {
  margin: 0 !important;
}

.wgco-product .sf-grid {
  margin: 0 !important;
  gap: 50px;
}

.wgco-product .sf-prod-media responsive-image.sf-image {
  border-radius: 30px;
  /* border: 2px solid #bb8bd3; */
}

.wgco-product .sf-media-nav .sf-prod-media.media-image {
  box-shadow: unset;
  padding: 0;
  border-radius: 30px;
  /* border: 2px solid #bb8bd3; */
}

.wgco-product
  .sf-media-nav
  .sf-prod-media.media-image
  responsive-image.sf-image {
  border-radius: 30px;
  border: unset;
}

/* .wgco-product .container.section-py {
      padding-top: 0;
      padding-bottom: 60px;
    } */

.wgco-product .rating {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  color: #ffefeb;
  font-family: "barlow-semibold";
  line-height: 1.2;
  background: linear-gradient(92.87deg, #771acb 16.12%, #401acb 83.88%);
  padding: 15px;
  border-radius: 15px;
}

.wgco-product .rating .star {
  display: flex;
  align-items: center;
  gap: 3px;
}

.wgco-product .m-product-info--wrapper {
  padding: 0 !important;
}

.wgco-product .product-block-group--title h2 {
  font-size: 50px !important;
  color: #771acb !important;
  line-height: 1 !important;
}

.wgco-product .wgco-product-point > div {
  font-size: 18px;
  color: #771acb;
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: "barlow-semibold";
}

.wgco-product .wgco-product-point {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.main-product__block .m-product-tax {
  color: rgb(119 26 203) !important;
}

.wgco-product .m-price-item--last {
  font-size: 33px;
  font-family: "barlow-semibold";
  font-weight: 600;
  color: #771acb;
}

.wgco-product .m-price-item--regular {
  font-family: "barlow-semibold";
  font-weight: 600;
  color: #771acb;
  opacity: 0.6;
}
.main-product__block button.m-add-to-cart.m-button.m-button--primary {
  color: #037a3f;
}
.main-product__block button.m-add-to-cart.m-button.m-button--primary path {
  stroke: #037a3f;
}
.main-product__block button.m-add-to-cart.m-button.m-button--primary:hover {
  color: #ffefeb;
}
.main-product__block
  button.m-add-to-cart.m-button.m-button--primary:hover
  path {
  stroke: #ffefeb;
}

.wgco-product .main-product__block-tax {
  color: #771acb;
  font-size: 12px;
  font-family: "barlow-semibold";
  opacity: 0.6;
}

.wgco-product p.serving,
.wgco-product label.form__label {
  color: #771acb;
  font-family: "barlow-semibold";
}

.wgco-product .serve {
  margin-bottom: 10px;
}

.wgco-product
  .main-product__block
  .prod__option--button
  .variant-picker__option
  input:checked
  + label {
  border-color: #771acb !important;
  background: #771acb;
  color: #f1edf7;
}

.wgco-product label.prod__option-label {
  font-family: "barlow-semibold";
  color: #771acb;
  font-size: 16px;
  display: none !important;
}

.wgco-product quantity-input.quantity-input {
  height: 47px;
  background: unset;
  color: #037a3f;
  border-width: 2px;
}

.wgco-product quantity-input.quantity-input input.quantity-input__element {
  background: unset;
  font-family: "M-Body-Font";
  font-weight: 700;
}

.wgco-product .main-product__block button.add-to-cart.sf__btn {
  border-color: #9eea01;
  background: #9eea01;
  color: #037a3f;
  font-family: "M-Heading-Font";
}

.wgco-product .main-product__block button.add-to-cart.sf__btn:hover {
  box-shadow: unset;
  background: #501189;
  color: #f1edf7;
  border-color: #f1edf7 !important;
}

.wgco-product .main-product__block button.add-to-cart.sf__btn svg path {
  fill: #037a3f;
}

.wgco-product .main-product__block button.add-to-cart.sf__btn:hover svg path {
  fill: #f1edf7;
}

.wgco-product button.shopify-payment-button__button {
  background: #a1bf45;
  border-color: #f1edf7;
}

.wgco-product button.shopify-payment-button__button:hover {
  background: #501189 !important;
  border-color: #f1edf7;
  box-shadow: unset !important;
}

.wgco-product
  .main-product__block
  button.shopify-payment-button__button:before {
  color: #f1edf7 !important;
  font-family: "wgco-fonts";
}

.wgco-product
  .main-product__block
  button.shopify-payment-button__button:hover:before {
  color: #f1edf7 !important;
}

.wgco-approved-section .m-custom-content__block-text {
  display: flex;
  align-items: flex-end;
  width: 50%;
  padding-bottom: 20px;
  position: relative;
  margin: auto;
}

.wgco-approved-section .m-richtext h3.m-richtext__title {
  font-size: 65px;
  color: #761aca;
  line-height: 1;
}

.wgco-approved-section .m-custom-content__block-text .m-richtext__button {
  margin-top: 0;
  display: flex;
  justify-content: center;
}

/* .wgco-approved-section .sf-custom__block--text .content__subheading {
    margin-bottom: 20px;
    font-size: 25px;
    font-family: "wgco-fonts";
    color: #fff;
}

.wgco-approved-section .sf-custom__block--image {
    width: 28%;
} */

/* .wgco-approved-section .sf-custom__block--text:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    height: 56px;
    width: 67px;
    background: url(/cdn/shop/files/quotes.svg?v=1716839154);
    background-repeat: no-repeat;
    background-size: cover;
} */

/* .wgco-approved-section:after {
    content: "";
    bottom: -118px;
    left: 0;
    width: 100%;
    height: 121px;
    background: url(/cdn/shop/files/approved-bottom-shapre.svg?v=1716839248);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
} */

.wgco-hero-image:after {
  position: absolute;
  content: "";
  bottom: 120px;
  right: -10px;
  height: 227px;
  width: 152px;
  background: url(/cdn/shop/files/right-hand.svg?v=1716839515);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.wgco-table-section {
  background: linear-gradient(180deg, #85fcda 0%, #f0fda5 75.48%, #ffffff 100%);
}

.wgco-table-section .m-richtext .m-richtext__title,
.wgco-steps-section .m-richtext .m-richtext__title,
.wgco-table-section .steps-heading .m-richtext .m-richtext__title {
  font-size: 64px !important;
  color: #037a3f;
  line-height: 1 !important;
  margin: auto;
}

.wgco-table-section .steps-heading p {
  font-size: 26px;
  color: #037a3f;
  font-family: "M-Heading-Font";
  width: 23%;
  line-height: 1;
  margin: auto;
}

.wgco-steps-section .step {
  padding: 10px;
}

.wgco-steps-section .sf-custom__block--image {
  padding-left: 0;
  padding-right: 0;
}

.wgco-steps-section m-custom-content.sf-custom__grid {
  margin: 0;
}

/* .wgco-table-section .container.section-my {
    margin-top: 200px;
} */

.wgco-steps-section .m-richtext .m-richtext__title {
  width: 70%;
  margin: auto;
}

.wgco-steps-section .wgco-steps-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* border: 2px solid #501189; */
  border-radius: 40px;
  padding: 0px;
  text-align: center;
  height: 100%;
  background: #9eea01;
}

.wgco-steps-section .wgco-steps-section div {
  padding: 20px 40px;
  position: relative;
}

.wgco-steps-section .wgco-steps-section span {
  position: absolute;
  top: -20px;
  font-family: "barlow-semibold";
  font-size: 14px;
  color: #037a3f;
  padding: 5px 10px;
  left: 50%;
  transform: translate(-50%);
  border: 2px solid #037a3f;
  background: #ffefeb;
  border-radius: 30px;
}

.wgco-steps-section .wgco-steps-section p {
  font-size: 20px;
  font-family: "barlow-semibold";
  line-height: 1.3;
  color: #037a3f;
}

.wgco-choice-section .m-richtext .m-richtext__title {
  font-size: 50px !important;
  color: #fff;
  width: 30%;
  margin: auto;
}

.wgco-choice-section .section__description {
  font-size: 30px;
  font-family: "wgco-fonts";
  color: #fff;
}

.wgco-choice-section:before {
  position: absolute;
  content: "";
  top: -115px;
  left: 0;
  width: 100%;
  height: 117px;
  background: url(/cdn/shop/files/choice-shape.svg?v=1716918814);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
}

.wgco-choice-section {
  margin-top: 200px;
}

.wgco-choice-section .container {
  padding-top: 60px;
  padding-bottom: 60px;
}

.wgco-choice-section .choice-section > div {
  display: flex;
  align-items: center;
  gap: 15px;
}

.wgco-choice-section .choice-section > div > img {
  width: 35%;
  border-radius: 25px;
}

.wgco-choice-section .choice-section > div > div {
  width: 65%;
}

.wgco-choice-section .choice-section > div:first-child {
  background: #501189;
  transform: rotate(-0.5deg);
}

.wgco-choice-section .choice-section > div {
  padding: 40px;
  border-radius: 20px;
}

.wgco-choice-section .choice-section > div > div {
  font-family: "wgco-fonts";
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.wgco-choice-section .choice-section > div:first-child > div {
  color: #fff;
}

.wgco-choice-section .choice-section > div > div span {
  font-size: 40px;
  margin-bottom: 10px;
}

.wgco-choice-section .choice-section > div > div p {
  font-size: 22px;
  line-height: 1;
}

.wgco-choice-section .choice-section > div > div > p:not(:last-child) {
  margin-bottom: 15px;
}

.wgco-choice-section .choice-section > div:nth-child(2) {
  background: #f1edf7;
  transform: rotate(0.5deg);
}

.wgco-choice-section .choice-section > div:nth-child(2) > div,
.wgco-choice-section .choice-section > div:nth-child(3) > div {
  color: #501189;
}

.wgco-choice-section .choice-section > div:nth-child(3) {
  background: #efc33d;
  transform: rotate(-1deg);
}

.wgco-choice-button a.sf__btn.sf__btn-primary {
  font-family: "M-Heading-Font";
  border-radius: 90px;
  font-size: 35px;
  background: #f1edf7;
  box-shadow: 4px 4px 0px 0px #501189;
  padding: 25px 50px;
  color: #501189;
}

.wgco-footer-section .container {
  padding: 20px 0;
}

.wgco-footer-section .wgco-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wgco-footer-section .wgco-footer img {
  width: 155px;
  height: auto;
}

.wgco-footer-section .wgco-footer > div {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #fff;
  font-size: 18px;
  font-family: "M-Body-Font";
}

.wgco-footer-section .wgco-footer > div a {
  text-decoration: underline;
}

.wgco-footer-section .wgco-footer > div p {
  padding-left: 20px;
  border-left: 2px solid #ffffff70;
  color: #ffffff70;
}

.wgco-steps-section .wgco-steps-section img {
  width: 100%;
  border-radius: 40px 40px 0 0;
  border-bottom: 2px solid #037a3f;
}

/*============================================= variation image css start ===============================================*/
.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image {
  width: 130px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  font-size: 0;
  border-color: #fff !important;
  color: #501189;
  font-family: barlow-semibold;
  background: #fff;
}

.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image
  img.option-image {
  height: 100px;
  width: auto;
}

.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image
  span.save {
  font-size: 10px;
  background: #ede7f5;
  color: #59058d;
  margin-left: auto;
  padding: 2px 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}

.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image
  p.supply,
.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image
  span.variant-contents,
.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image
  p.price,
.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image
  span.tax,
.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image
  del.mrp {
  margin-right: auto;
}

.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image
  span.variant-contents {
  font-size: 12px;
  padding: 5px 0;
}

.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image
  span.tax {
  font-size: 9px;
}

.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image
  del.mrp {
  font-size: 12px;
}

.main-product__block
  .prod__option--button
  .variant-picker__option
  .varient-with-image
  p.price {
  font-size: 18px;
}
*/

/* .oats-product-image .main-product__block .prod__option--button .variant-picker__option input:checked + label {
        background: #ede7f5;
        border-color: #59058d;
        color: #000;
    }

.wgco-product .main-product__block .prod__option--button .variant-picker__option p.supply,
.main-product__block .prod__option--button .variant-picker__option .varient-with-image span.variant-contents,
.main-product__block .prod__option--button .variant-picker__option .varient-with-image p.price,
.main-product__block .prod__option--button .variant-picker__option .varient-with-image span.tax,
.main-product__block .prod__option--button .variant-picker__option .varient-with-image del.mrp,
.main-product__block .prod__option--button .variant-picker__option .varient-with-image span.save,
.wgco-product label.prod__option-label {
    display: none !important;
}

.oats-product-image .variant-picker__option {
    position: relative;
}

.oats-product-image .main-product__block .prod__option--button .variant-picker__option .varient-with-image p.supply {
    font-size: 16px;
}

p.selling-tag {
    background: #ede7f5;
    width: max-content;
    color: #59058d;
    font-size: 12px;
    border-radius: 5px;
    padding: 0 10px;
    display: block;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -8px;
    border: 2px solid #59058d;
}

.wgco-product .main-product__block quantity-input.quantity-input, .main-product__block button.add-to-cart.sf__btn {
    border-color: #037A3F;
}

.main-product__block button.shopify-payment-button__button {
    border-color: #f1edf7 !important;
}

/*============================================= variation image css end ===============================================*/

iframe#chat-popup-iframe-bottom,
#giftbox-root {
  display: none !important;
}

.wgco-hero-section .hero-content a,
.wgco-header div > :last-child a {
  color: #037a3f;
  padding: 15px 30px;
  background: #9eea01;
  width: fit-content;
  border-radius: 80px;
  font-weight: 600;
  font-family: "M-Heading-Font";
  font-size: 20px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  border: 2px solid #9eea01;
}

.wgco-hero-section .hero-content a p {
  color: #501189;
  margin-top: 0;
  font-size: 20px;
}

.wgco-hero-section .hero-content a svg {
  height: 30px;
  width: auto;
}

.wgco-hero-section .hero-content a svg path {
  fill: #501189;
}

.wgco-reels-section .video video {
  border-radius: 15px;
}

.protein-section-2-marquee .marquee-inner > div:first-child {
  width: 100%;
  display: flex;
  align-items: center;
}

.protein-section-2-marquee .marquee-inner > div:first-child marquee {
  position: relative;
}

.protein-section-2-marquee .marquee-inner {
  gap: 50px;
}

.protein-section-2-marquee .marquee-inner marquee div {
  display: flex;
  align-items: center;
  gap: 60px;
}

.protein-section-2-marquee .marquee-inner > div:first-child marquee:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  background: linear-gradient(90deg, #ffefeb, transparent);
  z-index: 999;
  width: 150px;
}

.protein-section-2-marquee .marquee-inner > div:first-child marquee:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  height: 100%;
  background: linear-gradient(90deg, transparent, #ffefeb);
  z-index: 999;
  width: 150px;
}

.protein-section-2-marquee .m-section-py {
  padding: 0;
}

.powder-section-12 .m-richtext .m-richtext__title {
  font-size: 64px !important;
  color: #037a3f;
}
.powder-section-12 {
  background-color: #fff;
}

.powder-section-12 .faq-content .faq-inner:not(:last-child) {
  margin-bottom: 15px;
}

.powder-section-12 .faq-content .faq-inner {
  padding: 0 0 15px;
  border-bottom: 1px solid #037a3f;
}

.powder-section-12 .faq-inner .faq-question {
  padding-top: 0;
  font-size: 20px;
  position: relative;
  cursor: alias;
  font-family: "barlow-semibold";
  font-weight: 500;
  color: #037a3f;
  letter-spacing: 0;
}

.powder-section-12 .faq-inner .faq-question:before {
  position: absolute;
  content: "+";
  color: #037a3f;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: 400;
  transition: all 0.5s;
  font-family: "barlow-semibold";
}

.powder-section-12 .faq-inner.active .faq-question:before {
  content: "-";
  transition: all 0.5s;
}

.wgco-why-choose-section {
  background: linear-gradient(0deg, #e2d1ea 0%, #ffefeb 37.94%);
}

.wgco-why-choose-section2 {
  background: linear-gradient(180deg, #e3d3eb 0%, #badef7 100%);
}

.wgco-why-choose-section-2 {
  background: linear-gradient(180deg, #e3d3eb 0%, #badef7 100%);
}

.powder-section-12 .faq-content .faq-inner .faq-answer {
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  font-family: "barlow-semibold";
  color: #037a3f;
  line-height: 1.3;
}

.wgco-why-choose-section2 .container {
  padding-top: 0;
  padding-bottom: 100px;
}

.wgco-why-choose-section-2 .section-py {
  padding: 0;
}

.powder-section-12 .sf-custom__block--text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.ship-main {
  width: 100%;
}

.shilpa-approved-section img:first-child {
  width: 32%;
  border-radius: 70px;
}

.shilpa-approved-section > div {
  width: 68%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 60px;
  padding: 0 60px;
}

.shilpa-approved-section img.approved-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.shilpa-approved-section > div img {
  height: 51px;
  width: auto !important;
  border-radius: 0 !important;
}

.shilpa-approved-section > div h3 {
  font-size: 32px;
  color: #fff;
  line-height: 1;
  font-family: "barlow";
  font-weight: 500;
  letter-spacing: 0px;
}

.shilpa-approved-section > div p {
  color: #9eea01;
  font-family: "barlow";
  font-size: 22px;
}

.shilpa-approved-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: linear-gradient(109.26deg, #771acb 42.82%, #401acb 105.58%);
  border-radius: 70px;
}

.shilpa-approved-section img.approved-image {
  position: absolute;
  top: -30px;
  left: 26%;
  z-index: 1;
  width: 134px;
  height: auto;
  transform: rotate(15deg);
}

.ship-main p {
  color: #fff;
}

.ship-text > div {
  background: transparent !important;
  border: 2px solid #ffffff !important;
}

.wgco-product
  .main-product__block
  .prod__option--button
  .variant-picker__option
  p.supply {
  display: block !important;
  font-size: 12px;
}

.wgco-product {
  background: linear-gradient(360deg, #debbf8 0%, #bbdef8 100%);
}

.wgco-hero-section .hero-content a p span {
  color: #501189;
  font-size: 14px;
}

.sf-featured-product .main-product__block + .main-product__block {
  margin-top: 25px !important;
}

.wgco-product .container.section-py {
  padding-bottom: 0;
}
img.news-paper-1,
.news-paper-side-section:before,
.news-paper-side-section:after,
img.news-paper-1,
img.news-paper-2 {
  display: none !important;
}
.news-paper-side-section:before {
  content: "";
  position: absolute;
  top: 70%;
  left: -70px;
  height: 287px;
  width: 320px;
  background: url(/cdn/shop/files/news-paper-2_2.png?v=1726809944);
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
}
.news-paper-side-section:after {
  content: "";
  position: absolute;
  top: 35%;
  right: -100px;
  height: 337px;
  width: 360px;
  background: url(/cdn/shop/files/news-paper-3_2.png?v=1726809944);
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
}

img.news-paper-2 {
  display: none;
}

.powder-section-12 .m-custom-content__block-html {
  margin: auto;
}

.natural-ingredient-section {
  background: linear-gradient(360deg, #debbf8 0%, #debcf8 100%);
}

.main-product__block-variant_picker .m-product-option--dropdown select {
  border-color: #037a3f;
  border: 2px solid;
}

@media (max-width: 1440px) {
  .wgco-why-choose-section .section__header h2.section__heading,
  .section-3-try > div h2,
  .wgco-approved-section .m-richtext h3.m-richtext__title {
    font-size: 60px !important;
  }

  .wgco-choice-section .m-richtext .m-richtext__title {
    width: 35%;
  }

  .wgco-hero-section:after,
  .wgco-reels-section:before {
    height: 90px;
  }

  .wgco-hero-section .container.section-py {
    padding-top: 60px;
    padding-bottom: 10px;
  }

  .wgco-hero-section .hero-content h1 {
    font-size: 90px;
    width: 85%;
    margin-top: 30px;
  }

  .wgco-hero-section .hero-content .buttons {
    margin-top: 30px;
  }

  .section-3-try > div a,
  .wgco-approved-section
    .sf-custom__block--text
    .sf-custom__text-cta
    a.sf__btn.sf__btn-primary,
  .section-3-image-content a {
    padding: 15px 35px;
    font-size: 22px;
  }

  .wgco-hero-section .hero-content a,
  .wgco-header div > :last-child a {
    padding: 15px 25px;
    font-size: 18px;
  }

  .wgco-hero-section .hero-content p {
    font-size: 25px;
    margin-top: 30px;
  }

  .wgco-approved-section:after {
    bottom: -95px;
    height: 95px;
  }

  .wgco-choice-section:before {
    top: -85px;
    height: 89px;
  }

  .wgco-choice-section {
    margin-top: 150px;
  }

  .powder-section-12 .faq-inner .faq-question {
    font-size: 18px;
  }

  .powder-section-12 .faq-content .faq-inner {
    padding: 0 0 12px;
  }

  .powder-section-12 .faq-content .faq-inner:not(:last-child) {
    margin-bottom: 12px;
  }

  .wgco-header:after {
    bottom: -65px;
    height: 65px;
  }

  .wgco-hero-section:after,
  .wgco-reels-section:before {
    height: 90px;
    width: 310px;
  }

  .wgco-why-choose-section .section-3-content p {
    font-size: 25px;
  }

  .wgco-why-choose-section .section-3-content {
    width: 50%;
  }
  .wgco-why-choose-section .section-3-content h2 {
    font-size: 115px;
  }
  .shilpa-approved-section > div h3 {
    font-size: 30px;
  }
  .shilpa-approved-section > div {
    gap: 50px;
  }
  .wgco-product .rating {
    padding: 10px;
  }
  .wgco-product .rating svg {
    height: 20px;
    width: auto;
  }
  .section-3-image-content p {
    font-size: 35px;
  }
  .section-3-image-content {
    gap: 40px;
  }
  .divider-top img {
    margin: -1px 0;
  }
  .why-approve-section h3 {
    font-size: 50px;
    width: 64%;
  }
  .why-approve-section h3 {
    font-size: 50px;
    width: 64%;
  }
  .wgco-steps-section .m-richtext .m-richtext__title {
    width: 45%;
    margin: auto;
    font-size: 50px !important;
  }
  .why-approve-section {
    gap: 50px;
  }
  .why-approve-section .features .feature-container > div {
    padding: 25px;
    gap: 15px;
  }
  .why-approve-section .features .feature-container > div h4 {
    font-size: 25px;
  }
  .wgco-table-section .steps-heading .m-richtext .m-richtext__title,
  .powder-section-12 .m-richtext .m-richtext__title {
    font-size: 55px !important;
  }
  .wgco-table-section .steps-heading p {
    font-size: 23px;
  }
  .wgco-steps-section .wgco-steps-section p {
    font-size: 18px;
  }
  .news-paper-side-section:before {
    left: 0;
  }
  .news-paper-side-section:after {
    right: 0;
    height: 307px;
    width: 330px;
  }
}

@media (max-width: 1366px) {
  .wgco-announcement {
    padding: 8px;
    font-size: 20px;
  }

  .did-you-know-shop-button .sf-custom__text-cta a.sf__btn.sf__btn-primary {
    padding: 20px 60px;
  }

  .wgco-hero-section .hero-content h1 {
    font-size: 80px;
    width: 65%;
    margin-top: 20px;
  }

  .wgco-header:after {
    bottom: -60px;
    height: 60px;
  }

  .wgco-hero-section .hero-content p {
    font-size: 22px;
    margin-top: 20px;
  }

  .wgco-hero-section .hero-content .rating {
    padding: 10px 15px;
  }

  .wgco-hero-section .hero-content .rating p {
    font-size: 16px;
  }

  .wgco-hero-section .hero-content .buttons {
    margin-top: 20px;
  }

  .wgco-why-choose-section .section__header h2.section__heading,
  .section-3-try > div h2 {
    font-size: 55px !important;
  }

  .wgco-reels-section .reels-text h4,
  .wgco-product .product-block-group--title h2,
  .wgco-choice-section .m-richtext .m-richtext__title {
    font-size: 45px !important;
  }

  .wgco-table-section .m-richtext .m-richtext__title,
  .wgco-steps-section .m-richtext .m-richtext__title {
    font-size: 45px !important;
  }

  .wgco-transformers-section .section__header,
  .wgco-why-choose-section .section__header,
  .wgco-choice-section .section__header,
  .wgco-table-section .section__header {
    margin-bottom: 40px;
  }

  .wgco-why-choose-section
    .sf-custom__block--image_with_text
    .sf-custom__grid
    .sf-custom__block
    .m-richtext
    .m-richtext__title,
  .wgco-did-you-know-text .m-richtext .m-richtext__title,
  .did-you-know-spike-section p {
    font-size: 27px;
  }

  .wgco-why-choose-section
    .sf-custom__block--image_with_text
    .sf-custom__grid
    .sf-custom__block
    p {
    font-size: 18px;
    width: 90%;
  }

  .wgco-did-you-know-text p.content__subheading {
    font-size: 20px;
    padding: 17px 45px;
    width: 58%;
  }

  .did-you-know-spike-section h4 {
    font-size: 55px;
    width: 40%;
  }

  .wgco-reels-section .reels-text h4 {
    width: 45%;
  }

  .wgco-product .wgco-product-point > div {
    font-size: 18px;
  }

  .wgco-product .text-color-regular-price {
    font-size: 30px;
  }

  .wgco-approved-section .m-richtext h3.m-richtext__title {
    font-size: 40px;
  }

  .wgco-approved-section .m-custom-content__block-text .m-richtext__title {
    font-size: 23px;
  }

  .wgco-steps-section .m-richtext .m-richtext__title {
    width: 40%;
  }

  .wgco-choice-section:before {
    top: -83px;
    height: 84px;
  }

  .wgco-hero-image:before {
    top: 30px;
    left: 70px;
    height: 200px;
    width: 150px;
  }

  .wgco-hero-image:after {
    bottom: 170px;
    right: 15px;
    height: 160px;
    width: 112px;
  }

  .wgco-why-choose-section .section-3-content p {
    font-size: 22px;
  }

  .wgco-why-choose-section .section-3-content {
    gap: 30px;
  }
  .wgco-why-choose-section .section-3-content h2 {
    font-size: 100px;
  }
  .shilpa-approved-section,
  .reels-video {
    margin: 0 20px;
  }
  .shilpa-approved-section > div h3 {
    font-size: 28px;
  }
  .shilpa-approved-section > div {
    gap: 40px;
  }
  .section-3-try > div > div {
    font-size: 22px;
  }
  .section-3-try {
    padding: 50px;
    gap: 40px;
    border-radius: 60px;
  }
  .section-3-try > div {
    gap: 50px;
  }
  .why-approve-section .features .feature-container > div p {
    font-size: 16px;
  }
  .why-approve-section .features .feature-container > div h4 {
    font-size: 22px;
  }
  .why-approve-section .features {
    margin: 0 20px;
    gap: 20px;
  }
  .wgco-approved-section .m-richtext h3.m-richtext__title {
    font-size: 55px !important;
    width: 80%;
    margin: auto;
  }
  .wgco-steps-section .wgco-steps-section p {
    font-size: 16px;
  }
  .wgco-steps-section .wgco-steps-section div {
    padding: 20px 30px;
  }
  .news-paper-side-section:after {
    right: 30px;
    height: 257px;
    width: 275px;
    top: 45%;
  }
  .news-paper-side-section:before {
    top: 70%;
    left: 30px;
    height: 262px;
    width: 290px;
  }
}

@media (max-width: 1280px) {
  .wgco-why-choose-section .section__header h2.section__heading,
  .section-3-try > div h2 {
    font-size: 50px !important;
  }
  .wgco-why-choose-section .section__header h2.section__heading {
    width: 30%;
  }

  .wgco-reels-section .reels-text h4,
  .wgco-product .product-block-group--title h2,
  .wgco-choice-section .m-richtext .m-richtext__title {
    font-size: 40px !important;
  }

  .wgco-table-section .m-richtext .m-richtext__title,
  .wgco-steps-section .m-richtext .m-richtext__title {
    font-size: 45px !important;
  }

  .wgco-transformers-section .section__header,
  .wgco-why-choose-section .section__header,
  .wgco-choice-section .section__header,
  .wgco-table-section .section__header {
    margin-bottom: 30px;
  }

  .wgco-why-choose-section
    .sf-custom__block--image_with_text
    .sf-custom__grid
    .sf-custom__block
    .m-richtext
    .m-richtext__title,
  .wgco-did-you-know-text .m-richtext .m-richtext__title,
  .did-you-know-spike-section p {
    font-size: 25px;
  }

  .did-you-know-spike-section h4 {
    font-size: 45px;
    width: 40%;
  }

  .wgco-approved-section .m-richtext h3.m-richtext__title {
    font-size: 35px;
  }

  .wgco-approved-section .m-custom-content__block-text:after {
    height: 50px;
    width: 60px;
  }

  .wgco-hero-section:after {
    height: 80px;
    width: 275px;
    left: 120px;
  }

  .wgco-reels-section:before {
    height: 80px;
  }

  .wgco-approved-section:after {
    bottom: -83px;
    height: 83px;
  }

  .wgco-choice-section:before {
    top: -78px;
    height: 79px;
  }

  .wgco-choice-section .choice-section > div > div span {
    font-size: 30px;
  }

  .wgco-choice-section .choice-section > div > div p {
    font-size: 20px;
  }

  .wgco-choice-button a.sf__btn.sf__btn-primary {
    font-size: 30px;
    padding: 22px 50px;
  }

  .wgco-choice-section .container.section-py {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wgco-why-choose-section .section-3-content h2 {
    font-size: 80px;
  }
  .section-3-image-content p {
    font-size: 30px;
  }
  .section-3-image-content {
    gap: 35px;
  }
  .section-3-try > div a,
  .wgco-approved-section
    .sf-custom__block--text
    .sf-custom__text-cta
    a.sf__btn.sf__btn-primary,
  .section-3-image-content a {
    padding: 12px 30px;
    font-size: 20px;
  }
  .why-approve-section h3 {
    font-size: 45px;
    width: 75%;
  }
  .why-approve-section {
    gap: 40px;
  }
  .wgco-approved-section .m-richtext h3.m-richtext__title {
    font-size: 50px !important;
  }
  .wgco-table-section .steps-heading .m-richtext .m-richtext__title,
  .powder-section-12 .m-richtext .m-richtext__title {
    font-size: 50px !important;
  }
  .shilpa-approved-section > div img {
    height: 40px;
  }
  .shilpa-approved-section > div h3 {
    font-size: 25px;
  }
}

@media (max-width: 1024px) {
  .wgco-hero-section .hero-content h1 {
    font-size: 60px;
    margin-top: 15px;
  }

  .wgco-announcement {
    padding: 5px;
    font-size: 18px;
  }

  .wgco-hero-section .hero-content .buttons {
    margin-top: 15px;
  }

  .wgco-hero-section .hero-content a,
  .wgco-header div > :last-child a {
    padding: 10px 20px;
    font-size: 16px;
  }

  .wgco-hero-section .hero-content .rating .star img {
    height: 15px;
    width: auto;
  }

  .wgco-hero-section .hero-content .rating p {
    font-size: 14px;
  }

  .wgco-hero-section .hero-content .rating {
    padding: 10px 10px;
  }

  .wgco-hero-section .hero-content p {
    font-size: 20px;
    margin-top: 15px;
  }

  .wgco-transformers-section .m-richtext .m-richtext__title {
    width: 80%;
  }

  .wgco-why-choose-section
    .sf-custom__block--image_with_text
    .sf-custom__grid
    .sf-custom__block
    p {
    font-size: 16px;
    width: 95%;
  }

  .wgco-why-choose-section
    .sf-custom__block--image_with_text
    .sf-custom__grid
    .sf-custom__block
    .m-richtext
    .m-richtext__title,
  .wgco-did-you-know-text .m-richtext .m-richtext__title,
  .did-you-know-spike-section p {
    font-size: 22px;
  }

  .wgco-did-you-know-text p.content__subheading {
    font-size: 18px;
    padding: 15px 40px;
    width: 60%;
  }

  .wgco-why-choose-section .section__header h2.section__heading,
  .section-3-try > div h2 {
    font-size: 45px !important;
  }
  .wgco-why-choose-section .section__header h2.section__heading {
    width: 40%;
  }

  .wgco-reels-section .reels-text h4,
  .wgco-product .product-block-group--title h2,
  .wgco-choice-section .m-richtext .m-richtext__title {
    font-size: 35px !important;
  }

  .wgco-table-section .m-richtext .m-richtext__title,
  .wgco-steps-section .m-richtext .m-richtext__title {
    font-size: 40px !important;
  }

  .wgco-product .wgco-product-point > div {
    font-size: 16px;
  }

  .wgco-approved-section .m-richtext h3.m-richtext__title {
    font-size: 30px;
  }

  .wgco-approved-section .sf-custom__block--text .content__subheading {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .wgco-choice-section:before {
    top: -60px;
    height: 63px;
  }

  .wgco-choice-section .choice-section > div > div span {
    font-size: 27px;
  }

  .wgco-choice-section .choice-section > div > div > p:not(:last-child) {
    margin-bottom: 10px;
  }

  .wgco-choice-section .choice-section > div > div p {
    font-size: 18px;
  }

  .wgco-choice-section .choice-section > div {
    padding: 30px;
  }

  .wgco-choice-button a.sf__btn.sf__btn-primary {
    font-size: 27px;
    padding: 17px 45px;
  }

  .wgco-footer-section .container.section-py {
    padding: 10px 20px;
  }

  .wgco-why-choose-section .section-3-content {
    width: 70%;
  }
  .shilpa-approved-section,
  .shilpa-approved-section img:first-child,
  .section-3-try {
    border-radius: 50px;
  }
  .shilpa-approved-section > div {
    gap: 30px;
    padding: 0 40px;
  }
  .shilpa-approved-section > div h3 {
    font-size: 22px;
  }
  .shilpa-approved-section > div p {
    font-size: 20px;
  }
  .shilpa-approved-section > div > img {
    height: 40px;
    width: auto !important;
    border-radius: unset !important;
  }
  .shilpa-approved-section img.approved-image {
    width: 105px;
  }
  .wgco-product .rating {
    border-radius: 10px;
  }
  .section-3-image-content p {
    font-size: 25px;
  }
  .section-3-image-content img {
    border-radius: 30px;
  }
  .section-3-try {
    padding: 30px;
    gap: 20px;
  }
  .section-3-try > div > div {
    font-size: 20px;
  }
  .why-approve-section h3 {
    font-size: 40px;
    width: 85%;
  }
  .why-approve-section .features .feature-container {
    width: 31%;
  }
  .why-approve-section .features {
    margin: 0 0px;
  }
  .why-approve-section .features .feature-container > div {
    padding: 20px;
    gap: 10px;
  }
  .why-approve-section .features .feature-container > div h4 {
    font-size: 18px;
  }
  .wgco-approved-section .m-richtext h3.m-richtext__title {
    font-size: 45px !important;
    width: 90%;
  }
  .wgco-table-section .steps-heading .m-richtext .m-richtext__title,
  .powder-section-12 .m-richtext .m-richtext__title {
    font-size: 45px !important;
  }
  .wgco-table-section .steps-heading p {
    font-size: 20px;
  }
  .wgco-steps-section .wgco-steps-section p {
    font-size: 14px;
  }
  .wgco-steps-section .wgco-steps-section {
    border-radius: 30px;
  }
  .wgco-steps-section .wgco-steps-section img {
    border-radius: 30px 30px 0 0;
  }
  .wgco-steps-section .wgco-steps-section span {
    top: -15px;
    font-size: 12px;
    padding: 3px 8px;
  }
  .news-paper-side-section:after,
  .news-paper-side-section:before {
    display: none;
  }

  img.news-paper-2 {
    display: block;
    width: 60%;
  }
}

@media (max-width: 991px) {
  .wgco-hero-image:after {
    bottom: 230px;
    right: 5px;
    height: 240px;
    width: 172px;
  }

  .wgco-hero-image:before {
    top: 30px;
    left: 75px;
    height: 300px;
    width: 230px;
  }

  .did-you-know-spike-section h4 {
    font-size: 40px;
  }

  .wgco-reels-section:before {
    height: 65px;
  }

  .wgco-hero-section:after {
    height: 70px;
    width: 240px;
    left: 80px;
  }

  .wgco-product .sf-grid {
    margin: 0 !important;
    gap: 50px;
    flex-direction: column;
  }

  .wgco-approved-section:after {
    bottom: -67px;
    height: 68px;
  }

  .wgco-steps-section m-custom-content.sf-custom__grid {
    row-gap: 30px;
  }

  .wgco-choice-section:before {
    top: -60px;
    height: 60px;
  }

  .wgco-why-choose-section .section-3-content p {
    font-size: 20px;
  }

  .wgco-why-choose-section .section-3-content {
    gap: 25px;
  }
  .wgco-why-choose-section .section-3-content h2 {
    font-size: 70px;
  }
  .wgco-product
    .sf-media-nav
    .sf-prod-media.media-image
    responsive-image.sf-image,
  .wgco-product .sf-media-nav .sf-prod-media.media-image,
  .wgco-product .sf-media-nav .sf-prod-media.media-image {
    border-radius: 10px;
  }
  .why-approve-section h3 {
    font-size: 35px;
    width: 100%;
  }
  .wgco-table-section .steps-heading .m-richtext .m-richtext__title,
  .powder-section-12 .m-richtext .m-richtext__title {
    font-size: 40px !important;
  }
  .wgco-table-section .steps-heading p {
    font-size: 18px;
    width: 30%;
  }
}

@media (max-width: 767px) {
  .wgco-header div > :last-child a {
    padding: 12px 35px 12px 35px;
  }

  .wgco-why-choose-section .section__header h2.section__heading,
  .section-3-try > div h2 {
    font-size: 40px !important;
  }

  .wgco-why-choose-section .section__header h2.section__heading {
    width: 50%;
  }

  .wgco-hero-section .sf__slide-block.slide__block-desktop {
    align-items: flex-start;
    justify-content: center;
    padding-top: 80px;
  }

  .wgco-header:after {
    bottom: -55px;
    height: 55px;
  }

  .wgco-hero-section .hero-content h1 {
    font-size: 55px;
    margin-top: 15px;
    margin: 15px auto 0 auto;
  }

  .wgco-hero-section .hero-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .wgco-hero-section .hero-content {
    width: 100%;
  }

  .did-you-know-shop-button .sf-custom__text-cta a.sf__btn.sf__btn-primary {
    padding: 15px 50px;
    font-size: 22px;
  }

  .wgco-hero-section .container.section-py {
    padding-top: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .wgco-transformers-section .m-richtext .m-richtext__title {
    width: 70%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: auto;
  }

  .wgco-reels-section .reels-text h4 {
    width: 70%;
  }

  .wgco-reels-section .sf-custom__block--video {
    width: 50%;
  }

  .wgco-product .main-product__block .form__input-wrapper {
    width: 20%;
    margin: 0;
    margin-right: 10px;
    display: flex;
    align-items: flex-start;
  }

  .wgco-product quantity-input.quantity-input {
    width: 100%;
  }

  .wgco-product
    .main-product__block
    .form__input-wrapper
    label.prod__option-label {
    margin-bottom: 5px;
  }

  .did-you-know-spike-section h4 {
    font-size: 35px;
    width: 50%;
  }

  .wgco-approved-section .m-richtext h3.m-richtext__title {
    font-size: 22px;
  }

  .wgco-approved-section .m-custom-content__block-text .content__subheading {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .wgco-approved-section .m-custom-content__block-text:after {
    height: 30px;
    width: 34px;
    left: 15px;
    top: 15px;
  }

  .wgco-steps-section .m-richtext .m-richtext__title {
    width: 60%;
    font-size: 35px !important;
  }

  .wgco-steps-section .sf-custom__block--html {
    width: 50%;
  }

  .wgco-steps-section .wgco-steps-section p {
    font-size: 20px;
  }

  .wgco-choice-section .m-richtext .m-richtext__title {
    width: 55%;
  }

  .wgco-choice-section .section__description {
    font-size: 25px;
  }

  .wgco-choice-section:before {
    top: -47px;
    height: 48px;
  }

  .powder-image {
    display: none;
  }

  .powder-section-12 .sf-custom__block-inner .text-left {
    text-align: center;
  }

  .powder-section-12 .sf-custom__block-inner .text-left {
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .wgco-why-choose-section .section-3-content {
    width: 100%;
  }
  .shilpa-approved-section > div h3 {
    font-size: 16px;
  }
  .shilpa-approved-section > div > img {
    height: 35px;
  }
  .shilpa-approved-section > div {
    gap: 20px;
    padding: 0 30px;
  }
  .shilpa-approved-section > div p {
    font-size: 18px;
  }
  .reels-video video {
    width: 23%;
  }
  .section-3-image-content p {
    width: 70%;
  }
  .section-3-try > div {
    width: 100%;
  }
  .section-3-try {
    gap: 20px;
    flex-direction: column;
  }
  .shilpa-approved-section,
  .shilpa-approved-section img:first-child,
  .section-3-try {
    border-radius: 35px;
  }
  .section-3-try > div {
    gap: 40px;
  }
  .why-approve-section h3 {
    font-size: 30px;
  }
  .why-approve-section .features {
    gap: 15px;
  }
  .why-approve-section .features .feature-container {
    width: 48%;
  }
  .wgco-approved-section .m-richtext h3.m-richtext__title {
    font-size: 40px !important;
    width: 85%;
  }
  .wgco-steps-section .sf-custom__block--image {
    overflow: auto;
  }
  img.news-paper-1 {
    width: 50%;
  }
  .wgco-hero-section:after {
    display: none;
  }
  .wgco-hero-section .sf__slide-block.slide__block-desktop {
    background: #ffefeb;
    padding-bottom: 0px;
  }
}

@media (max-width: 475px) {
  .wgco-hero-image:after {
    bottom: 70px;
    right: 5%;
    height: 90px;
    width: 59px;
  }

  .wgco-hero-section .sf__slide-block.slide__block-desktop {
    padding-top: 10px;
  }

  .wgco-hero-section .hero-content .rating {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 10px 15px;
    border-radius: 15px;
    background: linear-gradient(92.87deg, #771acb 16.12%, #401acb 83.88%);
  }

  .wgco-header:after {
    bottom: -35px;
    height: 35px;
  }

  .powder-section-12 .faq-inner .faq-question {
    font-size: 16px;
  }

  .powder-section-12 .faq-content .faq-inner .faq-answer {
    font-size: 15px;
    margin-top: 5px;
  }

  .powder-section-12 .faq-content .faq-inner:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .wgco-why-choose-section .container.section-my {
    margin-bottom: 30px;
  }

  .did-you-know-shop-button .sf-custom__text-cta a.sf__btn.sf__btn-primary {
    padding: 12px 45px;
    font-size: 20px;
  }

  .wgco-hero-image:before {
    top: 30px;
    left: 10%;
    height: 130px;
    width: 100px;
  }

  .wgco-hero-section .hero-content .rating p {
    font-size: 13px;
    color: #ffefeb;
  }

  .wgco-hero-section .hero-content .rating .star img {
    height: 13px;
  }

  .wgco-hero-section .hero-content h1 {
    font-size: 35px;
    line-height: 1;
    margin-top: 10px;
    width: 70%;
  }

  .wgco-hero-section .hero-content h1 svg {
    height: 20px;
    width: auto;
  }

  .wgco-hero-section .sf-custom__block--image {
    margin-left: -60px;
  }

  .wgco-hero-section .hero-content p {
    font-size: 18px;
    margin-top: 10px;
  }

  .wgco-hero-section .hero-content .buttons {
    margin-top: 10px;
  }

  .wgco-hero-section .hero-content a,
  .wgco-header div > :last-child a {
    font-size: 14px;
  }

  .wgco-reels-section:before {
    height: 30px;
  }

  .wgco-hero-section:after {
    height: 55px;
    width: 190px;
    left: 45%;
    bottom: -25px;
  }

  .protein-section-2-marquee .marquee-inner marquee div {
    gap: 45px;
  }

  .wgco-hero-section .container.section-py {
    padding-top: 20px;
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .wgco-transformers-section .m-richtext .m-richtext__title b {
    font-size: 14px;
    padding: 8px 15px;
  }

  .wgco-transformers-section .m-richtext .m-richtext__title {
    width: 100%;
  }

  .wgco-transformers-section .m-richtext .m-richtext__title {
    font-size: 20px !important;
  }

  .wgco-transformers-section .section__header,
  .wgco-why-choose-section .section__header,
  .wgco-choice-section .section__header,
  .wgco-table-section .section__header {
    margin-bottom: 20px;
  }

  .wgco-reels-section .reels-text h4,
  .wgco-product .product-block-group--title h2,
  .wgco-choice-section .m-richtext .m-richtext__title {
    font-size: 27px !important;
  }

  .wgco-table-section .m-richtext .m-richtext__title,
  .wgco-steps-section .m-richtext .m-richtext__title {
    font-size: 25px !important;
  }

  .wgco-why-choose-section .section__header h2.section__heading {
    font-size: 35px !important;
    width: 100%;
  }

  .section-3-try > div h2 {
    font-size: 30px !important;
  }

  .wgco-why-choose-section
    .sf-custom__block--image_with_text
    .sf-custom__grid
    .sf-custom__block
    .m-richtext
    .m-richtext__title,
  .wgco-did-you-know-text .m-richtext .m-richtext__title,
  .did-you-know-spike-section p {
    font-size: 20px;
    line-height: 1;
  }

  .wgco-why-choose-section
    .sf-custom__block--image_with_text
    .sf-custom__grid
    .sf-custom__block
    p {
    font-size: 14px;
    width: 100%;
  }

  .wgco-did-you-know-text p.content__subheading {
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
  }

  .wgco-did-you-know-text .m-richtext .m-richtext__title {
    margin-top: 15px;
  }

  .did-you-know-spike-section h4 {
    font-size: 25px;
    width: 100%;
  }

  .did-you-know-spike-section img {
    height: 50px;
    width: auto;
  }

  .wgco-reels-section .reels-text > div svg {
    height: 20px;
    width: auto;
  }

  .wgco-reels-section .reels-text h4 {
    width: 100%;
  }

  /* .wgco-reels-section .container.section-py {
        padding-top: 70px;
      } */

  .wgco-reels-section .reels-text {
    gap: 10px;
  }

  .wgco-product .wgco-product-point > div {
    font-size: 14px;
    line-height: 1.3;
  }

  .wgco-product .wgco-product-point > div img {
    height: 15px;
    width: auto;
  }

  .wgco-product .wgco-product-point {
    gap: 5px;
  }

  .wgco-product .main-product__block .form__input-wrapper {
    width: 160px;
  }

  .wgco-approved-section m-custom-content.sf-custom__grid {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .wgco-approved-section .sf-custom__block--image,
  .wgco-approved-section .m-custom-content__block-text,
  .wgco-choice-section .m-richtext .m-richtext__title,
  .wgco-choice-section .choice-section > div > div,
  .wgco-steps-section .m-richtext .m-richtext__title,
  .wgco-choice-section .choice-section > div > img {
    width: 100%;
  }

  .wgco-approved-section .m-custom-content__block-text {
    padding-top: 70px;
  }

  .wgco-approved-section .m-custom-content__block-text:after {
    height: 25px;
    width: 30px;
  }

  .wgco-approved-section .m-custom-content__block-text .content__subheading {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .wgco-approved-section .m-richtext h3.m-richtext__title {
    font-size: 20px;
  }

  .wgco-approved-section:after {
    bottom: -30px;
    height: 30px;
  }

  .wgco-approved-section .container.section-py {
    padding-bottom: 15px;
  }

  /* .wgco-table-section .container.section-my {
        margin-top: 70px;
    } */

  .wgco-table-section .container.section-my responsive-image.sf-image {
    width: 200%;
  }

  .wgco-steps-section .wgco-steps-section img {
    border-radius: 20px 20px 0 0;
  }

  .wgco-steps-section .wgco-steps-section {
    border-radius: 20px;
  }

  .wgco-table-section .container.section-my .sf-custom__block-inner {
    overflow: scroll;
  }

  .wgco-steps-section .wgco-steps-section p {
    font-size: 16px;
  }

  .wgco-steps-section .wgco-steps-section span {
    top: -20px;
    font-size: 14px;
    padding: 3px 7px;
  }

  .wgco-choice-section {
    margin-top: 60px;
  }

  .wgco-choice-section:before {
    top: -26px;
    height: 27px;
  }

  .wgco-choice-section .section__description {
    font-size: 18px;
    margin-top: 5px;
  }

  .wgco-choice-section .choice-section > div {
    padding: 15px 15px 25px 15px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }

  .wgco-choice-section .choice-section > div > div span {
    font-size: 22px;
    margin-bottom: 5px;
  }

  .wgco-choice-section .choice-section > div > div p {
    font-size: 14px;
  }

  .wgco-choice-section .choice-section > div > div > p:not(:last-child) {
    margin-bottom: 7px;
  }

  .wgco-choice-button a.sf__btn.sf__btn-primary {
    font-size: 25px;
    padding: 15px 40px;
  }

  .wgco-footer-section .wgco-footer > div {
    gap: 10px;
    font-size: 12px;
  }

  .wgco-footer-section .wgco-footer {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .wgco-footer-section .container {
    padding: 20px 10px;
  }

  .wgco-footer-section .wgco-footer img {
    width: 100px;
    height: auto;
  }

  .wgco-announcement {
    padding: 5px;
    font-size: 16px;
  }

  .wgco-header div > :last-child a {
    padding: 10px 35px 10px 35px;
    font-size: 16px;
  }

  .protein-section-2-marquee .marquee-inner {
    gap: 20px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding: 20px 0 30px 0;
  }

  .protein-section-2-marquee .marquee-inner > div:first-child {
    width: 95%;
    display: flex;
    align-items: center;
  }

  .protein-section-2-marquee .marquee-inner > div:last-child {
    width: 90%;
    margin: auto;
  }

  .protein-section-2-marquee .marquee-inner > div:last-child img {
    margin: 0;
    height: 30px;
  }

  .wgco-hero-section .hero-content a p {
    font-size: 18px;
  }

  .wgco-hero-section .hero-content a svg {
    height: 25px;
  }

  .wgco-transformers-section .sf-slider__controls {
    top: 30%;
    width: 100%;
    justify-content: space-between;
    left: 10px;
  }

  .main-payment_method {
    justify-content: center;
  }

  .wgco-steps-section .sf-custom__block--html {
    width: 100%;
  }

  .wgco-why-choose-section .section-3-content p {
    font-size: 18px;
  }

  .wgco-why-choose-section .section-3-content {
    gap: 20px;
  }
  .wgco-why-choose-section .section-3-content h2 {
    font-size: 45px;
  }
  .section-3-2 .section-3-content img:nth-child(2) {
    height: 100px;
  }
  .shilpa-approved-section img:first-child,
  .shilpa-approved-section > div {
    width: 100%;
  }
  .shilpa-approved-section,
  .shilpa-approved-section img:first-child,
  .section-3-try {
    border-radius: 20px;
  }
  .section-3-2 .section-3-content {
    padding: 0 15px;
  }
  .shilpa-approved-section img.approved-image {
    width: 100px;
    left: 60%;
  }
  .shilpa-approved-section {
    flex-direction: column;
  }
  .shilpa-approved-section > div {
    gap: 15px;
    padding: 20px;
  }
  .shilpa-approved-section > div > img {
    height: 30px;
  }
  .shilpa-approved-section > div p {
    font-size: 16px;
  }
  .shilpa-approved-section,
  .reels-video {
    margin: 0 15px;
  }
  .reels-video video {
    width: 48%;
  }
  .reels-video {
    flex-wrap: wrap;
    gap: 10px;
  }
  .wgco-product .rating svg {
    height: 17px;
  }
  .wgco-product .rating {
    padding: 5px 10px;
    border-radius: 5px;
  }
  .wgco-product .rating p {
    font-size: 13px;
  }
  .wgco-product .sf-grid {
    gap: 20px;
  }
  .section-3-image-content p {
    font-size: 18px;
    width: 100%;
  }
  .section-3-image-content {
    gap: 20px;
  }
  .section-3-image-content img {
    border-radius: 20px;
  }
  .section-3-try > div a,
  .wgco-approved-section
    .sf-custom__block--text
    .sf-custom__text-cta
    a.sf__btn.sf__btn-primary,
  .section-3-image-content a {
    padding: 10px 25px;
    font-size: 18px;
  }
  .section-3-image-content a {
    bottom: -25px;
  }
  .section-3-try > div {
    gap: 25px;
  }
  .section-3-try {
    padding: 20px;
  }
  .section-3-try > div > div {
    font-size: 18px;
  }
  .section-3-try > div span {
    font-size: 14px;
  }
  .why-approve-section h3 {
    font-size: 20px;
  }
  .why-approve-section {
    gap: 25px;
  }
  .why-approve-section .features .feature-container {
    width: 100%;
  }
  .why-approve-section .features .feature-container > div {
    padding: 15px;
  }
  .why-approve-section .features .feature-container > div h4 {
    font-size: 16px;
  }
  .why-approve-section .features .feature-container > div p {
    font-size: 14px;
  }
  .wgco-approved-section .m-richtext h3.m-richtext__title {
    font-size: 30px !important;
    width: 75%;
  }
  .wgco-table-section .steps-heading .m-richtext .m-richtext__title,
  .powder-section-12 .m-richtext .m-richtext__title {
    font-size: 35px !important;
  }
  .wgco-table-section .steps-heading p {
    font-size: 16px;
    width: 50%;
  }
  .wgco-steps-section m-custom-content.sf-custom__grid {
    row-gap: 15px;
  }
  img.news-paper-1,
  img.news-paper-2 {
    width: 75%;
  }
  .wgco-product .main-product__block .variant-picker__option-values {
    flex-wrap: nowrap;
  }
  .wgco-product .main-product__block .prod__option.prod__option--button {
    overflow: scroll;
  }
}

@media (max-width: 375px) {
  .wgco-hero-section .hero-content h1 {
    font-size: 30px;
  }
  .wgco-hero-section .hero-content p {
    font-size: 16px;
  }
  .wgco-hero-section .hero-content .rating p {
    font-size: 12px;
  }
  .wgco-hero-section .hero-content .rating .star img {
    height: 12px;
  }
  .wgco-header:after {
    bottom: -20px;
    height: 20px;
  }
  /* .wgco-hero-section .sf__slide-block.slide__block-desktop {
      padding-top: 30px;
  } */
  .wgco-why-choose-section .section-3-content p {
    font-size: 16px;
  }
  .wgco-why-choose-section .section-3-content {
    gap: 15px;
  }
}