.hero-section {
  width: 100%;
  align-items:center;
  background-image:url(/sites/faq2.cc.metu.edu.tr/files/MainPage/main-search_bg.jpeg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  display:flex;
  min-height:460px;
  position:relative;
}

.hero-section .search-form .form-control {
  font-size: 1.25rem;
  background-color: rgba(255, 255, 255, 0.95);
  border: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.hero-section .search-form .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(13,110,253,0.35);
  background-color: white;
  outline: none;
}

.hero-section .input-group-lg > .btn {
  background-color: #0d6efd;
  border-color: #0d6efd;
  font-weight: 600;
  transition: all 0.3s ease;
}

.hero-section .input-group-lg > .btn:hover {
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

.hero-section .input-group-lg .fa-search {
  color: white;
}

/* Mobil uyum */
@media (max-width: 576px) {
  .hero-section {
    min-height: 380px;
  }
  .hero-section h1 {
    font-size: 2.2rem;
  }
  .input-group-lg .btn {
    padding: 0.75rem 1.25rem;
  }
}
@media(max-width:520px){
	.hero-section{
		min-height:unset;
	}
	.hero-section .search-form .form-control {
		font-size:1rem;
	}
	.help-buttons{
		gap:1rem !important;
	}
	.help-buttons a{
		padding:1rem !important;
		font-size: 1rem;
	}
}