div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
  margin: 0;
  padding: 0;
}

.spt-main-screen-l {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 90px 22.5px 60px;
  text-align: center;
  color: #fff;
  background: #3735c0
    url(/wp-content/themes/glock-apps-theme/img/spam-test/spt-main-screen__bacground.svg)
    center/1440px 1440px no-repeat;
}
.spt-main-screen-l--low {
  padding: 100px 22.5px 28px !important;
}
@media (min-width: 1440px) {
  .spt-main-screen-l {
    background-size: cover;
  }
}
@media (max-width: 487.5px) {
  .spt-main-screen-l {
    padding: 72px 16px 42px;
  }
}
.spt-main-screen-l ::selection {
  color: #2d2bad;
  background: #fff;
}
.spt-main-screen-l__inner-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 744px) {
  .spt-main-screen-l__inner-box {
    max-width: 470px;
  }
}
.spt-main-screen-l__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
  font-size: 36px;
  line-height: 42px;
}
@media (max-width: 744px) {
  .spt-main-screen-l__heading {
    width: 100%;
    justify-content: flex-start;
    text-align: left;
  }
}
@media (max-width: 487.5px) {
  .spt-main-screen-l__heading {
    margin-bottom: 6px;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
  }
}
.spt-main-screen-l__heading--iconized {
  --its-icon-width: 52.5px;
  --its-icon-margin-right: 6.75px;
  padding-right: calc(var(--its-icon-width) + var(--its-icon-margin-right));
}
@media (max-width: 500px) {
  .spt-main-screen-l__heading--iconized {
    padding-right: 0;
  }
}
.spt-main-screen-l__heading-icon {
  display: block;
  height: 71.25px;
  width: var(--its-icon-width);
  margin: 0 var(--its-icon-margin-right) 3px 0;
  background: url(/wp-content/themes/glock-apps-theme/img/spam-test/spt-main-screen-l__heading-icon.svg)
    center/contain no-repeat;
}
@media (max-width: 487.5px) {
  .spt-main-screen-l__heading-icon {
    display: none;
  }
}
.spt-main-screen-l__subtitle {
  margin-bottom: 48px;
  font-weight: 600;
  font-size: 21px;
  line-height: 130%;
}
@media (max-width: 744px) {
  .spt-main-screen-l__subtitle {
    width: 100%;
    margin-bottom: 42px;
    text-align: left;
    color: #50b8fc;
  }
}
@media (max-width: 487.5px) {
  .spt-main-screen-l__subtitle {
    margin-bottom: 30px;
    text-align: center;
  }
}

.spt-click-cta {
  --highlighted-color: #26cb6f;
  max-width: 371.25px;
  width: 100%;
  text-align: center;
}
.spt-click-cta__title {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 130%;
}
.spt-click-cta__description {
  margin-top: 14px;
  font-size: 12px;
  line-height: 130%;
}
.spt-click-cta__description__link {
  color: #50b8fc;
  transition-property: text-decoration;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}
.spt-click-cta__description__link:hover,
.spt-click-cta__description__link:focus {
  text-decoration: underline;
}
.spt-click-cta__inputs-box {
  position: relative;
  margin-bottom: 24px;
}
.spt-click-cta__inputs-box--loading {
  cursor: wait;
}
.spt-click-cta__inputs-box--loading * {
  cursor: inherit !important;
}
.spt-click-cta__input {
  display: block;
  height: 36px;
  width: 100%;
  padding: 3.75px 66px 3.75px 18px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  line-height: 130%;
  color: #2d2bad;
  border-radius: 18.75px;
  border: none;
  transition: box-shadow 0.3s;
}
.spt-click-cta__input::selection {
  color: #fff;
  background: #2d2bad;
}
.spt-click-cta__input:hover {
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
}
.spt-click-cta__input:focus {
  box-shadow: 0px 4.5px 4.5px rgba(0, 0, 0, 0.35);
}
@media (max-width: 487.5px) {
  .spt-click-cta__input {
    padding: 3.75px 55px 3.75px 7.5px;
  }
}
.spt-click-cta__copy-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  --its-offset: 3px;
  position: absolute;
  top: var(--its-offset);
  right: var(--its-offset);
  height: calc(100% - (var(--its-offset) * 2));
  width: 45px;
  background-color: var(--highlighted-color);
  border-radius: 37.5px;
  transition-property: box-shadow, transform, #26cb6f;
  transition-duration: 0.25s, 0.05s, 0.25s !important;
  transition-timing-function: ease-out, linear, linear;
  cursor: pointer;
  user-select: none;
}
.spt-click-cta__copy-btn:hover,
.spt-click-cta__copy-btn:focus {
  box-shadow: 0px 0px 0px 3px rgba(38, 203, 111, 0.4);
}
.spt-click-cta__copy-btn:active {
  background-color: #22b663;
  transform: scale(0.93);
}
.spt-click-cta__copy-btn-icon {
  display: block;
  max-width: 17.25px;
  max-height: 18.75px;
  object-fit: contain;
}
.spt-click-cta__submit-btn {
  display: block;
  padding: 6px 11.25px;
  font-weight: bold;
  font-size: 18px;
  line-height: 130%;
  color: inherit;
  background-color: var(--highlighted-color);
  border-radius: 37.5px;
  transition-property: box-shadow, transform, #26cb6f;
  transition-duration: 0.25s, 0.05s, 0.25s !important;
  transition-timing-function: ease-out, linear, linear;
  cursor: pointer;
  user-select: none;
}
.spt-click-cta__submit-btn:hover,
.spt-click-cta__submit-btn:focus {
  box-shadow: 0px 0px 0px 3px rgba(38, 203, 111, 0.4);
}
.spt-click-cta__submit-btn:active {
  background-color: #22b663;
  transform: scale(0.99);
}
.spt-click-cta__submit-btn--loading {
  cursor: wait;
}
.spt-click-cta__submit-btn--waiting {
  position: relative;
}
.spt-click-cta__submit-btn--waiting::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  height: 65%;
  width: 15%;
  background: url(/wp-content/themes/glock-apps-theme/img/spam-test/spt-click-cta__submit-btn--waiter.svg)
    right/contain no-repeat;
  animation: showError 0.2s linear 0s 1 normal forwards;
}

@keyframes showError {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.spt-steps {
  padding: 60px 22.5px 72px;
  color: #252544;
}
.spt-steps ::selection {
  color: #fff;
  background: #2d2bad;
}
@media (max-width: 1050px) {
  .spt-steps {
    padding: 30px 4.6vw 42px;
  }
}
@media (max-width: 900px) {
  .spt-steps {
    background-color: #f4f4fa;
  }
}
@media (max-width: 600px) {
  .spt-steps {
    padding: 30px 22.5px;
    background-color: #fff;
  }
}
@media (max-width: 375px) {
  .spt-steps {
    padding: 30px 16px;
  }
}
.spt-steps--hidden {
  display: none;
  overflow-y: hidden;
}
.spt-steps__heading {
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 27px;
  line-height: 31.5px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .spt-steps__heading {
    margin-bottom: 24px;
  }
}
.spt-steps__steps-container {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: auto;
}
@media (max-width: 900px) {
  .spt-steps__steps-container {
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .spt-steps__steps-container {
    display: block;
  }
}
.spt-steps__step {
  flex-basis: 25%;
}
@media (max-width: 900px) {
  .spt-steps__step {
    flex-basis: calc((100% - 60px) / 2);
    margin-bottom: 18px;
  }
}
@media (max-width: 600px) {
  .spt-steps__step {
    margin-bottom: 24px;
  }
  .spt-steps__step:last-child {
    margin-bottom: 0;
  }
}
.spt-steps__step-title {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .spt-steps__step-title {
    margin-bottom: 9px;
    font-size: 15px;
  }
}
@media (max-width: 1050px) {
  .spt-steps__step-title {
    font-size: 12.75px;
  }
}
@media (max-width: 900px) {
  .spt-steps__step-title {
    font-size: 18px;
    margin-bottom: 6px;
  }
}
.spt-steps__step-title-number {
  margin-right: 14.25px;
  color: #26cb6f;
}
@media (max-width: 1050px) {
  .spt-steps__step-title-number {
    margin-right: 6px;
  }
}
.spt-steps__step-description {
  font-size: 18px;
  line-height: 130%;
}
@media (max-width: 1200px) {
  .spt-steps__step-description {
    font-size: 15px;
  }
}
@media (max-width: 1050px) {
  .spt-steps__step-description {
    font-size: 12.75px;
  }
}
@media (max-width: 900px) {
  .spt-steps__step-description {
    font-size: 18px;
  }
}
.spt-steps__link {
  color: #50b8fc;
  font-weight: 500;
  transition-property: text-decoration, color;
  transition-duration: 0.2s, 0.2s;
}
.spt-steps__link:hover,
.spt-steps__link:focus {
  text-decoration: underline;
  color: #0599fb;
}
.spt-steps__divider {
  display: block;
  height: 156px;
  width: 58.5px;
  margin: -7.5px 3.75px 0 0;
  user-select: none;
}
@media (max-width: 1200px) {
  .spt-steps__divider {
    height: 126px;
    width: 41.25px;
  }
}
@media (max-width: 1050px) {
  .spt-steps__divider {
    align-self: center;
  }
}
@media (max-width: 900px) {
  .spt-steps__divider {
    display: none;
  }
}

.spt-additional-steps {
  padding: 48px 22.5px;
  color: #252544;
  background-color: #f8f8fd;
}
.spt-additional-steps ::selection {
  color: #fff;
  background: #2d2bad;
}
@media (max-width: 1050px) {
  .spt-additional-steps {
    padding: 30px 56.25px 41.25px;
  }
}
@media (max-width: 450px) {
  .spt-additional-steps {
    padding: 30px 12px;
  }
}
.spt-additional-steps__title {
  margin-bottom: 42px;
  font-weight: bold;
  font-size: 27px;
  line-height: 31.5px;
  text-align: center;
}
@media (max-width: 1050px) {
  .spt-additional-steps__title {
    font-size: 27px;
  }
}
@media (max-width: 900px) {
  .spt-additional-steps__title {
    margin-bottom: 24px;
  }
}
@media (max-width: 450px) {
  .spt-additional-steps__title {
    margin-bottom: 30px;
    font-size: 18px;
  }
}
.spt-additional-steps__container {
  display: flex;
  justify-content: space-between;
  max-width: 1087.5px;
  margin: 0 auto;
}
@media (max-width: 900px) {
  .spt-additional-steps__container {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.spt-additional-steps__step {
  flex-basis: 33%;
}
@media (max-width: 900px) {
  .spt-additional-steps__step {
    flex-basis: fill;
    margin-bottom: 24px;
    max-width: 315px;
  }
  .spt-additional-steps__step:last-child {
    margin-bottom: 0;
  }
}
.spt-additional-steps__divider {
  display: block;
  height: 156px;
  width: 58.5px;
  margin: -7.5px 11.25px 0 11.25px;
  user-select: none;
}
@media (max-width: 900px) {
  .spt-additional-steps__divider {
    display: none;
  }
}
.spt-additional-steps__step-title {
  display: flex;
  margin-bottom: 12px;
  align-items: flex-start;
  font-weight: 400;
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 1050px) {
  .spt-additional-steps__step-title {
    font-size: 36px;
  }
}
@media (max-width: 450px) {
  .spt-additional-steps__step-title {
    max-width: 225px;
  }
}
.spt-additional-steps__number {
  display: flex;
  flex-direction: column;
  margin-right: 24px;
}
@media (max-width: 900px) {
  .spt-additional-steps__number {
    margin-right: 12px;
  }
}
@media (max-width: 450px) {
  .spt-additional-steps__number {
    font-size: inherit;
  }
}
.spt-additional-steps__digits {
  display: block;
  font-weight: 600;
  font-size: 36px;
  color: #26cb6f;
}
.spt-additional-steps__number-descr {
  font-weight: 600;
  font-size: 19.5px;
  color: #afafc7;
  text-transform: lowercase;
}
@media (max-width: 1050px) {
  .spt-additional-steps__number-descr {
    display: none;
  }
}
.spt-additional-steps__step-description {
  font-size: 18px;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .spt-additional-steps__step-description {
    font-size: 15px;
  }
}
.spt-additional-steps__step-input-box {
  position: relative;
  margin-top: 12px;
}
.spt-additional-steps__input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  padding-right: 63.75px;
  padding-left: 22.5px;
  font-size: 13.5px;
  line-height: 15.75px;
  color: #8989a8;
  border: 0.75px solid #26cb6f;
  border-radius: 37.5px;
  transition-property: box-shadow;
  transition-duration: 0.3s;
}
@media (max-width: 550px) {
  .spt-additional-steps__input {
    font-size: 16px;
  }
}
.spt-additional-steps__input::selection {
  color: #fff;
  background: #26cb6f;
}
.spt-additional-steps__input:hover {
  box-shadow: 0px 3px 3px rgba(100, 100, 100, 0.11);
}
.spt-additional-steps__input:focus {
  box-shadow: 0px 4.5px 4.5px rgba(117, 117, 117, 0.164);
}
.spt-additional-steps__copy-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  --its-offset: 3px;
  position: absolute;
  top: var(--its-offset);
  right: var(--its-offset);
  height: calc(100% - (var(--its-offset) * 2));
  width: 45px;
  background-color: #26cb6f;
  border-radius: 37.5px;
  transition-property: box-shadow, transform, #26cb6f;
  transition-duration: 0.25s, 0.05s, 0.25s !important;
  transition-timing-function: ease-out, linear, linear;
  cursor: pointer;
  user-select: none;
}
.spt-additional-steps__copy-btn:hover,
.spt-additional-steps__copy-btn:focus {
  box-shadow: 0px 0px 0px 3px rgba(38, 203, 111, 0.4);
}
.spt-additional-steps__copy-btn:active {
  background-color: #22b663;
  transform: scale(0.93);
}
@media (max-width: 487.5px) {
  .spt-additional-steps__copy-btn {
    width: 36px;
  }
}
.spt-additional-steps__copy-btn-icon {
  display: block;
  max-width: 17.25px;
  max-height: 18.75px;
  object-fit: contain;
}

.spt-another-l {
  color: #fff;
  background: #3735c0
    url(/wp-content/themes/glock-apps-theme/img/spam-test/spt-another-l__background.svg)
    center/900px 900px no-repeat;
}
.spt-another-l ::selection {
  color: #2d2bad;
  background: #fff;
}
.spt-another-l__three-column-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1282.5px;
  margin: auto;
  padding: 48px 22.5px 30px;
}
@media (max-width: 900px) {
  .spt-another-l__three-column-container {
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 15px 11.25px;
  }
}
@media (max-width: 656.25px) {
  .spt-another-l__three-column-container {
    flex-direction: column;
    padding: 30px 11.25px;
  }
}
.spt-another-l__column {
  flex-basis: 33%;
  max-width: 315px;
  margin: 0 7.5px;
}
.spt-another-l__column:first-child {
  margin-left: 0;
}
.spt-another-l__column:last-child {
  margin-right: 0;
}
@media (max-width: 900px) {
  .spt-another-l__column {
    max-width: 285px;
    margin: 15px 11.25px;
  }
  .spt-another-l__column:first-child,
  .spt-another-l__column:last-child {
    margin: 7.5px;
  }
}
@media (max-width: 656.25px) {
  .spt-another-l__column {
    max-width: 240px;
    margin: 30px auto;
  }
}

.spt-another-item {
  text-align: center;
}
.spt-another-item__illustration {
  display: inline-block;
  width: 100%;
  height: 71.25px;
  margin-bottom: 18px;
  object-fit: contain;
  -webkit-user-drag: none;
}
@media (max-width: 1050px) {
  .spt-another-item__illustration {
    margin-bottom: 12px;
  }
}
@media (max-width: 412.5px) {
  .spt-another-item__illustration {
    height: 52.5px;
  }
}
.spt-another-item__title {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 27px;
  line-height: 31.5px;
}
@media (max-width: 1050px) {
  .spt-another-item__title {
    font-size: 22px;
    margin-bottom: 6px;
  }
}
.spt-another-item__description {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
@media (max-width: 1050px) {
  .spt-another-item__description {
    font-size: 15px;
  }
}
.spt-another-item__small-link {
  font-weight: 700;
  color: #fff;
}
.spt-another-item__small-link:hover {
  text-decoration: underline;
}
.spt-another-item__link {
  display: inline-block;
  padding: 18px;
  font-weight: 600;
  font-size: 27px;
  line-height: 31.5px;
  color: #50b8fc;
  transition-property: text-decoration;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}
@media (max-width: 1050px) {
  .spt-another-item__link {
    padding: 7.5px;
  }
}
.spt-another-item__link::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 15px;
  width: 12px;
  margin-left: 6px;
  background: url(/wp-content/themes/glock-apps-theme/img/spam-test/spt-another-item__link-arrow.svg)
    center/contain no-repeat;
  transition-duration: 0.2s;
}
@media (max-width: 900px) {
  .spt-another-item__link::after {
    height: 10.5px;
    width: 10.5px;
  }
}
.spt-another-item__link:hover,
.spt-another-item__link:focus {
  text-decoration: underline;
}
@media (max-width: 1050px) {
  .spt-another-item__link {
    font-size: 18px;
  }
}

.spt-brands {
  padding-top: 56px;
}
.spt-brands .spt-brands-heading {
  text-align: center;
  font-weight: bold;
  font-size: 27px;
  line-height: 32px;
  color: #000000;
  margin: 0 0 10px;
}
.spt-brands .spt-brands-subheading {
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
  color: #afafc7;
  margin-bottom: 13px;
}
.spt-brands .spt-brands-logos {
  display: flex;
  flex-direction: row;
  margin-bottom: 27px;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.spt-brands .spt-brands-logos .spt-brands-logo {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 27px;
}
.spt-brands .spt-brands-logos .spt-brands-logo img {
  opacity: 0.8;
}

.spt-testimonials {
  padding: 56px 0;
}
.spt-testimonials .spt-testimonials-heading {
  text-align: center;
  font-size: 27px;
  line-height: 32px;
  color: #000000;
  margin-bottom: 40px;
}

.spt-spam-score {
  padding: 56px 0;
}
.spt-spam-score .spt-spam-score-info-heading {
  text-align: center;
  font-size: 27px;
  line-height: 32px;
  font-weight: bold;
  color: #ffffff;
  margin: 0 0 20px 0;
}
.spt-spam-score .spt-spam-score-info-descr {
  text-align: left;
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #ffffff;
}