body { 
    background-color: #121212;
    color: #e0e0e0;
}


.navbar {
    background: rgba(0, 0, 0, 0.98);
}

.hero {
       background: linear-gradient(10deg, #040404, #404040);
}

.form-control {

    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
}
.form-control { 
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);  
}

.feature-card {
    background: #1e1e1e; 
}



.feature-card .bi { 
    color: #ffc107; 
}

#about-us
{
    background-color: #fff;
    color: #000;
}
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgb(255 255 255) !important;
    color: #000;
}
.accordion .text-light {
    --bs-text-opacity: 1;
    color: rgb(0 0 0) !important;
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}
.page-header {
background: linear-gradient(163deg, #141414, #666666) !important;  
   
}

footer {
    background: #000;
    color: #777; 
}

footer a {
    color: #777;
}
.section-title { 
    color: #ffc107;
    border-bottom: 2px solid #ffc107; 
}
.icon-highlight {
    color: #ffc107;
    margin-right: 0.5rem;
}
.modal-content { 
        background: linear-gradient(135deg, #000000 30%, #333333 100%);
    color: #fff;
}
.text-warning { 
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}


.modal-content .btn-primary {
    background-color: #6610f2;
    border: none;
}
.modal-content .btn-secondary {
background-color: #333;
    border: none;
}
.logo
{
    width: 175px
}
 
.navbar-toggler
{
        background-color: #000;
    border: 1px solid #fff;
}