.navbar {
    background: linear-gradient(90deg, #6b0000, #b30000, #ff4500);
}
.navbar-brand {
    font-weight: bold;
    font-size: 22px;
}

.nav-link {
    color: white !important;
    transition: 0.3s;
}

.nav-link:hover {
    color: #ffae00 !important;
}
.carousel-item img {
    height: 500px;
    object-fit: cover;
}
h1,
h2,
h3,
h4 {
    color: #ff4500;
    font-weight: bold;
}
.card {
    background-color: #1b1b1b;
    border: none;
    box-shadow: 0 0 15px rgba(255, 60, 0, 0.4);
    transition: 0.3s;
}
.card:hover {
    transform: scale(1.05);
    box-shadow: 0 0 25px rgba(255, 80, 0, 0.7);
}
.card-title {
    color: #ff4500;
}
.card-text {
    color: #cccccc;
}
.btn-danger {
    background: linear-gradient(45deg, #b30000, #ff4500);
    border: none;
}
.btn-danger:hover {
    background: linear-gradient(45deg, #ff4500, #ff7a00);
}
form input {
    border-radius: 20px;
}
form button {
    border-radius: 20px;
}
.modal-content {
    background-color: #1a1a1a;
    color: white;
    border: 1px solid #ff4500;
}
.modal-header {
    border-bottom: 1px solid #ff4500;
}
.modal-footer {
    border-top: 1px solid #ff4500;
}
.progress {
    height: 25px;
    background-color: #333;
}
.progress-bar {
    background: linear-gradient(90deg, #ff0000, #ff4500, #ffa500);
    font-weight: bold;
}
footer {
    margin-top: 50px;
    background: linear-gradient(90deg, #6b0000, #b30000, #ff4500);
    padding: 25px;
    text-align: center;
}
a {
    text-decoration: none;
}
a:hover {
    color: #ffa500;
}
.mega-footer{
background:linear-gradient(90deg,#3b0000,#7a0000,#ff4500);
color:white;
padding:50px 0;
margin-top:60px;
}

.footer-title{
color:#ffa500;
margin-bottom:20px;
font-weight:bold;
}

.footer-links{
list-style:none;
padding:0;
}

.footer-links li{
margin-bottom:10px;
}

.footer-links a{
color:white;
text-decoration:none;
transition:0.3s;
}

.footer-links a:hover{
color:#ffa500;
padding-left:5px;
}

.social-icons{
display:flex;
flex-direction:column;
gap:10px;
}

.social{
background:#1a1a1a;
padding:8px 12px;
border-radius:5px;
color:white;
text-decoration:none;
transition:0.3s;
}

.social:hover{
background:#ff4500;
}

.footer-line{
border-color:rgba(255,255,255,0.3);
margin:30px 0;
}

.copyright{
font-size:14px;
opacity:0.8;
}
.pagination .page-link{
background-color:#1b1b1b;
color:#ff4500;
border:1px solid #ff4500;
}
.pagination .page-link:hover{
background-color:#ff4500;
color:white;
border-color:#ff4500;
}
.pagination .page-item.active .page-link{
background:linear-gradient(45deg,#b30000,#ff4500);
border-color:#ff4500;
color:white;
}
.pagination .page-item.disabled .page-link{
background-color:#333;
color:#888;
border-color:#444;
}


.hero{
height:600px;
background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.8)),
url("img/hero.jpg");
background-size:cover;
background-position:center;
display:flex;
align-items:center;
}

.hero-content h1{
font-size:70px;
color:#ff4500;
text-shadow:0 0 20px rgba(255,60,0,0.8);
}

.hero-content p{
font-size:20px;
margin:20px 0;
}


h1{
text-shadow:
0 0 5px #ff4500,
0 0 10px #ff4500,
0 0 20px #ff0000;
}
body{

background-image:
linear-gradient(rgba(0,0,0,0.85),rgba(0,0,0,0.9)),
url("img/redfond.jpg");

background-size:cover;
background-attachment:fixed;

color:white;
}

.dropdown-menu{
background-color:#1b1b1b;
border:1px solid #ff4500;
border-radius:6px;
box-shadow:0 0 15px rgba(255,60,0,0.6);
}

.dropdown-item{
color:#ff4500;
transition:0.3s;
}


.dropdown-item:hover{
background:linear-gradient(45deg,#b30000,#ff4500);
color:white;
}


.dropdown-item:active{
background-color:#ff4500;
color:white;
}

.navbar .dropdown-toggle::after{
border-top-color:#ffa500;
}


.dropdown-menu{
animation: dropdownFade 0.3s ease;
}

@keyframes dropdownFade{

from{
opacity:0;
transform:translateY(-10px);
}

to{
opacity:1;
transform:translateY(0);
}

}