/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/
/* Eldrive homepage Aspro banner text/buttons, 2026-07-15. */
.banners-big__inner .btn.btn-default {
    background-color: #1494a0 !important;
    border-color: #1494a0 !important;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff !important;
}
.banners-big__inner .btn.btn-success {
    background-color: #1494a0;
    border-color: #1494a0;
}
.banners-big__inner .btn.btn-success.btn-transparent-bg:not(:hover) {
    background-color: transparent;
    border-color: #1494a0;
    color: #1494a0;
}
.banners-big__inner .btn.btn-success.btn-transparent-bg:hover {
    background-color: #1494a0;
    border-color: #1494a0;
    color: #fff !important;
}
.banners-big__inner .btn.btn-success.btn-transparent-bg {
    box-shadow: none;
}
.banners-big__item .banners-big__text {
    left: 0;
    right: auto;
    max-width: 620px;
    text-align: left;
}
.banners-big__item .banners-big__text-wrapper--row,
.banners-big__item .banners-big__buttons {
    justify-content: flex-start;
    text-align: left;
}
/* Eldrive homepage banner text position fix */
.banners-big__item .banners-big__inner {
    justify-content: flex-start !important;
}

.banners-big__item .banners-big__text {
    max-width: 620px;
    text-align: left;
}

.banners-big__item .banners-big__text-wrapper--row,
.banners-big__item .banners-big__buttons {
    justify-content: flex-start;
    text-align: left;
}

/* Eldrive mobile homepage banners appended 2026-07-31. */
/* Eldrive mobile homepage banners, Aspro adaptive-3 + TABLET_IMAGE. */
@media (max-width: 767px) {
  .banners-big--adaptive-3.banners-big--paddings-32 {
    padding: 0;
  }

  .banners-big--adaptive-3 .main-slider,
  .banners-big--adaptive-3 .main-slider__wrapper,
  .banners-big--adaptive-3 .main-slider__item,
  .banners-big--adaptive-3 .banners-big__item,
  .banners-big--adaptive-3 .banners-big__depend-height {
    height: 540px !important;
    min-height: 540px;
  }

  .banners-big--adaptive-3 .banners-big__item {
    padding-top: 0;
    position: relative;
  }

  .banners-big--adaptive-3 .banners-big__adaptive-img {
    z-index: 1;
    background-size: cover;
    background-position: center bottom;
  }

  .banners-big--adaptive-3 .banners-big__item > .pos-static {
    height: 100%;
    position: relative;
    z-index: 4;
  }

  .banners-big--adaptive-3 .banners-big__inner {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    height: 100%;
    padding: 0 20px;
    position: relative;
    z-index: 5;
  }

  .banners-big--adaptive-3 .banners-big__text {
    align-items: flex-start;
    display: block;
    height: auto;
    max-width: none;
    padding: 96px 0 0 !important;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 6;
  }

  .banners-big--adaptive-3 .banners-big__text > :not(.banners-big__buttons),
  .banners-big--adaptive-3 .main-slider__item:not(.vvideo) .banners-big__buttons {
    display: block;
  }

  .banners-big--adaptive-3 .banners-big__text-wrapper,
  .banners-big--adaptive-3 .banners-big__text-wrapper--row {
    display: block;
    margin: 0;
    width: 100%;
  }

  .banners-big--adaptive-3 .banners-big__title,
  .banners-big--adaptive-3 .banners-big__title h1 {
    font-size: 22px;
    line-height: 1.18;
    max-width: 335px;
    text-align: left;
    width: auto;
  }

  .banners-big--adaptive-3 .banners-big__text-block {
    font-size: 14px;
    line-height: 1.45;
    margin: 12px 0 0 !important;
    max-width: 335px;
    width: auto;
  }

  .banners-big--adaptive-3 .banners-big__buttons {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    margin: 18px 0 0;
    max-width: 335px;
  }

  .banners-big--adaptive-3 .banners-big__buttons-item {
    margin: 0;
  }

  .banners-big--adaptive-3 .banners-big__buttons .btn {
    align-items: center;
    display: inline-flex;
    font-size: 13px;
    height: 44px;
    justify-content: center;
    line-height: 1.2;
    padding: 0 14px;
    white-space: nowrap;
  }

  .banners-big--adaptive-3 .owl-carousel__dots,
  body .banners-big--adaptive-3 .main-slider .owl-carousel__dots {
    bottom: 18px !important;
  }
}

@media (max-width: 390px) {
  .banners-big--adaptive-3 .banners-big__inner {
    padding: 0 16px;
  }

  .banners-big--adaptive-3 .banners-big__text {
    padding-top: 92px !important;
  }

  .banners-big--adaptive-3 .banners-big__title,
  .banners-big--adaptive-3 .banners-big__title h1 {
    font-size: 20px;
    max-width: 318px;
  }

  .banners-big--adaptive-3 .banners-big__text-block,
  .banners-big--adaptive-3 .banners-big__buttons {
    max-width: 318px;
  }

  .banners-big--adaptive-3 .banners-big__buttons .btn {
    font-size: 12px;
    padding: 0 11px;
  }
}
