/**
* Feature Tabs styles
*
* @since 1.0.0
*/

.feature-tabs .card-column {
  max-width: 825px;
}

.feature-tabs .accordion-button {
  color: #9c9da2;
  background: transparent;
  outline: 0;
  border: 1px solid #05070f;
  box-shadow: none;
}

.feature-tabs .accordion-button:hover,
.feature-tabs .accordion-button.active {
  color: #ffffff;
  background: #05070f;
  border: 1px solid rgba(27, 31, 47);
}

.feature-tabs .accordion-button::after {
  display: none;
}

.feature-tabs .card,
.feature-tabs .card {
  background: #070b15;
  border: 1px solid rgba(27, 31, 47);
}

.feature-tabs .card-body {
  opacity: 0;
  transform: scale(0.9);
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
  inset: 0;
}

.feature-tabs .card-body.active {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

.feature-tabs .card-column .card-body {
  position: absolute;
}

.feature-tabs .card-column .card-body.active {
  position: static;
}

.feature-tabs .card-img {
  border: 1px solid rgba(27, 31, 47);
}

.feature-tabs .card-title {
  line-height: 1.4;
}

.feature-tabs .card-content {
  font-size: 14px;
  line-height: 1.9;
}

/**
* Mobile Responsiveness
*
* @since 1.0.0
*/

@media screen and (min-width: 1025px) {
  .feature-tabs .feature-tabs-title {
    max-width: 680px;
  }

  .feature-tabs .feature-tabs-text {
    max-width: 541px;
  }
}