/**
 * @file
 * VVj Tabs.
 *
 * Filename:     vvjt-style.css
 * Website:      https://www.flashwebcenter.com
 * Developer:    Alaa Haddad https://www.alaahaddad.com.
 */
.vvjt .tab-buttons .vvjt-button {
  padding: 12px;
  display: inline-block;
  font-weight: normal;
  line-height: normal;
  border: none;
  margin: 0;
  text-overflow: ellipsis;
  cursor: pointer;
  background-color: transparent;
  transition: padding 0.3s ease, background-color 0.3s ease;
}

.vvjt .vvjt-inner .tab-buttons .vvjt-button:hover,
.vvjt .vvjt-inner .tab-buttons .vvjt-button:focus {
  border: none;
  font-weight: normal;
  outline: none;
  opacity: 0.8;
}

.vvjt .vvjt-inner .tab-buttons .vvjt-button.active {
  font-weight: bold;
}

.vvjt .tab-panes {
  padding: 1rem;
}

.vvjt.vertical .vvjt-inner {
  gap: 12px;
}

.vvj-tabs {
  display: block;
  margin: 1rem auto;
}

.vvj-tabs .vvjt-pane a {
  height: auto;
}

.vvjt .tab-buttons .vvjt-button img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.vvjt .tab-buttons .vvjt-button:hover img {
  transform: scale(1.1);
}