/* Buttons */
.rn12-page .lp__wizzard {
  font-family: 'Graphik Compact', sans-serif;
}

.rn12-page .lp__wizzard .step {
  padding: 0;
}

.rn12-page .lp__wizzard .step--fourth .v-theme--light.v-btn.mbtn {
  padding: 29px 40px;
}

.rn12-page .lp__wizzard .v-theme--light.v-btn.mbtn--samsung {
  padding: 17px 20px;
  margin: 0;
}

.rn12-page .lp__wizzard .step--first .v-theme--light.v-text-field--outlined.v-autocomplete.v-input .v-input__control .v-select__slot input[type=text], .rn12-page .lp__wizzard .step--second .v-theme--light.v-text-field--outlined.v-autocomplete.v-input .v-input__control .v-select__slot input[type=text] {
  padding-top: inherit;
  line-height: inherit;
}

.rn12-page .lp__wizzard .step--first .v-theme--light.v-text-field--outlined .v-input__control .v-select__slot label, .rn12-page .lp__wizzard .step--second .v-theme--light.v-text-field--outlined .v-input__control .v-select__slot label {
  padding-top: inherit;
}

.rn12-page .lp__wizzard .step--first .v-list-item__content, .rn12-page .lp__wizzard .step--second .v-list-item__content {
  padding-top: inherit;
}

.rn12-page .lp__wizzard .step--second .price {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 350px;
  margin: 0 auto 20px;
}

.rn12-page .lp__wizzard .step--second .price > div:nth-of-type(odd) {
  text-align: left;
}

.rn12-page .lp__wizzard .step--second .price > div:nth-of-type(even) {
  text-align: right;
}

.rn12-page .lp__wizzard .step--fourth > .s21__subtitle {
  margin: 0 auto 60px;
}

.rn12__header {
  display: grid;
  grid-template-columns: 1.25fr auto 1fr;
  align-items: center;
  height: 400px;
  margin: 0 0 50px;
  padding: 0 20px;
}

@media (max-width: 1300px) {
  .rn12__header {
    grid-template-columns: 1fr 1fr;
    height: auto;
    padding: 60px 20px 0;
    gap: 20px;
  }
}

@media (max-width: 850px) {
  .rn12__header {
    grid-template-columns: 1fr;
    padding: 80px 0px 0;
  }
}

.rn12__header .dropsLogo {
  position: absolute;
  top: -18px;
  left: 0;
  transform: scale(0.6);
}

@media (max-width: 500px) {
  .rn12__header .dropsLogo {
    display: none;
  }
}

.rn12__header .desc {
  padding: 0 30px 0 100px;
  font-size: 30px;
}

@media (max-width: 850px) {
  .rn12__header .desc {
    padding: 0 30px;
  }
}

.rn12__header .desc img {
  margin: 15px auto 0;
}

@media (min-width: 851px) and (max-width: 1300px) {
  .rn12__header .phones {
    grid-row: span 2;
    justify-content: center;
  }
}

@media (max-width: 850px) {
  .rn12__header .phones img {
    margin: 20px auto 0;
  }
}

@media (max-width: 400px) {
  .rn12__header .phones img {
    margin: 10px auto 0;
  }
}

.rn12__header .drops {
  display: flex;
  padding: 0 40px;
}

@media (max-width: 1300px) {
  .rn12__header .drops {
    justify-content: center;
  }
}

.rn12__header .drops .drop {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 130px;
  height: 130px;
  font-size: 18px;
  border: 3px solid #fff;
}

@media (max-width: 500px) {
  .rn12__header .drops .drop {
    width: 100px;
    height: 100px;
    font-size: 13px;
  }
}

.rn12__header .drops .drop .icon {
  width: 30px;
  height: 30px;
  margin: 0 0 8px;
}

@media (max-width: 500px) {
  .rn12__header .drops .drop .icon {
    width: 24px;
    height: 24px;
    margin: 0 0 5px;
  }
}

.rn12__header .drops .drop--violet {
  margin: 30px -20px 0 0;
  border-radius: 0 50% 50% 50%;
}

.rn12__header .drops .drop--orange {
  margin: 80px -38px 0 -5px;
  border-radius: 50% 50% 0 50%;
}

.rn12__header .drops .drop--green {
  margin: 0 -6px;
  border-radius: 50% 0 50% 50%;
  z-index: -1;
}

.rn12__header .logo {
  position: absolute;
  top: 0;
  right: 30px;
}

@media (max-width: 500px) {
  .rn12__header .logo {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
}