.md\:max-w-\[55\%\] h1, .md\:max-w-\[55\%\] p, .rooms .s-slider-container .s-slider-swiper-wrapper .swiper-slide h1, .lg\:left-\[20\%\] h1, .lg\:left-\[20\%\] a, ul.flex p{
color: #fff !important;
}
.main-nav-container.fixed-pinned .main-menu > li > a{
color: #356376;
}
.main-nav-container .mobile-menu ul li a{
color: #fff;
}
.media .shape, .w-full.absolute.-top-\[10\%\].-right-\[10\%\], .bg-\[var\(--m-color\)\], .lg\:left-\[20\%\] .border{
background: linear-gradient(180deg, #5D9BB1 0%, #274E60 100%);
}
.container.m-auto h2{
    text-align:center;
}
    .lg\:left-\[20\%\] {
    left: 0%;
    width: 99.9%;
    top: 77%;
    }
   .lg\:left-\[20\%\] .lg\:py-4 {
    width: 100% !important;
    }
@media (min-width: 1024px) {
    .lg\:h-\[95vh\] {
        height: 75vh;
    }
    .md\:max-w-\[55\%\] h1{
        font-size: 55px;
    }
    .md\:max-w-\[55\%\] p{
        font-size: 30px;
    }
}
@media (min-width: 768px) {
    .md\:p-5 {
        margin-bottom: 10%;
    }
    .lg\:left-\[20\%\] h1{
    font-size:30px !important;
    }
}
@media (max-width: 768px){
.h-\[85vh\]{
    height: 420px;
}
    .md\:p-5 {
        margin-bottom: 25%;
    }
    .lg\:left-\[20\%\] h1{
    font-size:20px !important;
    }
}