.rooms-slider {
    grid-template-rows: auto 1fr;
}

.rooms-slider .default-slider-text-pagination {
    grid-area: 1/3/span 1/span 4;
}

.rooms-slider .rooms-content-slider {
    grid-area: 2/3/span 1/span 4;
}

.rooms-slider .rooms-content-slider .splide__track {
    height: 100%;
}

.rooms-slider .rooms-content-slider .room-content-slider-item {
    padding-bottom: 1px;
}

.rooms-slider .rooms-content-slider .text-container {
    margin-right: var(--m-sm);
}

.rooms-slider .rooms-content-slider .btns-container {
    margin-top: auto;
}

.rooms-slider .rooms-thumb-slider {
    grid-area: 1/7/span 2/span 6;
}

.rooms-slider .rooms-thumb-slider .room-thumb {
    aspect-ratio: 1140/770;
}

.rooms-slider > .icon-container {
	grid-area: 1/7/span 2/span 6;
	transform: translate(40%, -65%);
	width: max(128px, 7.03125vw);
}

@media (max-width: 1399.98px) {
    .rooms-slider .default-slider-text-pagination {
        grid-area: 1/2/span 1/span 5;
    }

    .rooms-slider .rooms-content-slider {
        grid-area: 2/2/span 1/span 5;
    }
}

@media (max-width: 991.98px) {
    .rooms-slider .default-slider-text-pagination {
        grid-area: 1/4/span 1/span 8;
    }

    .rooms-slider .rooms-content-slider {
        grid-area: 2/4/2/span 8;
    }

    .rooms-slider .rooms-content-slider .text-container {
        margin-right: 0;
    }

    .rooms-slider .rooms-thumb-slider {
        grid-area: 3/4/3/span 8;
        margin-top: var(--m-lg);
    }

    .rooms-slider>.icon-container {
        grid-area: 3/4/3/span 8;
        margin-top: var(--m-lg);
    }
}

@media (max-width: 767.98px) {
    .rooms-slider .default-slider-text-pagination,
    .rooms-slider .rooms-content-slider,
    .rooms-slider .rooms-thumb-slider,
    .rooms-slider>.icon-container {
        grid-column: 3/span 10;
    }
}

@media (max-width: 575.98px) {
    .rooms-slider .default-slider-text-pagination,
    .rooms-slider .rooms-content-slider,
    .rooms-slider .rooms-thumb-slider {
        grid-column: 2/span 12;
    }

    .rooms-slider>.icon-container {
        grid-column: 4/span 8;
    }

    .rooms-slider .default-slider-text-pagination {
        gap: var(--m-xs);
        justify-content: center;
    }

    .rooms-slider .default-slider-text-pagination li button {
        font-size: var(--fs-20);
    }
}