.accomondation_hero_image img {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    object-fit: cover;
}

.accomondation {
    border: 1px solid var(--black);
    position: relative;
}
.accomondation::after {
    content: "";
    background: var(--black);
    height: 100%;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.accomondation_inner {
    display: flex;
}

.accomondation_inner .left {
    padding: var(--spacing);
    width: 100%;
    flex: 1;
}
.accomondation_inner .right {
    padding: var(--spacing-large) var(--spacing);
    width: 100%;
    flex: 1;
}
.accomondation_inner .title {
    color: var(--black);
    font-size: var(--size-title);
    font-weight: 400;
    margin-bottom: var(--spacing-text);
}
.accomondation_inner .text, .accomondation_inner .text p {
    color: var(--black);
    font-size: var(--size-text);
    margin-bottom: var(--spacing-text);
}
.accomondation_inner .links p, .accomondation_inner .links a {
    color: var(--black);
    font-size: var(--size-text);
}
.accomondation_inner .right .inner {
    display: flex;
    margin: var(--spacing-text) 0;
}

.accomondation_inner .right .inner .inner_title {
    width: 100%;
    flex: 0 0 20%;
    color: var(--black);
    font-size: var(--size-medium);
    font-weight: 400;
}
.accomondation_inner .right .inner .inner_text {
    width: 100%;
    flex: 0 0 80%;  
    color: var(--black);
    font-size: var(--size-text);
}

.accomondations_rooms {
    display: flex;
}
.accomondations_rooms .room {
    width: 50vw;
    flex: 1;
    display: flex;
    height: 100vh;
    height: 100dvh;
    position: relative;
}
.accomondations_rooms .room img {
    width: 50vw;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.accomondations_rooms .room .title {
    color: var(--white);
    font-size: var(--size-title);
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
}
.accomondations_rooms .room::after {
    content: "";
    background: var(--black);
    opacity: 0.3;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s all ease-in-out;
}
.accomondations_rooms .room:hover::after {
    opacity: 0;
    transition: .3s all ease-in-out;
}


@media (max-width: 992px) {
.accomondation_inner {
    flex-direction: column;
    gap: var(--spacing);
    padding-top: var(--spacing-large);
}
.accomondation::after {
    /* height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translate(-50%, 0%); */
    display: none;
}
.accomondation_inner .left, .accomondation_inner .right {
    padding: 0;
}  
.accomondations_rooms {
    flex-direction: column;
}
.accomondations_rooms .room {
    width: 100vw;
    height: 50vh;
    height: 50dvh;
}
.accomondations_rooms .room img {
    width: 100vw;
}
}