.container-custom {

  background-color: #f5cb2e;
  height: 930px;
  width: 100%;
  margin-top: -20px;
}

.container-amplia-content {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  padding: 50px;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: flex-end;
}

.__mobile-mb-none {
  display: none;
}

.relative-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.imagem-position-absolute {
  position: absolute;
  z-index: 3;
  top: 0;
  left: -55%;
}

.bg-text {
  position: absolute;
  max-width: 315px;
  right: 10%;
  text-transform: uppercase;
  top: 25%;
  transform: translate(-10%, -25%);
  font-family: "Poppins";
  font-size: 2.7rem;
  font-weight: bold;
  line-height: 3.5rem;
  font-style: normal;
  text-align: left;
  color: #7100a0;
  margin-bottom: 15rem;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  width: 65%;
}

.__flex-container-section {
  width: calc(75% / 2);
  margin-right: 100px;
}

h5 {
  font-family: "Poppins";
  font-size: 22px;
  font-weight: bold;
  /* line-height: 67px; */
  height: 75px;
  font-style: normal;
  display: flex;
  align-items: center;
  text-align: left;
  color: #7100a0;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.style-border {
  width: 450px;
  padding: 0 30px;
  background-color: #fff;
  border-radius: 25px;
  font-size: 22px;
  font-weight: bold;
  position: relative;
}

.style-border-outline {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -10px;
  left: -10px;
  border: 2px solid #fff;
  border-radius: 25px;
}

p {
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  font-weight: normal;
  padding-top: 20px;
  line-height: 32px;
  margin: 0;
}


.container-arrow-white {
  position: absolute;
  z-index: 3;
  bottom: 5%;
  right: 11%;
  transform: translate(-11%,-5%);
}

.container-arrow-white-mb {
  display: flex;
  justify-content: center;
}

.__mobile-mb-block {
  display: none;
}

.container-arrow-white-mb img {
  height: 250px;
  object-fit: cover;
}

.__container-item-home {
  width: 100%;
  height: 300px;
  margin-bottom: 25px;
  position: relative;
}

.__container-item-home-outline {
  width: 725px;
  height: 100%;
  border: 2px solid #ffffff;
  border-radius: calc(300px /2);
  position: absolute;
  top: 20px;
  z-index: 5;
  left: -220px;
}

.__container-item-home-white {
  width: 725px;
  height: 100%;
  background-color: #ffffff;
  border-radius: calc(300px /2);
  position: absolute;
  top: 0;
  z-index: 5;
  left: -200px;
}

.__container-relative-text {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: calc(300px /2);
}

.__bg-text-mb {
  position: absolute;
  max-width: 315px;
  right: 5%;
  text-transform: uppercase;
  top: 50%;
  transform: translate(-5%, -50%);
  font-family: "Poppins", sans-serif;
  font-size: 2.3rem;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  color: #7100a0;
}

@media screen and (max-width: 1820px) {
    .imagem-position-absolute {
      left: -63%;
    } 

    .style-border {
      white-space: nowrap;
      width: fit-content;
    }
}

@media screen and (max-width: 1700px) {
  .imagem-position-absolute {
    left: -68%;
  } 

  .flex-container {
    justify-content: space-between;
  }

  .container-arrow-white {
    right: 3%;
    transform: translate(-3%,-5%);
  }

}

@media screen and (max-width: 1600px) {
  .imagem-position-absolute {
    left: -46%;
  } 

  .image-left-absolute {
    height: 1000px;
  }

}


@media screen and (max-width: 1500px) {
  .imagem-position-absolute {
    left: -52%;
  } 

  .image-left-absolute {
    height: 1000px;
  }
}

@media screen and (max-width: 1400px) {
  .imagem-position-absolute {
    left: -40%;
    top: 50%;
    transform: translate(0, -50%);
  } 

  .image-left-absolute {
    height: 800px;
  }

  .bg-text {
    max-width: 270px;
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

@media screen and (max-width: 1350px) {
  .imagem-position-absolute {
    left: -47%;
    top: 50%;
    transform: translate(0, -50%);
  } 

  .image-left-absolute {
    height: 800px;
  }

  .bg-text {
    max-width: 270px;
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .__flex-container-section {
    width: min-content !important;
    margin-right: 0 !important;
  }

  .container-arrow-white img {
    height: 200px;
  }
}


@media screen and (max-width: 1250px) {
  .imagem-position-absolute {
    left: -55%;
    top: 50%;
    transform: translate(0, -50%);
  } 
}




@media screen and (max-width: 1050px) {
  .__mobile-ds-none {
    display: none ;
  }

  .container-amplia-content {
    flex-direction: column;
  }

  .__mobile-mb-block {
    display: block;
  }

  .flex-container {
    width: 100%;
    flex-direction: column;
    row-gap: 25px;
  }

  .flex-container {
    align-items: center;
  }

  .container {
    height: auto;
  }

  .__flex-container-section {
    width: 100% !important; 
    max-width: 600px;
  }

  .style-border {
    width: 100%;
  }

  .style-border h5 {
    text-align: left !important;
  }
}

@media screen and (max-width: 650px) {
    .__container-item-home {
      margin-bottom: 50px;
    }

    .__container-item-home-white {
      left: -300px;
    }
    .__container-item-home-outline {
      left: -320px;
    }
}

@media screen and (max-width: 520px) {
  .style-border {
    white-space: normal;
    display: flex;
    height: 80px;
    align-items: center;
  }

  .style-border h5 {
    line-height: normal;
    margin: 0;
    font-size: 19px;
  }

  .__container-item-home-white {
    left: -400px;
  }
  .__container-item-home-outline {
    left: -420px;
  }

  .__bg-text-mb {
    max-width: 270px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 400px) {
  .__container-item-home-white {
    left: -460px;
  }
  .__container-item-home-outline {
    left: -480px;
  }

  .__bg-text-mb {
    max-width: 215px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 340px) {

  .__flex-container-section p {
    line-height: normal;
    font-size: 1rem;
  }

  .style-border h5 {
    line-height: normal;
    margin: 0;
    font-size: 15px;
  }

  .__container-item-home-white {
    left: -500px;
  }
  .__container-item-home-outline {
    left: -520px;
  }

  .__bg-text-mb {
    max-width: 170px;
    font-size: 1.2rem;
  }
}