* {
  margin: 0 !important;
  padding: 0; }

html,
body {
  width: 100vw;
  height: 100vw;
  overflow-x: hidden !important;
  overflow-y: scroll; }

canvas {
  outline: none;
  position: fixed;
  top: 0;
  z-index: 110;
  width: 100vw;
  height: 100vh; }

.bg {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  background-size: cover;
  background-position: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 1;
  background-image: var(--background); }

.bg-1 {
  z-index: 100; }

.bg-2 {
  z-index: 98; }

.bg-3 {
  z-index: 97; }

.bg-4 {
  z-index: 96; }

.test {
  width: 200px;
  height: 900vh;
  position: absolute;
  top: 0; }

.service-content-2 {
  opacity: 0; }

.service-content-3 {
  opacity: 0; }

.service-content-4 {
  opacity: 0; }

.service-1 .content {
  z-index: 118; }

.service-2 .content {
  z-index: 115; }

.service-3 .content {
  z-index: 113; }

.service-4 .content {
  z-index: 111; }

.content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  mix-blend-mode: difference;
  color: white; }
  .content .tag, .content .title, .content .desc {
    padding: 0 1.46341rem;
    max-width: 59.02439rem;
    text-align: center; }
  .content .title {
    font-size: 7.02439rem;
    text-transform: uppercase;
    font-weight: 600; }
  .content .desc {
    font-size: 2.34146rem;
    margin: 1rem 0 !important; }
  .content .tag {
    font-size: 2.34146rem;
    font-style: italic;
    font-weight: 600;
    font-family: "Playfair Display", serif; }

@media only screen and (max-width: 600px) {
  .content .title {
    font-size: 3.90244rem; }
  .content .desc {
    font-size: 1.56098rem;
    margin: 0.5rem 0 !important; }
  .content .tag {
    font-size: 1.56098rem; } }