body {
    font-family: 'Vazirmatn', sans-serif;
    
    
    --bs-primary: #382D72;
    --bs-secondary: #5C509C;
    --bs-danger: #b91c1c;
    --bs-success: #15803d;
    --bs-warning: #fbbf24;
    --bs-primary-rgb: rgb(56, 45, 114);
    --bs-info: #A080E1;
    --primary: #382D72;
    --secondary: #5C509C;
    --danger: #b91c1c;
    --success: #15803d;
    --warning: #fbbf24;
    --info: #A080E1;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-info);
    --bs-link-active-color: var(--bs-info);
    background-color: #f4f4f4;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-secondary)!important;
}

.text-primary {
    color: var(--bs-primary)!important;
}
.bg-primary {
    background-color: var(--bs-primary)!important;
}
.bg-secondary {
    background-color: var(--bs-secondary)!important;
}

.border-white {
    --bs-border-opacity: 1;
    border-color: white!important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

.bg-mix {
background: var(--bs-primary); /* Old browsers */
background: -moz-linear-gradient(top,  var(--bs-primary) 26%, var(--bs-info) 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  var(--bs-primary) 26%,var(--bs-info) 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  var(--bs-primary) 26%,var(--bs-info) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#382D72', endColorstr='#5C509C',GradientType=0 ); /* IE6-9 */

}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none!important;
    border: 0.5px solid var(--bs-primary);
}

.form-check-input:focus {
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: none!important;
}

.form-select:focus {
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: none!important;
}