:root {
    --bs-white: #ffffff !important;;
    --bs-gray: #8A90A4 !important;;
    --bs-gray-dark: #565B6B !important;;
    --bs-gray-light: #F6F7F9 !important;;
    --bs-primary: #435586 !important;
    --bs-primary-dark: #293861 !important;;
    --bs-primary-light: #566692 !important;;
    --bs-secondary: #8A90A4 !important;;
    --bs-success: #66BD64 !important;;
    --bs-info: #3159C4 !important;;
    --bs-warning: #F0B82A !important;;
    --bs-danger: #D74646 !important;;
    --bs-light: #ECEEF3 !important;;
    --bs-dark: #1B1B1B !important;;
}

.feedback {
    color: #000 !important;
}


.feedback .text-primary {
    color: #293861 !important;
}

.feedback {
    margin-bottom: 3rem;
}
.feedback p {
    color: #000;
}

.feedback .navigation {
    width: 100%;
}

.feedback .tab-content {
    width: 100%;
}

/* Navs-pills */
.feedback .nav-pills .nav-link {
    border: 2px solid var(--bs-primary);
    border-radius: 50px;
    color: var(--bs-primary);
    font-size: 18px;
    padding: .75rem 2.5rem;
    width: 100%;
}

.feedback.nav-pills .nav-link:hover {
    border-color: var(--bs-primary);
    border-width: 2px;
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.feedback .nav-pills .nav-link.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

.feedback .nav-pills .nav-link.active:hover {
    background-color: rgba(71, 83, 118, .9);
    border-color: rgba(71, 83, 118, .9);
}

/* Button */

.feedback .btn {
    border-radius: 50rem !important;
    color: #fff !important;
}

.feedback .btn-primary {
    color: var(--bs-white);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.feedback .btn-primary:hover {
    background-color: var(--bs-primary-dark);
    border-color: var(--bs-primary-dark);
}

.feedback .btn-primary.disabled, .btn-primary:disabled {
    color: var(--bs-white);
    background-color: var(--bs-primary-dark) !important;
    border-color: var(--bs-primary-dark) !important;
}

.feedback .card-body{
    bottom: 0;
}

.feedback .copy-alert {
    display: none;
}

.feedback h3 {
    color: #000;
}

.feedback .accordion-header {
    margin: 0 !important;
}


.feedback .card-vertical {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.feedback a {
    text-decoration: none;
}

.feedback a .card:hover {
    border: #00FFFF;
    border: 5px solid rgba(0,225,225,.5);
}