.outer:before {
  display: block;
  content: "";
  width: 100%;
}
.outer > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}.home-banner .splide {
  height: 100%;
}
.home-banner .splide .splide__track {
  height: 100%;
}
.home-banner .splide .splide__arrows .splide__arrow {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
}
@media not all and (min-width: 768px) {
.home-banner .splide .splide__arrows .splide__arrow {
    width: 1.25rem;
    height: 1.25rem;
}
}
.home-banner .splide .splide__arrows .splide__arrow svg {
  fill: #fff;
}
@media not all and (min-width: 768px) {
.home-banner .splide .splide__arrows .splide__arrow svg {
    width: 0.75rem;
    height: 0.75rem;
}
}
.home-banner .splide .splide__arrows .splide__arrow.splide__arrow--next {
  right: 5%;
}
.home-banner .splide .splide__arrows .splide__arrow.splide__arrow--prev {
  left: 5%;
}
.event .splide .splide__arrow, .article .splide .splide__arrow {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
}
@media not all and (min-width: 768px) {
.event .splide .splide__arrow, .article .splide .splide__arrow {
    width: 1.25rem;
    height: 1.25rem;
}
}
.event .splide .splide__arrow svg, .article .splide .splide__arrow svg {
  fill: #fff;
}
@media not all and (min-width: 768px) {
.event .splide .splide__arrow svg, .article .splide .splide__arrow svg {
    width: 0.75rem;
    height: 0.75rem;
}
}
.event .splide .splide__arrow.splide__arrow--next, .article .splide .splide__arrow.splide__arrow--next {
  right: -1.5rem;
}
@media not all and (min-width: 768px) {
.event .splide .splide__arrow.splide__arrow--next, .article .splide .splide__arrow.splide__arrow--next {
    top: 45%;
}
}
@media (min-width: 768px) {
.event .splide .splide__arrow.splide__arrow--next, .article .splide .splide__arrow.splide__arrow--next {
    right: -2.5rem;
}
}
.event .splide .splide__arrow.splide__arrow--prev, .article .splide .splide__arrow.splide__arrow--prev {
  left: -1.5rem;
}
@media not all and (min-width: 768px) {
.event .splide .splide__arrow.splide__arrow--prev, .article .splide .splide__arrow.splide__arrow--prev {
    top: 45%;
}
}
@media (min-width: 768px) {
.event .splide .splide__arrow.splide__arrow--prev, .article .splide .splide__arrow.splide__arrow--prev {
    left: -2.5rem;
}
}html[data-v-4307d078], body[data-v-4307d078] {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  cursor: default;
}
#container[data-v-4307d078] {
  display: flex;
  flex-direction: column;
  position: absolute;
  overflow: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#container section[data-v-4307d078] {
  position: relative;
  width: 100%;
}
#container section.hero[data-v-4307d078] {
  min-height: 30%;
}
@media (min-width: 768px) {
#container section.hero[data-v-4307d078] {
    min-height: 50.5%;
}
}
@media (min-width: 1024px) {
#container section.hero[data-v-4307d078] {
    min-height: 93.5%;
}
}
@media (min-width: 1280px) {
#container section.hero[data-v-4307d078] {
    min-height: 86.5%;
}
}
@media (min-width: 1512px) {
#container section.hero[data-v-4307d078] {
    min-height: 89%;
}
}
@media (min-width: 768px) {
#container section.page[data-v-4307d078] {
    height: 90%;
    min-height: 90%;
}
}
.article-section[data-v-4307d078] {
  background-repeat: repeat;
  background-size: cover;
}
.scroll-bar-custom[data-v-4307d078] {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.scroll-bar-custom[data-v-4307d078]::-webkit-scrollbar {
  width: 10px;
}
.scroll-bar-custom[data-v-4307d078]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(255, 23, 23);
  border-radius: 10px;
}
.scroll-bar-custom[data-v-4307d078]::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(190 30 45 / var(--tw-bg-opacity, 1));
  border-radius: 10px;
}
.scroll-bar-custom[data-v-4307d078]::-webkit-scrollbar-thumb:hover {
  background: #ff0a0a;
}