.shiva-section--large {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 992px) {
  .shiva-section--large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.shiva-section--image {
  position: relative;
  background-position: center;
  background-size: cover;
}

.shiva-section--overlay::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
}

.shiva-container-narrow {
  max-width: 820px;
}

:is(.shiva-section, .shiva-grid, .shiva-columns, .shiva-three-columns, .shiva-tab, .shiva-accordion-item, .shiva-tv-slide, .shiva-tv-box, .card) .shiva-section:not(.shiva-section--bg) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

:is(.shiva-section, .shiva-grid, .shiva-columns, .shiva-three-columns, .shiva-tab, .shiva-accordion-item, .shiva-tv-slide, .shiva-tv-box, .card) .shiva-section > .container:not(.shiva-container-narrow) {
  max-width: none;
}

:is(.shiva-section, .shiva-grid, .shiva-columns, .shiva-three-columns, .shiva-tab, .shiva-accordion-item, .shiva-tv-slide, .shiva-tv-box, .card) .shiva-section:not(.shiva-section--bg) > :is(.container, .container-fluid) {
  padding-right: 0 !important;
  padding-left: 0 !important;
}