.ico {
  border-radius: 16px;
  background: rgba(0, 226, 244, 0.10);
  display: flex;
  min-width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

.ico img {
  width: 25px;
  height: 18px;
  flex-shrink: 0;
}

.bg-petroleo.bg-grad {
  background: linear-gradient(124deg, #024D63 27.82%, #001E27 79.71%);
}

.bg-petroleo .grid-cards-benefits .card-benefit {
  border-radius: 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(2px);
  gap: .75rem
}

@media (max-width: 435px) {}

@media (min-width: 992px) {
  .grid-cards-benefits {
    grid-template-columns: repeat(attr(data-columns number, 2), 1fr);
    position: relative;
    z-index: 3;
  }

  .grid-cards-benefits.c-4 {
    grid-template-columns: repeat(attr(data-columns number, 4), 1fr);
  }

  .bg-petroleo .grid-cards-benefits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr) auto;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .bg-petroleo .grid-cards-benefits .card-benefit {
    height: unset;
    min-height: 180px;
    padding: 1rem;
  }

  .bg-petroleo .grid-cards-benefits .card-benefit.card-1 {
    grid-area: 1 / 1 / 2 / 2;
  }

  .bg-petroleo .grid-cards-benefits .card-benefit.card-2 {
    grid-area: 1 / 2 / 2 / 3;
  }

  .bg-petroleo .grid-cards-benefits .card-benefit.card-3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  .bg-petroleo .grid-cards-benefits .card-benefit.card-4 {
    grid-area: 2 / 2 / 3 / 3;
  }

  .bg-petroleo .grid-cards-benefits .card-benefit.card-5 {
    grid-area: 3 / 1 / 4 / 3;
    height: fit-content;
    min-height: unset;
  }
}

.accordion-button .ico,
.accordion-button:not(.collapsed) .ico {
  background: rgba(0, 226, 244, .2);
}
.progrees-timer::-webkit-progress-value {
    background: rgba(0, 226, 244, 1);
}