.produtos {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-color: #111;
}

.produtos .section {
  flex-direction: column;
  align-items: center;
  gap: 80px;
  padding: 80px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.produtos .section-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.produtos .top {
  align-items: center;
  gap: 8px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.produtos .main-headline {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--heading-1-m-font-family);
  font-weight: var(--heading-1-m-font-weight);
  color: transparent;
  font-size: var(--heading-1-m-font-size);
  letter-spacing: var(--heading-1-m-letter-spacing);
  line-height: var(--heading-1-m-line-height);
  font-style: var(--heading-1-m-font-style);
}

.produtos .text-wrapper {
  color: #ffffff;
  font-family: var(--heading-1-m-font-family);
  font-style: var(--heading-1-m-font-style);
  font-weight: var(--heading-1-m-font-weight);
  letter-spacing: var(--heading-1-m-letter-spacing);
  line-height: var(--heading-1-m-line-height);
  font-size: var(--heading-1-m-font-size);
}

.produtos .span {
  color: #EA6B17;
  font-family: var(--heading-1-m-font-family);
  font-style: var(--heading-1-m-font-style);
  font-weight: var(--heading-1-m-font-weight);
  letter-spacing: var(--heading-1-m-letter-spacing);
  line-height: var(--heading-1-m-line-height);
  font-size: var(--heading-1-m-font-size);
}

.produtos .paragraph, .produtos ol li {
  position: relative;
  align-self: stretch;
  font-family: var(--body-l-font-family);
  font-weight: var(--body-l-font-weight);
  color: var(--white);
  font-size: var(--body-l-font-size);
  letter-spacing: var(--body-l-letter-spacing);
  line-height: var(--body-l-line-height);
  font-style: var(--body-l-font-style);
}

.produtos ol li {
  margin-bottom: 30px;
}

.produtos ol li strong {
  font-weight: bold;
  font-size: 16px;
}

.produtos .div {
  align-items: center;
  padding: 100px 80px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.produtos .col {
  flex-direction: column;
  width: 800px;
  justify-content: center;
  gap: 24px;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.produtos .section-text-2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.produtos .top-2 {
  align-items: flex-start;
  gap: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.produtos .buttons-group {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.produtos .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  position: relative;
  flex: 0 0 auto;
  background-color: #EA2417;
  border-radius: 8px;
  border: 2px solid;
  border-color: #EA2417;
  box-sizing: border-box;
}

.produtos .text-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  flex: 0 0 auto;
}

.produtos .button-text {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--button-l-font-family);
  font-weight: var(--button-l-font-weight);
  color: var(--white);
  font-size: var(--button-l-font-size);
  letter-spacing: var(--button-l-letter-spacing);
  line-height: var(--button-l-line-height);
  white-space: nowrap;
  font-style: var(--button-l-font-style);
}

.produtos .col-2 {
  justify-content: center;
  gap: 10px;
  padding: 0px 108px;
  flex: 1;
  flex-grow: 1;
  margin-left: -16px;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.produtos .shapes {
  position: absolute;
  width: 560px;
  height: 556px;
  top: 38px;
  left: 16px;
}

.produtos .image {
  position: relative;
  width: 158px;
  height: 523px;
  object-fit: cover;
}

.produtos .section-2 {
  align-items: center;
  padding: 120px 80px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.produtos .col-3 {
  justify-content: center;
  gap: 10px;
  padding: 0px 108px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.produtos .img {
  position: absolute;
  width: 485px;
  height: 439px;
  top: 115px;
  left: -38px;
}

.produtos .image-2 {
  position: relative;
  width: 534px;
  height: 536px;
  margin-left: -127px;
  margin-right: -127px;
  object-fit: cover;
}

.produtos .section-text-wrapper {
  flex-direction: column;
  width: 800px;
  justify-content: center;
  gap: 24px;
  margin-left: -16px;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.produtos .image-3 {
  position: relative;
  width: 376px;
  height: 540px;
  margin-left: -48px;
  margin-right: -48px;
  object-fit: cover;
}

.produtos .shapes-2 {
  position: absolute;
  width: 527px;
  height: 556px;
  top: 38px;
  left: -80px;
}

.produtos .image-4 {
  position: relative;
  width: 149px;
  height: 618px;
  object-fit: cover;
}

.produtos .image-5 {
  position: relative;
  width: 178px;
  height: 594px;
  object-fit: cover;
}

.produtos .image-6 {
  position: relative;
  width: 232px;
  height: 637px;
  object-fit: cover;
}

.produtos .col-4 {
  gap: 10px;
  padding: 0px 108px;
  flex: 1;
  flex-grow: 1;
  margin-left: -16px;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.produtos .shapes-3 {
  position: absolute;
  width: 509px;
  height: 461px;
  top: -91px;
  left: 61px;
}

.produtos .image-7 {
  position: relative;
  width: 393px;
  height: 378px;
  margin-right: -113px;
}

.produtos .col-5 {
  justify-content: flex-end;
  gap: 10px;
  padding: 0px 108px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.produtos .shapes-4 {
  position: absolute;
  width: 488px;
  height: 442px;
  top: -52px;
  left: -41px;
}

.produtos .image-8 {
  position: relative;
  width: 386px;
  height: 325px;
  margin-left: -106px;
  object-fit: cover;
}

.produtos .image-9 {
  position: relative;
  width: 167px;
  height: 547px;
  object-fit: cover;
}

.produtos .image-10 {
  position: relative;
  width: 226px;
  height: 571px;
}