.logo {
    background-color: black;
}

.logo-img {
    width: 128px;
}

.separator {
    width: 20px;
}

.separator-header {
    width: 2px;
    height: 24px;
    background-color: #4C4C4C;
    margin: 0 12px;
}

.logo-p {
    color: white;
    font-weight: bold;
    font-size: 20px;
}

.logo-p-ar {
    color: white;
    font-weight: bold;
    font-size: 20px;
    text-align: right;
    padding-right: 5px;
}

.btn-primary {
    color: white;
    background-color: #000000;
    border-color: black;
    --bs-btn-active-bg: #178DD9;
    --bs-btn-active-border-color: #178DD9;
    --bs-btn-border-color: #000000;
}

.btn-primary:focus-visible {
    background-color: rgba(0,0,0,0.85);
    border-color: rgba(0,0,0,0.85);
}

.btn-primary:hover {
    background-color: rgba(0,0,0,0.9);
    border-color: rgba(0,0,0,0.9);
}

.btn-primary:focus {
    background-color: rgba(0,0,0,0.9);
    border-color: rgba(0,0,0,0.9);
}