/*RELATED CARS*/
h3.related-cars__title {
    text-align: center;
    color: #0061A7;
}
.related-cars__list {
    display: flex;
    flex-wrap: wrap;
}
.related-cars__card {
    text-decoration: none;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12), 0 1.5px 4px 0 rgba(0,0,0,0.09);
}
.related-cars__image{
    line-height: 0;
}
.related-cars__image img{
    width: 100%;
    object-fit: cover;
}
.related-cars__content{
    background: #fff;
}
h4.related-cars__title-car, p.related-cars__price, span.related-cars__vat{
    color: #222;
}
p.related-cars__price {
    font-weight: 800;
}
span.related-cars__vat {
    font-weight: 400;
}
.related-cars__info {
    display: block;
}
span.related-cars__info-value, span.related-cars__place-text {
    color: #727272;
}
.related-cars__place-group {
    display: flex;
    align-items: center;
}
.related-cars__place-icon {
    height: auto;
}
.related-cars__view-all-link{
    color: #0061A7;
    font-weight: 500;
    display: flex;
    text-decoration: none;
    justify-content: end;
    align-items: center;
}
.related-cars__view-all svg {
    fill: #0061A7;
}
@media (width <= 550px){
    /*RELATED CARS*/
    .related-cars {
        padding: 12vw 8vw 10vw;
    }
    h3.related-cars__title {
        font-size: 8.2vw;
        line-height: 8.5vw;
    }
    .related-cars__card {
        border-radius: 1.5vw;
    }
    .related-cars__image img{
        height: 30vw;
        border-radius: 1.5vw 1.5vw 0 0;
    }
    .related-cars__content{
        height: calc(100% - 30vw);
        border-radius: 0 0 1.5vw 1.5vw;
    }
    h4.related-cars__title-car, .related-cars__view-all-link {
        font-size: 2.7vw;
        line-height: 3vw;
    }
    h4.related-cars__title-car {
        margin-bottom: 2.5vw;
    }
    p.related-cars__price {
        font-size: 3.6vw;
        line-height: 3.6vw;
    }
    span.related-cars__vat {
        font-size: 1.8vw;
    }
    .related-cars__info {
        line-height: 2.5vw;
        margin-bottom: 3vw;
    }
    span.related-cars__info-value, span.related-cars__place-text {
        font-size: 2.2vw;
    }
    .related-cars__place-group, .related-cars__view-all-link {
        grid-gap: 1vw;
    }
    .related-cars__place-icon {
        width: 2.3vw;
    }
    .related-cars__view-all svg {
        width: 3vw;
    }
}
@media (width >= 551px) and (width <= 766.9px){
    /*RELATED CARS*/
    .related-cars {
        padding: 10vw;
    }
    h3.related-cars__title {
        font-size: 5.9vw;
        line-height: 6.5vw;
        width: 45vw;
    }
    h4.related-cars__title-car {
            margin-bottom: 2vw;
    }
    .related-cars__card {
        border-radius: 1vw;
    }
    .related-cars__image img{
        height: 25vw;
        border-radius: 1vw 1vw 0 0;
    }
    .related-cars__content{
        height: calc(100% - 25vw);
        border-radius: 0 0 1vw 1vw;
    }
    h4.related-cars__title-car, .related-cars__view-all-link {
        font-size: 2vw;
        line-height: 2.2vw;
    }
    p.related-cars__price {
        font-size: 2.6vw;
        line-height: 2.6vw;
    }
    span.related-cars__vat {
        font-size: 1.33vw;
    }
    .related-cars__info {
        line-height: 1.6vw;
        margin-bottom: 2.5vw;
    }
    span.related-cars__info-value, span.related-cars__place-text {
        font-size: 1.58vw;
    }
    .related-cars__place-group, .related-cars__view-all-link {
        grid-gap: 0.8vw;
    }
    .related-cars__place-icon {
        width: 2vw;
    }
    .related-cars__view-all svg {
        width: 2.5vw;
    }
}
@media (width >= 551px) and (width <= 899.9px){
    h4.related-cars__title-car{
        margin-bottom: 1.4vw;
    }
}
@media  (width <= 766.9px){
    /*RELATED CARS*/
    h3.related-cars__title{
       margin: 0 auto 5vw;
    }
    .related-cars__list{
        padding: 0 0 5vw;
    }
    .related-cars__list {
        grid-gap: 3vw;
    }
    .related-cars__list > a {
        flex: 0 0 calc((100% - 3vw) / 2);
    }
}
@media (width >= 767px) {
    /*RELATED CARS*/
    .related-cars__list{
        grid-gap: 2vw;
    }
}
@media (width >= 767px) and (width <= 899.9px){
    /*RELATED CARS*/
    h3.related-cars__title {
        font-size: 4.23vw;
        line-height: 4.8vw;
        width: 45vw;
    }
    .related-cars__list > a {
        flex: 0 0 calc((100% - 4vw) / 3);
        border-radius: 0.7vw;
    }
    .related-cars__image img{
        height: 20vw;
        border-radius: 0.7vw 0.7vw 0 0;
    }
    .related-cars__content{
        height: calc(100% - 20vw);
        border-radius: 0 0 0.7vw 0.7vw;
    }
    h4.related-cars__title-car, .related-cars__view-all-link {
        font-size: 1.44vw;
        line-height: 1.45vw;
    }
    p.related-cars__price {
        font-size: 1.89vw;
        line-height: 1.9vw;
    }
    span.related-cars__vat {
        font-size: 0.96vw;
    }
    .related-cars__info {
        line-height: 1.2vw;
        margin-bottom: 1.8vw;
    }
    span.related-cars__info-value, span.related-cars__place-text {
        font-size: 1.14vw;
    }
    .related-cars__place-icon {
        width: 1.5vw;
    }
    .related-cars__view-all svg {
        width: 2.5vw;
    }
}
@media (width >= 767px) and (width <= 1099.9px){
    /*RELATED CARS*/
    .related-cars {
        padding: 8vw;
    }
    .related-cars__list > a {
        flex: 0 0 calc((100% - 4vw) / 3);
    }
    h3.related-cars__title {
        margin: 0 auto 3vw;
    }
    .related-cars__list{
        padding: 0 0 3vw;
    }
    .related-cars__place-group, .related-cars__view-all-link {
        grid-gap: 0.4vw;
    }
}
@media (width <= 899.9px){
    /*RELATED CARS*/
    .related-cars__image img{
        height: 20vw;
    }
    .related-cars__content{
        height: calc(100% - 20vw);
    }
    p.related-cars__price {
        margin-bottom: 0.2vw;
    }
}
@media (width >= 900px) and (width <= 1099.9px){
    h3.related-cars__title {
        font-size: 3.61vw;
        line-height: 4vw;
        width: 45vw;
    }
    .related-cars__list > a {
        border-radius: 0.5vw;
    }
    .related-cars__image img{
        border-radius: 0.5vw 0.5vw 0 0;
        height: 17vw;
    }
    .related-cars__content{
        border-radius: 0 0 0.5vw 0.5vw;
        height: calc(100% - 17vw);
    }
    h4.related-cars__title-car, .related-cars__view-all-link {
        font-size: 1.23vw;
        line-height: 1.3vw;
    }
    h4.related-cars__title-car {
        margin-bottom: 1vw;
    }
    p.related-cars__price {
        font-size: 1.61vw;
        line-height: 1.65vw;
        margin-bottom: 0.4vw;
    }
    span.related-cars__vat {
        font-size: 0.81vw;
    }
    .related-cars__info {
        line-height: 1vw;
        margin-bottom: 1.4vw;
    }
    span.related-cars__info-value, span.related-cars__place-text {
        font-size: 0.98vw;
    }
    .related-cars__place-icon {
        width: 1.2vw;
    }
    .related-cars__view-all svg {
        width: 2vw;
    }
}
@media (width <= 1099.9px){
    /*RELATED CARS*/
    .related-cars__content{
        padding: 2vw;
    }
}
@media (width >= 1100px) {
    /*RELATED CARS*/
    .related-cars{
        padding-block: 5vw;
    }
    h3.related-cars__title {
        margin: 0 auto 2vw;
    }
    .related-cars__list, a.related-cars__view-all-link {
        margin: auto;
    }
    .related-cars__list{
        padding: 0 0 4vw;
    }
    .related-cars__list > a {
        flex: 0 0 calc((100% - 6vw) / 4);
    }
    .related-cars__image img{
        height: 12vw;
    }
    .related-cars__content{
        height: calc(100% - 12vw);
        padding: 1vw;
    }
    h4.related-cars__title-car {
        margin-bottom: 0.8vw;
    }
    p.related-cars__price {
        margin-bottom: 0.2vw;
    }
    .related-cars__info{
        margin-bottom: 1.2vw;
    }
    .related-cars__place-group, .related-cars__view-all-link {
        grid-gap: 0.2vw;
    }
}

@media (width >= 1100px) and (width <= 1400px){
    /*RELATED CARS*/
    .related-cars__list, a.related-cars__view-all-link{
        width: 80vw;
    }
    .related-cars__list > a {
         border-radius: 0.4vw;
    }
    h3.related-cars__title {
        font-size: 2.95vw;
        line-height: 3.5vw;
        width: 35vw;
    }
    .related-cars__image img{
        border-radius: 0.4vw 0.4vw 0 0;
    }
    .related-cars__content{
        border-radius: 0 0 0.4vw 0.4vw;
    }
    h4.related-cars__title-car, .related-cars__view-all-link {
        font-size: 1vw;
        line-height: 1.1vw;
    }
    p.related-cars__price {
        font-size: 1.32vw;
        line-height: 1.4vw;
    }
    span.related-cars__vat {
        font-size: 0.66vw;
    }
    .related-cars__info{
        line-height: 0.9vw;
    }
    span.related-cars__info-value, span.related-cars__place-text {
        font-size: 0.79vw;
    } 
    .related-cars__place-icon {
        width: 1vw;
    }
    .related-cars__view-all svg {
        width: 1.5vw;
    }
}
@media (width >= 1401px) {
    .related-cars__list, a.related-cars__view-all-link{
        width: 70vw;
    }
    h3.related-cars__title {
        font-size: 2.35vw;
        line-height: 3vw;
        width: 35vw;
    }
    .related-cars__list > a {
         border-radius: 0.8vw;
    }
    .related-cars__image img{
        border-radius: 0.8vw 0.8vw 0 0;
    }
    .related-cars__content{
        border-radius: 0 0 0.8vw 0.8vw;
    }
    h4.related-cars__title-car, .related-cars__view-all-link {
        font-size: 0.8vw;
        line-height: 0.9vw;
    }
    p.related-cars__price {
        font-size: 1.05vw;
        line-height: 1.1vw;
    }
    span.related-cars__vat {
        font-size: 0.53vw;
    }
    .related-cars__info{
        line-height: 0.65vw;
    }
    span.related-cars__info-value, span.related-cars__place-text {
        font-size: 0.63vw;
    } 
    .related-cars__place-icon {
        width: 0.7vw;
    }
    .related-cars__view-all svg {
        width: 1.5vw;
    }
}












/*.body-content-related-container { padding: 20px 150px 100px; }
.body-content-related-container > h3 { color: var(--greyText) }
.body-content-related-container > .related-card-container { display: flex; gap: 30px; flex-wrap: wrap }
.body-content-related-container > .related-card-container > .related-car-card { display: flex; width: calc(100% / 4 - 24px); color: #000; text-decoration: none; border-radius: 8px; box-shadow: 2px 2px 10px #6f6f6f45; flex-direction: column; cursor: pointer; transition: all 0.3s }
.body-content-related-container > .related-card-container > .related-car-card > .car-image { width: 100% }
.body-content-related-container > .related-card-container > .related-car-card > .car-image > img { width: 100%; border-radius: 8px; display: block; object-fit: cover; height: auto; aspect-ratio: 16 / 9; }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content { padding: 20px; display: flex; flex-direction: column }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .card-price { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 1.4rem; margin-bottom: 5px }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .vat-label { font-family: 'Open Sans', sans-serif; font-size: 0.7rem; margin-bottom: 10px }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .car-title { color: var(--mainBlue); font-weight: 700; font-size: 1.5rem; margin-bottom: 10px }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .car-info { display: flex; font-family: 'Open Sans', sans-serif; font-size: 0.8rem; padding-bottom: 15px; }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .car-user { font-family: 'Open Sans', sans-serif; font-size: 0.8rem }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .car-place { font-family: 'Open Sans', sans-serif; font-size: 0.8rem }

.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .car-info > span { display: flex; align-items: center; gap: 5px; padding-right: 5px; }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .car-info > span svg { width: 15px; fill: var(--mainBlue); }

.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .car-info.user-place > span { width: 50% }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .car-info.user-place span.car-user { font-weight: 700; text-transform: uppercase; }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .car-info.user-place span.car-user.business { color: var(--menuOrange); }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .car-info.user-place span.car-user.private { color: var(--mainBlue); }
.body-content-related-container > .related-card-container > .related-car-card > .car-card-content > .car-info.user-place span.car-place { display: flex; align-items: center; gap: 5px; flex-flow: row-reverse; }

.body-content-related-container > .offerslist-view-all { display: flex; justify-content: right; margin: 30px 10px 0 0; color: var(--mainYellow); fill: var(--mainYellow); }
.body-content-related-container > .offerslist-view-all > a { display: flex; transition: all 0.4s; text-decoration: none; font-weight: 600; color: var(--mainYellow); }
.body-content-related-container > .offerslist-view-all > a:hover { color: var(--mainBlue); }
.body-content-related-container > .offerslist-view-all > a > svg { margin-left: 15px; fill: var(--mainYellow); margin-right: 0; transition: all 0.4s; display: block; width: 20px; height: 20px; flex: 0 0 auto; }
.body-content-related-container > .offerslist-view-all > a:hover > svg { margin-left: 10px; fill: var(--mainBlue); }*/


/*@media (pointer: fine) {*/ /*RELATED CARS*/
    /*.body-content-related-container > .related-card-container > .related-car-card:hover { background-color: #0057a514 }
}*/

/*@media (max-width: 1400px) {*/
    /*RELATED CARS*/
    /*.body-content-related-container > .related-card-container > .related-car-card { width: calc(100% / 3 - 20px) }
}

@media (max-width: 1200px) {
    .body-content-related-container { padding-inline: 80px }
}

@media (max-width: 1023px) {*/

    /*REALATED CARS*/
    /*.body-content-related-container > .related-card-container { flex-wrap: wrap }
    .body-content-related-container > .related-card-container > .related-car-card { width: calc(100% / 2 - 15px) }
    .body-content-related-container { padding: 80px 50px }
}

@media (max-width: 767px) {*/

    /*REALATED CARS*/
    /*.body-content-related-container > .related-card-container > .related-car-card { width: 100% }
    .body-content-related-container { padding-top: 30px; padding-bottom: 30px }
}*/