/* html, */
#particle-slider {
  z-index: 101;
  position: fixed;
  /* tr */
  transition: 0.5s;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.charms::before {
  content: "Services" !important;
}
.branding::before {
  content: "Services" !important;
  top: -3rem!important;
}
.clients::before {
  content: "Clients" !important;
  top: -3rem!important;
}
.uph {
  text-transform: uppercase;
  /* color: #fff; */
}
body {
  /* overflow-x: hidden; */
}
.head::before {
  overflow: hidden;
    /* text-overflow: ellipsis; */
    white-space: nowrap;
  content: "About us";
  font-size: 10rem;
  /* opacity: 0.05; */
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  color: #9a9a9a30;
}
.headroom:not(.headroom--pinned) .switch-label,.headroom--top .switch-label{
color: white;
}
.head {
  padding-bottom: 6rem;
  margin-bottom: -3rem;
  overflow-x: hidden;
  /* text-align: center; */
  font-weight: 600;
  font-size: 4rem;
  /* position: relative; */
}
.bg-magic {
  white-space: nowrap;
  /* overflow-x: hidden; */
  /* content: 'MAGIC &nsbp; MAGIC'; */
  font-size: 20rem;
  line-height: 15rem;
  color: rgba(255, 255, 255, 0.24);
  letter-spacing: -2rem;

  opacity: 0.09;
  position: absolute;
  /* top: 0; */
}
#across {
  top: 0%;
  right: 0;
}
#across1 {
  margin-top: auto;
  margin-bottom: auto;
}
#across2 {
  bottom: 0%;
  left: 0;
}
@media (max-width: 767.98px) {
  .magic {
    font-size: 4rem !important;
    line-height: 4rem;
  }
  .bg-magic {
    font-size: 12rem !important;
    line-height: 12rem !important;
  }
  .service {
    font-size: 4rem !important;
    margin-right: 0rem !important;
  }
  .uph,
  .head {
    text-align: center;
  }
  #tops {
    flex-wrap: wrap !important;
    margin: 0 !important;
    justify-content: center !important;
    align-items: center !important;
  }
  #bottoms {
    flex-wrap: wrap !important;
    margin: 0 !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
.magic {
  font-size: 8rem;
  /* background-color: var(--red); */
  background-image: linear-gradient(47.94deg, #97b2e9 19.6%, #7d7d7d 77.32%);
  text-shadow: -10px -10px 20px rgba(72, 80, 99, 0.26), 10px 10px 20px #262c37;
  /* background-image: linear-gradient(45deg, var(--red), var(--yellow)); */
  background-size: 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#curtain {
  transition: 0.5s;
}
.gone {
  height: 0 !important;
  padding: 0 !important;
}
html .slides,
#particle-slider .slides,
html > .dg,
#particle-slider > .dg {
  display: none;
}
@media (min-width: 1000px) {
  #particle-slider {
    /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAgCAMAAAAmC6asAAAAMFBMVEX19vf19vft7u/19vfp6uv19vfx8vP19vf19vf19vf19vfm5+j19vcAAAD19vfl5udu+MchAAAADnRSTlOIVcIz10StZneZEewiAMEzGswAAAF/SURBVHja7ZXZbsQwCEXjneXa/P/fFntm0uRpVGkaqVX8YAW4cMCxkq1ftW7STbpJP1sJb0lFPkJiekuq4TMkfkti+gxpe0uivRmB9LQOlHraNixnYErPONAfcYZntYfv9aDtJTmUO5OCeukGR5paqZtbGaSVzYWIlZ9DI6vVpC6shJw5TzdlZk47qZpldAkteBVToxNJrLGqoil6MPE9A1bSNorUXPYWvbLUjbg37lwRNPYW6x6eJK4ilB2hVmChJw2nWx4He3Map1exMVFvQyMVN78rlexbY7Gk0tWUm7gsHUnikQ6dwzLRLM/tRKIlGMMFoijmpthqBocLFTLWO41GnhrFXZIGTiTz5pIyA9G4uqSeSV3W4bSsqvycg0x9RTpcKHaHHybNOZBXfPa41jNjLCeqjRopzgI4kXYcsDqVZWJaZwVWHpYBTOuoACCvEpjTC3DFd6/oVV9YmPw+CWsb+H1SxVWkkgkoV5B6ijasXnMjBPIf/u436e+TvgDCaqPX6lO5yQAAAABJRU5ErkJggg=='); */
    background-repeat: no-repeat;
  }
  #particle-slider > .dg {
    display: block;
  }
}
.dribbble {
  position: fixed;
  display: block;
  right: 20px;
  bottom: 20px;
}
.dribbble img {
  display: block;
  height: 28px;
}
.twitter {
  position: fixed;
  display: block;
  right: 64px;
  bottom: 14px;
}
.twitter svg {
  width: 32px;
  height: 32px;
  fill: #1da1f2;
}