html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
* ::selection, * ::-moz-selection {
  background: rgba(168, 168, 168, 0.5490196078);
  color: #fff;
}

body, p {
  font-family: "", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "", serif;
}

h1, .h1 {
  font-size: 2.5rem;
}
@media (max-width: 575px) {
  h1, .h1 {
    font-size: 12vw;
  }
}

h2, .h2 {
  font-size: 2.8125rem;
}
@media (max-width: 575px) {
  h2, .h2 {
    font-size: 10vw;
  }
}

h3, .h3 {
  font-size: 2.1875rem;
}

h4, .h4 {
  font-size: 1.5625rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1.0625rem;
}

@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  80% {
    opacity: 0;
    transform: scale(2.5);
  }
  100% {
    opacity: 0;
    transform: scale(3);
  }
}
@keyframes pulse2 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  30% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
.available {
  display: flex;
  align-items: center;
  width: fit-content;
}

.beacon, .available .dot {
  position: relative;
  height: 8px;
  width: 8px;
  padding: 3px;
  border-radius: 50%;
  background: #36db62;
  margin-right: 8px;
}
.beacon::after, .beacon::before, .available .dot::after, .available .dot::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #36db62;
  display: block;
}
.beacon::before, .available .dot::before {
  animation: pulse2 2s ease 0s infinite;
}
.beacon::after, .available .dot::after {
  animation: pulse 2s ease 0s infinite;
}

.secure {
  position: relative;
  width: fit-content;
  text-align: center;
  margin: 0 auto;
}
.secure::before {
  content: "";
  height: 13px;
  width: 13px;
  background-color: currentColor;
  mask: url("../img/shield.svg") center no-repeat;
  -webkit-mask: url("../img/shield.svg") center no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  display: inline-block;
  margin-right: 4px;
}