:root {
  --color1: #e21010;
  --color2: #ce1c1c;
  --color3: #ff0000;
  --color4: #FFCE1B;
}

a {
  color: #FFF;
  text-decoration: none;
}

body {
  margin: 0;
  font-family: "Orbitron", sans-serif;
  background: linear-gradient(135deg, #000000, #2c2c2c);
  padding: 0;
}
body main#home {
  padding-top: 50px;
}
@media screen and (max-width: 1024px) {
  body main#home {
    padding-top: 0;
  }
}

section {
  color: white;
  min-height: 100vh;
}
@media screen and (max-width: 1024px) {
  section {
    padding: 0 10px 50px 10px;
  }
}

h1 {
  font-size: 70px;
  font-weight: 800;
}
@media screen and (max-width: 1024px) {
  h1 {
    font-size: 30px;
  }
}

h1 span {
  display: block;
  font-weight: bold;
  color: var(--color1);
}

h2 {
  font-size: 25px;
  font-weight: 700;
}

h3 {
  font-size: 65px;
  font-weight: 800;
}
h3 span {
  color: var(--color1);
}
@media screen and (max-width: 1024px) {
  h3 {
    font-size: 30px;
  }
}

h4 {
  display: inline-block;
  font-size: 40px;
  font-weight: 900;
  background-image: linear-gradient(128deg, var(--color4), var(--color2) 50%, var(--color3) 103%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1024px) {
  h4 {
    font-size: 30px;
  }
}

.btn-downloads {
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  .btn-downloads {
    margin-bottom: 50px;
  }
}

span.heading {
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  span.heading {
    font-size: 16px;
  }
}

p {
  color: rgb(104, 104, 104);
}

header {
  position: fixed;
  z-index: 20;
  padding: 30px 0;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  header {
    position: relative;
  }
}
header.scrolled {
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
@media screen and (max-width: 1024px) {
  header.scrolled {
    position: fixed;
  }
}
header .logo {
  width: 120px;
}
@media screen and (max-width: 1024px) {
  header .logo {
    width: 80px;
  }
}
header .nav {
  color: white;
}
header .nav__trigger-finger {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  width: 30px;
  height: 20px;
  margin: 40px;
}
header .nav__trigger-finger::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.1s cubic-bezier(0.75, 0, 0.25, 1);
}
header .nav__trigger-finger span {
  display: block;
  width: 100%;
  height: 2px;
  transition: transform 1s cubic-bezier(0.75, 0, 0.25, 1);
  background: currentColor;
}
header .nav__trigger-finger span::before, header .nav__trigger-finger span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  background: currentColor;
  transition: transform 0.4s cubic-bezier(0.75, 0, 0.25, 1), top 0.4s 0.4s cubic-bezier(0.75, 0, 0.25, 1), background 0.2s cubic-bezier(0.75, 0, 0.25, 1);
}
header .nav__trigger-finger span::before {
  top: 0;
}
header .nav__trigger-finger span::after {
  top: calc(100% - 2px);
}
header .nav__trigger-input, header .nav__submenu-trigger-input {
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: fixed;
}
header .nav__trigger-input:focus + label {
  color: white;
}
header .nav__trigger-input:focus + label::before {
  opacity: 1;
}
header .nav__trigger-input:checked + label {
  height: 10px;
  color: white;
}
header .nav__trigger-input:checked + label span {
  transform: rotate(45deg);
}
header .nav__trigger-input:checked + label span::before, header .nav__trigger-input:checked + label span::after {
  top: calc(50% - 1px);
  transition: transform 0.4s 0.4s cubic-bezier(0.75, 0, 0.25, 1), top 0.4s cubic-bezier(0.75, 0, 0.25, 1), background 0.2s cubic-bezier(0.75, 0, 0.25, 1);
}
header .nav__trigger-input:checked + label span::after {
  transform: rotate(90deg);
}
header .nav__trigger-input:checked ~ ul {
  z-index: 9;
  transform: none;
  transition: 0.5s cubic-bezier(0.75, 0, 0.25, 1);
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  header .nav__trigger-input:checked ~ ul {
    left: 0;
  }
}
header .nav__list {
  position: fixed;
  overflow-y: scroll;
  top: 200px;
  left: -30px;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-image: linear-gradient(90deg, var(--color1), var(--color2));
  font-size: 4rem;
  padding: 40px;
  transform: translate(100vw) rotate(45deg);
  transition: 0.2s cubic-bezier(0.75, 0, 0.25, 1);
  height: 100vh;
  width: 100vw;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 110px;
}
@media screen and (max-width: 1024px) {
  header .nav__list {
    top: 0;
    left: 200px;
    font-size: 30px;
    line-height: 60px;
  }
}
header .nav__item {
  list-style: none;
}
header .nav__item + header .nav__item {
  margin-top: 20px;
}
header .nav__submenu-trigger-input:checked + label::after {
  transform: translateY(10px);
}
header .nav__submenu-trigger-input:checked ~ ul {
  display: block;
}
header .nav__submenu-trigger-input:focus + label::after {
  transform: translateY(5px);
}
header .nav__submenu-trigger-finger::after {
  content: "";
  display: inline-block;
  border: 10px solid transparent;
  border-top-color: white;
  transition: 0.4s cubic-bezier(0.75, 0, 0.25, 1);
}
header .nav__link {
  text-decoration: none;
  color: inherit;
}
header .nav__list-child {
  display: none;
  font-size: 2rem;
  margin-top: 10px;
  padding-left: 2rem;
}

footer {
  padding: 20px 0 0 0;
}
footer .copyright {
  padding: 0;
  margin: 0;
  color: #FFFFFF;
  text-align: center;
  background-color: #000000;
}
footer .copyright p {
  margin: 0;
  padding: 20px;
  color: #FFF;
}
footer .socials-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-color: #FFF;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  footer .socials-container {
    display: block;
  }
}
footer .socials-container strong {
  font-size: 25px;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  footer .socials-container strong {
    display: block;
    margin-bottom: 20px;
  }
}
footer .socials-container a {
  display: inline-block;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 32px;
  width: 32px;
  margin-right: 20px;
}
footer .socials-container a.youtube-icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='black' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.932 20.459v-8.917l7.839 4.459zM30.368 8.735c-0.354-1.301-1.354-2.307-2.625-2.663l-0.027-0.006c-3.193-0.406-6.886-0.638-10.634-0.638-0.381 0-0.761 0.002-1.14 0.007l0.058-0.001c-0.322-0.004-0.701-0.007-1.082-0.007-3.748 0-7.443 0.232-11.070 0.681l0.434-0.044c-1.297 0.363-2.297 1.368-2.644 2.643l-0.006 0.026c-0.4 2.109-0.628 4.536-0.628 7.016 0 0.088 0 0.176 0.001 0.263l-0-0.014c-0 0.074-0.001 0.162-0.001 0.25 0 2.48 0.229 4.906 0.666 7.259l-0.038-0.244c0.354 1.301 1.354 2.307 2.625 2.663l0.027 0.006c3.193 0.406 6.886 0.638 10.634 0.638 0.38 0 0.76-0.002 1.14-0.007l-0.058 0.001c0.322 0.004 0.702 0.007 1.082 0.007 3.749 0 7.443-0.232 11.070-0.681l-0.434 0.044c1.298-0.362 2.298-1.368 2.646-2.643l0.006-0.026c0.399-2.109 0.627-4.536 0.627-7.015 0-0.088-0-0.176-0.001-0.263l0 0.013c0-0.074 0.001-0.162 0.001-0.25 0-2.48-0.229-4.906-0.666-7.259l0.038 0.244z'/%3E%3C/svg%3E");
}
footer .socials-container a.tiktok-icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='black' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z'/%3E%3C/svg%3E");
}
footer .socials-container a.instagram-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M16.98 0.000203233C17.9168 -0.0321436 18.8505 0.126742 19.7239 0.467164C20.5973 0.807585 21.3922 1.3224 22.06 1.9802C22.7038 2.64801 23.2071 3.43809 23.5404 4.30376C23.8736 5.16942 24.0299 6.0931 24 7.0202V16.9802C24 19.0602 23.32 20.8502 22.02 22.1102C20.6409 23.3834 18.8159 24.0624 16.94 24.0002H7.06C5.19976 24.0578 3.39201 23.3786 2.03 22.1102C1.35485 21.434 0.826185 20.6259 0.476935 19.7365C0.127686 18.847 -0.0346623 17.8952 4.17558e-06 16.9402V7.0202C4.17558e-06 2.8002 2.8 0.000203233 7.02 0.000203233H16.98ZM17.03 2.2302H7.06C5.61 2.2302 4.36 2.6602 3.53 3.4802C3.0865 3.95259 2.74279 4.50955 2.51943 5.11779C2.29606 5.72603 2.19763 6.37306 2.23 7.0202V16.9402C2.23 18.4402 2.66 19.6402 3.53 20.5202C4.50032 21.3784 5.76584 21.8265 7.06 21.7702H16.94C18.2342 21.8265 19.4997 21.3784 20.47 20.5202C20.9359 20.0593 21.3009 19.5067 21.5419 18.8973C21.7829 18.2879 21.8946 17.6351 21.87 16.9802V7.0202C21.9023 5.73287 21.4366 4.48273 20.57 3.5302C20.0976 3.0867 19.5407 2.74299 18.9324 2.51962C18.3242 2.29626 17.6772 2.19782 17.03 2.2302ZM12 5.7602C15.39 5.7602 18.2 8.5602 18.2 11.9602C18.2 13.6045 17.5468 15.1815 16.3841 16.3443C15.2213 17.507 13.6443 18.1602 12 18.1602C10.3557 18.1602 8.77867 17.507 7.61594 16.3443C6.45322 15.1815 5.8 13.6045 5.8 11.9602C5.8 10.3159 6.45322 8.73887 7.61594 7.57614C8.77867 6.41342 10.3557 5.7602 12 5.7602ZM12 7.9802C10.9487 7.98546 9.94198 8.40541 9.1986 9.1488C8.45521 9.89218 8.03526 10.8989 8.03 11.9502C8.03526 13.0015 8.45521 14.0082 9.1986 14.7516C9.94198 15.495 10.9487 15.9149 12 15.9202C13.0513 15.9149 14.058 15.495 14.8014 14.7516C15.5448 14.0082 15.9647 13.0015 15.97 11.9502C15.9647 10.8989 15.5448 9.89218 14.8014 9.1488C14.058 8.40541 13.0513 7.98546 12 7.9802ZM18.44 4.2102C18.8113 4.2102 19.1674 4.3577 19.43 4.62025C19.6925 4.8828 19.84 5.2389 19.84 5.6102C19.84 5.98151 19.6925 6.3376 19.43 6.60015C19.1674 6.8627 18.8113 7.0102 18.44 7.0102C18.0687 7.0102 17.7126 6.8627 17.4501 6.60015C17.1875 6.3376 17.04 5.98151 17.04 5.6102C17.04 5.2389 17.1875 4.8828 17.4501 4.62025C17.7126 4.3577 18.0687 4.2102 18.44 4.2102Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
footer .socials-container a.facebook-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12.07C24 5.41 18.63 0 12 0C5.37 0 0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24V15.56H7.08V12.07H10.12V9.41C10.12 6.39 11.92 4.71 14.66 4.71C15.97 4.71 17.34 4.95 17.34 4.95V7.92H15.84C14.34 7.92 13.88 8.85 13.88 9.81V12.07H17.2L16.67 15.57H13.87V24C19.62 23.1 24 18.1 24 12.07Z' fill='black'/%3E%3C/svg%3E");
}
footer .socials-container a svg {
  width: 40px;
  height: 40px;
}
footer .socials-container a svg:hover {
  fill: var(--color1);
}

.qr-code img {
  margin-top: 20px;
  border-radius: 20px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  overflow: hidden;
  width: 180px;
}
@media screen and (max-width: 1024px) {
  .qr-code {
    display: none;
  }
}

section#privacy {
  padding-top: 150px;
}
@media screen and (max-width: 1024px) {
  section#privacy {
    padding-top: 0px;
  }
}

@media screen and (max-width: 1024px) {
  .btn-lg {
    padding: 0 !important;
  }
}

.iphone-container {
  position: relative;
  background-image: url(../images/iphone.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 600px;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  z-index: 10;
}

.slider-container {
  width: 250px;
  height: 550px;
  border-radius: 20px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.slider-wrapper {
  display: flex;
  transition: transform 0.5s ease;
  height: 100%;
}

.slide {
  min-width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 20px;
}

.iphone-icon {
  text-align: center;
}/*# sourceMappingURL=styles.css.map */