.rooms .s-slider-container .s-slider-swiper-wrapper .swiper-slide .overlay h1, .media .shape p {
    color: #ffffff !important;
}
.bg-\[var\(--f-color\)\], .bg-\[var\(--m-color\)\] {
 background: linear-gradient(119.03deg, #171345 32.15%, #07B3E7 146.03%);
    
}
.relative.flex.justify-center.items-center.sal-animate h1{
    font-size:30px !important;
    width:100%;
}

@media (min-width: 1024px) {
    .lg\:h-\[95vh\] {
        height: 855px;
    }
    .lg\:h-\[95vh\] img{
        object-fit:fill;
    }
}
@media (min-width: 767px){
    .md\:my-\[66px\] .lg\:flex-row-reverse div:first-child .lg\:left-\[20\%\]{
    right: 0%
}
.md\:my-\[66px\] .lg\:flex-row-reverse div:last-child .lg\:left-\[20\%\]{
    left: 5%;
}
    .md\:p-5{
        margin-right: 5%;
        margin-bottom: 5%;
    }
}
@media (max-width: 768px) {
    .md\:p-5 {
        text-align: center !important;
        align-items: center !important;
        margin-right: 15%;
        margin-bottom: -10%;
    }
        .lg\:h-\[95vh\] {
        height: 428px;
    }
.absolute.top-\[5\%\].left-\[10\%\].lg\:left-\[20\%\].w-\[250px\].flex.flex-col.justify-start.items-center.text-center {
    right: 0;
}
}