/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*================ $SECTION STYLE ===============*/

  .section__title {
      font-size: 88px;
      line-height: 90px;
  }

  .section__upper::after {
      margin-top: 30px;

      height: 4px;

      transition: all .6s;
  }

  .section.active .section__upper::after {
      width: calc(50% + 639px);
  }

  .container {
      padding: 0;

      max-width: 1280px;
      margin: 0 auto;
  }

  .mob-hide {
      display: block;
  }

  .desc-hide {
      display: none;
  }
.contacts__map{
    width: 100%;
    height: 362px;
}

  /*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/
  /*_____________________________________________*/




  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*================ $HEADER STYLE ===============*/

  .header-container {
      padding: 30px 0;
  }

  .header-btn.mob_hide {
      display: flex;

      flex-basis: 14%;
  }

  .header__button {
      height: 41px;

      /* font-weight: 700; */
      font-size: 14px;
      text-transform: uppercase;
      line-height: 11px;
  }

  .header__img {
      max-width: 229px;
  }

  .header-info__text {
      font-size: 14px;
      line-height: 13px;
  }

  .header-info__text.bold {
      font-size: 15px;

      font-weight: bold;
  }

  .header__nav {
      display: flex;
      flex-basis: 43%;
      justify-content: space-between;
  }

  .header__nav-link {
      font-size: 13px;
      line-height: 15px;
      font-weight: 400;
      color: var(--color-white);
      text-decoration: none;
  }

  /*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/
  /*_____________________________________________*/

  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*================ $MAIN-BANNER STYLE ===============*/

  .main-banner {
      /* background: url(../img/main-banner_desk.webp)no-repeat; */
      background: url(../img/banners/main-banner_desk-2.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;

      padding: 131px 0 0;
  }

  .main-banner__title {
      font-size: 54px;
      line-height: 56px;

      margin-bottom: 14px;
  }

  .main-banner__sub-title {
      font-size: 28px;
      line-height: 27px;

      margin-bottom: 50px;
  }

  .main-banner__list {
      margin-bottom: 510px;

      gap: 21px;
  }

  .main-banner__list::before {
      content: '';
      width: 100%;
      height: 115%;
      left: -700px;
      top: -15px;
  }

  .main-banner__list-item {
      font-size: 28px;
      line-height: 30px;

      gap: 13px;
  }

  .main-banner__list-item img {
      display: block;
  }

  .main-banner__list-item svg {
      width: 23px;
  }

  .wrapper-utp {
      padding-bottom: 30px;
  }

  /* .main-banner__container {
    position: relative;
  }

  .main-banner__container::before {
    content: '';
    position: absolute;
    width: 100%;
  } */

  .main-banner__button {
      height: 40px;

      flex-basis: 32%;

      font-size: 18px;
      line-height: 20px;
  }

  .main-banner__form {
      flex-basis: 58%;
      align-items: flex-end;
  }

  .main-banner__form-input {
      height: 40px;

      font-size: 14px;
      line-height: 16px;

      padding-left: 22px;
  }

  .main-banner__form-inputs {
      flex-basis: 31%;
  }


  .main-banner__time {
      width: auto;

      margin: 38px 0 0;

      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-direction: row;
  }

  .main-banner form-checkbox {
      flex-basis: 100%;
  }

  .main-banner__time-text {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;

      display: block;
  }

  .main-banner__time-price {
      font-size: 30px;
      line-height: 32px;
  }

  .main-banner__time-action {
      font-size: 30px;
      line-height: 29px;
  }

  .time-count__val {
      font-size: 40px;
      line-height: 42px;
  }

  .time-count__text {
      font-size: 12px;
      line-height: 14px;
  }

  .timer {
      flex-basis: 32%;
      width: 100%;
      margin: 0;

      display: flex;
  }

  .pie {
      width: 87px;
      height: 87px;

      bottom: -16px;
      left: -24px;
  }

  /*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/
  /*_____________________________________________*/

  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*================ $MODELS STYLE ===============*/

  .models {
      padding: 102px 0 0;
  }

  .models__list {
      width: auto;

      margin: 35px 0 0;

      gap: 80px;
  }

  .models__card {
      display: grid;
      grid-template-areas: "info swiper images"
          "action action action";

      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .models__card-line1 {
      left: calc(-100% + 677px);

      height: 100%;
      width: 100%;

      background-image: linear-gradient(to left, #FFF2E8 0%, #EFCDB3 20%);

      z-index: -1;
  }

  .models__card-line2 {
      width: 194px;
  }

  .models__card-info {
      grid-area: info;
  }

  .models__card-img {
      grid-area: swiper;

      padding-top: 15px;
  }

  .models__card-images {
      grid-area: images;

      margin-top: 0;

      display: grid;
      grid-template-columns: repeat(2, minmax(auto, 1fr));
      width: 274px;
      height: 226px;
  }

  .models__card-action {
      grid-area: action;

      display: flex;
      justify-content: space-between;
      align-items: center;

      margin-top: 0;

      flex-basis: 34%;
  }

  .models__card-list {
      display: flex;
      flex-direction: column;
  }

  .models__card-list.desk_hide {
      display: none;
  }

  .models__card-list.mob_hide {
      display: grid;
  }

  .models__card-list.margin {
      margin-top: 0;
  }

  .models__card-item::before {
      margin-left: 0;

      width: 35px;

      background-position: right;
  }

  .models__card-action-info {
      flex-basis: 100%;

      margin-top: 0;
  }

  .models__card-credit {
      margin: 9px 0 0;

      font-size: 16px;
      line-height: 15px;
  }

  .models__card-credit_big_size {
      font-size: 24px;
      line-height: 23px;
  }

  .models__card-price {
      font-size: 16px;
      line-height: 15px;
  }

  .models__card-price_big_size {
      font-size: 32px;
      line-height: 31px;
  }

  .models__card-btns {
      display: flex;
      flex-direction: column;
      gap: 20px;

      margin-top: 31px;
  }

  .models__card-number.desk_hide {
      display: none;
  }

  .models__card-number.mob_hide {
      display: block;
  }

  .models__card-number {
      text-align: right;

      margin-bottom: 22px;
  }

  .card__img {
      max-width: 508px;
  }


  /* .models__card-head {
      font-size: 133px;
      line-height: 135px;
  } */





  /* models */

  .models-wrapper {
      padding-top: 50px;
  }

  .item-models {
      display: flex;
      text-transform: uppercase;
      justify-content: space-between;
      padding: 0;
      padding-bottom: 35px;
  }

  .item-models::before {
      width: 100%;
      height: 350px;
      left: -630px;
      bottom: auto;
      top: 0;
      background-image: linear-gradient(to right, #EFCDB3 55%, #FFF2E8 70%);
  }

  .item-models:nth-child(even) {
      flex-direction: row-reverse;
      margin-right: -40px;
  }
  .item-models:nth-child(odd){
    margin-right: -40px;
  }

  .item-models:nth-child(even)::before {
      left: auto;
      right: -630px;
      background-image: linear-gradient(to left, #EFCDB3 55%, #FFF2E8 70%);
  }

  .left-item-models {
      padding-top: 25px;
      max-width: 550px;
  }


  .wrapper-title-n-stock {
      gap: 10px;
  }

  .models__card-head {
      font-size: 100px;
      line-height: 80px;
      margin: 0;
      color: #BF906C;
      transform: skew(-10deg, 0deg);
  }

  .models-car-in-stock {
      font-size: 16px;
      width: 200px;
  }

  .wrapper-benefits-model {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      max-width: 400px;
      gap: 0 20px;
      height: 75px;
      padding-left: 15px;
  }

  .item-benefits-model {
      display: flex;
      align-items: center;
      gap: 5px;
      font-size: 12px;

  }

  .item-benefits-model svg {
      width: 20px;
  }

  .wrapper-price-n-btn-models.mob-hide {
      display: flex;
      flex-direction: column;
      padding-top: 30px;
  }

  .wrapper-price-n-btn-models.desc-hide {
      display: none;
  }

  .wrapper-price-models {
      display: flex;
      flex-direction: column;
      gap: 10px 0;
  }

  .wrapper-price-models {
      font-size: 20px;
  }

  /* .wrapper-price-models .old-price-models {
      font-size: 14px;
      text-align: right;
      color: #9E958E;
  } */

  /* .new-price-models,
  .price-month-models {
      display: flex;
      justify-content: space-between;
      color: var(--color-dark);
  } */

  /* .new-price-models span,
  .price-month-models {
      color: var(--color-gold);
  } */

  .wrapper-price-models .new-price-models span,
  .wrapper-price-models .price-month-models span {
      font-size: 20px;
  }


  .wrapper-btn-models {
      padding-top: 35px;
      display: flex;
      flex-direction: row;
      gap: 80px;
  }

  .wrapper-btn-models .bg_white_color {
      background-color: #9E958E;
  }

  .right-item-models {
      position: relative;
      margin-left: 40px;
  }

  .swiper-models {
      width: 655px;
      height: 350px;
      position: static;
      margin: 0;
  }

  .swiper-models .swiper-slide {
      background-size: cover;
      background-repeat: no-repeat;
      /* background-position-y: -50px; */
  }

  .swiper-models img {
      height: 100%;
      width: 100%;
      object-fit: cover;
  }

  .swiper-button-prev {
      left: -40px;
  }

  .swiper-button-next {
      right: -40px;
  }

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
      bottom: 0;
  }

  .swiper-button-next,
  .swiper-button-prev {
      display: block;
  }




  /*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/
  /*_____________________________________________*/


  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*================ $EQUIP STYLE ===============*/

  .equip__upper {
      padding: 99px 50px 80px 0;

      text-align: right;
  }

  .equip__list {
      width: auto;

      margin: 60px 0 0;

      display: grid;
      grid-template-columns: repeat(3, minmax(auto, 1fr));
  }

  .equip__card-specs {
      gap: 20px;
  }

  /*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/
  /*_____________________________________________*/


  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*================ $CREDIT STYLE ===============*/

  .credit__info-head {
      font-size: 28px;
      line-height: 30px;
  }

  .credit__upper {
      padding: 100px 0 80px 0;
  }

  .credit__bg {
      overflow: hidden;
      padding: 60px 0 25px;

      /* background: url('../img/credit-bg_desk.webp')no-repeat; */
      background-size: cover;
      display: flex;
      flex-direction: row-reverse;
        gap: 30px;
        align-items: center;
  }

  .trade .credit__bg {
      /* background: url(../img/trade-bg_desk.webp)no-repeat; */
      background-size: contain;
      padding: 27px 0 70px;
      position: relative;
  }

  .trade .credit__info {
      width: 518px;

      margin-left: auto;
  }

  .credit__info {
      position: relative;
      z-index: 1;
  }

  trade .credit-container {
      width: 518px;
      margin-left: auto;
  }

  .trade .credit__info-head {
      font-size: 24px;
      line-height: 145.039%;
      text-align: right;

      display: block;
  }

  .credit-container {
      display: flex;
      flex-direction: row-reverse;
      gap: 20px;
      justify-content: flex-end;
  }

  .trade .credit__list {
      margin-top: 54px;

      text-align: right;
      white-space: nowrap;
  }

  .credit__list-item {
      font-size: 21px;
      line-height: 21px;
  }

  .credit__button {
      width: 370px;
      margin: 0;
      margin-top: 50px;
      font-size: 16px;
  }

  .credit__button.tradein-btn {
      margin-left: auto;
  }

  .credit__img {
      margin-top: -60px;

      padding-right: 87px;
  }

  .credit__img-arrow2 {
      position: absolute;
      right: 100px;
      top: 0;

      display: block;

  }

  .credit__img-arrow1 {
       /* position: absolute;
      height: auto;

      left: auto;
      right: -70px;
      top: 20px;
      z-index: 0;  */
      /* width: auto; */
      width: 100%;
    max-width: 1053px;
  }

  .trade .credit__img-arrow1,
  .trade .credit__img-arrow2 {
      height: 100%;

      /* transform: scale(-1); */
      right: auto;
      left: -40px;
  }

  .credit__img img {
      z-index: 1;
  }

  .credit__list {
      margin-top: 44px;
      gap: 18px;
  }


  /*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/
  /*_____________________________________________*/


  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*================ $CONTACTS STYLE ===============*/

  .contacts {
      padding-bottom: 150px;
  }

  .contacts__upper {
      padding: 150px 0 80px;
  }

  .contacts-container {
      display: flex;
      gap: 30px;

      padding-right: 320px;
  }

  .contacts__list {
      margin: 0;

      width: auto;

      border: none;

      padding: 0;
  }

  .contacts__info {
      padding: 40px;

      flex-basis: 39%;

      border: 1px solid var(--color-gold);

      display: flex;
      align-items: center;
      justify-content: center;
  }

  .contacts__list-item,
  .contacts__link {
      font-size: 24px;
      line-height: 23px;
  }

  .contacts__list-item svg {
      width: 36px;
  }

  .contacts__list img {
      max-width: none;
  }


  /*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/
  /*_____________________________________________*/


  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*================ $FOOTER STYLE ===============*/



  .footer {
      padding: 52px 0 42px;
  }


  .footer-flex {
      display: flex;
      gap: 137px;

      margin-bottom: 15px;
  }

  .footer__link {
      width: max-content;
  }

  .footer__info {
      margin-top: 0;

      display: grid;
      grid-template-columns: repeat(2, minmax(auto, 1fr));
  }

  .footer-line {
      width: 100%;

      border: 1px solid #E7E7E7;

      margin-top: 25px;
  }

  .footer__info-flex {
      gap: 5px;
  }

  .footer__link,
  .footer__info-text {
      font-size: 10px;
      line-height: 10px;
  }


  /*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/
  /*_____________________________________________*/


  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
  /*================ $POP-UP STYLE ===============*/

  .pop-up {
      width: 700px;

      background-image: url(../img/pop-up_desk.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;

      padding: 18px 30px 35px;
  }

  #popup-success {
      height: 400px;

      padding: 13px;
  }

  .f-button svg {
      width: 14px;
  }

  .pop-up__text {
      gap: 21px;
  }

  .pop-up__head {
      font-size: 28px;
      line-height: 32px;

      width: 100%;

      padding-right: 0;
  }

  .pop-up__sub-head {
      font-size: 27px;
      line-height: 26px;
  }

  #popup-success .pop-up__sub-head {
      font-size: 24px;
      line-height: 26px;
      text-transform: inherit;
  }

  #popup-success .pop-up__sub-head br {
      display: none;
  }

  .pop-up__form {
      margin-top: 29px;

      width: 328px;
  }

  .pop-up__form-inputs {
      gap: 20px;
  }

  .pop-up__line1,
  .pop-up__line2 {
      height: 40px;
  }

  .pop-up__list-item {
      font-size: 19px;
      line-height: 21px;
  }

  .pop-up__input {
      padding: 0;
      padding-left: 10px;
      height: 40px;

      font-size: 16px;
      line-height: 15px;
  }

  .pop-up__input::placeholder {
      font-size: 16px;
      line-height: 15px;
  }

  .pop-up__button {
      margin-top: 20px;

      height: 40px;
  }

  .form__input-check[type=checkbox] {
      width: 29%;
  }

  /*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/
  /*_____________________________________________*/

  .filtered-show,
  .showmore-show {
      display: flex;
      opacity: 1;
      transition: .3s;
  }

  .filtered-hide,
  .showmore-hide {
      display: none;
      opacity: 0;
  }

  /* @media screen and (max-width: 1900px) {
      .credit__img-arrow2 {
          right: calc(100px - 70px);
      }

      .credit__img-arrow1 {
          left: calc(100px - 70px);
      }
  } */

  @media screen and (max-width: 1800px) {

      .credit__img-arrow1 {
          right: -140px;
      }

      .trade .credit__img-arrow1 {
          left: -140px;
      }

      .credit__img {
          padding-right: 140px;
      }

      .credit__bg {
          padding: 50px 0 30px;
      }
  }

  @media screen and (max-width: 1650px) {
      .contacts-container {
          padding-right: 70px;
      }

      .contacts__list-item,
      .contacts__link {
          font-size: 19px;
          line-height: 21px;
      }
  }

  @media screen and (max-width: 1536px) {
      .trade .credit__bg {
          padding: 20px 0;
      }

      .trade .credit__info-head {
          font-size: 20px;
          line-height: 22px;
      }

      .trade .credit__list {
          margin-top: 30px;
      }
  }

  @media screen and (max-width: 1500px) {
      .credit__img img {
          max-width: 583px;
      }

      .equip__title {
          font-size: 86px;
          line-height: 88px;
      }
  }


  @media screen and (max-width: 1366px) {
      .container {
          max-width: 1160px;
      }

      .trade .credit__info {
          width: 400px;
      }

      .trade .credit__list-item {
          font-size: 18px;
          line-height: 20px;
      }

      .models__card-item::before {
          width: 45px;
      }

      .header__nav {
          flex-basis: 40%;
      }

      .section.active .section__upper::after {
          width: calc(50% + 577px);
      }

      .main-banner {
          /* padding: 99px 0 0; */
          padding: 131px 0 0;
      }

      .main-banner__time-price {
          font-size: 23px;
          line-height: 25px;
      }

      .main-banner__time {
          margin: 25px 0 0;
      }

      .models__card-price_big_size {
          font-size: 20px;
          line-height: 22px;
      }

      .models__card-price {
          font-size: 14px;
          line-height: 16px;
      }

      .models__card-credit_big_size {
          font-size: 20px;
          line-height: 22px;
      }

      .models__card-credit {
          font-size: 12px;
          line-height: 14px;
      }

      .models__card-head {
          font-size: 105px;
          line-height: 107px;
      }
  }

  @media screen and (max-width: 1310px) {
      .section__title {
          font-size: 99px;
          line-height: 101px;
      }
  }

  @media screen and (max-width: 1280px) {
      .container {
          max-width: 1000px;
      }

      .main-banner__time-action {
          font-size: 24px;
          line-height: 26px;
      }

      .time-count__text {
          font-size: 10px;
          line-height: 12px;
      }

      .main-banner__time {
          gap: 65px;
          justify-content: flex-start;
      }

      .timer {
          flex-basis: 32%;
      }

      .section__title {
          font-size: 70px;
          line-height: 72px;
      }

      .contacts__map {
          flex-basis: 50%;
      }

      .contacts__list-item,
      .contacts__link {
          font-size: 15px;
          line-height: 17px;
      }

      .contacts__list img {
          max-width: 20px;
      }

      .main-banner__form-inputs {
          flex-basis: 30%;
      }

      .models__card-item {
          font-size: 12px;
          line-height: 14px;
      }

      .header-info__text {
          font-size: 11px;
          line-height: 13px;
      }

      .header-info__text.bold {
          font-size: 13px;
      }

      .header__nav-link {
          font-size: 12px;
          line-height: 14px;
      }

      .section.active .section__upper::after {
          width: calc(50% + 498px);
      }

      .card__img {
          max-width: 308px;
      }

      .credit__img {
          padding-right: 87px;
      }
  }

  @media screen and (max-width: 1050px) {
      .models__card-img {
          width: 404px;
      }

      .models__card-images {
          width: 200px;
          height: 175px;
      }

      .models__card-benefit {
          gap: 10px;

          font-size: 17px;
          line-height: 19px;
      }

      .main-banner__list {
          margin-bottom: 392px;
      }
  }

@media  (max-width: 1366px){
    .pos1818,.pos1463{
        margin-right: 40px;
    }
}
  .hide-desc img{display: none;}

.hide-mob img{display: block;}