/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

.onboarding-one-bg-position {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
@media (min-width: 768px) {
  .onboarding-one-bg-position {
    background-size: 500px;
    padding-bottom: 80px;
  }
}
.onboarding-one-bg {
  background-image: url("../images/onboarding/ob_1_bg.png");
  animation-duration: 0.8s;
  height: 99dvh;
  padding-top: 55dvh;
}
.onboarding-two-bg {
  background-image: url("../images/screen-two-desk.webp");
  background-position-x: calc(50% - 8px);
  animation-duration: 0.8s;
  height: 99dvh;
  padding-top: 55dvh;
}
.onboarding-three-bg {
  background-image: url("../images/screen-three-desk.webp");
  background-position-x: calc(50% - 8px);
  animation-duration: 0.8s;
  height: 99dvh;
  padding-top: 55dvh;
}
.onboarding-four-bg {
  background-image: url("../images/screen-four-desk.webp");
  background-position-x: calc(50% - 8px);
  animation-duration: 0.8s;
  height: 99dvh;
  padding-top: 55dvh;
}
.onboarding-report-bg {
  background-image: url("../images/onboarding/ob_2_bg.png");
  animation-duration: 0.8s;
  height: 99dvh;
  padding-top: 5dvh;
}
.onboarding-notifications-bg {
  background-image: url("../images/onboarding/ob_3_bg.png");
  animation-duration: 0.8s;
  height: 99dvh;
  padding-top: 5dvh;
}
.onboarding-why-bg {
  animation-duration: 0.8s;
  height: 99vh;
  padding-top: 12vh;
}
.onboarding-v3 {
  animation-duration: 0.8s;
  height: 99vh;
  padding-top: 8vh;
}
.onboarding-v2-bg {
  animation-duration: 0.8s;
  height: 99vh;
  padding-top: 8vh;
}
.onboarding-form-bg {
  animation-duration: 0.8s;
  height: 99vh;
  padding-top: 8vh;
}
.onboarding-email-bg {
  animation-duration: 0.8s;
  height: 99vh;
  padding-top: 1vh;
}
.onboarding-checkout-bg {
  background-image: url("../images/onboarding/ob_3_bg.png");
  animation-duration: 0.8s;
  height: 99dvh;
  padding-top: 5dvh;
}
.onboarding-report-main-block{
  padding-top: 48vh;
}
.onboarding-checkout-main-block{
  padding-top: 25vh;
}
.onboarding-one-bg .onboarding-two-bg .bg-overlay {
  background: -webkit-gradient(linear, right top, left top, from(#364574), to(#405189));
  background: linear-gradient(to left, #364574, #405189);
  opacity: 0.9;
}
.onboarding-container{
  max-width: 400px;
}
.email-container{
  max-width: 500px;
}

.onboarding-progress{
  height: 1dvh;
  --vz-progress-bg: none;
}

.btn-gradient-bg{
  background: rgb(81,58,188);
  background: linear-gradient(90deg, rgba(81,58,188,1) 0%, rgba(132,61,187,1) 100%);
}
.color-pur-blue{
  color: #513ABCFF;
}

.form-switch-success .form-check-input:checked {
  background-color: #3ad454;
  border-color: #3ad454;
}
.pricing_bg{
  background-color: #8D7FB2;
  /*border: 2px #FFFFFF;*/
}

.form-check-pricing .form-check-input {
  background-color: #8D7FB2;
  border-color: #ffffff;
}
.form-check-pricing{
  background-color: #8D7FB2;
}

.form-check-pricing .form-check-input:checked {
  background-color: #ffffff;
  border-color: #ffffff;
}

.form-radio-pricing .form-check-input:checked {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #8D7FB2;
}
.form-radio-pricing .form-check-input:checked:after {
  background-color: #ffffff;
}
.ob-bt-check{
  background-color: #ffffff;
  color: #0a0c0d;
  text-align: left;
  border-radius: 12px;
  --vz-btn-color: #8851ECFF;
  --vz-btn-bg: transparent;
  --vz-btn-border-color: #8851ECFF;
  --vz-btn-hover-bg: #8851ECFF;
  --vz-btn-hover-border-color: #8851ECFF;
  --vz-btn-focus-shadow-rgb: 136,81,236;
  --vz-btn-active-bg: #8851ECFF;
  --vz-btn-active-border-color: #8851ECFF;
}

.ob-bt-check::selection {
  background-color: #8851ECFF;
}

.btn-check+.btn:hover {
    color: #000000;
    background-color: #e4e4e4;
    border-color: #8851ECFF;
}

.btn-ob {
  background-color: #8851ECFF;
  color: #ffffff;
  text-align: center;
  border-radius: 12px;
  --vz-btn-color: #8851ECFF;
  --vz-btn-bg: transparent;
  --vz-btn-border-color: #8851ECFF;
  --vz-btn-hover-bg: #8851ECFF;
  --vz-btn-hover-border-color: #8851ECFF;
  --vz-btn-focus-shadow-rgb: 136,81,236;
  --vz-btn-active-bg: #8851ECFF;
  --vz-btn-active-border-color: #8851ECFF;
}

.btn-ob-black {
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  border-radius: 12px;
  --vz-btn-color: #000000;
  --vz-btn-bg: transparent;
  --vz-btn-border-color: #000000;
  --vz-btn-hover-bg: #000000;
  --vz-btn-hover-border-color: #000000;
  --vz-btn-focus-shadow-rgb: 136,81,236;
  --vz-btn-active-bg: #000000;
  --vz-btn-active-border-color: #000000;
}

.btn-ob:hover{
  background-color: #9566ef;
}
.ob-quiz-start-footer{
  height: 12dvh;
  background: transparent;
}
.ob-map-search-footer{
  height: 25dvh;
  background: transparent;
}
.ob-map-search-footer-done{
  height: 49dvh;
  background: transparent;
}
.text-ob-table-grey{
  color: #b8bbbf;
}
.text-ob-purple{
  color: #8851ec;
}
.text-ob-red{
  color: #ff0000;
}
.bg-ob-purple{
  background-color: #8851ec;
}
.bg-ob-purple-light{
  background-color: #EFEBFF;
}
.border-ob-purple{
  border-color: #8851ec !important;
}
.input-ob-container{
  background-color: #F8F8F8FF;
}
input[type="email"]::placeholder {
    text-align: left;
}

.text-ob-green{
  color: #48cd6f;
}
.bg-ob-green{
  background-color: #48cd6f;
}
.bg-ob2-pur{
  background: #efecff;
}
.ob-info-create-account{
  background: rgba(0, 0, 0, 0.04);
}
.rounded-ob-12{
  border-radius: 12px;
}
#ob-map-bg{
  margin-top: 5dvh;
  height: 95dvh; /* 100% высоты окна */
  width: 100%; /* 100% ширины */
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; /* Помещаем карту на задний фон */
}

.map-loader {
  -webkit-animation: r_spin 2s linear infinite;
          animation: r_spin 2s linear infinite;
}
@-webkit-keyframes r_spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes r_spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.pulseBtn {
  background:#8851ec;
  color:#fff;
  border:1px solid #8851ec;
  /*padding:1rem 2rem;*/
  /*border-radius:2rem;*/
  /*font-size:1rem;*/
  box-shadow: 0 0 0 0 rgb(81, 49, 140);
  -moz-animation: pulse 2s infinite;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(90, 54, 156);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(88, 120, 243, 0);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(88, 120, 243, 0);
    }
}

.bg-transparent{
  background-color: transparent;
}
.fixed_text_3 {
    position:relative;
    top:-10px;
    border-bottom:2px #FF0000 solid; /* цвет зачеркивающей линии */
    display:inline;
}
.fixed_text_3 .redline {
    position:relative;
    top:10px;
}

.border-color-red {
  border-color: #FF0000;
}
.border-color-grey {
  border-color: #c4c4c4;
}
.fixed_text_line_grey {
    position:relative;
    top:-10px;
    border-bottom:2px solid; /* цвет зачеркивающей линии */
    border-color: #c4c4c4;
    display:inline;
}
.fixed_text_line_grey .line {
    position:relative;
    top:10px;
}


#email::placeholder{
    color: #a8b7c3;
}
.card-input-container{
    border-style: solid;
    border-width: 1px ;
    border-radius: 4px;
    margin: 0px;
    padding: 8px;
}
.separator {
  display: flex;
  align-items: center;
  text-align: center;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #878a99;
}

.separator:not(:empty)::before {
  margin-right: 1.25em;
}

.separator:not(:empty)::after {
  margin-left: 1.25em;
}


.hover-pointer:hover{
  cursor: pointer;
}
.lh-7{
  line-height: 70%;
}
.lh-8{
  line-height: 80%;
}
.lh-9{
  line-height: 90%;
}
.accent-ob-purple{
  accent-color: #8851ec;
}