.card {
    border-color: #26accb;
}

@media(max-width: 991.98px) {
    .illustration img {
        width: 70% !important
    }
}

.form {
    border-left: 1px solid #e1e1e1
}

.form .top-form .langs {
    padding: 0.2rem 0.5rem 0.2rem 2rem;
}

.form .top-form a {
    color: #525252;
    font-size: 15px;
    font-weight: 500;
}

.form fieldset:first-of-type {
    border-bottom: 1px solid #ddd;
}

.form .input-group-text {
    background-color: #214bff;
    color: white
}

.form .form-control:focus {
    outline: none !important;
    box-shadow: none;
}

.form button,
.form button:hover {
    background-color: #42b72a;
    border-color: #42b72a;
}

.form button.register {
    width: 130px
}

.register .form label.error {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
    margin-top: 0.25rem;
    font-size: .875em;
}

.form {
    border-inline-end: 1px solid #e1e1e1 !important;
}

/* pricing page */

.pricing .card.parent {
    border-color: #ededed;
    border-bottom: 2px solid #718cff;
}

.pricing .card.parent>.card-header {
    background-color: #214bff;
    color: white;
    padding: .7rem 0
}

.pricing .card.parent>.card-header h4 {
    letter-spacing: 1px;
}

.pricing .card.parent>.card-body {
    padding: 3rem 2.6rem
}

.pricing .card.child {
    border-color: #d7d7d7
}

.pricing .card.child .card-header {
    background-color: #42b72a;
    color: white
}

.pricing .card.child li {
    margin-bottom: 18px;
    font-size: 15px;
    color: #545454
}

.pricing .card.child li svg {
    color: #42b72a
}

.pricing .card.child .card-footer {
    border-bottom: 2px solid #42b72a;
}

.pricing .card.child .card-footer .btn {
    background-color: #42b72a;
    color: white;
}

.pricing .card.child .card-footer .btn:focus,
.pricing .form-select:focus {
    box-shadow: none;
}

@media(max-width: 450px) {
    .login .form-select {
        padding-left: 1rem !important;
        font-size: 14px;
    }

    .login .form .top-form a {
        font-size: 13px;
    }
}