/* Hero Section */
.hero .carousel-item {
 height: 100vh;
 background-size: cover;
 background-position: center;
 position: relative;
}

.hero .overlay {
 background: rgba(0, 0, 0, 0.4);
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 width: 100%;
}

.hero .hero-box {
 text-align: center;
 color: white;
 max-width: 500px;
 padding: 0 15px;
}

.hero .search-box {
 background-color: white;
 border-radius: 50px;
 padding: 10px 20px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 width: 470px;
 margin: 20px auto 0;
 color: #6c757d;
 box-sizing: border-box;
}

.hero .search-box input {
 border: none;
 outline: none;
 width: 100%;
 background: transparent;
 color: #6c757d;
 font-size: 1rem;
}

.hero .search-box i {
 color: #1f3b08;
 margin-right: 10px;
}

.hero .search-button {
 background-color: #1f3b08;
 width: 50px;
 height: 50px;
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 cursor: pointer;
 flex-shrink: 0;
}

.hero .search-button i {
 color: white;
 font-size: 18px;
 margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
 .hero .hero-box h2 {
  font-size: 1.8rem;
 }

 .hero .hero-box p {
  font-size: 1rem;
 }

 .hero .search-box {
  width: 100%;
 }
}