:root {
--primary-color: #3498db;
--background-color: #ffffff;
--text-color: #2c3e50;
--header-background: #ffffff;
--header-text: #2c3e50;
}

/* Rastgele class adları için CSS */
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: none;
background-color: var(--background-color);
}

.logo{

}
.scrollToTop {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 1000;
display: none;
}

.header-section {
background: var(--header-background);
padding: 10px 0;
border-bottom: 1px solid #e0e0e0;
position: static;
width: 100%;
z-index: 999;
height: 60px;
transition: all 0.3s;
}

.header-area {
display: flex;
justify-content: space-between;
align-items: center;
}

.logo-section {
display: flex;
align-items: center;
}

.navbar-toggler {
display: none;
}

.navbar {
display: flex;
align-items: center;
}

.navbar-collapse {
display: flex;
flex-direction: column;
}

.main-menu {
display: flex;
align-items: center;
}

.nav-item {
margin-right: 20px;
list-style: none;
}

.nav-item:last-child {
margin-right: 0;
}

.nav-item a {
color: var(--text-color);
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
padding: 10px 0;
transition: all 0.3s;
}

.nav-item a:hover {
color: var(--primary-color);
}

.nav-item.active a {
color: var(--primary-color);
}