header+div.without-banner {
    margin-top: 100px;
}

.certificate-activation-container {
    background-color: #FAFAFB;
    border-radius: 20px;
    padding: 40px 110px;
    margin-bottom: 70px;
}

.activation-title {
    font-size: clamp(26px, 5vw, 40px);
    font-weight: 600;
    max-width: 780px;
    width: 100%;
    margin-bottom: 40px;
}

.auth-warning {
    height: 481px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.activation-success {
    height: 481px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.activation-success .green-button {
    width: 100% !important;
    max-width: 306px;
}

.auth-warning__buttons {
    display: flex;
    gap: 20px;
    max-width: 372px;
    width: 100%;
}

.auth-warning__buttons .green-button {
    flex-grow: 1;
}

.auth-warning__buttons .green-empty-button {
    flex-grow: 2;
}

.auth-warning__title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 40px;
}

.activation-form {
    max-width: 740px;
    width: 100%;
}

.activation-form__title {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 6px;
}

.activation-form__text {
    color: #7A7A7A;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}

.activation-form__inputs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.activation-form .form-control,
.activation-form__inputs div {
    width: 49%;
    height: 42px;
}

.activation-form__submit {
    max-width: 328px;
    width: 100% !important;
    margin-top: 40px;

    p {
        margin: 0;
    }
}


.download-modal-save-img {
    width: 22px;
    height: 22px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.activation-form__inputs .form-control::placeholder {
    font-size: 13px;
    color: #6C757D;
}

.activation-form__inputs .form-control:nth-child(2),
.activation-form__inputs .form-control:nth-child(3) {
    width: 23.7%;
}

.activation-form__inputs {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .certificate-activation-container {
        padding: 40px;
    }

    .activation-form {
        flex-direction: column;
        gap: 20px;
    }

    .activation-button {
        align-self: baseline;
    }

    header+div.without-banner {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {

    .activation-form .form-control,
    .activation-form__inputs div,
    .activation-form__code {
        width: 48.4%;
        height: 42px;
    }

    .activation-form__inputs .form-control:nth-child(2),
    .activation-form__inputs .form-control:nth-child(3) {
        width: 23.5%;
    }

}

@media (max-width: 767px) {

    .activation-form .form-control,
    .activation-form__inputs div,
    .activation-form__inputs .form-control:nth-child(2),
    .activation-form__inputs .form-control:nth-child(3),
    .activation-form__code,
    .activation-form__submit {
        max-width: 315px;
        width: 100%;
    }

    .activation-form__inputs .form-control:nth-child(3) {
        margin-bottom: 20px;
    }

    .activation-form__inputs div {
        margin-bottom: 10px;
    }

    .certificate-activation-container {
        padding: 40px 10px;
    }

}

.activation-form__inputs .tel-input,
.activation-form__inputs .email-input {
    width: 100%;
}