h2 {
    margin: 25px 0;
}

h3 {
    margin-top: 0;
}

/****Левая часть***/
.container.lk{
  margin-top:60px;
  margin-bottom:60px;
}
.personal__box {
    display: flex;
}

.whitebox {
    background: #FFFFFF;
    border: 1px solid #DEE6EA;
    box-shadow: 0px 0px 9px 2.32px rgba(161, 171, 190, 0.22);
    border-radius: 17.4px;
}

.profile__leftside {
    position: relative;
    padding: 34px 26px 26px 26px;
    width: 30%;
    margin-right: 3%;
    max-height: 410px;
    box-sizing: border-box;
    min-width: max-content;
}

.personal {
    border-bottom: 1px solid #DEE6EA;
    padding-bottom: 6px;
    margin-bottom: 26px;
}

.profile {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #2C2C2C;
    margin-top: 0;
    margin-bottom: 18px;
    padding-left: 54px;
}

.profile::before {
    position: absolute;
    top: 24px;
    left: 26px;
    background-image: url("../img/cabinet/profile_img.png");
    content: "";
    height: 38px;
    width: 38px;
    background-size: 38px 38px;
}

.profile__gray {
    margin-top: 0px;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #A0A9B9;
}

.tab__selection {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    border-bottom: 1px solid #DEE6EA;
    margin-bottom: 18px;
}

.settings__a, .orders__a, .current__orders__a, .loyalty__a, .favorite__a, .favPharm__a {
    position: relative;
    padding-left: 31px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #2C2C2C;
}

.settings__a, .orders__a, .loyalty__a {
    margin-bottom: 24px;
}

.favorite__a {
    margin-bottom: 0px;
}

.settings__a:active, .orders__a:active, .loyalty__a:active, .favorite__a:active, .favPharm__a:active {
    color: #00A0E3;
}

.settings__a::before {
    position: absolute;
    top: 2px;
    left: 0px;
    background-image: url("../img/cabinet/settings.png");
    content: "";
    height: 19px;
    width: 19px;
    background-size: 19px 19px;
}

.settings__a:active::before {
    position: absolute;
    top: 2px;
    left: 0px;
    background-image: url("../img/cabinet/settings_active.png");
    content: "";
    height: 19px;
    width: 19px;
    background-size: 19px 19px;
}

.orders__a::before {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url("../img/cabinet/orders.png");
    content: "";
    height: 24px;
    width: 19px;
    background-size: 19px 24px;
}

.orders__a:active::before {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url("../img/cabinet/orders_active.png");
    content: "";
    height: 24px;
    width: 19px;
    background-size: 19px 24px;
}

.loyalty__a::before {
    position: absolute;
    top: 3px;
    left: 0px;
    background-image: url("../img/cabinet/loyality.png");
    content: "";
    height: 16px;
    width: 21px;
    background-size: 21px 16px;
}

.loyalty__a:active::before {
    position: absolute;
    top: 3px;
    left: 0px;
    background-image: url("../img/cabinet/loyality_active.png");
    content: "";
    height: 16px;
    width: 21px;
    background-size: 21px 16px;
}

.favorite__a::before {
    position: absolute;
    top: auto;
    left: 9px;
    background-image: url("../img/header/hearth.svg");
    content: "";
    height: 16px;
    width: 21px;
    background-size: 21px 16px;
}

.favorite__a:active::before {
    position: absolute;
    top: auto;
    left: 9px;
    background-image: url("../img/header/hearth.svg");
    content: "";
    height: 16px;
    width: 21px;
    background-size: 21px 16px;
}

.favPharm__a::before {
    position: absolute;
    top: auto;
    left: 0;
    background-image: url("../img/header/hearth.svg");
    content: "";
    height: 16px;
    width: 21px;
    background-size: 21px 16px;
}

.favPharm__a:active::before {
    position: absolute;
    top: auto;
    left: 0;
    background-image: url("../img/header/hearth.svg");
    content: "";
    height: 16px;
    width: 21px;
    background-size: 21px 16px;
}

.exit__btn {
    position: relative;
    padding-left: 31px;
}

.exit__btn::before {
    position: absolute;
    top: 3px;
    left: 0px;
    background-image: url("../img/cabinet/exit.png");
    content: "";
    height: 15px;
    width: 14px;
    background-size: 14px 15px;
}

/***Правая часть***/
.account__settings, .orders {
    width: 100%;
}

.personal__info, .password__box, .subscribes__box {
    padding: 30px 40px;
}

.password__box {
    margin-bottom: 20px;
}

.subscribes__box {
    margin-bottom: 110px;
}

.personal__info h3, .password__box h3, .subscribes__box h3 {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 28px;
}

.personal__form {
    display: flex;
    margin-bottom: 17px;
}

.male__form {
    display: flex;
    margin-bottom: 28px;
}

.e-mail__box, .tel__box {
    height: 52px;
    padding-left: 18px;
    border: 1.5px solid #DEE6EA;
    border-radius: 79px;
    width: 32%;
    box-sizing: border-box;;
}

.tel__box {
    margin-right: 16px;
}

.personal__form input[type=text], .personal__form input[type=password], .birthday__input {
    height: 52px;
    margin-right: 16px;
    padding-left: 18px;
    border: 1.5px solid #DEE6EA;
    border-radius: 79px;
    width: 32%;
    box-sizing: border-box;
    font-size: 18px;
}

.personal__form input::placeholder, .birthday__input::placeholder, .male__form p, .mobile__male__form p {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #A0A9B9;
}

.e-mail__box p, .tel__box p {
    margin-bottom: 0;
    margin-top: 13px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #2C2C2C;
}

.male__form p {
    margin-top: 14px;
    margin-bottom: 0;
}

.button__box {
    column-gap: 16px;
    display: flex;
}

.blue__button, .white__button {
    border-radius: 42px;
    padding: 14px 30px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.blue__button {
    border: 0;
    color: #FFFFFF;
    background: #00A0E3;
}

.white__button {
    border: 1.5px solid #00A0E3;
    color: #00A0E3;
    background: #FFFFFF;
}

.password__info {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #A0A9B9;
}

.spam__form span {
    margin-right: 90px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #A0A9B9;
}

.spam__form span:last-child {
    margin-right: 0;
}


/***Заказы***/
.orders {
    margin-top: 6px;
}

.order__buttons {
    margin-bottom: 26px;
}

.current_orders__box {
    padding: 26px 33px;
    margin-bottom: 100px;
}

.current__order__btn, .ended__order__btn {
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    color: #A0A9B9;
    text-decoration: none;
    margin-right: 28px;
}

.current__order__btn.active, .ended__order__btn.active {
    padding: 4px 20px;
    padding-bottom: 4px;
    background-color: rgba(0, 160, 227, 0.7);
    border-radius: 50px;
    color: #fff;
}

.order__info {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid #DEE6EA;
}

.order__number__box {
    /*width: 22%;*/
    min-width: max-content;
}

.order__number {
    display: flex;
    margin-bottom: 11px;
}

.order__number p {
    margin: 0 8px 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #A0A9B9;
}

.order__number span {
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #739CE5;
    border-radius: 50px;
}

.order__details__btn {
    position: relative;
    padding-left: 17px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #00A0E3;
    cursor: pointer;
}

.order__details__btn::before {
    position: absolute;
    top: 5px;
    left: 0px;
    background-image: url("../img/cabinet/triangle.png");
    content: "";
    height: 8px;
    width: 9px;
    background-size: 9px 8px;
}

.mobile__details__btn {
    position: relative;
    padding-left: 17px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #00A0E3;
    cursor: pointer;
}

.mobile__details__btn::before {
    position: absolute;
    top: 5px;
    left: 0px;
    background-image: url("../img/cabinet/triangle.png");
    content: "";
    height: 8px;
    width: 9px;
    background-size: 9px 8px;
}

.delivery__adress {
    /*width: 26%;*/
    margin-left: 15px;
    /*flex: 1;*/
}

.delivery__adress p {
    margin-top: 0px;
    margin-bottom: 11px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #A0A9B9;
}

.delivery__adress span {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #2C2C2C;
}

.delivery__time {
    /*width: 21%;*/
    /*flex: 1;*/
    margin-left: 15px;
    white-space: nowrap;
}

.delivery__time p {
    margin-top: 0px;
    margin-bottom: 11px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #00A0E3;
}

.delivery__time span {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #2C2C2C;
}

.cancel__order__btn {
    margin: auto 0;
    margin-left: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #2C2C2C;
    border-bottom: 1px solid rgba(0, 160, 227, 0.5);
    white-space: nowrap;
}

.order__info .white__button, .order__details .white__button {
    margin: auto 0;
    margin-right: 0;
    margin-left: 15px;
    height: 25px;
    display: flex;
    align-items: center;
}
.order__details__box {
    display: flex;
    align-items: center;
    margin-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #DEE6EA;
}

.order__details__box:last-of-type {
    border: 0;
    padding-bottom: 10px;
}

.order__product__img {
    margin-right: 21px;
    align-self: center;
    max-width: 100px;
}

.order__product__name {
    margin-right: 23px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #2C2C2C;
}

.order__product__quantity {
    margin: auto;
    margin-left: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: rgba(0, 160, 227, 0.7);
    border-radius: 50px;
    padding-left: 6px;
    padding-right: 6px;
    white-space: nowrap;
}

.order__product__price {
    margin: auto;
    margin-right: 58px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #2C2C2C;
    white-space: nowrap;
}
.profile__rightside{
  display:flex;
      align-items: center;
}
.cashback__box{
  width:60%;
  background: #FFFFFF;
  border: 1px solid #DEE6EA;
  box-shadow: 0px 0px 9px 2px rgba(161, 171, 190, 0.18);
  border-radius: 15px;
  padding:31px;
  box-sizing: border-box;
}
.cute__image{
  margin-left: 10px;
  width:40%;
}
.cashback__inputs input[type=text]{
  height: 52px;
  margin-right: 16px;
  padding-left: 18px;
  border: 1.5px solid #DEE6EA;
  border-radius: 79px;
  width: 32%;
  margin-bottom: 16px;
  box-sizing: border-box;
  font-size: 18px;
  width:100%;
  display: block;
}
.bday__gender input[type=date]{
    width: 100%;
    margin: 0;
    height: 52px;
}
.bday__gender{
  display: flex;
    flex-wrap: wrap;
}
.loyality__heading{
  font-weight: 700;
font-size: 22px;
line-height: 26px;
    margin: 0 0 15px 0;
}
.loyality__text{
  font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #A0A9B9;
}
/*.registration__checkbox{*/
/*  display:flex;*/
/*  align-items: baseline;*/
/*}*/
.registration__form__submit{
  width:100%;
  padding:11px 65px;
  border:none;
  background: #00A0E3;
  border-radius: 42px;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color:#fff;
}
.card__image{
  display: block;
  margin: 30px auto;
    width: 100%;
}
.card__number,
.last__date,
.last__deposit{
  color:#2C2C2C;
  font-weight: 600;
}
.bonus__count{
  color:#fff;
  background: #45B5E4;
  border-radius: 47px;
  padding: 4px 12px;
    white-space: nowrap;
}
.virtual__card{
  padding:20px;
  box-sizing: border-box;
  display: block;
  margin:0 auto;
  width:350px;
  height:200px;
  background: linear-gradient(107.54deg, #0170B7 1.14%, #004975 98.81%);
  border-radius: 19px;
}
.virtual__card p{
  font-weight: 600;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #FFFFFF;
}
.virtual__card img{
  display: block;
  margin:0 auto;
}
/*Стили для мобильной версии*/
/*.mobile__container {*/
/*    padding: 0 11px;*/
/*}*/

.mobile__profile__span {
    display: flex;
    align-items: center;
}

.mobile__cab__h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
}

.mobile__cab__h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}

.mobile__profile__span .profile {
    padding-left: 0;
}

.mobile__profile__span .profile::before {
    display: none;
}

.mobile__profile__span .exit__btn {
    margin-left: auto;
}

.mobile__profile__info {
    position: relative;
    margin-bottom: 26px;
    padding-left: 56px;
    font-size: 14px;
}

.mobile__profile__info::before {
    position: absolute;
    top: 2px;
    left: 0;
    background-image: url("../img/cabinet/profile_img.png");
    content: "";
    height: 38px;
    width: 38px;
    background-size: 38px 38px;
}

.mobile__settings, .mobile__loyalty, .mobile__subscribes__box {
    /*padding: 20px 16px;*/
    margin-bottom: 7px;
    display: flex;
}

.mobile__settings {
    margin-top: 45px;
}

.mobile__orders {
    display: flex;
    column-gap: 7px;
    margin-bottom: 7px;
}

.mobile__ended__orders, .mobile__current__orders {
    width: 50%;
    display: flex;
    align-items: center;
}

.current__orders__a::before {
    position: absolute;
    /*top: 0px;*/
    /*left: 0px;*/
    background-image: url("../img/cabinet/current_orders.png");
    content: "";
    height: 18px;
    width: 19px;
    background-size: 18px 18px;
    left: 10px;
}

.mobile__subscribes__box .spam__form span {
    margin-right: 24px;
    font-size: 16px;
    line-height: 20px;
}

.mobile__subscribes__box .spam__form input {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.mobile__checkbox__box {
    margin-bottom: 20px;
}

.mobile__blue__h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    background: #00A0E3;
    padding: 10px 0 10px 46px;
    margin: 7px -11px;
    position: relative;
}

@media screen and (max-width: 350px) {
    .mobile__container .orders__a, .current__orders__a, .loyalty__a, .favorite__a {
        font-size: 15px;
    }
}

.order__summ {
    margin-top: 15px;
}

.itogo__summ {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}

.skidka__summ {
    display: block;
    font-weight: 400;
    color: #A0A9B9;
    font-size: 12px;
    line-height: 24px;
}

.personal__box .authreg__wrapper {
    box-shadow: none;
    width: 100%;
}

.personal__box .authreg__wrapper > p:first-child {
    text-align: center;
}

.personal__box.current__box .orders{
    flex-direction: column;
}

.mobile__order__name {
    width: 50%;
}

.mobile__details__btn, .blue__button.buy__again__btn.ajax_reload, .white__button.cancel__button{
    display: none;
}
.order__details{
    display: none;
}
.current_orders__box.show .order__details{
  display:block;
}
.order__details.show{
  display:block;
}

.mobile__container{
    display: none;
}

@media screen and (max-width: 1024px) {
  /*.order__details{*/
  /*  display:block;*/
  /*}*/
    .white__button.order__info__button.ajax_reload, .cancel__order__btn, .order__details__btn{
        display: none;
    }
    .mobile__details__btn, .blue__button.buy__again__btn.ajax_reload, .white__button.cancel__button{
        display: block;
    }
    .white__button.cancel__button{
        text-align: center;
        margin: 15px 0;
    }
    .blue__button.buy__again__btn.ajax_reload{
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .delivery__adress {
        margin-left: 0;
    }

    .mobile__order__name{
        width: 100%;
    }

    .profile__leftside {
        display: none;
    }

    .order__info {
        flex-direction: column;
      margin-bottom: 20px;
    }

    .order__details__box {
        flex-wrap: wrap;
    }

    .order__product__price {
        margin: 0;
    }

    .order__product__img {
        margin: 0 auto;
    }

    .order__product__name {
        margin-right: 0;
    }

    .order__product__quantity {
        margin-left: 0;
    }

    .delivery__time {
        margin-top: 20px;
        margin-left: 0;
    }

    .cancel__order__btn {
        margin-top: 20px;
        margin-left: 0;
    }
    .profile__rightside{
      width:100%;
      flex-direction: column;
      align-items: center;
    }
    .cashback__box{
      width:100%;
    }
    .cute__image{
      margin:0px;
    }
    .virtual__card{
      width:100%;
    }
    .cute__image img{
        width: 100%;
    }
}

@media screen and (max-width: 780px) {
    .personal__form input[type="text"], .personal__form input[type="password"], .birthday__input{
        font-size: 14px;
        width: 100%;
    }
}

.label__text{
    font-weight: 400;
    font-size: 15px;
    color: #A0A9B9;
    margin-bottom: 10px;
    display: flex;
}

.virtual__card_overlay.hidden{
    display: none;
}

.virtual__card_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #0009;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 23;
    flex-direction: column;
}
.virtual__card_overlay img {
    margin: 0;
    width: 40%;
    border-radius: 10px;
}

.virtual__card_close {
    border-radius: 42px;
    padding: 14px 30px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    border: 0;
    color: #FFFFFF;
    background: #00A0E3; /*! width: 100%; */
    margin-top: 20px;
    cursor: pointer;
}

@media screen and (max-width: 1024px){
    .virtual__card_overlay img{
        width: 90%;
    }
}

.update_bonus_count{
    color: #45B5E4;
}