.wc-rennova-care {
  padding-bottom: 74px;
  position: relative;
}

.wc-rennova-care::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  display: block;
  height: 84px;
  background-image: url(../assets/img/Frame-1000007779.png);
  background-position: center;
  background-size: cover;
  background-size: 52% 82px;
  bottom: 0;
}

.wc-rennova-care-banner .desk {
  display: block;
  width: 100%;
}

.wc-rennova-care-banner .mob {
  display: none;
  width: 100%;
}

.wc-rennova-care-mandala {
  margin-top: 58px;
  padding: 0 96px;
}

.wc-rennova-care-mandala h2 {
  font-size: 32px;
  font-weight: 300;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  text-align: center;
}

.wc-rennova-care-mandala h2 strong {
  font-weight: 600;
}

.wc-rennova-care-mandala span {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  display: block;
}

.wc-rennova-care-mandala iframe {
  border-radius: 24px;
  max-width: 774px;
  height: 437px;
  width: 100%;
  margin: 40px auto 0 auto;
  display: block;
}

.wc-rennova-care-category {
  margin-top: 56px;
  background: radial-gradient(95.69% 641.16% at 70% 34.34%, rgba(0, 114, 162, 0.8) 0%, rgba(115, 189, 226, 0.8) 100%);
  padding: 73px 78px;

}

.wc-rennova-care-category h2 {
  font-size: 32px;
  font-weight: 300;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  text-align: center;
  color: var(--White);
}

.wc-rennova-care-category h2 strong {
  color: var(--White);
  font-weight: 600;
}

.wc-rennova-care-category__list ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

.wc-rennova-care-category__list ul li a img {
  max-width: 174px;
  width: 100%;
  display: block;
}

.wc-rennova-care-complex {
  margin: 40px auto 0 auto;
  padding: 85px 96px;
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
  background:radial-gradient(235.42% 1518.76% at -53% 115.26%, rgba(70, 160, 201, 0.6) 0%, rgba(163, 208, 228, 0.6) 57.02%, rgba(162, 207, 228, 0.09) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  max-width: 1200px;
  width: 100%;
}

.wc-rennova-care-complex--right--titles {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wc-rennova-care-complex--right--titles h2 {
  font-size: 32px;
  font-weight: 600;
  margin: 0;
}

.wc-rennova-care-complex--right--titles p {
  max-width: 487px;
  width: 100%;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
}

.wc-rennova-care-complex--right img {
  width: 356px;
}

.wc-rennova-care-complex__images {
  display: flex;
  flex-wrap: wrap;
  gap: 55px;
  margin-top: 55px;
}

.wc-rennova-care-complex__images img {
  width: 209px;
}

.wc-rennova-care-complex--left img {
  max-width: 346px;
  width: 100%;
}

.wc-rennova-care-complex--titles {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.wc-rennova-care-complex--title {
  font-size: 32px;
  font-weight: 300;
  margin: 0;
  text-transform: uppercase;
  position: relative;
  width: fit-content;
}

.wc-rennova-care-complex--title::before {
  content: "";
  display: block;
  width: 508px;
  right: 0;
  bottom: 0;
  height: 3px;
  background-color: var(--Black);
  position: absolute;
}

.wc-rennova-care-complex--title h2 strong {
  font-weight: 600;
}


.wc-rennova-care-complex--left {
  margin-top: 75px;
}

.wc-rennova-care-complex--left ul {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 14px;
}

.wc-rennova-care-complex--left ul li {
  position: relative;
}

.wc-rennova-care-complex--left ul li span {
  font-size: 15px;
  font-weight: 400;
  color: var(--Black);
  z-index: 2;
  position: relative;
}

.wc-rennova-care-complex--left ul li::after {
  content: "";
  background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.02553" y="0.257948" width="20.5326" height="20.5326" rx="10.2663" stroke="url(%23paint0_linear_13505_21614)" stroke-width="0.515896"/><rect x="2.52148" y="1.75391" width="17.5405" height="17.5405" rx="8.77023" fill="%23F1F1F1"/><defs><linearGradient id="paint0_linear_13505_21614" x1="0.767578" y1="10.5243" x2="21.8161" y2="10.5243" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat center;
  background-size: 24px;
  height: 24px;
  width: 24px;
  position: absolute;
  left: -7px;
  top: 1px;
}

.wc-rennova-care-complex--left ul li span strong {
  font-size: 10px;
  position: absolute;
  top: 0;
  width: 20px;
}

.wc-rennova-care-complex-beneficios {
  display: flex;
  align-items: center;
  gap: 51px;
  margin-top: 55px;
}

.wc-rennova-care-complex-beneficios--item {
  display: flex;
  flex-direction: column;
  max-width: 200px;
  width: 100%;
}

.wc-rennova-care-complex-beneficios--item img {
  width: 79px;
}

.wc-rennova-care-buy {
  display: flex;
  align-items: center;
  background-color: #28313D;
  max-width: 1200px;
  width: 100%;
  margin: 46px auto 0 auto;
}


.wc-rennova-care-buy--content {
  width: 100%;
}

.wc-rennova-care-buy img {
  max-width: 506px;
  width: 100%;
  display: block;
}

.wc-rennova-care-buy h2 {
  text-align: center;
  max-width: 374px;
  margin: 0 auto;
  color: var(--White);
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}

.wc-rennova-care-buy a {
  display: block;
  text-align: center;
  width: fit-content;
  padding: 11px 18px;
  margin: 16px auto 0 auto;
  color: var(--Black);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  background-color: var(--White);
  border-radius: 4px;
}

.wc-rennova-care-insta {
  max-width: 1200px;
  margin: 48px auto 0 auto;
}

.wc-rennova-care-insta h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 600;
  margin: 0;
}

.wc-rennova-care-insta h2 a {
  text-decoration: underline;
}

.wc-rennova-care-insta--imagens a {
  display: flex;
  gap: 2px;
  margin-top: 32px;
}

.wc-rennova-care-insta--imagens a img {
  width: 195px;
  display: block;
}

@media(max-width: 1000px) {
  .wc-rennova-care-banner .desk {
    display: none;
  }

  .wc-rennova-care-banner .mob {
    display: block;
    width: 100%;
  }

  .wc-rennova-care-mandala {
    margin-top: 43px;
    padding: 0 16px;
  }

  .wc-rennova-care-mandala h2 {
    font-size: 20px;
  }

  .wc-rennova-care-mandala span {
    font-size: 16px;
  }

  .wc-rennova-care-mandala iframe {
    height: 242px;
  }

  .wc-rennova-care-category {
    padding: 32px 19px;
  }

  .wc-rennova-care-category h2 {
    font-size: 20px;
  }

  .wc-rennova-care-category__list ul {
    justify-content: center;
  }

  .wc-rennova-care-category__list ul li a img {
    max-width: 159px;
  }

  .wc-rennova-care-complex {
    padding: 38px 13px;
    max-width: 343px;
    width: 100%;
  }

  .wc-rennova-care-complex--right--titles {
    flex-direction: column;
    align-items: flex-start;
  }

  .wc-rennova-care-complex--right img {
    width: 243px;
  }

  .wc-rennova-care-complex--right--titles h2 {
    margin-top: 35px;
    font-size: 14px;
  }

  .wc-rennova-care-complex__images {
    gap: 7px;
    justify-content: center;
  }

  .wc-rennova-care-complex--right img {
    width: 155px;
  }

  .wc-rennova-care-complex--right--titles p {
    font-size: 14px;
  }

  .wc-rennova-care-complex--titles {
    flex-direction: column;
  }

  .wc-rennova-care-complex--title::before {
    width: 300px;
  }


  .wc-rennova-care-complex--left h2 {
    margin-top: 0;
    font-size: 20px;
  }

  .wc-rennova-care-complex--left ul li span {
    font-size: 10px;
  }

  .wc-rennova-care-complex--left ul li span strong {
    font-size: 6px;
  }

  .wc-rennova-care-complex--left ul li::after {
    width: 14px;
    height: 14px;
    background-size: 14px;
    left: -6px;
    top: 7px;
  }

  .wc-rennova-care-complex-beneficios {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 25px;
    padding: 0 19px;
  }

  .wc-rennova-care-complex-beneficios--item {
    width: 123px;
  }

  .wc-rennova-care-complex-beneficios--item img {
    width: 46px;
  }

  .wc-rennova-care-complex-beneficios--item span {
    font-size: 14px;
  }

  .wc-rennova-care-buy {
    flex-direction: column-reverse;
    max-width: 343px;
  }

  .wc-rennova-care-buy--content {
    padding: 20px 16px;
  }

  .wc-rennova-care-buy--content h2 {
    font-size: 18px;
  }

  .wc-rennova-care-insta h2 {
    font-size: 20px;
  }

  .wc-rennova-care-insta--imagens a {
    justify-content: center;
    flex-wrap: wrap;
  }

  .wc-rennova-care-insta--imagens a img {
    display: none;
    width: 114px;
  }

  .wc-rennova-care-insta--imagens a img.child01,
  .wc-rennova-care-insta--imagens a img.child02,
  .wc-rennova-care-insta--imagens a img.child03 {
    display: block;
  }

  .wc-rennova-care::after {
    height: 66px;
    background-size: 126% 74px;
  }

  .wc-rennova-care {
    padding-bottom: 62px;
  }
}