:root{
  --text-btn: #ffffff;
}
/*hero-slider*/
hero-slider-subtitle span.text-md.md\:text-base.description {
    font-weight: 700;
    font-size: 2rem;
    margin-top: 1rem;
    line-height: 115%;
}
.hero-slider-btn.data-swiper-parallax\= {
    color: #ffffff;
}
/*features*/
section.s-block.s-block--features.angel-features.bg-gray-100.da-bgg.py-8.mask-block {
    background-color: #ffffff;
}

.p--features__item.flex.flex-center.gap-2.px-2.py-3.bg-white.da-bgg.rounded-md {
    box-shadow: 2px 2px 3px #d1d1d1;
}


/*search-filter*/
tire-wrapper.filter-outer {
    background-color: #ffffff !important;
}

tire-wrapper .filter-results, tire-wrapper .filter-image { display:none !important; }

tire-wrapper.filter-outer { display:block; width:100%; }
tire-wrapper .search-wrapper { max-width:1200px; margin:0 auto; }
tire-wrapper .search-filter { margin-top:6px; padding:14px; border-radius:8px; background:#fff; }

tire-wrapper .search-inputs-wrapper { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; align-items:flex-end; }
tire-wrapper .row { min-width:240px; flex:1; position:relative; }

tire-wrapper .filter-dropdown { width:100%; padding:10px; border-radius:4px; border:1px solid #bfbfbf; background:#fff; font-size:15px; text-align:right; color:#333; transition:border .25s ease; }
tire-wrapper .filter-dropdown.active-field { border:2px solid #be1e2d; box-shadow:0 0 6px rgba(190,30,45,.35); }

tire-wrapper .filter-btn { display:flex; justify-content:center; align-items:center; margin-top:16px; position:relative; }
tire-wrapper .filter-btn .btn { padding:10px 20px; border-radius:8px; border:2px solid #be1e2d; background:#be1e2d; color:#ffffff; font-weight:700; display:flex; gap:6px; align-items:center; justify-content:center; cursor:not-allowed; transition:all .25s ease; }
tire-wrapper .filter-btn .btn.btn-active { background:#be1e2d; color:#fff; cursor:pointer; box-shadow:0 6px 18px rgba(190,30,45,.14); }

.note { display:flex; justify-content:center; margin-bottom:6px; opacity:1; transition: all .3s ease; }
.note.opacity-0 { opacity:0; }

.note i { animation: arrowBounce 1s infinite; color:#be1e2d; font-size:1.5rem; }

@keyframes arrowBounce {
  0% { transform: translateY(10px); opacity:1; }
  50% { transform: translateY(0); opacity:1; }
  100% { transform: translateY(0); opacity:1; }
}

@media(max-width:800px){ tire-wrapper .row{ min-width:140px; flex-basis:48%; } }