.shop-sk-callback {
  padding: 0 0.5rem;
}
.shop-sk-callback__title {
  display: block;
  margin-bottom: var(--gap-small);
  text-align: center;
  font-size: var(--subtitle-font-size);
  line-height: 1.45em;
  font-weight: 600;
}
.shop-sk-callback__datetime,
.shop-sk-callback__text {
  display: block;
  text-align: center;
  opacity: 0.5;
  font-size: 0.95em;
  line-height: 1.45em;
}
.shop-sk-callback__text {
  margin-bottom: var(--gap-small);
}
.shop-sk-callback__block {
  margin-bottom: 15px;
}
.shop-sk-callback__block.is-hidden {
  display: none;
}
.shop-sk-callback__label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 600;
}
.shop-sk-callback__label.is-required::after {
  content: ' *';
  color: hsl(0, 97%, 69%);
}
.shop-sk-callback__input,
.shop-sk-callback__textarea {
  display: inline-block;
  min-height: 42px;
  min-width: 90px !important;
  width: 100%;
  padding: 0.6rem 1rem;
  box-sizing: border-box;
  appearance: none;
  border: 1px solid hsl(var(--ah), var(--as), calc(var(--al) - 8%));
  border-radius: var(--border-radius-small);
  font-size: 0.95em;
  font-family: inherit;
  background-color: hsl(var(--ah), var(--as), calc(var(--al) + 2%));
  color: hsl(var(--th), var(--ts), var(--tl));
  transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}
.shop-sk-callback__input:hover:not(:disabled):not(:focus),
.shop-sk-callback__textarea:hover:not(:disabled):not(:focus) {
  background-color: hsl(var(--ah), var(--as), var(--al));
}
.shop-sk-callback__input:hover:focus,
.shop-sk-callback__textarea:hover:focus {
  border-color: hsl(var(--ph), var(--ps), var(--pl));
}
.shop-sk-callback__input:focus,
.shop-sk-callback__textarea:focus {
  outline: none;
  border-color: hsl(var(--ph), var(--ps), var(--pl));
  box-shadow: 0 0 1px 1px hsl(var(--ph), var(--ps), var(--pl));
  background-color: hsl(var(--bh), var(--bs), var(--bl));
}
@media (min-width: 768px) {
  .shop-sk-callback__input {
    min-height: 46px;
  }
}
.shop-sk-callback__error {
  display: block;
  margin-top: 5px;
  font-style: normal;
  font-size: 16px;
  line-height: 1.45em;
  color: hsl(0, 97%, 69%);
}

.shop-sk-callback__submit,
.shop-sk-callback__close {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 250px;
  box-sizing: border-box;
  border: unset;
  line-height: 1.45em;
  font-size: 0.95em;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  user-select: none;
  overflow: hidden;
  cursor: pointer;
  border-radius: var(--border-radius-small);
  transition: background-color 0.1s ease;

  min-height: 42px;
  padding: 8px 30px;
  width: 220px;
  background-color: hsl(var(--ph), var(--ps), var(--pl));
  color: hsl(var(--bh), var(--bs), var(--bl));
}
.shop-sk-callback__submit:focus,
.shop-sk-callback__submit:active,
.shop-sk-callback__submit:hover {
  outline: none;
  background-color: hsl(var(--ph), var(--ps), calc(var(--pl) + 6%));
}
@media (min-width: 768px) {
  .shop-sk-callback__submit {
    min-height: 46px;
    font-size: 1em;
  }
}

.shop-sk-callback__checkbox {
  margin-right: 5px;
}

.shop-sk-callback__pole {
  margin-top: 10px;
}

.shop-sk-callback__pole_checkbox * {
  cursor: pointer;
}

.shop-sk-callback__pole._error input {
  border-color: hsl(0, 97%, 69%);
  box-shadow: 0 0 1px 1px hsl(0, 97%, 69%);
}

.shop-sk-callback__pole_submit {
  position: absolute;
  left: 0px;
  top: 570px;
  background-color: white;
  width: 100%;
  padding-top: 5px;
}

.shop-sk-callback__submit {
  margin-left: 35px;
}

.shop-sk-callback__required {
  color: red;
}

.shop-sk-callback__close {
  margin: auto;
}

.header-eleven__phone-wrapper.is-desktop {
  flex: 0 0 190px;
}

.header-eleven__button-wrapper {
  width: 200px;
}

.footer-dark {
  background-color: #1a1c1f !important;
}

.footer-dark button.is-primary {
  background-color: #00aeef !important;
}

.footer-one.is-primary .footer-one__row {
  border-color: #31353a !important;
}

.cookies-two button {
  background-color: #00aeef !important;
}

#mainscreen button.is-primary {
  background-color: #fd6363 !important;
}

#description .description__image {
  border-radius: 10px !important;
}

#description button.is-secondary {
  background-color: #1a1c1f !important;
}

#advantages svg {
  fill: #004684 !important;
}

#blog .link-four.is-secondary {
  background-color: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .15);
}

#blog .link-four__text {
  margin: auto;
}

#blog .link-four .icon-arrow-top-right {
  margin-top: 0 !important;
}

#pricing .pricing__card {
  background-color: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .15);
}

#pricing .pricing__description {
  line-height: 25px;
}

#pricing a.pricing__cta {
  background-color: #00aeef !important;
}

#details h2 {
  background-image: url(/wa-data/public/site/themes/vega/img/round-line.svg);
  background-repeat: no-repeat;
  background-position: 0 1.35em;
  background-size: 65px auto;
}

#blog {
  background-color: #1a1c1f !important;
}

#blog .blog__overlay .blog__card {
  background-color: rgba(56, 85, 250, 0.15) !important;
  border-color: rgb(56, 85, 250) !important;
  box-shadow: 0 0 0 1px inset #3855fa !important;
}

#pricing {
  background-color: #1a1c1f !important;
}

#pricing .pricing__cards .pricing__card {
  background-color: rgb(44, 48, 53) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

#pricing .pricing__cards .pricing__cta {
  background-color: rgb(26, 28, 31) !important;
  border-color: rgba(255, 255, 255) !important;
}

#pricing .pricing__overlay .pricing__card {
  background-color: rgba(56, 85, 250, 0.15) !important;
  border-color: rgb(56, 85, 250) !important;
  box-shadow: 0 0 0 1px inset #3855fa !important;
}

#pricing .pricing__overlay .pricing__cta {
  background-color: rgb(56, 85, 250) !important;
  border-color: rgba(255, 255, 255) !important;
  box-shadow: rgb(56, 85, 250) 0px 0px 0px 1px !important;
}

.metric-one__counter {
  font-size: 4.5em !important;
}

@media (min-width: 1200px) {
  .metric-one__counter {
    font-size: 5em !important;
  }
}
