.error-message {
}
.error-message__text, .error-message__text {
    display: none;
}



@media (min-width: 670px) {
    .payment_page__info {
        grid-row-end: 9;
    }
}

.error-message__text {
    //background: #f9bcbc !important;
    color: #f9bcbc;
    //padding: 7px 20px;
    margin-top: 20px;
    margin-bottom: -20px;
}

.modal__form .error-message__text, .modal__form .success-message__text {
    margin-top: 20px;
    margin-bottom: 0px;
}

.success-message__text {
    color: #43b6b4;
}

.error {
    background: #f9bcbc;
}

.payment__amount.active {
    color: #43b6b4;
    background: #F0EFEF;
}

.helped__date {
    color: rgba(0,0,0,0.4);
    font-weight: 400;
    font-size: 13px;
    margin-top: -4px;
    margin-bottom: 10px;
}




.subscriptions-container {
    max-width: 540px;
    padding: 55px 10px 55px 0;
}

.card-values {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    color: #393962;
    margin-bottom: 22px;
    width: 100%;
}

.input-control {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    flex-direction: column;
    margin-right: 20px;
    flex-grow: 1;
}

.input-control__label {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0,0,0,.4);
    margin-bottom: 12px;
    margin-right: auto;
    white-space: nowrap;
}

.input-control__input {
    margin-bottom: 8px;
    outline: none;
    box-shadow: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.input-control__input.first-six {
    width: 165px!important;
    box-sizing: border-box;
    padding-left: 60px;
}

.first-six {
    text-align: left;
}

.input-control__description {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    color: #8c949f;
    margin-right: auto;
    white-space: nowrap;
}

.card-values .card-dots {
    display: flex;
    align-self: center;
    margin-right: 20px;
    max-width: 55px;
    padding-top: 12px;
}

.card-values .card-dots .dot {
    width: 5px;
    height: 5px;
    background-color: #393962;
    border-radius: 50%;
    margin-right: 5px;
}

.card-values .card-dots .dot:last-child {
    margin-right: 0;
}


.input-control__input.last-four {
    width: 145px!important;
}

.input-control__input.card-cvv {
    width: 115px!important;
}

.card-input {
    background-image: url(/img/card.svg)!important;
    background-size: 32px!important;
    background-repeat: no-repeat!important;
    background-position-x: 14px!important;
    background-position-y: 50%!important;
}



@media (max-width: 630px) {
    .card-values {
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 6px;
    }

    .input-control__label {
        font-size: calc(100vw*(16/360));
        line-height: calc(100vw*(20/360));
        margin-bottom: 8px;
    }

    .input-control {
        margin-right: 0!important;
        margin-bottom: 12px!important;
        width: 100%!important;
    }

    .input-control__input.card-cvv, .input-control__input.first-six, .input-control__input.last-four {
        width: 100%!important;
    }

    .card-values .card-dots {
        display: none;
    }

    .number-last {
        margin-bottom: 30px!important;
    }
}

.subscription-results__card {
    display:  flex;
}

.subscription-results__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 8px;
}

.subscription-results__card-icon {
    background-image: url(/img/card.svg)!important;
    background-size: 28px!important;
    background-repeat: no-repeat!important;
    background-position-x: 0px!important;
    background-position-y: 54%!important;
    height: 24px;
    width: 40px;
}

.subscription-results__item {
    margin-bottom: 80px;
}



.subscription-find__submit, .subscription-cancel__submit {
    margin-block: 30px 23px;
}

.button svg {
    fill: #FFF;
}


.button.canceled, .button.disabled {
    cursor: default;
    background: #eaeaea;
}




.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}
.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #43b6b4;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox:checked+label::before {
    border-color: #43b6b4;
    background-color: #43b6b4;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #b3d7ff;
}
/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
    background-color: #43b6b4;
    border-color: #43b6b4;
}
/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(67,182,180, 0.25);
}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
    border-color: #43b6b4;
}
/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
}


.modal__close>svg, .news__gallery_list>.item img, .project_page__img, .project_page__img>img {
    border-radius: 12px;
}

.news__gallery_list {
    grid-template-rows: auto;
}

.button {
    cursor: pointer;
}


section.content {
    margin: 60px 0;
    font-size: 18px;
    line-height: 23px;
}

section.content p {
    margin: 0 0 25px;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-bottom: 47px;
}

.tabs__btn {
    background-color: #DEDEDE;
    padding: 11.5px 16px;
    border-radius: 12px;
    width: max-content;
    transition: background-color 250ms ease;
    font-weight: 400;
    font-size: 12.432px;
    color: rgb(44, 44, 44);
}

.tabs__btn.active {
    background-color: rgb(67, 182, 180);
    color: #fff;
}