.container-grafico {
  height: 24.5rem;
  width: 100%;
}

.grafico1 {
  position: relative;
  width: 100%;
  max-width: 403px;
  height: 403px;
  border-radius: 50%;
  background: radial-gradient(
    55.53% 55.53% at 57.54% 14.07%,
    #0aaad8 0%,
    #0084aa 100%
  );
}
.grafico1::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 403px;
  width: 201.5px;
  background: #001e27;
  clip-path: polygon(0% -16%, 137% 20%, 111% 87%, 0 50%);
}

.grafico2 {
  position: relative;
  width: 100%;
  max-width: 403px;
  height: 403px;
  border-radius: 50%;
  background: rgba(0, 101, 131, 0.22);
  border: linear-gradient(
    180deg,
    rgba(0, 98, 126, 0.55) 21.41%,
    rgba(0, 226, 244, 0.55) 68.05%
  );
}

@keyframes fillAndBackgroundTransition {
  0% {
    transform: scale(0);
    background: #001e27;
  }
  100% {
    transform: scale(1);
    background: radial-gradient(
      55.53% 55.53% at 57.54% 14.07%,
      #0aaad8 0%,
      #0084aa 100%
    );
  }
}

.container-grafico .bg-laranja {
  left: -1rem;
}

.bg-laranja.text-grafico {
  border-radius: 1.5rem;
}

.msg-hub-form-success a p:hover {
  text-decoration: underline;
}

.owl-carousel article {
  min-height: 240px;
}
.owl-carousel-apps2 img {
  width: 86px !important;
}

.owl-carousel-apps2 img,
.owl-carousel.owl-carousel-apps article img {
  height: 99px;
}

.accordion-item {
  background-color: unset;
}

.sec-faq .accordion .accordion-button,
.sec-faq .accordion .accordion-body {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.sec-faq .accordion .accordion-button::after {
  filter: invert(1);
}

@media (min-width: 992px) {
  .sec-faq .accordion .accordion-button {
    min-height: 80px;
  }

  
  /* url(/assets/images/reformatri/selo.png),
      url(/assets/images/reformatri/live/back-reforma.png), #0084aa */
}

@media (min-width: 992px) {

}

@media (max-width: 768px) {
  .grafico1,
  .grafico2 {
    height: 16rem;
    width: 16rem;
  }
  .grafico1::after {
    height: 16rem;
    width: 8rem;
  }
  .container-grafico .bg-laranja {
    left: unset;
    bottom: -1.5rem !important;
  }
}

@media (max-width: 435px) {
  .banner description p {
    font-size: 1rem;
  }
}