html,
body {
  margin: 0;
  padding: 0;
}

body {
  background: #000000;
  color: #ffffff;
}

header,
.main,
.section,
footer {
  background-color: #000000;
}

a {
  color: inherit;
}

.button,
.button * {
  color: #ffffff !important;
}

.section__title,
.contact__title,
.contact__content,
.nav-primary a,
.menu a,
.slider__heading,
.slider__text,
.category-item__title,
.category-item__go-text {
  color: #ffffff !important;
}

.category-item__title,
.category-item__go-text {
  color: #000000 !important;
}

.header__top .contact__content,
.header__top .contact__content a,
.header__top .contact__content a:visited,
.header__top .contact__content a:hover,
.header__top .contact__content a:active {
  color: #ffffff !important;
}

.header__contact-btn,
.header__contact-btn * {
  color: #000000 !important;
}

.section--contact-form,
.section--contact-form .section__title,
.section--contact-form .form-field__label,
.section--contact-form .form-field__input,
.section--contact-form .max-w-sm,
.section--contact-form .button,
.section--contact-form .button * {
  color: #ffffff !important;
}

footer,
footer .contact__title,
footer .contact__content,
footer .contact__content a,
footer a,
footer .text-sm {
  color: #ffffff !important;
}

.slider {
  overflow: hidden;
}

.slider .swiper-wrapper {
  display: flex;
}

.slider .swiper-slide {
  flex: 0 0 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.slider .swiper-slide.is-active {
  opacity: 1;
  pointer-events: auto;
}