#main-banner { 
  font-fam 'Sora', sans-serif;
  font-weight: 800;
  font-size: 3.125em;
  text-align: center;
}

#main-banner-box { 
  margin: 0 auto;
  width: 400px;
}

#main-banner-box .upper-box { 
  
}


#index-events>.next-events {
  text-align: center;
  padding: 1em 0;
  font-family: 'syneMono', 'monospace';
  font-size: 1.5em;
  letter-spacing: 0.4em;
  color: purple;
  font-weight: 400;
}

#index-events>.index-tours {
  display: flex;
  justify-content: center;
  gap: 3em;
}

@media (max-width: 868px) {
  #index-events>.index-tours {
    flex-direction: column;
    align-items: center;
  }
}

#services {
  font-family: 'Sora', sans-serif;
  width: 1050px;
  margin: 1.5em auto;
}

#services .summery {
  letter-spacing: 0.025rem;
  text-align: center;
  padding: 3em 0.5em;
  font-size: 1.375em;
  font-weight: 200;
}

#services .the-list {
}

#services .the-list>ul {}

#services .the-list>ul>li {
  letter-spacing: 0.4rem;
  display: flex;
  padding: 0.25em 0;
  font-size: 1.6em;
  font-weight: 200;
  text-transform: uppercase;
  margin: 0.25em 0 0 2em;
}

#services .the-list>ul>li::before {
  content: ' ';
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.5em;
  width: fit-content;
  min-width: 1.5rem;
  line-height: 1.5rem;
  right: 0.5em;
  top: -0.2em;
  background-position: left 60%;
  display: block;
  position: relative;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M32%2C20v.5c-.2.3-.3.5-.6.8l-.2.2-13.4%2C13.8c-.4.3-.8.5-1.3.5s-1-.2-1.3-.5l-2.6-2.5c-.7-.7-.7-1.9%2C0-2.6l9.9-10.1-9.9-10.1c-.7-.7-.7-1.9%2C0-2.6l2.6-2.5c.7-.7%2C1.9-.7%2C2.6%2C0h0s13.5%2C13.9%2C13.5%2C13.9c.4.3.7.8.7%2C1.3Z%22%20fill%3D%22%23FFFFFF%22%20%2F%3E%3C%2Fsvg%3E');
}

#services .in-detail {
  padding: 3em 0;
}

#services .in-detail>div {
  color: yellow;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
}

#services .discriptions {
  display: flex;
  letter-spacing: 0.025rem;
  line-height: 1.5em;
  font-size: 1.375em;
  font-weight: 200;
}

#services .discriptions>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0;
  padding: 0 1.25em;
}

#services .title {
  color: #CE37DB;
  text-align: center;
  letter-spacing: 0.025rem;
  text-transform: capitalize;
}

#services .discription {
  text-align: center;
  letter-spacing: 0.025rem;
  line-height: 2em;
  margin: 0 0 1em 0;
}

@media (max-width: 1100px) {

  #services {
    width: 100vw;
  }

  #services .the-list {
    margin: 0 auto;
    width: fit-content;
  }

  #services .the-list>ul>li {
    padding: 0 0.9em;
    font-size: 1.125em;
    margin: 0.5em 0 0 2em;
  }

  #services .the-list>ul>li::before {
    height: 1.125em;
    width: fit-content;
    min-width: 1.125rem;
    line-height: 1.125rem;
    right: 0.4em;
    top: 0;
  }
}

@media (max-width: 950px) {

  #services .discriptions {
    flex-direction: column;
    align-items: center;
    font-size: 1.175em;
  }

}

@media (max-width: 768px) {
  #services {
    width: 100vw;
  }

  #services .summery {
    font-size: 1em;
  }

  #services .the-list>ul>li {
    padding: 0 0.9em;
    font-size: 0.9em;
    letter-spacing: 0.175rem;
    margin: 0.5em 0 0 0.5em;
  }

  #services .the-list>ul>li::before {
    height: 1em;
    width: fit-content;
    min-width: 1rem;
    line-height: 1rem;
    right: 0.4em;
    top: 0;
  }
}

#about-us {
  width: 1050px;
  margin: 0 auto;
}

#about-us-egg-on {
  text-align: center;
  font-size: 1.375em;
  font-weight: 400;
  letter-spacing: 0.625rem;
  text-transform: uppercase;
  padding: 1em 0;
  margin: 1em 0 0 0;
}

#about-us-title {
  text-align: center;
  font-size: 4.1em;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0.25em 0 0.5em 0;
}

#about-us-main {
  font-family: 'Sora', sans-serif;
  text-align: center;
  font-size: 1.375em;
  font-weight: 200;
  padding: 0 1em;
}

#about-us-main>p {
  margin: 0 0 0.5em 0;
}

@media (max-width: 1100px) {
  #about-us {
    width: 100vw;
  }

  #about-us-egg-on {
    font-size: 1em;
    letter-spacing: 0.5rem;
  }
}

#copywrite {
  padding: 30px 0;
  text-align: center;
  font-size: 0.7em;
  font-weight: 300;
  letter-spacing: 0.75em;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  #copywrite {
    font-size: 0.6em;
  }
