@import url('assets/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abel&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css');
    

body {
font-family: "Jost", sans-serif;
padding: 0;
margin: 0;
}

.navbar {
position: sticky;
top: 0;
z-index: 1000; /* Ensure navbar stays on top */
background-color: #f8f9fa; /* Optional: background color */
}

.navbar-brand {
padding-left: 20px;
}
.navbar-nav {
padding-right: 20px;
}

#navbarNav a:hover{
	color: lightgray;
}

@media (min-width: 992px) {
.nav-item.dropdown:hover .dropdown-menu {
display: block;
}
}

.dropdown-menu .dropdown-item {
white-space: normal;
}

.dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
width: auto;
min-width: 200px;
white-space: normal;
word-wrap: break-word;
}

.top-bar .container {
display: flex;
justify-content: center;
gap: 15px; /* Add space between the buttons */
flex-wrap: wrap; /* Ensure it wraps when screen is small */
}

.carousel-inner, .carousel-item {
height: 600px; /* Fixed height */
}

.carousel-item img {
height: 100%;
object-fit: cover; /* Ensure image covers the whole space */
}

.carousel-caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.5); /* Dark background to improve text visibility */
color: white;
text-align: center;
padding: 20px; /* Padding to make text comfortable */
margin: 0; /* Remove any unwanted margin */
}

.carousel-caption h1 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px;
}

.carousel-caption p {
font-size: 1rem;
}

@media (max-width: 768px) {
.carousel-caption h1 {
font-size: 1.5rem;
}

.carousel-caption p {
font-size: 0.9rem;

}
.nv{background: #fff;}

h2{color: #004100}
    h3{color: #371b05}
    .kad{
    border: 1px solid #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 5px 5px 0 #e7e7e7;
}
/*
#004100
*/