* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #1F1F1F !important;
    transform: translateY(-2px);
}

.footer a:hover {
    transform: scale(1.05);
    text-decoration: underline !important;
    font-weight: 600;
}

body {
  background-color: #1F1F1F;
  min-height:100vh;
  margin-bottom:20rem;
  color:white;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

.form-control::placeholder { 
    color: white;
    opacity: 1; 
}

.form-control:-ms-input-placeholder { 
    color: white;
}

.hero {
    width: 100%;
    height: 40rem;
    position: relative;
    margin-top: 1rem;
    margin-bottom: 2rem;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/images/frieren.avif');
}

.hero-text {
    display:flex;
    margin-left:1rem;
    margin-bottom:1rem;
    gap:1rem;
    position: absolute;
    color: white;
    text-align: center;
    bottom:0;
    z-index:2;
}

.scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0.8;
}

 .scroll-arrow:hover {
   opacity: 1;
   background: rgba(0, 0, 0, 0.9);
   transform: translateY(-50%) scale(1.1);
}

.scroll-arrow:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.scroll-arrow-left {
    left: 5px;
}

.scroll-arrow-right {
    right: 5px;
}

.scroll-content {
    scroll-behavior: smooth;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
}

.scroll-content::-webkit-scrollbar {
    display: none; 
}

#searchType {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.list-dropdown {
    font-size: 0.8rem;
    background-size: 8px 8px;
    background-position: right 0.25rem center;
    padding-right: 1.5rem;
    padding-left: 0.5rem;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield; 
    appearance: textfield;
}
.br-orange {
    border-bottom: 2px solid #FF7A00;
    color: #FF7A00;
}
.br-orange h5 {
     font-weight: 800;
}
.bg-orange {
    background-color: #FF7A00;
    font-weight: 800;
}

.orange {
    color: #FF7A00;
}
.small-pg {
    text-align: justify;
    font-size: 0.8rem;
}
.clamp-line {
    font-size: 0.7rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.7rem;
}