body, html {
  height: 100%; 
  margin: 0; 
  display: flex;
  flex-direction: column;
}
main {
  flex-grow: 1;
}
footer {
  margin-top: auto;
}
.dropdown:hover .dropdown-menu {
  display: block;
}
.dropdown-menu a:hover {
  color: #0C366B !important;
  border-left: 2px solid #0C366B !important;
}
.dropdown-menu a:hover img {
  filter: brightness(0) saturate(100%) invert(13%) sepia(33%) saturate(4770%) hue-rotate(203deg) brightness(97%) contrast(93%) !important;
}
input[list]::-webkit-calendar-picker-indicator {
  display: none !important;
}
.input-wrapper {
  position: relative;
}
.input-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease-in-out;
  transform-origin: center;
}
.input-wrapper:focus-within .input-arrow {
  transform: translateY(-50%) rotate(180deg);
}           
@media (max-width: 768px) {
  nav { display: none; }
  .container { padding: 1rem; }
}
.fade-out {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.error_PH::-webkit-input-placeholder {
  color: red;
};