/* main_section */

.main_section {
    height: 85vh;
}

.main_section .slider-btn {
    top: calc(50% + 60px + 2em) !important;
    -webkit-transform: translateY(calc(-50% - 3.3em)) !important;
        -ms-transform: translateY(calc(-50% - 3.3em)) !important;
            transform: translateY(calc(-50% - 3.3em)) !important;
}

.main_section .slider-btn svg {
    height: 2.5em;
}


/* info */

.info {
    position: relative;
    padding: 2em var(--sima-margin) 5em 8vw;
}

.info .tag {
    position: absolute;
    top: 0;
    right: var(--sima-margin);
    padding: .2em 1em;
    color: #000;
    background-color: #fff;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.info .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 2rem;
}

.info .header > *:first-child {
    width: 65%;
}

.info .header > *:first-child .location {
    padding-top: .5rem;
    font-size: .9rem;
}

.info .header > *:last-child {
    width: 25%;
    text-align: right;
}

.info .header > *:last-child .equivalent {
    font-size: .7em;
    white-space: nowrap;
}

/* params */
.info .params {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 65%;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-top: 1rem;
    color: var(--color-gray);
}

.info .params .param {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: .3em;
}

.info .params .param img {
    -webkit-filter: 
        brightness(0) 
        saturate(100%) 
        invert(54%) 
        sepia(0%) 
        saturate(1352%) 
        hue-rotate(176deg) 
        brightness(89%) 
        contrast(87%);
            filter: 
        brightness(0) 
        saturate(100%) 
        invert(54%) 
        sepia(0%) 
        saturate(1352%) 
        hue-rotate(176deg) 
        brightness(89%) 
        contrast(87%);
    width: 20px;
    height: 20px;
    -o-object-fit: cover;
       object-fit: cover;
}

/* cols */
.info .cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 4em;
    margin-top: 3em;
}

.info .cols div .title {
    margin-bottom: 1rem;
    color: var(--color-gray);
    font-size: 1.1rem;
}

.info .cols .description {
    width: 65%;
}


.info .cols .details {
    min-width: 25%;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.info .cols .details .dynamic_fields > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .75em;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 1.25em;
}

.info .cols .details .dynamic_fields div .field_title {
    font-weight: bold;
    width: 60%;
}

.info .cols .details .dynamic_fields div .field_value {
    width: 35%;
}


.info .cols .request .text {
    margin: 2em 0 1em;
    color: var(--color-gray);
    font-size: 1.1rem;
}

.info .cols .request button {
    padding: .5em 1.5em;
    color: #fff;
    background: none;
    border: 1px solid #fff;
    border-radius: var(--border-radius);
}


/* similar_objects */
.similar_objects {
    margin-bottom: 5em;
}

.similar_objects > .header {
    margin: 5em 0 0 8vw;
    color: var(--color-gray);
    font-size: 1.1rem;   
}


/* map */

#map {
    aspect-ratio: 16/6;
    overflow: hidden;
    color: #000;
}