body {
  margin: 0;
  font-family: 'Noto Sans';
  --white-color:#FFFFFF;
  --gray-color:#F2F2F2;
  --text-color: #333333;
  --button-color:#C7241E;
}
a {
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  line-height: 183.7%;
  color: var(--text-color);
}
ul {
  list-style: none;
}
h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 114.7%;
  color: var(--text-color);
  margin: 0;
  text-align: center;
}
.h2__left {
  text-align: left;
  font-size: 28px;	
}
.main__gray.avtobg{
     background-image:url("/wp-content/uploads/2023/05/bg_banner_mark.jpg");
    background-position: center;
}
.container {
  max-width: 1640px;
  margin: 0 auto;
}
.main__gray {
  background: var(--gray-color);
  margin-bottom: 64px;
}
/* Стили верхнего списка авто */
.auto__choise {
  display: flex;
  padding-top: 20px;
  padding-bottom: 58px;
  justify-content: space-between;
}
.auto__choise ul {
  display: inline-flex;
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  justify-content: space-between;
  width: 82%;
}
.auto__choise li {
  display: flex;
  align-items: center;
  background: var(--white-color);
  padding: 8px 20px;
  box-shadow: 0px 0px 14px rgba(51, 51, 51, 0.05);
  border-radius: 15px;
  width: 18%;
}
.auto__choise li:not(:last-of-type) {
  margin-right: 2%;
}
.auto__choise span {
  background: #C7241E1A;
  padding: 1px 10px;
  border-radius: 20px;
  color: var(--button-color);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  margin-left: auto;
}
.show__all {
  color: var(--button-color);
  align-self: center;
  display: flex;
}
.show__all::before {
content: url("/wp-content/uploads/2023/05/small-arrow.png");
padding: 2px 11px 0 0;
}
/* Стили формы кредита */
.credit__form {
  display: flex;
}
.credit__leftside__info {
  margin: 0 20% 0 20%;
  background: linear-gradient(180deg, #F54E49 0%, #C5130E 100%);
  border-radius: 28px;
  height: 408px;
}
.credit__leftside__info h2 {
  font-weight: 500;
  font-size: 40px;
  line-height: 114.7%;
  color: var(--white-color);
  margin: 0;
  padding: 20px;
}
.credit__leftside__info p {
  font-weight: 700;
  font-size: 22px;
  line-height: 114.7%;
  color: var(--white-color);
  margin: 0;
  padding: 20px;
}
.credit__form__leftside img {
  margin-top: -225px;
  width: 100%;
}
/* Стили популярных категорий */
.main__white h2 {
  margin-bottom: 48px;
}
.popular__autologo {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0 0 47px 0;
  }
.popular__autologo img {
  width: 90%;
}
.auto__list__div {
  background: var(--gray-color);
  padding: 36px 116px;
  border-radius: 32px;
  margin-bottom: 136px;
}
.auto__list {
  column-count: 6;
  margin-top: 0;
  padding: 0;
}
.auto__list a{
  display: flex;
  padding-bottom: 5px;
}
.auto__list__quantity {
  color: var(--white-color);
  font-size: 10px;
  line-height: 14px;
  background: #EE443E;
  border-radius: 3px;
  padding: 2px 3px;
  margin-right: 15px;
  display: block;
  width: 16px;
  text-align: center;
  align-self: center;
}
.all {
  color: var(--button-color);
  display: flex;
  justify-content: end;
}
.all::after {
  content: url("/wp-content/uploads/2023/05/bottom-arrow.png");
  padding-left: 10px;
}
/* Стили карточек товаров */
.products__div {
  display: flex;
  margin-bottom: 50px;
  flex-wrap: wrap;
    column-gap: 1.22%;
}
.product {
  background: var(--white-color);
  box-shadow: 0px 0px 14px rgba(51, 51, 51, 0.2);
  border-radius: 32px;
 /* padding: 22px 24px 38px;*/
  margin-bottom: 20px;
  width: calc(25% - 15px);
  box-sizing: border-box;
}
.product__labels {
  text-align: end;
  margin-bottom: 20px;
}
.product__labels span {
  font-weight: 700;
  font-size: 12px;
  line-height: 114.7%;
  padding: 2px 6px;
  border-radius: 22px;
}
.label__hit {
  color: var(--white-color);
  background: #EE281C;
}
.label__in {
  color: var(--text-color);
  background: #DCDCD9;
}
.label__new {
color: var(--white-color);
background: var(--button-color)
}
.product__img {
  width: 100%;
  margin-bottom: 10px;
    max-height: 240px;
    object-fit: cover;
    border-radius:34px!important;
}
.product__name {
  display: flex;
  margin-bottom: 40px;
}
.car__name {
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  color: #ee281c;
  text-transform:uppercase;
  margin: 0;
  /*padding-right: 30px;*/
}
.car__year {
  background: rgba(199, 36, 30, 0.1);
  border-radius: 22px;
  padding: 2px 6px;
  text-align: center;
  align-self: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: var(--button-color);
}
.product__price {
  margin-bottom: 26px;
}
.car_price{
    text-align:end;
}
.car_price .product__new__price {
  font-size: 22px;
}
.car_price .product__old__price {
  font-size: 18px;
}
.product__new__price {
  font-weight: 700;
  font-size: 16px;
  line-height: 27px;
  color: var(--text-color);
  margin-right: 14px;
}
.product__old__price {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #959592;
  text-decoration: line-through;
}
.product__botside {
  display: flex;
  flex-direction: column;
}
.product__promises {
  column-count: 2;
  margin-bottom: 16px;
}
.product__promises p {
  font-weight: 500;
  font-size: 12px;
  line-height: 210%;
  color: #2D2B2B;
  margin: 0;
  padding-left:23px;
  white-space: nowrap;
}
/*.promise__credit::before {
  content: url("/wp-content/uploads/2023/05/unnamed-file.png");
  padding-right: 10px;
}
.promise__rassrochka::before {
  content: url("/wp-content/uploads/2023/05/rassrochka.png");
  padding-right: 10px;
}
.promise__trade-in::before {
  content: url("/wp-content/uploads/2023/05/trade-in-s.png");
  padding-right: 10px;
}
.promise__garanty::before {
  content: url("/wp-content/uploads/2023/05/star.png");
  padding-right: 16px;
  padding-left: 5px;
}*/
.product__buttons p {
  margin: 0 0 0 28px;
  font-weight: 700;
  font-size: 14px;
  line-height: 210%;
  color: #959592;
}
.product__buttons__btn {
  display: flex;
  justify-content: space-between;
}
.product__buttons__btn a {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  width: calc(50% - 5px);
  padding-top: 14px;
  padding-bottom: 14px;
  text-align: center;
  border-radius: 10px;
}
.credit__btn {
  color: var(--white-color);
  background: var(--button-color);
}
.block__btn {
  color: #959592;
  border: 1px solid #C6C6C1;
  background-color:#fff;
}

/* Стили дива трейд-ин */
.trade-in__leftside ,.trade-in__rightside {
  width: calc(50% - 10px);
}
.trade-in__div {
  background: var(--gray-color);
  padding: 50px 138px 17px;
  display: flex;
  border-radius: 32px;
  margin-bottom: 104px;
}
.trade-in__leftside h2 {
  font-weight: 700;
  font-size: 38px;
  line-height: 114.7%;
  margin-bottom: 24px;
}
.trade-in__leftside h2 span {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  background: rgba(198, 198, 193, 0.5);
  border-radius: 29px;
  padding: 3px 16px;
  margin-left: 12px;
}
.trade-in__leftside p {
  margin-bottom: 28px;
  margin-top: 0px;
  color: var(--text-color);
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
}
.trade-in__leftside img {
  width: 100%;
}
.trade-in__rightside h3 {
  margin-bottom: 28px;
  margin-top: 0px;
  font-weight: 700;
  font-size: 24px;
  line-height: 114.7%;
  text-align: center;
}
/* adventages style */
.adventages {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 104px;
}
.adventages div {
  background: linear-gradient(180deg, #F54E49 0%, #C5140E 100%);
  border-radius: 32px;
  width: 33%;
  padding: 33px 24px;
  box-sizing: border-box;
  position: relative;
}
.adventage__search{
    display:none;
}
.adventages div h3 {
  margin-top: 0px;
  margin-bottom: 50px;
  font-weight: 700;
  font-size: 22px;
  line-height: 114.7%;
  color: var(--white-color);
}
.rassrochka__img {
  position: absolute;
  top: 30%;
  right: 5%;
}
.trade-in__img {
  position: absolute;
  top: 22%;
  right: 7%;
}
.credit__img {
  position: absolute;
  top: 30%;
  right: 5%;
}
.search__img {
  position: absolute;
  top: 19%;
  right: -3%;
}
/* Стили подборок авто */
.fresh__search {
  display: flex;
  padding: 50px 0 64px;
}
.to__catalog {
  align-self: end;
  display: flex;
  margin-left: auto;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: var(--button-color);
}
  .to__catalog::before {
    content: url("/wp-content/uploads/2023/05/small-arrow.png");
    padding: 2px 10px 0 0;
}
  .auto__classes {
    display: flex;
    justify-content: space-between;
    padding-bottom: 150px;
}
.auto__class__div {
  display: flex;
  flex-direction: column;
  width: 24%;
}
.auto__class__div h3 {
  margin: 0;
  padding-bottom: 52px;
  font-weight: 700;
  font-size: 20px;
  line-height: 114.7%;
  color: var(--text-color);
}
.auto__class__div img {
  padding-bottom: 32px;
}
.auto__class__div div {
  padding: 32px 25px;
}
.auto__class__sedan {
  background: #CCCCC8;
  border-radius: 32px 32px 0px 0px;
  background-image: url("/wp-content/uploads/2023/05/sedan.png");
  background-repeat: no-repeat;
  background-position-x: 90%;
  background-position-y: 81%;
}
.auto__class__taxi {
  background: #DEDEDA;
  border-radius: 0px 0px 32px 32px;
  background-image: url("/wp-content/uploads/2023/05/taxi.png");
  background-repeat: no-repeat;
  background-position-x: 90%;
  background-position-y: 81%;
}
.auto__class__allroad {
  height: 100%;
  background: #FFFFFF;
  border-radius: 32px 32px 32px 32px;
  background-image: url("/wp-content/uploads/2023/05/allroad.png");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 82%;
}
.auto__class__family {
  background: #DEDEDA;
  border-radius: 32px 32px 0px 0px;
  background-image: url("/wp-content/uploads/2023/05/family.png");
  background-repeat: no-repeat;
  background-position-x: 96%;
  background-position-y: 81%;
}
.auto__class__girls {
  background: #FFFFFF;
  border-radius: 0px 0px 32px 32px;
  background-image: url("/wp-content/uploads/2023/05/for_girls.png");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 100%;
}
.auto__class__buisness {
  height: 100%;
  background: #CCCCC8;
  border-radius: 32px 32px 32px 32px;
  background-image: url("/wp-content/uploads/2023/05/buisness.png");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 82%;
}
.a__87 {
  height: 87%;
}
/* Стили отзывов */
.reviews__main {
  display: flex;
  flex-direction: column;
  margin-bottom: 130px;
}
.review__row {
  display: flex;
  flex-direction:row;
  justify-content: space-between;
  margin-bottom: 20px;
}
.review {
  width:calc(33% - 10px);
  box-shadow: 0px 0px 14px rgba(51, 51, 51, 0.2);
  border-radius: 32px;
  padding: 25px 20px;
  box-sizing: border-box;
}
.review h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: var(--text-color);
  margin: 0 0 16px 0;
}
.review p {
  font-weight: 700;
  font-size: 16px;
  line-height: 147.5%;
  margin: 0 0 5px 0;
  color: #959592;
}
.review__bottom {
  display: flex;
}
.review__stars {
  margin-left: auto;
  height: 100%;
  align-self: center;
}
.read__all {
  font-size: 16px;
  line-height: 22px;
}
.read__all::before {
  content: url("/wp-content/uploads/2023/05/black-arrow.png");
  padding: 2px 10px 0 0;
}
/* Стили перезвона и о компании */
.recall__div {
  background: var(--gray-color);
  border-radius: 32px;
  display: flex;
  margin-bottom: 104px;
}
.recall__rightside ,.recall__leftside {
  width: 50%;
}
.recall__rightside {
  padding: 78px 120px 78px 0;
}
.recall__leftside {
  display: flex;
  justify-content: center;
}
.recall__leftside img {
  padding-top: 38px;
}
.about__company {
  display: flex;
  margin-bottom: 170px;
}
.about__company__leftside {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.about__company__leftside h2 {
  margin-bottom: 110px;
}
.about__company__leftside img {
  align-self: center;
}
.about__company__text {
  width: 60%;
  box-shadow: 0px 0px 14px rgba(51, 51, 51, 0.2);
  border-radius: 32px;
  padding: 60px 48px;
  box-sizing: border-box;
}
.about__company__text p {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  color: var(--text-color);
}