.search-container {
background:#fff;
padding:20px;
border-radius:8px;
box-shadow:0 4px 6px #0000001a;
width:100%;
max-width:600px
}

.search-container h2 {
margin-bottom:20px;
text-align:center;
font-size:24px;
color:#000
}

.search-container button {
width:100%;
padding:10px;
background-color:#e30a23;
color:#fff;
font-size:18px;
border:none;
border-radius:4px;
cursor:pointer;
margin-top:15px
}

.search-container button:hover {
background-color:#e30a23
}

.nav-item.nav-link:active
.nav-item.nav-link:hover {
color:#e30a23
}

.hero {
padding:140px 0
}

.hero__text {
padding-top:110px
}

.hero__text .primary-btn {
margin-right:16px
}

.hero__text .primary-btn img {
position:relative;
top:-2px
}

.hero__text .primary-btn.more-btn {
background:transparent;
border:1px solid #fff
}

.hero__text__title {
margin-bottom:28px
}

.hero__text__title span {
font-size:20px;
color:#fff;
font-weight:700;
text-transform:uppercase
}

.hero__text__title h2 {
font-size:60px;
color:#fff;
font-weight:700;
margin-top:10px
}

.hero__tab .nav-tabs {
border-bottom:none
}

.hero__tab .nav-tabs .nav-item {
margin-bottom:5px;
margin-right:5px
}

.hero__tab .nav-tabs .nav-item .nav-link {
position:relative;
font-size:15px;
font-weight:700;
color:#323232;
display:inline-block;
padding:7px 20px;
border:none;
border-radius:2px;
background:#fff
}

.hero__tab .nav-tabs .nav-item .nav-link:after {
position:absolute;
content:"";
width:100%;
height:10px;
left:0;
bottom:-7px;
opacity:0;
background:#fff;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}

.hero__tab .nav-tabs .nav-item .nav-link.active:after {
opacity:1;
bottom:-7px
}

.hero__tab__form {
position:relative;
z-index:10
}

.hero__tab__form h2 {
color:#323232;
font-weight:700;
margin-bottom:35px
}

.hero__tab__form form .select-list {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-20px;
margin-bottom:0;
margin-top:30px
}

.hero__tab__form form .select-list .select-list-item {
max-width:calc(50% - 20px);
float:left;
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
margin-right:20px;
margin-bottom:20px
}

.hero__tab__form form .select-list .select-list-item p {
color:#323232;
margin-bottom:5px
}

.hero__tab__form form .select-list .select-list-item .nice-select {
width:100%;
height:50px;
line-height:50px;
font-size:16px;
padding:0 15px;
border:1px solid #ccc
}

.hero__tab__form form .select-list .select-list-item .nice-select .list {
width:100%;
max-height:250px;
overflow-y:auto;
background:#fff;
border:1px solid #ccc
}

.hero__tab__form form .select-list .select-list-item .nice-select .option {
padding:10px;
font-size:16px
}

.hero__tab__form form .select-list .select-list-item .nice-select .option:hover {
background:#f5f5f5
}

.hero__tab__form form .select-list .select-list-item .nice-select.open span {
display:block!important
}

.hero__tab__form form .select-list .select-list-item .nice-select:after {
display:none
}

.carousel-caption {
position:absolute;
right:15%;
bottom:1.25rem;
left:15%;
padding-top:1.25rem;
padding-bottom:1.25rem;
color:#000;
text-align:center
}

@keyframes slide {
from {
transform:translateX(0)
}

to {
transform:translateX(-100%)
}
}

.logos {
overflow:hidden;
padding:55px 0;
background:#fff;
white-space:nowrap;
position:relative;
margin-top:3%
}

.logos:before,.logos:after {
position:absolute;
top:0;
width:250px;
height:100%;
content:"";
z-index:2
}

.logos:hover .logos-slide {
animation-play-state:paused
}

.logos-slide {
display:inline-block;
animation:35s slide infinite linear
}

.logos-slide img {
height:200px;
width:200px;
margin:0 25px
}

.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link.active {
color:#e30a23
}

.model-buttons {
display:flex;
gap:10px;
flex-wrap:wrap
}

.model-btn {
color:#fff;
border:none;
padding:10px 20px;
border-radius:10px;
font-size:15px;
cursor:pointer;
margin-bottom:7px;
margin-right:7px;
transition:background-color .3s ease,transform .2s ease;
background-color:#0006;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
box-shadow:0 4px 6px #0000004d
}

.model-btn:hover {
color:#fff;
background-color:#e30a23cc;
transform:scale(1.05)
}

.filter-form {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
background:#fff;
padding:30px;
border-radius:10px;
max-width:500px;
margin:auto;
margin-bottom:0;
box-shadow:0 4px 10px #0000001a
}

.form-group {
position:relative
}

label {
display:block;
margin-bottom:5px;
font-weight:500
}

input[type="text"],input[type="number"] {
width:100%;
padding:10px;
border:1px solid #ccc;
border-radius:6px;
font-size:14px
}

.price-dropdown {
position:absolute;
top:72px;
left:50%;
width:50%;
background:#fff;
padding:15px;
border:1px solid #ccc;
border-radius:8px;
box-shadow:0 4px 10px #0000001a;
display:none;
z-index:100
}

.price-group:focus-within .price-dropdown {
display:block
}

.price-dropdown input {
width:100%;
margin-bottom:10px
}

.form-actions {
grid-column:span 2;
text-align:center
}

.btn-search {
background:#e30613;
color:#fff;
padding:12px 25px;
border:none;
border-radius:6px;
font-size:13px;
cursor:pointer
}

.btn-search:hover {
background:#c20010
}

@media (min-width: 992px) {
.model-buttons {
flex-direction:row
}
}

@media (min-width: 1200px) {
.owl-nav {
display:flex!important
}
}

.fact_background {
background-image:url(/static/img/bmw1.webp);
background-repeat:no-repeat;
background-size:cover;
background-attachment:scroll!important;
overflow-y:auto;
scroll-behavior:smooth
}

.btn-touch {
display:inline-flex;
align-items:center;
justify-content:center;
padding:.75rem 1.25rem;
min-width:44px;
min-height:44px;
border-radius:999px;
font-size:1rem;
line-height:1.2;
gap:6px;
margin:0 .4rem;
cursor:pointer;
text-decoration:none;
border:none;
background-color:#e30a23;
color:#fff;
position:relative;
touch-action:manipulation;
transition:transform .15s ease
}

.btn-touch:hover {
filter:brightness(1.05);
color:#e0e0e0;
transform:scale(1.02)
}

.btn-touch:focus-visible {
outline:3px solid #ffd54f;
outline-offset:2px
}