@charset "UTF-8";
@font-face {
  font-family: "Eurostile";
  src: url("../fonts/EurostileRegular.woff2") format("woff2"), url("../fonts/EurostileRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  font-size: 16px;
}
@media (max-width: 1539px) {
  html {
    font-size: 13.8px;
  }
}
@media (max-width: 1339px) {
  html {
    font-size: 11.9px;
  }
}
@media (max-width: 1179px) {
  html {
    font-size: 13px;
  }
}
@media (max-width: 1023px) {
  html {
    font-size: 16px;
  }
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove focus outline when clicking */
*:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* Keep focus styles when using Tab (keyboard navigation) */
*:focus-visible {
  outline: 2px solid #0073aa !important;
  -webkit-box-shadow: 0 0 5px rgba(0, 115, 170, 0.5) !important;
          box-shadow: 0 0 5px rgba(0, 115, 170, 0.5) !important;
  outline-radius: 4px !important;
  -moz-outline-radius: 4px !important;
}

main {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a, button, input[type=submit] {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  letter-spacing: -0.01em;
}

li {
  letter-spacing: -0.01em;
}

.container, .grid-container, .alignwide, .is-layout-constrained > .alignwide {
  width: 100%;
  max-width: 96.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .container, .grid-container, .alignwide, .is-layout-constrained > .alignwide {
    max-width: 46.25rem;
  }
}
@media (max-width: 767px) {
  .container, .grid-container, .alignwide, .is-layout-constrained > .alignwide {
    max-width: 37.5rem;
  }
}
@media (max-width: 639px) {
  .container, .grid-container, .alignwide, .is-layout-constrained > .alignwide {
    max-width: 30rem;
  }
}

.d-none {
  display: none;
}

.text-center {
  text-align: center;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.row > div {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.col-12 {
  width: 100%;
}

.col-6 {
  width: 50%;
}
@media (max-width: 1023px) {
  .col-6 {
    width: 100%;
  }
}

.col-4 {
  width: 33.33%;
}
@media (max-width: 1023px) {
  .col-4 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .col-4 {
    width: 100%;
  }
}

.col-3 {
  width: 25%;
}
@media (max-width: 1023px) {
  .col-3 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .col-3 {
    width: 100%;
  }
}

.overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
}
.overlay-link:focus-visible {
  outline-offset: -2px;
  border-radius: 1.25rem;
}

.overlay-link {
  position: absolute;
  font-size: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

blockquote {
  margin: 0;
  background: #F6F6F6;
  font-size: 1.625rem;
  line-height: 1.4em;
  font-weight: normal;
  padding: 1.6875rem 2.375rem;
  border-left: 0.375rem solid #AD0303;
  margin: 0 0 1.875rem;
}
blockquote p:last-child {
  margin: 0;
}

.wp-block-image {
  margin: 0 0 1.875rem;
}

ul.wp-block-list {
  padding: 0 0 0 1.5rem;
  margin: 0 0 1.25rem;
}
ul.wp-block-list li {
  margin: 0 0 0.3125rem;
}

ol.wp-block-list {
  padding: 0 0 0 1.5rem;
  margin: 0 0 1.25rem;
}
ol.wp-block-list li {
  margin: 0 0 0.3125rem;
}

body:not(.wp-admin) {
  color: #000000;
  font-family: "Eurostile", sans-serif;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0;
}
@media (max-width: 1023px) {
  body:not(.wp-admin) {
    font-size: 1rem;
  }
}

body {
  font-family: "Eurostile", sans-serif;
}
body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body p, body li {
  font-family: "Eurostile", sans-serif;
}

p {
  margin: 0 0 1.25rem;
  letter-spacing: -0.01em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal;
  margin: 0 0 1.25rem;
}

h1, .h1 {
  font-size: 2.5rem;
  line-height: 0.975em;
  letter-spacing: -0.02em;
}
@media (max-width: 1023px) {
  h1, .h1 {
    font-size: 2.375rem;
  }
}
@media (max-width: 767px) {
  h1, .h1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 639px) {
  h1, .h1 {
    font-size: 2.125rem;
  }
}

h2, .h2 {
  font-size: 2.25rem;
  line-height: 1.08em;
  letter-spacing: -0.01em;
}
@media (max-width: 1023px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  h2, .h2 {
    font-size: 1.875rem;
  }
}
@media (max-width: 639px) {
  h2, .h2 {
    font-size: 1.875rem;
  }
}

h3, .h3 {
  font-size: 2.125rem;
  line-height: 1.08em;
  letter-spacing: -0.01em;
}
@media (max-width: 1023px) {
  h3, .h3 {
    font-size: 1.875rem;
  }
}
@media (max-width: 767px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}
@media (max-width: 639px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: 2rem;
  line-height: 1.08em;
  letter-spacing: -0.01em;
}
@media (max-width: 1023px) {
  h4, .h4 {
    font-size: 1.75rem;
  }
}
@media (max-width: 767px) {
  h4, .h4 {
    font-size: 1.6875rem;
  }
}
@media (max-width: 639px) {
  h4, .h4 {
    font-size: 1.625rem;
  }
}

h5, .h5 {
  font-size: 1.875rem;
  line-height: 1.2em;
}
@media (max-width: 1023px) {
  h5, .h5 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  h5, .h5 {
    font-size: 1.5rem;
  }
}

h6, .h6 {
  font-size: 1.75rem;
  line-height: 1.2em;
}
@media (max-width: 1023px) {
  h6, .h6 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  h6, .h6 {
    font-size: 1.375rem;
  }
}

.btn {
  font-size: 1rem;
  background: #AD0303;
  color: #FFFFFF;
  padding: 0.75rem 1.5625rem;
  border-radius: 0.4375rem;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
  line-height: normal;
  text-decoration: none;
  font-family: "Eurostile", sans-serif;
}
.btn:hover {
  background: #7b0202;
  color: #FFFFFF;
}
.btn:focus-visible {
  outline: 2px solid #000000;
  outline-offset: -2px;
}

button, input, select, textarea {
  font-family: "Eurostile", sans-serif;
}

.main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5rem;
  padding: 0;
  margin: 0;
}
@media (max-width: 1023px) {
  .main-menu {
    gap: 0rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.main-menu li {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 1023px) {
  .main-menu > li {
    width: 100%;
    border-bottom: 0.0625rem solid #E5E5E5;
  }
}
.main-menu > li > a {
  font-size: 0.8125rem;
  text-align: center;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  line-height: normal;
  gap: 0.375rem;
  padding: 1.875rem 0;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .main-menu > li > a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0.625rem;
    padding: 1.25rem 1.25rem;
  }
}
.main-menu > li > a.active {
  color: #AD0303;
}
.main-menu > li > a.active span img {
  -webkit-filter: invert(0) brightness(1);
          filter: invert(0) brightness(1);
}
.main-menu > li > a span img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-filter: invert(1) brightness(0);
          filter: invert(1) brightness(0);
  width: auto;
  height: 1.625rem;
}
@media (max-width: 1023px) {
  .main-menu > li > a span img {
    height: 1.25rem;
  }
}
.main-menu > li:hover > a, .main-menu > li.current-menu-item > a {
  color: #AD0303;
}
.main-menu > li:hover > a span img, .main-menu > li.current-menu-item > a span img {
  -webkit-filter: invert(0) brightness(1);
          filter: invert(0) brightness(1);
}

main {
  position: relative;
}

.sub-menu__heading-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #FFFFFF;
  margin: 0 0 1.25rem;
}
.sub-menu__heading-close label {
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .sub-menu__heading-close label {
    font-size: 1rem;
  }
}
.sub-menu__heading-close .sub-menu__close {
  cursor: pointer;
  padding: 0.5rem 0.75rem;
  margin: 0;
  border: 0.0625rem solid #FFFFFF;
  font-size: 0.875rem;
  position: relative;
  background: none;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  letter-spacing: 0.12em;
  border-radius: 1.25rem;
}
.sub-menu__heading-close .sub-menu__close:hover {
  background: #AD0303;
  border-color: #AD0303;
}

.home .sub-menu-cover {
  top: 30.625rem;
}
@media (max-width: 1023px) {
  .home .sub-menu-cover {
    top: 19.6875rem;
  }
}
@media (max-width: 767px) {
  .home .sub-menu-cover {
    top: 24.0625rem;
    width: 100%;
  }
}
.home .sub-menu-cover {
  position: absolute;
}

.sub-menu-cover {
  position: fixed;
  height: calc(100vh - 6.5625rem);
  z-index: 9;
}
@media (max-width: 1023px) {
  .sub-menu-cover {
    height: calc(100vh - 3.75rem);
  }
}
@media (max-width: 767px) {
  .sub-menu-cover {
    height: auto;
  }
}

.sub-menu-item {
  position: absolute;
  top: 0;
  left: -27.3125rem;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  visibility: hidden;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1023px) {
  .sub-menu-item {
    left: -21.875rem;
  }
}
@media (max-width: 767px) {
  .sub-menu-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    bottom: auto;
    left: 0;
    height: auto;
  }
}
.sub-menu-item.active {
  visibility: visible;
  opacity: 1;
  left: 0;
}
.sub-menu-item__lh-bg {
  width: 27.3125rem;
  background: #000000;
  padding: 2.5rem;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 1023px) {
  .sub-menu-item__lh-bg {
    padding: 1.25rem;
    width: 21.875rem;
  }
}
@media (max-width: 767px) {
  .sub-menu-item__lh-bg {
    width: 100%;
  }
}
.sub-menu-item__rh-bg {
  width: calc(100% - 27.3125rem);
  background: #FFFFFF;
  padding: 2.5rem 6.25rem;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 1179px) {
  .sub-menu-item__rh-bg {
    padding: 1.25rem 1.875rem;
  }
}
@media (max-width: 1023px) {
  .sub-menu-item__rh-bg {
    width: calc(100% - 21.875rem);
  }
}
@media (max-width: 767px) {
  .sub-menu-item__rh-bg {
    width: 100%;
    height: auto;
    padding: 1.25rem;
    overflow: auto;
    max-height: none;
  }
}
.sub-menu-item__rh-bg > label {
  font-size: 1.375rem;
  display: block;
  margin: 0 0 1.25rem;
}
@media (max-width: 1023px) {
  .sub-menu-item__rh-bg > label {
    font-size: 1.125rem;
  }
}
.sub-menu-item .clear-all {
  padding: 0;
  border: 0;
  background: none;
  color: #FFFFFF;
  font-size: 1rem;
  cursor: pointer;
}
.sub-menu-item .clear-all:hover {
  color: #AD0303;
}

.manufacturers__clear-selection {
  text-align: right;
  padding: 0 0 1.25rem;
}

.manufacturers__list--cover {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.9375rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.9375rem;
}
@media (max-width: 767px) {
  .manufacturers__list--cover {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 639px) {
  .manufacturers__list--cover {
    gap: 0.625rem;
    -ms-grid-columns: 1fr 0.625rem 1fr 0.625rem 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}
.manufacturers__list--item {
  height: 7.25rem;
  border: 0.1875rem solid #FFFFFF;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 0.625rem;
}
@media (max-width: 1023px) {
  .manufacturers__list--item {
    height: 5.625rem;
  }
}
.manufacturers__list--item img {
  max-width: 6.25rem;
  max-height: 4.625rem;
}
@media (max-width: 1023px) {
  .manufacturers__list--item img {
    max-width: 5rem;
    max-height: 3.75rem;
  }
}
@media (max-width: 639px) {
  .manufacturers__list--item img {
    max-width: 3.75rem;
    max-height: 3.125rem;
  }
}
.manufacturers__list--item.active {
  border-color: #AD0303;
}
.manufacturers__list--item.active:hover {
  border-color: #AD0303;
}
.manufacturers__list--item.not-highlighted {
  opacity: 0.4;
}
.manufacturers__list--item:hover {
  border-color: rgba(0, 0, 0, 0.3);
}

.trendint__list--cover .car-list-item {
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.3);
}
.trendint__list--cover .car-list-item .view-counter {
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
}
.trendint__list--cover .car-list-item .view-counter img {
  -webkit-filter: invert(1);
          filter: invert(1);
  opacity: 0.5;
}

.contact-info__list--cover .contact-info__item {
  font-size: 1.375rem;
  margin: 0 0 3.125rem;
}
.contact-info__list--cover .contact-info__item a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  margin-bottom: 1.25rem;
}
.contact-info__list--cover .contact-info__item a:hover, .contact-info__list--cover .contact-info__item a.active {
  color: #AD0303;
}
.contact-info__list--cover .contect-info__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
  font-size: 1.5rem;
  color: #FFFFFF;
  margin: 0 0 1.25rem;
}

.form-block .search-form__row {
  margin: 0 0 1.25rem;
}
@media (max-width: 767px) {
  .form-block .search-form__row {
    margin-bottom: 0.9375rem;
  }
}
.form-block .search-form__row label {
  color: #FFFFFF;
  font-size: 1rem;
  display: block;
  line-height: 1em;
  margin-bottom: 0.375rem;
}
.form-block .search-form__row input, .form-block .search-form__row select {
  border: 0.0625rem solid #FFFFFF;
  color: #FFFFFF;
  width: 100%;
  background: none;
  height: 2.5rem;
  border-radius: 0.5rem;
  padding: 0 0.9375rem;
  font-size: 1rem;
}
.form-block .search-form__row input::focus, .form-block .search-form__row select::focus {
  background: none;
}
.form-block .search-form__row input option, .form-block .search-form__row select option {
  color: #000000;
}
.form-block .search-form__row select {
  padding: 0 0.6875rem;
}
.form-block .search-form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.car-clubs__filter-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.875rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
}
@media (max-width: 1023px) {
  .car-clubs__filter-list {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}

.car-clubs__filter-item {
  border: 0.0625rem solid #C1C1C1;
  padding: 1.875rem;
  border-radius: 0.625rem;
  font-size: 1.125rem;
  line-height: 1.45em;
}
@media (max-width: 1023px) {
  .car-clubs__filter-item {
    padding: 1.25rem;
    font-size: 1rem;
    border-radius: 0.4375rem;
  }
}
.car-clubs__filter-item h3, .car-clubs__filter-item .h3 {
  font-size: 1.75rem;
  margin: 0 0 1.5625rem;
}
@media (max-width: 1023px) {
  .car-clubs__filter-item h3, .car-clubs__filter-item .h3 {
    font-size: 1.375rem;
    margin: 0 0 0.9375rem;
  }
}
.car-clubs__filter-item .content-dtl-list {
  padding: 0;
  margin: 0 0 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.9375rem;
}
.car-clubs__filter-item .content-dtl-list li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
}
@media (max-width: 1179px) {
  .car-clubs__filter-item .content-dtl-list li {
    gap: 0.625rem;
  }
}
.car-clubs__filter-item .content-dtl-list li span {
  width: 1.125rem;
  padding-top: 0.25rem;
}
.car-clubs__filter-item .content-dtl-list li a {
  color: #000000;
  text-decoration: none;
}
.car-clubs__filter-item .car-clubs__country-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1179px) {
  .car-clubs__filter-item .car-clubs__country-type {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.25rem;
  }
}
@media (max-width: 1179px) and (max-width: 1179px) {
  .car-clubs__filter-item .car-clubs__country-type {
    gap: 0.625rem;
  }
}
.car-clubs__filter-item .car-clubs__country-type .car-clubs__country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40%;
  gap: 0.9375rem;
}
@media (max-width: 1179px) {
  .car-clubs__filter-item .car-clubs__country-type .car-clubs__country {
    width: 100%;
    gap: 0.625rem;
  }
}
.car-clubs__filter-item .car-clubs__country-type .car-clubs__country span {
  width: 2.5rem;
}
@media (max-width: 1023px) {
  .car-clubs__filter-item .car-clubs__country-type .car-clubs__country span {
    width: 1.875rem;
  }
}

.login-signup__form-cover .search-form__row a {
  color: #FFFFFF;
  text-decoration: none;
}
.login-signup__form-cover .search-form__row a:hover {
  color: #AD0303;
}
.login-signup__form-cover .search-form__submit .btn {
  width: 100%;
}
.login-signup__form-cover .login-signup__form-bottom-text {
  text-align: center;
  padding: 1.25rem 0 0;
}
.login-signup__form-cover .login-signup__form-bottom-text p {
  color: #FFFFFF;
  margin: 0;
}
.login-signup__form-cover .login-signup__form-bottom-text p a {
  color: #AD0303;
  text-decoration: none;
}
.login-signup__form-cover .login-signup__form-bottom-text p a:hover {
  text-decoration: underline;
}

.login-signup-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  align-items: center;
  margin: 0 0 1.25rem;
}
.login-signup-btns__midd {
  border: 0.0625rem solid #FFFFFF;
  padding: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1.875rem;
}
.login-signup-btns__midd .loginsignup-btn {
  background: none;
  color: #FFFFFF;
  border: 0;
  font-size: 1rem;
  cursor: pointer;
  font-size: 1rem;
  background: #AD0303;
  color: #FFFFFF;
  padding: 0.75rem 1.5625rem;
  border-radius: 0.4375rem;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
  line-height: normal;
  text-decoration: none;
  font-family: "Eurostile", sans-serif;
  border-radius: 1.875rem;
  background: transparent;
}
.login-signup-btns__midd .loginsignup-btn:hover {
  background: #7b0202;
  color: #FFFFFF;
}
.login-signup-btns__midd .loginsignup-btn:focus-visible {
  outline: 2px solid #000000;
  outline-offset: -2px;
}
.login-signup-btns__midd .loginsignup-btn:hover {
  background: transparent;
}
.login-signup-btns__midd .loginsignup-btn.btn {
  font-size: 1rem;
  background: #AD0303;
  color: #FFFFFF;
  padding: 0.75rem 1.5625rem;
  border-radius: 0.4375rem;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
  line-height: normal;
  text-decoration: none;
  font-family: "Eurostile", sans-serif;
  border-radius: 1.875rem;
}
.login-signup-btns__midd .loginsignup-btn.btn:hover {
  background: #7b0202;
  color: #FFFFFF;
}
.login-signup-btns__midd .loginsignup-btn.btn:focus-visible {
  outline: 2px solid #000000;
  outline-offset: -2px;
}
.login-signup-btns__midd .loginsignup-btn.btn:hover {
  background: #AD0303;
}

#menu-car-clubs {
  width: 100vw;
  bottom: 0;
}
@media (max-width: 767px) {
  #menu-car-clubs {
    bottom: auto;
    height: 100vh;
    overflow: auto;
    height: calc(100vh - 3.75rem);
  }
}

.login-message, .register-message {
  line-height: normal;
  padding-top: 1.25rem;
}
.login-message .success, .register-message .success {
  color: green;
}
.login-message .success a, .register-message .success a {
  color: green;
  text-decoration: underline;
}
.login-message .success a:hover, .register-message .success a:hover {
  text-decoration: underline;
}
.login-message .error, .register-message .error {
  color: #AD0303;
}
.login-message .error a, .register-message .error a {
  color: #AD0303;
  text-decoration: underline;
}
.login-message .error a:hover, .register-message .error a:hover {
  text-decoration: underline;
}

.admin-bar .site-header {
  top: 2rem;
}
@media screen and (max-width: 782px) {
  .admin-bar .site-header {
    top: 2.875rem;
  }
}
.admin-bar .sub-menu__heading-close {
  margin-top: 2rem;
}
@media screen and (max-width: 782px) {
  .admin-bar .sub-menu__heading-close {
    margin-top: 2.875rem;
  }
}

.site-header {
  position: fixed;
  background: #FFFFFF;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  .site-header {
    padding: 0.9375rem 0;
  }
}
.site-header__logo {
  width: 11.9375rem;
}
@media (max-width: 1023px) {
  .site-header__logo {
    width: 9.375rem;
  }
}
.site-header__logo img, .site-header__logo a {
  display: block;
}
.site-header__language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1.25rem;
  width: 11.9375rem;
}
@media (max-width: 1023px) {
  .site-header__language {
    width: 7.5rem;
  }
}
.site-header__language .steering-link {
  width: 2rem;
}
@media (max-width: 1023px) {
  .site-header__language .steering-link {
    width: 1.5rem;
  }
}
.site-header__language .steering-link img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-filter: invert(1) brightness(0);
          filter: invert(1) brightness(0);
}
.site-header__language .steering-link:hover img {
  -webkit-filter: invert(0) brightness(1);
          filter: invert(0) brightness(1);
}
.site-header__language .language-link {
  width: 2.25rem;
}
@media (max-width: 1023px) {
  .site-header__language .language-link {
    width: 1.5rem;
  }
}
@media (max-width: 1023px) {
  .site-header__menu {
    position: absolute;
    top: 100%;
    width: 100%;
    background: #FFFFFF;
    left: 0;
    padding: 0;
    display: none;
  }
}
.site-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin: 0 auto;
}
@media (max-width: 1539px) {
  .site-header .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.menu-button {
  position: relative;
  display: none;
  width: 1.875rem;
  height: 1.25rem;
  padding: 0;
  border: 0;
  background: none;
}
@media (max-width: 1023px) {
  .menu-button {
    display: inline-block;
  }
}
.menu-button span {
  height: 0.0625rem;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.menu-button span:nth-child(1) {
  top: 0rem;
}
.menu-button span:nth-child(2) {
  top: 0.59375rem;
}
.menu-button span:nth-child(3) {
  top: 1.1875rem;
}
.menu-button.active span:nth-child(1) {
  top: 0.5625rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.menu-button.active span:nth-child(2) {
  opacity: 0;
}
.menu-button.active span:nth-child(3) {
  top: 0.5625rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.site-footer {
  background: #000000;
  color: #FFFFFF;
}
.site-footer__top {
  padding: 2.5rem 0 3.125rem;
}
.site-footer__top .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1023px) {
  .site-footer__top .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2.5rem;
  }
}
.site-footer__bottom {
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
  padding: 1.25rem 0;
  text-align: center;
  font-size: 0.875rem;
}
.site-footer__logo {
  width: 11.125rem;
  margin: 0 0 1.875rem;
}
@media (max-width: 767px) {
  .site-footer__logo {
    margin: 0 auto 1.875rem;
  }
}
.site-footer a {
  color: #FFFFFF;
}
.site-footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 1.875rem;
}
@media (max-width: 767px) {
  .site-footer__social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.site-footer__social li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.site-footer__social li img {
  width: auto;
  height: 1.375rem;
}
.site-footer__lh {
  width: auto;
}
@media (max-width: 1023px) {
  .site-footer__lh {
    width: 100%;
  }
}
.site-footer__rh {
  width: 69%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.25rem 1fr 1.25rem 1fr 1.25rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 1023px) {
  .site-footer__rh {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .site-footer__rh {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
  }
}
.site-footer__menu label {
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  display: block;
  margin: 0 0 1.25rem;
}
@media (max-width: 1023px) {
  .site-footer__menu label {
    font-size: 1.125rem;
  }
}
.site-footer__menu ul:not(.site-footer__visitors) {
  padding: 0;
  margin: 0;
  list-style: none;
}
.site-footer__menu ul:not(.site-footer__visitors) li {
  padding: 0 0 0.625rem;
}
.site-footer__menu ul:not(.site-footer__visitors) li a {
  text-decoration: none;
}
.site-footer__menu ul:not(.site-footer__visitors) li a:hover {
  color: #AD0303;
}
.site-footer__menu--visitors {
  text-align: center;
}
.site-footer__visitors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.0625rem;
  padding: 0;
  margin: 0 0 0.625rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.site-footer__visitors li {
  padding: 0 0.125rem;
  margin: 0;
  list-style: none;
  line-height: 1.5625rem;
  font-size: 1.25rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 100%);
  min-width: 1.0625rem;
  text-align: center;
}

.la-benzina-logo {
  text-align: center;
  padding: 5rem 0;
}
@media (max-width: 1023px) {
  .la-benzina-logo {
    padding: 2.5rem 0;
  }
}
.la-benzina-logo img {
  display: inline-block;
  vertical-align: top;
  width: 29.6875rem;
}
@media (max-width: 1023px) {
  .la-benzina-logo img {
    width: 18.75rem;
  }
}

.car-listing-block__cover {
  padding-bottom: 6.25rem;
}
.car-listing-block__cover .row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4.25rem 1fr 4.25rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 4.25rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .car-listing-block__cover .row {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 0rem;
  }
}
.car-listing-block__cover .row > div {
  width: 100%;
  padding: 0;
}

.car-list-item {
  border-bottom: 0.0625rem solid #E5E5E5;
  display: block;
  padding: 1.1875rem 0;
  text-decoration: none;
  color: #000000;
}
@media (max-width: 1023px) {
  .car-list-item {
    padding: 0.625rem 0;
  }
}
.car-list-item:hover p {
  color: #AD0303;
}
.car-list-item--with-img {
  padding: 2.5rem 0 1.1875rem;
  margin-bottom: 0rem;
  border-bottom: 0;
}
.car-list-item--with-img:first-child {
  padding-top: 1.5625rem;
}
.car-list-item__img {
  width: 100%;
  height: 0;
  padding: 0 0 69%;
  margin: 0 0 1.1875rem;
  position: relative;
}
.car-list-item__img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.car-list-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-list-item p {
  margin: 0 0 0.3125rem;
  line-height: 1.5em;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .car-list-item p {
    line-height: 1.3em;
  }
}
.car-list-item .portal-name {
  font-size: 0.8125rem;
  color: #757575;
}
.car-list-item .view-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
  background: rgba(0, 0, 0, 0.1);
  padding: 0.375rem 0.625rem;
  line-height: normal;
  border-radius: 1.5625rem;
  font-size: 0.8125rem;
}

.car-list-item.highlighted p {
  color: #AD0303;
}
.car-list-item.highlighted .portal-name {
  color: #000000;
}
.car-list-item.not-highlighted {
  opacity: 0.4;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.car-list-item.not-highlighted:hover {
  opacity: 0.5;
}

.landing-hero {
  height: 25rem;
  position: relative;
}
@media (max-width: 1023px) {
  .landing-hero {
    height: 15.625rem;
  }
}
.landing-hero img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.countdown-bar {
  background: #000000;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .countdown-bar {
    padding: 0.9375rem 0;
  }
}
.countdown-bar .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.3125rem;
}
@media (max-width: 1023px) {
  .countdown-bar .container {
    gap: 1.25rem;
  }
}

.countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.8125rem 0;
}
@media (max-width: 1023px) {
  .countdown {
    padding: 0.625rem 0;
  }
}
@media (max-width: 767px) {
  .countdown {
    width: 100%;
    padding: 0;
  }
}
.countdown .time-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: normal;
  padding: 0 1.25rem;
  gap: 0.6875rem;
  border-left: 0.0625rem solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 1023px) {
  .countdown .time-box {
    padding: 0 0.625rem;
    gap: 0.3125rem;
  }
}
.countdown .time-box:first-child {
  border-left: none;
}
.countdown .time-box .num {
  font-size: 2.5rem;
}
@media (max-width: 1023px) {
  .countdown .time-box .num {
    font-size: 1.875rem;
  }
}
.countdown .time-box small {
  font-size: 0.8125rem;
}
@media (max-width: 1023px) {
  .countdown .time-box small {
    font-size: 0.625rem;
  }
}

.my-account__section {
  padding: 5rem 0;
}
.my-account__section h1 {
  margin: 0 0 2.5rem;
}
.my-account__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.875rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
}
@media (max-width: 1023px) {
  .my-account__inner {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.my-account__inner .form-block > p {
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .my-account__inner .form-block > p {
    font-size: 1rem;
  }
}
.my-account__inner .form-block label {
  color: #000000;
}
.my-account__inner .form-block input, .my-account__inner .form-block select, .my-account__inner .form-block textarea {
  color: #000000;
  border-color: #DBDBDB;
}
.my-account__inner .form-block input option, .my-account__inner .form-block select option, .my-account__inner .form-block textarea option {
  color: #000000;
}
.my-account__inner .form-block .btn {
  color: #FFFFFF;
}
.my-account__block {
  padding: 1.875rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0.25rem 0.3125rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.25rem 0.3125rem rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .my-account__block {
    padding: 1.25rem;
  }
}
.my-account__block--head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.2);
  padding: 0 0 0.9375rem;
  margin: 0 0 1.25rem;
}
.my-account__block--head h2 {
  font-size: 1.5rem;
  margin: 0;
}
@media (max-width: 767px) {
  .my-account__block--head h2 {
    font-size: 1.25rem;
  }
}
.my-account__block--head .edit-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
  color: #AD0303;
  text-decoration: none;
}

.notification-options {
  border: 0.0625rem solid rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  padding: 0 1.25rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .notification-options {
    padding: 0 0.625rem;
  }
}
.notification-options__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.0625rem 0;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .notification-options__row {
    padding: 0.625rem 0;
  }
}
.notification-options__row:last-child {
  border-bottom: 0;
}
.notification-options__lh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.notification-options__lh img {
  -webkit-filter: invert(1) brightness(0);
          filter: invert(1) brightness(0);
  width: 1.25rem;
}

.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 26px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.slider::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.switch input:checked + .slider {
  background-color: #AD0303;
}

.switch input:checked + .slider::before {
  -webkit-transform: translateX(22px);
          transform: translateX(22px);
}

.slider.round {
  border-radius: 34px;
}
.slider.round::before {
  border-radius: 50%;
}

.my-account__left, .my-account__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.875rem;
}

.manufacturer-search__input input {
  width: 100%;
  padding: 0.625rem 0.9375rem 0.625rem 2.625rem;
  height: 2.5rem;
  border: 0.0625rem solid #DBDBDB;
  border-radius: 0.5rem;
  font-size: 1rem;
  height: 2.5rem;
  background: url(../images/svg/search-block.svg) no-repeat center left 0.9375rem;
  background-size: 1rem;
}

.manufacturer-search__input {
  margin-bottom: 1.25rem;
}
.manufacturer-search__result {
  max-height: 17.6875rem;
  overflow: auto;
  margin: 0 0 1.25rem;
}
.manufacturer-search__result-list {
  padding: 0;
  margin: 0;
}
.manufacturer-search__result-list li {
  padding: 0.3125rem 0.9375rem;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1);
}
.manufacturer-search__logo-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.manufacturer-search__logo {
  width: 1.875rem;
  height: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.manufacturer-search__logo img {
  max-width: 100%;
  max-height: 100%;
}

.summary-preferences-block ul {
  padding: 0;
  margin: 0 0 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3125rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.summary-preferences-block ul:last-child {
  margin: 0;
}
.summary-preferences-block ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: normal;
}
@media (max-width: 767px) {
  .summary-preferences-block ul li {
    width: 100%;
  }
}
.summary-preferences-block ul li.selected-item {
  padding: 0.3125rem 0.9375rem;
  font-size: 0.875rem;
  border-radius: 1.25rem;
  background: rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .summary-preferences-block ul li.selected-item {
    width: auto;
  }
}

.error-404 {
  padding: 6.25rem 0;
}
.error-404 h1 {
  font-size: 12.5rem;
  margin: 0 0 1.25rem;
}
@media (max-width: 767px) {
  .error-404 h1 {
    font-size: 9.375rem;
  }
}
@media (max-width: 639px) {
  .error-404 h1 {
    font-size: 7.5rem;
  }
}
.error-404 h1 span {
  color: #AD0303;
}
.error-404 p {
  font-size: 1.5rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .error-404 p {
    font-size: 1.25rem;
  }
}
@media (max-width: 639px) {
  .error-404 p {
    font-size: 1.125rem;
  }
}

.featured-auctions-banner {
  position: relative;
  background: #000;
  padding: 40px 0px;
  margin-bottom: 0px;
}
.featured-auctions-banner .swiper-pagination {
  position: relative;
  bottom: 0 !important;
}
.featured-auctions-banner .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.featured-auctions-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #AD0303;
}
.featured-auctions-banner .swiper-button-prev, .featured-auctions-banner .swiper-button-next {
  width: 30px;
  height: 30px;
}
.featured-auctions-banner .swiper-button-prev svg path, .featured-auctions-banner .swiper-button-next svg path {
  fill: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.featured-auctions-banner .swiper-button-prev:hover svg path, .featured-auctions-banner .swiper-button-next:hover svg path {
  fill: #FFFFFF;
}
.featured-auctions-banner .auction-grid {
  max-width: 100%;
  margin: 0 auto 30px;
}
.featured-auctions-banner .auction-item {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  margin: 10px 0;
}
.featured-auctions-banner .auction-item:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.featured-auctions-banner .auction-item:hover .auction-image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.featured-auctions-banner .auction-item.expired {
  display: none;
}
.featured-auctions-banner .auction-item.loading {
  opacity: 0.6;
  pointer-events: none;
}
.featured-auctions-banner .auction-item .auction-image {
  width: 100%;
  height: 200px;
  background: #f5f5f5;
  overflow: hidden;
}
.featured-auctions-banner .auction-item .auction-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.featured-auctions-banner .auction-item .auction-details {
  padding: 20px;
}
.featured-auctions-banner .auction-item .auction-details .car-name {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin: 0 0 5px;
  line-height: 1.3;
}
.featured-auctions-banner .auction-item .auction-details .auction-meta {
  margin-bottom: 12px;
}
.featured-auctions-banner .auction-item .auction-details .auction-meta .location {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #666;
}
.featured-auctions-banner .auction-item .auction-details .auction-bid-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 12px;
  border-top: 1px solid #eee;
}
.featured-auctions-banner .auction-item .auction-details .auction-bid-info .bid-label {
  font-size: 13px;
  color: #666;
  font-weight: 500;
}
.featured-auctions-banner .auction-item .auction-details .auction-bid-info .bid-amount {
  font-size: 15px;
  font-weight: 700;
  color: #000;
}
.featured-auctions-banner .auction-item .auction-details .auction-bid-info .time-remaining {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-left: auto;
  font-size: 13px;
  font-weight: 600;
  color: #e74c3c;
}
.featured-auctions-banner .auction-item .auction-details .auction-bid-info .time-remaining .clock-icon::before {
  content: "⏱";
  font-size: 16px;
}
.featured-auctions-banner .section-title {
  text-align: center;
}
.featured-auctions-banner .section-title h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #fff;
}

span.flag {
  width: 18px;
}

i.clock-icon {
  font-style: normal;
}