/* compiled by scssphp 1.6.0 on Fri, 27 Mar 2026 13:57:31 +0000 (0.1593s) */

.tabs {
  position: relative;
  --tabs__tab-border-color--active: var(--color-white);
  --tabs__tab-color--active: var(--color-white);
}
.tabs__container > .heading {
  margin-block-end: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 64rem) {
  .tabs__container > .heading {
    margin-block-end: 2rem;
  }
}
.tabs__wrapper {
  grid-template-rows: unset;
}
.tabs__tablist {
  grid-column: 1/-1;
  grid-row: 1;
  border-block-end: solid 0.0625rem var(--color-border);
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 1rem;
}
.tabs__tablist::before, .tabs__tablist::after {
  content: '';
  position: absolute;
  bottom: -1px;
  z-index: 1;
  height: 0.0625rem;
  width: 100%;
  background-color: var(--color-border);
}
.tabs__tablist::before {
  left: -100%;
}
.tabs__tablist::after {
  right: -100%;
}
.tabs__tab {
  font-size: 1rem;
  font-weight: var(--font-weight--light);
  padding: 0 1.25rem 1.25rem;
  color: var(--color-grey-4);
  white-space: nowrap;
}
.tabs__tab[aria-selected="true"] {
  font-weight: var(--font-weight--bold);
}
.tabs__panel-wrapper {
  padding-block-start: 2rem;
  grid-column: 1/-1;
  grid-row: 2;
}
@media (min-width: 64rem) {
  .tabs__panel-wrapper {
    padding-block-start: 3rem;
  }
}
@media (min-width: 85rem) {
  .tabs__panel-wrapper {
    padding-block-start: 4.875rem;
  }
}
.tabs__tabpanel {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-duration: 1s;
}
.tabs__tabpanel section > * {
  grid-column: 1/-1;
}
/****animation starts from here******/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 7.5rem, 0);
    transform: translate3d(0, 7.5rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 7.5rem, 0);
    transform: translate3d(0, 7.5rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fvaibs%2Fdomains%2Fvaibs.com%2Fpublic_html%2Fwp-content%2Fthemes%2Fvaibs%2Fsass%2Fsections%2Ftabs.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAnFJ%3BAA0FA%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */