.location{
    display: flex;
    flex-direction: row;

    align-items: center;
    gap: 20px;
}

.img_flex{
    display: flex;
    flex-direction: row;

    height: fit-content;
    
    gap: 30px;

    margin-top: 40px;
    margin-bottom: 40px;
}


  
img {
    vertical-align: middle;
}

/* Скрыть изображения по умолчанию */
.mySlides {
    display: none;
}

.cursor {
    cursor: pointer;
}

.column img{
    width: 126px;
    height: 126px;

    object-fit: cover;
}

/* Добавьте эффект прозрачности для миниатюрных изображений */
.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
    transition: all 0.1s ease 0s;
}

.mySlides, .row{
    width: fit-content;
    height: fit-content;
}

.mySlides img{
    width: 840px;
    overflow-y: scroll;
    height: 560px;
    object-fit: cover;
}

.row{
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: scroll;
    height: 560px;
}

.color-black{
    color: black;
}

.coin, .mini-info, .info{
    display: flex;
    flex-direction: row;
}

.coin, .info{
    gap: 30px;
}

.mini-info{
    gap: 15px;
}

.text-type{
    display: flex;
    flex-direction: column;

    gap: 40px;
}

.line-block hr{
    display: block;                        
    border: 0;             
    border-top: 1px solid #d1d1d1; 
    margin: 30px 0;            
    padding: 0;
}

.text-type, .line-block, .characteristics, .overview{
    height: auto;
}

.characteristics, .mini-characteristics{
    display: flex;
    flex-direction: row;
}

.left-characteristics, .right-characteristics, .overview{
    display: flex;
    flex-direction: column;

    gap: 10px;
}

.mini-characteristics{
    justify-content: space-between;
    gap: 20px;
}

.characteristics{
    gap: 80px;
}

.normal{
    white-space: normal;
}

.mini-info img{
    width: 23px;
}

p{
    white-space: normal;
}

.consultation-card{
    height: auto;
    width: 70%;
    
    padding: 20px 0;
    margin-bottom: 40px;
}

.coin img{
    width: 40px;
}

@media (max-width: 1202px) {
    .consultation-card{
        width: 70% !important;
    }
}

@media (max-width: 768px) {
    .href-rental-N-text a, .href-rental-N-text p{
        font-size: 14px;
    }
    
    .location img{
        width: 20px;
    }

    .location{
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .consultation-card{
        width: 100% !important;
    }
}

.right-characteristics > .mini-characteristics{
    justify-content: flex-start;
}

ul{
    margin: 0;
    padding-left: 20px;
}

.mini-characteristics{
    align-items: center;
}

#ul-characteristic{
    align-items: flex-start;
}

.distance{
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: space-between;

    padding: 0 50px;
}

.distance-mini{
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 105px;
}

.distance-mini img{
    width: 30px;
    height: 30px;
}

@media (max-width: 768px) {
    .distance{
        padding: 0 16px;
    }

    .distance-mini img{
        width: 20px;
        height: 20px;
    }

    .distance-mini{
        width: auto;
    }
}

@media (max-width: 425px) {
    .distance{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
}
