.navbar-nav .nav-link:hover {
   color: #ffc107 !important;
   text-decoration: underline;
 }

 .navbar-nav .dropdown-menu .dropdown-item:hover {
   background-color: #e9f5ff;
 }

 body {
   background-color: #f8f9fa;
   padding-top: 80px;
   /*padding-top: 70px;*/
   /* space for navbar */
 }

 .autocomplete {
   /*the container must be positioned relative:*/
   position: relative;
   display: inline-block;
 }

 .autocomplete-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #d4d4d4;
  background: white;
  max-height: 200px;
  overflow-y: auto;
}
.autocomplete-wrapper {
  position: relative;
}
 .autocomplete-items div {
  padding: 8px;
  cursor: pointer;
}

.autocomplete-items div:hover,
.autocomplete-active {
  background-color: #e9e9e9;
}

 .form-section {
   background-color: #fff;
   padding: 30px;
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
   max-width: 700px;
   margin: 30px auto;
 }

 .poster-wrapper {
   height: 100vh;
   width: 100%;
   overflow: hidden;
   background-color: #f8f9fa;
   padding: 0;
   margin: 0;
 }

 .poster-img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
 }