.bg-primary {
    --bs-bg-opacity: 1;
    color: #000 !important;
    background-color: #fecd08 !important;
}

.btn-primary {
    color:#000000;
    --bs-btn-color: #fff;
    --bs-btn-bg: #fecd08;
    --bs-btn-border-color: #fecd08;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 116, 75, 229;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000000;
    --bs-btn-active-border-color: #4420a8;
    --bs-btn-active-shadow: inherit;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fecd08;
    --bs-btn-disabled-border-color: #fecd08;
}

body {
    background-color: #333333;
}

[data-bs-theme=dark] {
    --bs-white-black: #333333;
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: #000000 !important;
}

.bg-body {
    background-color: #333333 !important;
}

.bg-light-dark {
    background-color: #0e0e0e !important;
}

@media (max-width: 991.98px) {
    .navbar-expand-lg.main-nav.dark-to-light .navbar-collapse.show {
        background-color: #333333;
    }
}

.portfolio-info-2, .portfolio-info-3, .portfolio-info-4 {
    background-color: #0e0e0e;
}

.minheight200 {
    min-height: 200px;
}

.main-logo img {
    max-height: 3.5rem;
}

.bg-gradient-primary {
    background-color: var(--bs-primary);
    background-image: linear-gradient(130deg, #000000 15%, #000000 40%, #3d3d3d 60%, #000000 100%) !important;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: #000000 !important;
}

a {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    color: #fecd08;
    text-decoration: none;
}

.text-primary {
    --bs-text-opacity: 1;
    color: #fff !important;
}

.nav-dark-button .flickity-button {
    background: rgb(0 0 0 / 70%);
    color: #fecd08;
}

.nav-dark-button .flickity-button:hover {
    background: #fecd08;
    color: #000;
}


.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: #fecd08;
    text-decoration: none;
    background: none;
    border: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-link:hover {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: #fecd08;
    text-decoration: none;
    background: none;
    border: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}


.text-justify {
    text-align: justify;
}

::selection{
    background-color: #fecd08;
    color:#000;
}

.form-control, .form-control:focus{
    color:#adadad;
}

.modal-backdrop{ opacity:0.75 !important; }