[class*=_icon-]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=_icon-]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=_icon-]:before {
  display: block;
}

._icon-koobeton:before {
  content: "\e900";
}

/* site settings */

:root {
  --font-family: "Montserrat";
  --font-wieght: 500;
  --font-size: 0.875rem;
  --main-color: #000;
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  color: var(--main-color);
  line-height: 1;
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-wieght);
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 20rem;
}

input,
button,
textarea {
  font-family: var(--font-family);
  font-weight: inherit;
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
  font-weight: inherit;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}

img {
  vertical-align: top;
}

a,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/*
(i) Стили будут применяться ко 
всем классам содержащим *__container
Например header__container, main__container и т.д.
Снипет (HTML): cnt
*/

[class*=__container] {
  max-width: 89.375rem;
  margin: 0 auto;
  padding: 0 1.875rem;
}

main {
  padding-top: 7.375rem;
}

/* Слайдер */

.slick-slider {
  /* Ограничивающая оболочка */
  /* Стрелка */
  /* Стрелка влево */
  /* Стрелка вправо */
}

.slick-slider .slick-list {
  direction: ltr;
}

.slick-slider .slick-arrow.slick-prev,
.slick-slider .slick-arrow.slick-next {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  width: 6.75rem;
  height: 6.75rem !important;
  border-radius: 50%;
}

.slick-slider .slick-arrow.slick-prev::before,
.slick-slider .slick-arrow.slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 1rem;
  height: 2rem;
  opacity: 1;
}

.slick-slider .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.slick-slider .slick-arrow.slick-prev::before {
  content: "";
  left: calc(50% + 0.3125rem);
  background: url("/static/img/icons/Icon1234.svg") center/contain no-repeat;
}

.slick-slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.slick-slider .slick-arrow.slick-next::before {
  content: "";
  right: calc(50% + 0.3125rem);
  background: url("/static/img/icons/Icon1234.svg") center/contain no-repeat;
  -webkit-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
}

.slick-initialized .slick-slide {
    padding: 0 0.3125rem !important;
} 

[class*=-ibg] {
  position: relative;
}

[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

[class*=-ibg--contain] img {
  -o-object-fit: contain;
     object-fit: contain;
}

.container {
	max-width: 82.5rem;
}

.slider-block .slider {
    transform: scaleX(-1);
}

.slider-block .slick-slide {
	transform: scaleX(-1);
}
 
.car-card {
  width: 20.5625rem;
  border-radius: 2.5rem;
  overflow: hidden;
  border: 1px solid #B9B9B9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.car-card:hover {
  -webkit-box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.7);
  border-color: #00A5D9;
}

.car-card__top {
  padding: 0.375rem;
  position: relative;
}

.car-card__picture {
  width: 100%;
  height: 12.9375rem;
  border-radius: 2.5rem;
  overflow: hidden;
}

.car-card__fav-butt {
  position: absolute;
  top: 1.5625rem;
  right: 1.5625rem;
  width: 1.875rem;
  height: 1.875rem;
  background: url("/static/img/icons/heart.svg") center/contain no-repeat;
  z-index: 10;
}

.car-card__body {
  padding: 0 0.625rem;
}

.car-card__location {
  font-weight: 400;
  font-size: 0.875rem;
  position: relative;
  margin-right: 1.25rem;
}

.car-card__location::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: url("/static/img/icons/map.svg") center/contain no-repeat;
  width: 0.9375rem;
  height: 0.9375rem;
}

.car-card__name {
  font-size: 1.5625rem;
  font-weight: 700;
  text-align: center;
  padding-bottom: 0;
}

.car-card__price {
  font-size: 1.625rem;
  font-weight: 400;
  text-align: center;
}

.car-card__bottom {
  background-color: rgba(32, 140, 199, 0.1019607843);
  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;
  padding-inline: 1.125rem;
  padding-block: 1.25rem;
}

.car-card__more {
  color: #FFF;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.0225rem;
  background-color: #00A5D9;
  border-radius: 3.125rem;
  height: 2.6875rem;
  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-inline: 1.25rem;
  border: 0.0625rem solid #00A5D9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.car-card__chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
  border: 0.0625rem solid #00A5D9;
  border-radius: 3.125rem;
  padding-right: 0.875rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.car-card__chat.blue {
	background: #00A5D9;
}

.car-card__chat.blue span {
	color: white;
}

.car-card__chat_icon {
  position: relative;
  left: -0.0625rem;
  display: inline-block;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  border: 0.09375rem solid #00A5D9;
  background-size: 60%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.car-card__chat.blue .car-card__chat_icon {
	background: white;
}

.car-card__chat.blue:hover .car-card__chat_icon {
	filter: unset !important;
}

.car-card__chat_icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(25%, -50%);
      -ms-transform: translate(25%, -50%);
          transform: translate(25%, -50%);
  width: 1.5rem;
  height: 1.25rem;
  background: url("/static/img/icons/chat117.svg") center/contain no-repeat;
}

.car-card__chat .car-card__chat_text {
  color: #00A5D9;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.0225rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.car-card-2 .car-card-details {
  padding-inline: 2.1875rem;
}

.car-card-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.car-card-details__item {
  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;
  position: relative;
}

.car-card-details__item:not(:last-child) {
  border-right: 0.0625rem solid #B9B9B9;
  padding-right: 1.5625rem;
}

.car-card-details__icon {
    width: 1.875rem;
    height: 0.9375rem;
    position: relative;
}

.car-card-details__item:last-child .car-card-details__icon {
	height: 1.125rem;
}

.car-card-details__icon img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.car-card-details__text {
    font-size: 0.875rem;
    font-weight: 400;
    text-align: center;
    margin: 0;
    margin-top: 0.4rem;
}

.car-card-details__item:last-child .car-card-details__text {
	margin-top: 0.2125rem;
}

.person-card {
  width: 24.375rem;
  border-radius: 3.125rem;
  border: 2px solid #A0A0A0;
  background-color: #fff;
  overflow: hidden;
}

.person-card__top {
  height: 6.375rem;
  border-bottom: 1px solid #C4C4C4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}

.person-card__label {
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.person-card__label svg {
  width: 6.0625rem;
  height: 5.125rem;
}

.person-card__label_text {
  text-align: center;
  position: absolute;
  top: 1.5625rem;
  left: 0.9375rem;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  color: #373737;
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.9444444444em;
}

.person-card__picture {
  width: 6.875rem;
  height: 6.875rem;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #C4C4C4;
  -webkit-transform: translate(0, 2.1875rem);
      -ms-transform: translate(0, 2.1875rem);
          transform: translate(0, 2.1875rem);
}

.person-card__body {
  background-color: #FBF4F0;
  padding-top: 2.5rem;
  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;
}

.person-card__text {
  color: #000;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 300;
  margin: 0;
}

.person-card__title {
    height: 1.875rem;
    color: #373737;
    text-align: center;
    font-size: 1.5625rem;
    font-weight: 400;
    overflow: hidden;
}

.person-card__title div {
	display: inline-block;
	vertical-align: top;
}

.person-card__title span {
  font-weight: 700;
}

.person-card__price {
    height: 1.625rem;
    color: #373737;
    text-align: center;
    font-size: 1.625rem;
    font-weight: 400;
    overflow: hidden;
}

.person-card .car-card__bottom {
  background-color: #FBF4F0;
  padding-inline: 1.875rem;
}

.person-card .car-card__more {
  background-color: #FF9900;
  border-color: #FF9900;
}

.person-card .car-card__chat {
  border-color: #FF9900;
}

.person-card .car-card__chat_text {
  color: #FF9900;
}

.person-card .car-card__chat_icon {
  border-color: #FF9900;
}

.person-card .car-card__chat_icon::before {
  background: url("/static/img/icons/chatorange.svg") center/cover no-repeat;
}

/*
.icon-burger {
   display: none;
	@media (max-width: $tablet) {
		display: block;
		position: relative;
		flex: 0 0 toRem(30);
		width: toRem(30);
		height: toRem(18);
      transition: all 0.3s;
      z-index: 16;
		@media (any-hover: none) {
			cursor: default;
		}
		span,
		&::before,
		&::after {
			content: "";
			transition: all 0.3s ease 0s;
			right: 0;
			position: absolute;
			width: 100%;
			height: toRem(2);
			background-color: #000;
		}
		&::before {
			top: 0;
		}
		&::after {
			bottom: 0;
		}
		span {
			top: calc(50% - toRem(1));
		}
	}
}
@media (max-width:$tablet){
   .menu-open{
      transform: translateY(0);
      span {
         width: 0;
      }
      &::before {
         top: calc(50% - toRem(-0.5));
         transform: rotate(-45deg) translate(1px);
      }
      &::after {
         bottom: calc(50% - toRem(1));
         transform: rotate(45deg) translate(1px);
      }
   }
}


._body-active{
	overflow: hidden;
}
.burger-body{
   @media (min-width:$tablet){
       display: none; 
   }
	position: fixed;
	top: 0;
   transform: translateX(calc(-100% - $containerPdd));
	width: 100%;
	height: 100%;
	background-color: #878787;
	transition: all 0.3s ease 0s;
   z-index: 15;
}
._active-burger{
   transform: translateX(calc(0% - $containerPdd));
}
*/

.articles__title {
  color: #373737;
  text-align: center;
  font-family: "Open Sans Hebrew";
  font-size: 2.5rem;
  font-weight: 700;
  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;
  gap: 1.125rem;
}

.articles__title_icon {
    display: inline-block;
    width: 2.8125rem;
    height: 2.5rem;
    background: url(/static/img/icons/book-open.svg) top left / 3.125rem no-repeat;
    margin-bottom: -0.3125rem;
}

.articles__slider-block {
  margin-top: 1.875rem;
}

.breadcrumbs {
    position: relative;
    padding-top: 1.5rem;
    z-index: 1;
}

.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3125rem;
}

.breadcrumbs__link {
  color: #C4C4C4;
  font-size: 1.125rem;
  font-weight: 400;
}

.breadcrumbs__item {
  color: #00A5D9;
  font-size: 1.125rem;
  font-weight: 400;
}

.articles-section {
	margin-top: 7.375rem;
}

.articles-block__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.8125rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 0.9375rem;
     -moz-column-gap: 0.9375rem;
          column-gap: 0.9375rem;
  row-gap: 1.125rem;
}

.articles-block__link-block {
  text-align: center;
  margin-top: 2.6875rem;
}

.articles-block__link {
  color: #F90;
  font-size: 1.375rem;
  font-weight: 700;
  text-decoration: underline;
}

.articles-block__link:hover {
  color: #F90;
}

.articles-card {
	display: block;
  width: 20.5625rem;
  border-radius: 2.5rem;
  border: 0.125rem solid #A0A0A0;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0;  
}

.articles-card:hover {
  -webkit-box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.7);
}

.articles-card:hover .articles-card__top img {
  scale: 1.05;
}

.articles-card__top {
    width: 100%;
    height: 12.875rem;
    margin-bottom: 0.5rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    display: inline-block;
    border-radius: 2.45rem 2.45rem 0 0;
}

.articles-card__top img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.articles-card__body {
	display: block;
  padding-inline: 1.5625rem;
}

.articles-card__title {
    height: 1.725rem;
    color: #373737;
    font-size: 1.4375rem;
    font-weight: 700;
    padding: 0;
    overflow: hidden;
}

.articles-card__date {
  color: #373737;
  font-size: 1rem;
  font-weight: 400;
}

.articles-card__text {
    height: 2.25rem;
    color: #989898;
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 0.8125rem;
    margin-bottom: 0;
    overflow: hidden;
}

.articles-card__bottom {
  padding: 0.8125rem 1.5625rem 1.25rem 1.5625rem;
  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;
}

.articles-card__share {
	position: relative;
  display: inline-block;
  background: url("/static/img/icons/Group 73.svg") center/contain no-repeat;
  width: 1.375rem;
  height: 1.375rem;
  cursor: pointer;
}

.articles-card__more {
  color: #F90;
  text-align: right;
  font-family: "Open Sans Hebrew";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
}

.articles-card__more:hover {
  color: #F90;
}

.articles-card__more::before {
  content: "";
  position: absolute;
  width: 0.5625rem;
  height: 1rem;
  top: 50%;
  right: calc(100% + 0.3125rem);
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: url("/static/img/icons/opening Icon.svg") center/contain no-repeat;
}

.slider-block {
  padding-bottom: 3.375rem;
}

.slider-block .slider-block__title {
  color: #373737;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}

.slider-block__slides {
  overflow: hidden;
}

.slider-block__link-block {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider-block__link {
  width: 22.5rem;
  height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #373737;
  text-align: center;
  font-size: 1.5625rem;
  font-weight: 400;
  letter-spacing: -0.03125rem;
  border: 0.0625rem solid;
  border-radius: 3.125rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.car-card-2 {
  border-radius: 3.75rem;
  overflow: hidden;
  width: 24.25rem;
}

.car-card-2__top {
  width: 100%;
  height: 16.8125rem;
}

.car-card-2__info {
    border-radius: 3.125rem;
    border: 0.125rem solid #A0A0A0;
    background-color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: -2.3rem;
    margin-bottom: 0.625rem;
}

.car-card-2__body {
    padding-inline: 3rem;
    padding-top: 0.5rem;
}

.car-card-2__text {
  color: #000;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 300;
  border-bottom: 0.0625rem solid #B9B9B9;
}

.car-card-2__title {
    display: flex;
    height: 3.75rem;
    color: #373737;
    text-align: center;
    font-size: 1.5625rem;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.car-card-2__title span {
  font-weight: 700;
}

.car-card-2__price {
    color: #373737;
    font-size: 1.625rem;
    font-weight: 400;
    text-align: center;
}

.car-card-2 .car-card-details {
    padding: 0 3.5rem;
    padding-top: 0.8rem;
    padding-bottom: 0.5rem;
}

.car-card-2__location {
    color: #373737;
    text-align: right;
    font-size: 0.875rem;
    font-weight: 400;
    position: relative;
}

.car-card-2__location_icon {
    display: inline-block;
    width: 0.75rem;
    height: 0.917rem;
    background: url(/static/img/icons/map.svg) center/contain no-repeat;
    margin-left: 0.25rem;
}

.article__picture {
  width: 50.625rem;
  margin-bottom: 3.25rem;
}

.article__picture span {
    display: block;
    padding: 0.5rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #989898;
    border-bottom: 1px solid #989898;
}

.article__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.article__block {
  width: 50.625rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50.625rem;
          flex: 1 1 50.625rem;
}

.article__block td {
    border: 1px solid;
}

.article .car-card-2__location {
  text-align: right;
  color: #373737;
  font-size: 0.875rem;
  font-weight: 400;
  padding-top: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3125rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.article-titles__main-title {
  color: #000;
  font-size: 2.1875rem;
  font-weight: 700;
  letter-spacing: -0.04375rem;
  margin: 0;
  padding: 0 0 2.8125rem 0;
}

.article-titles__title {
  color: #000;
  font-size: 1.75rem;
  font-weight: 400;
  margin: 0;
  padding-bottom: 0.625rem;
}

.article-titles__text {
  color: #000;
  font-size: 1.625rem;
  font-weight: 400;
}

.article-block__text {
  color: #000;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.1875rem;
}

.article-block__title {
  color: #000;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.1875rem;
}

.aside__picture {
  width: 28.375rem;
  height: 35.0625rem;
  border-radius: 3.75rem;
  border: 0.09375rem solid #373737;
  background: -webkit-gradient(linear, left bottom, left top, from(#D5F5FF), color-stop(12.55%, #FFF));
  background: linear-gradient(0deg, #D5F5FF 0%, #FFF 12.55%);
  overflow: hidden;
}

.aside__more {
  display: inline-block;
  color: #373737;
  font-size: 1.375rem;
  font-weight: 400;
  margin-top: 1.5625rem;
  margin-bottom: 1.0625rem;
}

.aside__cards {
  min-width: 0;
}

.aside .articles-card {
  width: 27.9375rem;
}

.aside .articles-card:not(:last-child) {
  margin-bottom: 1.125rem;
}

.aside .articles-card__top {
  height: 16.4375rem;
  max-height: 16.375rem;
}

.cars-model-body__card {
  position: relative;
  width: 100%;
  height: 35.063rem;
}
.cars-model-body__bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
}
.cars-model-body__card-content {
  position: relative;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.cars-model-body__card-title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 3.063rem;
  letter-spacing: -0.01em;
  text-align: center;
  color: #373737;
  white-space: nowrap;
  margin-bottom: 0.625rem;
}
.cars-model-body__card-title span {
  color: #f39122;
}
.cars-model-body__card-title svg {
  width: 5.063rem !important;
  height: 5.063rem !important;
  vertical-align: bottom;
  margin-right: -1.25rem;
  margin-bottom: -0.625rem;
}
.cars-model-body__subtitle {
  font-size: 1.438rem;
  font-weight: 400;
  line-height: 1.938rem;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 2.75rem;
}
.cars-model-body__buttons {
  display: flex;
  justify-content: center;
  gap: 1.375rem;
}
.cars-model-body__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.063rem;
  text-align: center;
  width: 11rem;
  height: 3.75rem;
  flex: 0 0 11rem;
  border: 0.063rem solid currentColor;
  border-radius: 5rem;
  background-color: #fff;
  transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
}
.cars-model-body__btn--blue {
  color: #00a5d9;
}
.cars-model-body__btn--blue:hover {
  color: #fff;
  background-color: #00a5d9;
}
.cars-model-body__btn--orange {
  color: #ff9900;
}
.cars-model-body__btn--orange:hover {
  color: #fff;
  background-color: #ff9900;
}

@media (any-hover: hover) {
  .car-card__more:hover {
    border-color: #000;
    background-color: #fff;
    color: #000;
  }

  .car-card__chat:hover {
    border-color: #000;
  }

  .car-card__chat:hover .car-card__chat_icon {
    border-color: #000;
    -webkit-filter: brightness(0) saturate(100%);
            filter: brightness(0) saturate(100%);
  }

  .car-card__chat:hover .car-card__chat_text {
    color: #000 !important;
  }

  .person-card .car-card__more:hover {
    border-color: #000;
    background-color: #fff;
    color: #000;
  }

  .person-card .car-card__chat:hover {
    border-color: #000;
  }

  .slider-block__link:hover {
    color: #fff;
    font-weight: 700;
    background-color: #00A5D9;
    border-color: #00A5D9;
  }

  .person .slider-block__link:hover {
    background-color: #FF9900;
    border-color: #FF9900;
  }

  .aside__more:hover {
    color: #373737;
    text-decoration: underline !important;
  }
}


.car-models-wrap {
            margin-top: 60px
          }

          .car-models-wrap .title {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 21px
          }

          .car-models {
            padding: 0
          }

          .car-models li {
            list-style: none;
            text-decoration: underline;
            padding: 0 18px 0 0;
            margin-bottom: 16px;
            background-size: 5%;
            width: calc(25% - 4px);
            display: inline-block;
            font-size: 19px;
            cursor: pointer
          }

          .car-models li a {
            color: #212529
          }

          @media(max-width:1920px) {
            .car-models-wrap .title {
              font-size: 1.14583vw;
              margin-bottom: 1.09375vw
            }

            .car-models li {
              padding: 0 .9375vw 0 0;
              margin-bottom: .83333vw;
              font-size: .98958vw
            }
          }
		  
		  
/* prev page button */

.prev-page-button {
    position: absolute;
    width: 85.5vw;
    top: 8.5rem;
    right: 0;
    left: 0;
    margin: auto;
}

.prev-page-button a {
    display: block;
    width: 1.75rem;
	cursor: pointer;
}

/* prev page button */



/* carView */

.price-car {
	color: #373737;
}

.content-wrraper.info-adv .car-card__chat {
    position: absolute;
    width: 13.625rem;
    height: 3.5rem;
    justify-content: space-between;
    left: 0;
    top: 2rem;
}

.content-wrraper.info-adv .car-card__chat_text {
	font-size: 1.375rem;
}

.content-wrraper.info-adv .car-card__chat_icon {
	width: 3.3125rem;
	height: 3.3125rem;
}

.content-wrraper.info-adv .car-card__chat_icon::before {
    width: 2.0625rem;
    height: 1.625rem;
}

.content-wrraper.info-adv .price-row,
.content-wrraper.info-adv .title h1 {
	width: 56%;
}

.info-car-city {
    background: url(/static/img/icons/map.svg) center right / 1.25rem no-repeat;
    padding-right: 2.25rem;
    margin-right: 3rem;
    font-size: 1.125rem;
}

/* carView */