@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
    body {
        font-family: 'Poppins', sans-serif;
    }
    
    .search-results {
        display: flex;
        width: 1250px;
        margin: auto;
    }
    
    html {
        scroll-behavior: smooth;
    }
    
    .scroll-height {
        height: 100%;
        position: sticky;
        width: 30%;
    }
    
    .results {
        width: 88%;
    }
    
    .sortby {
        display: inline-flex;
        padding-left: 30px;
        margin-left: 20px;
        width: 100%;
        background-color: #e5eefa;
        border: 0.5px solid rgb(228, 224, 224);
        margin-top: 20px;
        border-radius: 6px;
    }
    
    .sortby h3 {
        color: rgb(90, 90, 90);
    }
    
    .sortby ul li {
        list-style: none;
        display: inline-flex;
        padding-left: 20px;
        padding-top: 5px;
    }
    
    .sortby ul li a {
        color: rgb(117, 117, 117);
        font-weight: bold;
        text-decoration: none;
        transition: all ease-out 0.3s;
    }
    
    .sortby ul li a:hover {
        color: #276BAE;
    }
    
    .scroll-bar {
        height: 800px;
        width: 100%;
        overflow: auto;
        border: 0.5px solid rgb(228, 224, 224);
        border-radius: 6px;
        background-color: #f1f5fa;
        margin-top: 20px;
    }
    
    .cross-mark {
        font-size: 25px;
        text-align: right;
        padding-top: 10px;
        padding-right: 20px;
        display: none;
    }
    
    .cross-mark i {
        color: rgb(119, 119, 119);
    }
    
    .hamburger-bar {
        background-color: #276BAE;
        width: 40px;
        padding: 5px;
        margin-top: 20px;
        border-radius: 3px;
        display: none;
        height: 40px;
    }
    
    .hamburger-bar i {
        font-size: 30px;
        color: white;
    }
    
     ::-webkit-scrollbar {
        width: 6px;
    }
    
     ::-webkit-scrollbar-track {
        border: none;
    }
    
     ::-webkit-scrollbar-thumb {
        background: rgb(209, 209, 209);
        border-radius: 8px;
    }
    
    .scroll-bar p {
        padding: 20px;
    }
    
    .color {
        background-color: #e5eefa;
    }
    
    .scroll-bar h3 {
        font-size: 18px;
        color: rgb(80, 74, 74);
        padding-left: 2px;
    }
    
    .hotelstars {
        margin-top: 20px;
        width: 80%;
        border-bottom: 1px solid rgb(179, 175, 175);
        margin-left: 20px;
        padding-bottom: 10px;
    }
    
    .check {
        display: block;
        position: relative;
        padding-left: 40px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 18px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: rgb(109, 108, 108);
    }
    
    .check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
    
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 28px;
        width: 28px;
        background-color: #eee;
        border: 0.2px solid rgb(206, 205, 205);
        border-radius: 5px;
    }
    
    .check :hover input~.checkmark {
        background-color: #ccc;
    }
    
    .check input:checked~.checkmark {
        background-color: #2196F3;
    }
    
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    /* Show the checkmark when checked */
    
    .check input:checked~.checkmark:after {
        display: block;
    }
    /* Style the checkmark/indicator */
    
    .check .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .radio .check {
        margin-top: 20px;
    }
    
    [data-checkbox]:checked:after {
        display: none;
    }
    
    .hotelstars a {
        text-decoration: none;
        font-size: 16px;
        float: left;
        padding-top: 8px;
        padding-left: 4px;
        color: rgb(170, 169, 169);
    }
    
    .hotelstars .star {
        height: 37px;
        width: 40px;
        background-color: rgb(247, 247, 247);
        display: inline-flex;
        padding: 0;
        margin-bottom: 10px;
        border-radius: 4px;
        border: 0.2px solid rgb(206, 205, 205);
        margin-left: 2px;
    }
    
    .hotelstars .star i {
        font-size: 14px;
        padding-right: 2px;
        padding-top: 0px;
    }
    
    .check-button i {
        padding-top: 0px!important;
        color: white!important;
    }
    
    .hotelstars .star:hover {
        background-color: #2196F3;
    }
    
    .hotelstars a:hover {
        color: white;
    }
    
    .hotelstars1 .star {
        height: 37px;
        width: 37px;
        background-color: rgb(247, 247, 247);
        display: inline-flex;
        padding: 0;
        margin-bottom: 10px;
        border-radius: 4px;
        border: 0.2px solid rgb(206, 205, 205);
        margin-left: 2px;
    }
    
    .hotelstars1 .star:hover {
        background-color: #2196F3;
    }
    
    .hotelstars1 a:hover {
        color: white;
    }
    
    .hotelstars1 a {
        text-decoration: none;
        font-size: 16px;
        float: left;
        padding-top: 8px;
        padding-left: 6px;
        color: rgb(170, 169, 169);
        font-weight: bolder;
    }
    
    .hotelstars1 {
        padding-left: 20px;
    }
    
    .overflow {
        width: 100%;
        margin-left: 20px;
        margin-bottom: 20px;
    }
    
    .whole-results {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 15px;
    }
    
    .results .hotelresults {
        border: 0.5px solid rgb(228, 224, 224);
        border-radius: 6px;
        width: 31.9%;
    }
    
    .loader-card1 {
        border-radius: 6px;
        width: 31.9%;
    }
    
    .picture {
        width: 100%;
    }
    
    .hotelresults img {
        width: 100%;
        height: 210px;
        object-fit: cover;
    }
    
    .contents {
        width: 100%;
       
    }
    
    .contents h3 {
        color: rgb(45, 76, 83);
        letter-spacing: 2px;
        font-size: 18px;
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight: bold;
        text-align: center;
    }
    
    p.search-para {
        color: rgb(138, 135, 135);
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 15px;
    }
    
    .rate i {
        color: #eab308!important;
        font-size: 13px!important;
    }
    
    .contents i {
        font-size: 11px;
        color: #403f3f85;
        padding-top: 13px;
        font-size: 14px!important;
    }
    
    .contents span {
        color: #403f3f85;
        font-size: 15px;
        letter-spacing: 2px;
        padding-left: 2px;
        font-weight: 400;
    }
    
    .booknow {
        width: 100%;
        margin-top: 8px;
        color: rgb(156, 156, 156);
    }
    
    .rooms h2 {
        color: rgb(54, 53, 53);
        letter-spacing: 1px;
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 19px;
        text-align: right;
    }
    
    .check-button i {
        font-size: 13px!important;
        margin-left: 5px;
    }
    
    .rooms button {
        background-color: #276BAE;
        border: none;
        height: 40px;
        width: 120px;
        border-radius: 30px;
        color: white;
        font-size: 14px;
        cursor: pointer;
        transition: all ease 0.3s;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .rooms button:hover {
        box-shadow: 2px 4px #ccc;
    }
    
    .pagination {
        /* display: inline-block; */
        margin-left: 30px;
        margin-bottom: 20px;
        display: none;
    }
    
    .pagination a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
        border: 1px solid #ddd;
    }
    
    .pagination a.active {
        background-color: #276BAE;
        color: white;
        border: 1px solid #276BAE;
    }
    /*-----Hotel Info------*/
    
    .hotelinfo {
        width: 1250px;
        margin: auto;
    }
    
    .hotelcontent {
        display: inline-flex;
        width: 100%;
    }
    
    .saved-button {
        width: 20%;
        margin-top: 40px;
    }
    
    .saved-button button a {
        text-decoration: none;
        color: white;
        font-size: 18px;
        font-weight: bolder;
    }
    
    .saved-button button a i {
        color: white;
        margin-right: 7px;
        font-size: 19px;
    }
    
    .saved-button button {
        float: right;
        padding: 10px;
        width: 120px;
        background-color: #276BAE;
        border: none;
        border-radius: 4px;
        margin-right: 5px;
    }
    
    .saved-button button.active-save {
        background-color: white;
        border: 1px solid #276BAE;
        /* display: none; */
    }
    
    .saved-button button.active-save a,
    .saved-button button.active-save a i {
        color: #276BAE;
    }
    
    button.active-save:hover {
        color: white;
        background-color: #276BAE;
    }
    
    button.active-save:hover a {
        color: white;
    }
    
    button.active-save:hover a i {
        color: white;
    }

    
    .hotel-top-headings {
        width: 80%;
    }
    .hotel-top-headings i span{
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        text-transform: uppercase;
    }
    
    .hotelcontent h1 {
        letter-spacing: 4px;
        font-size: 30px;
        color: #282828;
        margin-bottom: 10px;
    }
    
    .hotelcontent i {
        font-size: 15px;
        color: rgb(190, 190, 190);
    }
    
    .hotelcontent i span {
        padding-left: 10px;
        letter-spacing: 2px;
    }
    
    .quicklinks {
        height: 50px;
        background-color: #e5eefa;
        line-height: 3rem;
        border-radius: 4px;
    }
    
    .quicklinks ul li {
        list-style: none;
        display: inline-flex;
        padding-left: 50px;
        font-size: 18px;
    }
    
    .quicklinks ul li a {
        text-decoration: none;
        color: rgb(146, 145, 145);
        font-weight: bolder;
        transition: all ease-in 0.1s;
    }
    
    .quicklinks ul li:first-child {
        padding-left: 30px;
    }
    
    .quicklinks ul li a:hover {
        color: #2196F3;
        border-bottom: 2px solid #2196F3;
    }
    
    .discript {
        margin-top: 20px;
        width: 100%;
    }
    
    h1 {
        letter-spacing: 2px;
        font-size: 30px;
        color: rgb(63, 62, 62);
        margin-left: 4px;
    }
    
    .description {
        border: 1px solid rgb(189, 188, 188);
        height: 280px;
        width: 49%;
        border-radius: 6px;
        margin-left: 20px;
    }
    
    .about {
        display: flex;
    }
    
    .description:first-child {
        margin-left: 0;
        height: auto;
    }
    
    #more {
        display: none;
    }
    
    button#read-more {
        padding: 10px;
        cursor: pointer;
        background-color: #276BAE;
        border: none;
        color: white;
        border-radius: 5px;
    }
    
    .aboutus {
        margin: 21px;
    }
    
    .aboutus h4 {
        font-size: 25px;
        letter-spacing: 4px;
        color: #282828;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .aboutus p {
        font-size: 14px;
        letter-spacing: 0.5px;
        color: #151514;
        text-align: justify;
    }
    
    iframe {
        width: 100%;
        height: 277.5px
    }
    
    .rooms {
        width: 100%;
    }
    
    .roomcontainer {
        width: 100%;
        border: 1px solid rgb(189, 188, 188);
        height: 100%;
    }
    
    .roomcontainer1 {
        width: 100%;
        border-bottom: 1px solid rgb(189, 188, 188);
        border-left: 1px solid rgb(189, 188, 188);
        border-right: 1px solid rgb(189, 188, 188);
        height: 100%;
    }
    
    .roomtypes {
        width: 100%;
        padding-left: 20px;
        display: inline-flex;
    }
    
    .infocontainer {
        border-right: 1px solid rgb(189, 188, 188);
        width: 25%;
        padding-left: 20px;
    }
    
    .infocontainer h4 {
        margin-left: 0px!important;
    }
    
    .roomtypes .infocontainer:last-child {
        border-right: none;
    }
    
    .roomcontainer1 .roomtypes .infocontainer img {
        width: 85%;
        margin-bottom: 20px;
    }
    
    .roomcontainer1 .roomtypes .infocontainer h4 {
        font-size: 20px;
        color: #2196F3;
    }
    
    .room-icons {
        margin-bottom: 20px;
        color: rgb(139, 139, 139);
    }
    
    .room-icons i {
        font-size: 13px;
        padding-left: 35px;
        padding-top: 20px;
    }
    
    .room-icons i span {
        padding-left: 10px;
        color: rgb(54, 54, 54);
        letter-spacing: 1.5px;
    }
    
    .room-icons i:first-child {
        padding-left: 0px;
    }
    
    .infocontainer ul li {
        list-style: none;
    }
    
    .infocontainer ul {
        line-height: 220%;
    }
    
    .infocontainer .green {
        height: 50px;
        width: 90%;
        background-color: rgb(82, 206, 82);
        border-radius: 4px;
    }
    
    .green h3 {
        text-align: center;
        padding-top: 13px;
        color: white;
        letter-spacing: 2px;
        font-size: 20px;
    }

    .justify-auto-center{
     display: flex;
     width: 100%;
     justify-content: center;

    }
    .sevice-not-available{
        text-align: center;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .sevice-not-available p{
        font-size: 22px;
        color: #262626;
    }

    .sevice-not-available button{
        border: none;
        padding: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        background-color: #0071ce;
        color: white;
        border-radius: 5px;
        font-size: 15px;
        cursor: pointer;
    }

    .image-service{
        height: 350px;
        width: 350px;
        
      
    }

    .image-service img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    .infocontainer .red {
        height: 50px;
        width: 90%;
        background-color: rgb(206, 20, 20);
        border-radius: 4px;
    }
    
    .red h3 {
        text-align: center;
        padding-top: 13px;
        color: white;
        letter-spacing: 2px;
        font-size: 20px;
    }
    
    .infocontainer strong {
        font-size: 30px;
        margin-top: 100px;
    }
    
    .pricetax {
        margin-top: 40px;
    }
    
    .pricetax h6 {
        font-size: 14px;
        letter-spacing: 1px;
        color: rgb(114, 112, 112);
        margin-top: 0px;
        margin-bottom: 10px;
    }
    
    .booknow1 {
        width: 33%;
        background-color: #276BAE;
        border-radius: 4px;
        transition: all ease-out 0.3s;
        padding: 1px!important;
        margin-top: 30px;

    }
    
    .booknow1 h3 {
        text-align: center;
        color: white;
        letter-spacing: 2px;
        font-size: 20px;
        font-size: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .booknow1:hover {
        background-color: #0071ce;
        cursor: pointer;
    }
    /*--------Services and Facilities---------*/
    
    .services {
        width: 100%;
    }
    
    .facilities {
        margin-left: 4px;
        font-weight: bolder;
        font-size: 18px;
        width: 100%;
    }
    
    .facilities p {
        margin-bottom: 0px;
    }
    
    .popular-services {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        display: none;
    }
    
    .serv {
        width: 18%;
        margin-top: 10px;
    }
    
    .services-point {
        width: 100%;
        display: inline-flex;
    }
    
    .facilities i {
        font-size: 16px;
        color: #2196F3;
        line-height: 25px;
    }
    
    .facilities i span {
        padding-left: 15px;
        font-size: 14px;
        color: rgb(165, 165, 165);
    }
    
    .general {
        margin-top: 20px;
        line-height: 35px;
    }
    
    .general i {
        color: #2196F3;
        font-size: 20px;
    }
    
    .general .heading-icons span {
        padding-left: 20px;
        color: rgb(41, 40, 40);
        letter-spacing: 1px;
        font-weight: bolder;
    }
    
    .general ul li {
        list-style: none;
        font-size: 16px;
        color: rgb(48, 48, 48);
        letter-spacing: 1px;
    }
    
    .general ul li i {
        color: #ccc;
        margin-right: 20px;
        font-size: 15px;
    }
    
    .general i {
        margin-left: 7px;
    }
    
    .general ul li span {
        height: 50px;
        width: 100%;
        background-color: rgb(241, 240, 240);
        font-size: 11px;
        padding: 5px;
        color: black;
    }
    
    .inline {
        width: 33.33%;
        align-items: center;
    }
    /*Rules And Policies*/
    
    .policies {
        width: 100%;
    }
    
    .checking1 {
        width: 100%;
        background-color: rgb(252, 252, 252);
        border-radius: 6px;
        border: 0.5px solid rgb(241, 239, 239);
        display: inline-flex;
    }
    
    .checking1 h3 {
        font-size: 20px;
        margin-bottom: 8px!important;
    }
    
    .check1 {
        width: 33.33%;
        margin-left: 30px;
    }
    
    .boxes {
        display: inline-flex;
        font-size: 16px;
    }
    
    .boxes span {
        margin-left: 20px;
        margin-right: 19px;
    }
    
    .check-button {
        color: #2196F3;
        border-radius: 5px;
        padding-left: 6px;
        padding-top: 2px;
        display: flex;
        justify-content: right;
        width: 100%;
        display: none;
    }
    
    .policy-lists {
        font-size: 18px;
        color: rgb(133, 133, 133);
        font-weight: 100;
    }
    
    .policy-lists ul li:first-child {
        padding-top: none;
    }
    /*Client reviews*/
    
    .container {
        margin-top: 50px;
        width: auto;
    }
    
    .box-area1 {
        padding: 25px;
        position: relative;
        display: block;
        color: #000;
        margin: 40px 0;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        text-align: center;
    }
    
    .box-area1 h5 {
        font-size: 16px;
        font-weight: 700;
        color: #0a69ed;
        margin-top: 30px;
        margin-bottom: 5px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    .box-area1 span {
        color: #262626;
        display: block;
        font-size: 13px;
        margin: 0 0 10px;
        font-weight: 400;
    }
    
    .box-area1 .content {
        color: #262626;
    }
    
    .box-area1 .img-area {
        width: 90px;
        height: 90px;
        position: absolute;
        top: -40px;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        right: 0;
        z-index: 1;
        border: 5px solid #fff;
        border-radius: 50%;
        box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
    }
    
    .box-area1 .img-area img {
        width: 100%;
        height: auto;
        border-radius: 50%;
    }
    
    .socials {
        margin-top: 30px;
    }
    
    .socials i {
        margin: 0 3px;
        color: #0a69ed;
        font-size: 15px;
    }
    
    #testimonial_area {
        margin-right: 70px;
        position: relative;
        margin-left: 70px;
    }
    
    #testimonial_area .owl-nav {
        position: absolute;
        top: 50%;
        width: 100%;
    }
    
    #testimonial_area .owl-prev,
    #testimonial_area .owl-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: white;
        border-radius: 50%;
        text-align: center;
        background: #fff;
        position: absolute;
        background-color: #0a69ed;
    }
    
    #testimonial_area .owl-prev {
        left: -60px;
        top: -30px;
    }
    
    #testimonial_area .owl-next {
        right: -60px;
        top: -30px;
    }
    /*loading*/
    
    .loader-frame {
        width: 96%;
        height: 90vh;
        margin-left: 35px;
        margin-top: 10px;
        place-items: center;
        position: relative;
    }
    /*loading ends*/
    
    @media only screen and (max-width: 991px) {
        .owl-nav {
            display: none;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .box1-area {
            text-align: center;
        }
        .owl-nav {
            display: none;
        }
    }
    /*onclick popup*/
    
    .popup .overlay {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        z-index: 200000;
        display: none;
    }
    
    .popup .content {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        background: #fff;
        width: 400px;
        height: auto;
        z-index: 200000;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 8px;
    }
    
    .popup-contents {
        margin-left: 10px;
    }
    
    .popup-combobox {
        position: relative;
        width: 100%;
        display: inline-flex;
    }
    
    .popup-combobox p {
        width: 27%;
    }
    
    .popup-combobox input {
        width: 80%;
        height: 50px;
        border: 1px solid rgb(201, 201, 201);
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
        /* position: absolute;
    top: 80px; */
        padding-left: 20px;
    }
    
    .popup-combobox input.quantity-input {
        width: 100%!important;
        height: 0px;
        padding-left: 0px!important;
        padding: 20px!important;
        margin-top: 5px;
    }
    
    .days-combo {
        line-height: 30px;
        font-size: 15px;
        background-color: #fff;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        width: 100%;
        border-radius: 6px;
       top: 50px;
       max-height: 150px;
       overflow-y: scroll;
        display: none;
        position: absolute;
        z-index: 8;
    }
    
    .quantity-box {
        position: relative;
    }
    
    .quantity-box:before {
        content: '';
        position: absolute;
        right: 23px;
        top: 20px;
        z-index: 111111111;
        width: 5px;
        height: 5px;
        border: 1.5px solid rgb(87, 85, 85);
        border-top: 1.5px solid white;
        border-right: 1.5px solid white;
        transform: rotate(-45deg);
        transition: 0.5s;
        pointer-events: none;
    }
    
    .popup-combobox.active :before {
        transform: rotate(-225deg);
        top: 100px;
    }
    
    .days-combo div {
        cursor: pointer;
        padding-left: 15px;
        padding-top: 5px;
        transition: 0.2s;
        padding-bottom: 10px;
    }
    
    .days-combo div:hover {
        background-color: rgb(243, 241, 241);
    }
    
    .popup-contents h1 {
        color: #2196F3;
        letter-spacing: 1px;
    }
    
    .popup .close-btn {
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 20px;
        width: 30px;
        height: 30px;
        background: #2196F3;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 30px;
        text-align: center;
        border-radius: 50%;
    }
    
    .popup.active .overlay {
        display: block;
    }
    
    .popup.active .content {
        transition: all 500ms ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }
    
    .popup-calender {
        margin-left: 10px!important;
    }
    
    .popup-calender span {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .popup-calender h1 {
        color: #2196F3;
    }
    
    button.btn199 {
        margin-left: 10px;
        margin-top: 20px;
        padding: 15px;
        border: none;
        border-radius: 3px;
        background-color: #2196F3;
        color: white;
        cursor: pointer;
        width: 150px;
    }
    /* light box gallery*/
    
    #pictures {
        z-index: 9999999999!important;
    }
    
    .img-pop-row {
        width: 100%;
    }
    
    .img-pop-row>.img-pop-column {
        padding: 0 8px;
    }
    
    .img-pop-row:after {
        content: "";
        /* display: table; */
        clear: both;
    }
    
    .img-pop-column img {
        border-radius: 4px;
        width: 100%;
        height: 100%;
    }
    /* The Modal (background) */
    
    .modal {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 60px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: black;
    }
    
    .modal img {
        width: 100%;
        height: 100%;
    }
    /* Modal Content */
    
    .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        width: 65%;
        max-width: 1200px;
    }
    /* The Close Button */
    
    .close {
        color: white;
        position: absolute;
        top: 10px;
        right: 25px;
        font-size: 35px;
        font-weight: bold;
    }
    
    .close:hover,
    .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }
    
    .mySlides {
        display: none;
    }
    
    .cursor {
        cursor: pointer;
    }
    /* pop-next & pop-previous buttons */
    
    .pop-prev,
    .pop-next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
    }
    /* Position the "pop-next button" to the right */
    
    .pop-next {
        right: 0;
        border-radius: 3px 0 0 3px;
    }
    /* On hover, add a black background color with a little bit see-through */
    
    .pop-prev:hover,
    .pop-next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }
    /* Number text (1/3 etc) */
    
    .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
    }
    
    img {
        margin-bottom: -4px;
    }
    
    .caption-container {
        text-align: center;
        background-color: black;
        padding: 2px 16px;
        color: white;
    }
    
    .demo {
        opacity: 0.6;
    }
    
    .active-pop,
    .demo:hover {
        opacity: 1;
    }
    
    img.hover-shadow {
        transition: 0.3s;
    }
    
    .hover-shadow:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .pop-up-img-box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    
    .img-pop-column {
        width: 24.5%;
        margin-left: 5px;
        position: relative;
        height: 32vh;
        margin-top: 5px;
    }
    
    .loading-animation .infocontainer h1 {
        height: 30px;
        background: #eee;
        background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
        background-size: auto;
        border-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background-size: 200% 100%;
        -webkit-animation: 1.5s shine linear infinite;
        animation: 1.5s shine linear infinite;
        width: 50%;
        margin-bottom: 10px;
        margin-left: 0px;
    }
    
    .loading-animation .infocontainer .img-box {
        height: 160px;
        background: #eee;
        background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
        background-size: auto;
        border-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background-size: 200% 100%;
        -webkit-animation: 1.5s shine linear infinite;
        animation: 1.5s shine linear infinite;
        width: 85%;
    }
    
    ul.loading {
        margin-top: 35px!important;
    }
    
    .loading-animation .infocontainer h3 {
        height: 50px;
        background: #eee;
        background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
        background-size: auto;
        border-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background-size: 200% 100%;
        -webkit-animation: 1.5s shine linear infinite;
        animation: 1.5s shine linear infinite;
        width: 90%;
        margin-bottom: 10px;
        margin-left: 0px;
    }
    
    ul.loading li {
        height: 24px;
        background: #eee;
        background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
        background-size: auto;
        border-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background-size: 200% 100%;
        -webkit-animation: 1.5s shine linear infinite;
        animation: 1.5s shine linear infinite;
        width: 65%;
        margin-bottom: 10px;
        margin-left: 0px;
    }
    
    .loading-pic {
        background: #eee;
        background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
        background-size: auto;
        border-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background-size: 200% 100%;
        -webkit-animation: 1.5s shine linear infinite;
        animation: 1.5s shine linear infinite;
    }
    
    .img-pop-column:last-child {
        position: relative;
    }
    
    .loading-pic:last-child::after {
        display: none!important;
    }
    
    .img-pop-column:last-child::after {
        font-family: "Font Awesome 5 Free";
        content: "\f84c     5+";
        font-weight: bold;
        position: absolute;
        background-color: black;
        font-size: 14px;
        opacity: 0.8;
        color: white;
        padding: 10px;
        border-radius: 5px;
        pointer-events: none;
        right: 7%;
        top: 76%;
        width: 45px;
    }
    
    @media screen and (min-width: 1550px) {
        .search-results {
            width: 1500px;
        }
        .hotelinfo {
            width: 1500px;
        }
        .another-form {
            width: 1500px;
        }
    }
    
    @media screen and (max-width: 1280px) {
        .hotelinfo {
            width: 90%!important;
            margin: 0 auto;
        }
    }
    @media screen and (max-width: 1108px){
        .img-pop-column{
            width: 24.4%;
        }
    }
    
    @media(max-width:980px) {
        .slide-in {
            left: 0%!important;
        }
        .scroll-bar {
            margin-top: 0px;
            height: 100%;
        }
        .scroll-height {
            width: 35%;
            position: fixed!important;
            z-index: 222222222222222;
            left: -70%;
            transition: 0.5s;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
        }
        .results {
            width: 100%;
        }
        .sortby {
            margin-left: 0px;
            width: 100%;
        }
        .overflow {
            margin-left: 0px;
        }
        .results .hotelresults {
            width: 32.2%;
        }
        .loader-card1 {
            width: 32.2%;
        }
        .hamburger-div {
            width: 90%;
            margin: auto;
        }
        .hamburger-bar {
            display: block;
        }
        .cross-mark {
            display: block;
        }
        .hotelcontent h1{
            margin-left: 0px!important;
        }

    }
    
    @media(max-width:980px) {
        .results .hotelresults,
        .loader-card1 {
            width: 32%;
        }
        .img-pop-column{
            height: 22vh;
        }
    }

    @media(max-width:922px){
        .img-pop-column{
            width: 32.6%;
        }
    }
    
    @media(max-width:850px) {
        .services-point{
            display: flex;
            flex-wrap: wrap;
        }
        .inline{
            width: 50%;
        }
        .policies{
            display: none;
        }
        
    }

    @media(max-width:790px) {
        .results .hotelresults,
        .loader-card1 {
            width: 48.9%;
        }
        .sortby h3 {
            font-size: 16px;
            margin-top: 20px;
        }
        .sortby ul li a {
            font-size: 14px;
        }
    }
    
    @media(max-width:760px) {
        .sortby ul {
            margin-top: 7px;
        }
        .results .hotelresults,
        .loader-card1 {
            width: 48.8%;
        }
        .scroll-height {
            width: 50%;
        }
        .quicklinks{
            display: none;
        }

        .hotelcontent h1{
            margin-bottom: 0px;
        }
        .hotel-top-headings i{
            padding-left: 0px!important;
            margin-top: 11px;
        }
        .hotel-top-headings i:first-child{
            margin-top: 0px!important;
        }
        .about{
            display: block;
        }
        .description{
            margin-left: 0px;
            margin-top: 10px;
            width: 100%;
        }
        .img-pop-column{
            height: 25vh;
        }
        .displaynone{
            display: none!important;
        }
        .roomtypes{
            display: block;
        }
        .roomcontainer1{
            border-top: 1px solid rgb(189, 188, 188);
            margin-bottom: 20px;
        }
        .roomcontainer{
            border: none;
        }
        .infocontainer{
            width: 100%;
            border-right: none;
        }
        .pricetax{
            margin-bottom: 20px;
        }
        .roomtypes{
            padding-left: 0px;
        }
        .roomcontainer1 .roomtypes .infocontainer img{
            width: 100%;
        }
        .infocontainer{
            padding-right: 20px;
        }
        .infocontainer .green{
            width: 100%;
        }
        .booknow1{
            width: 100%;
        }
        .infocontainer .red{
            width: 100%;
        }
        .loading-animation .infocontainer .img-box{
            width: 100%;
        }
        .loading-animation .infocontainer h3{
            width: 100%;
        }
        .img-pop-column{
            width: 32.4%;
        }
        .loading-animation .infocontainer h1{
            display: none;
        }
        .loading-animation .infocontainer h1:first-child{
            display: block!important;
        }
    }
    
    @media(max-width:650px) {
        .results .hotelresults,
        .loader-card1 {
            width: 48.7%;
        }
    }
    
    @media(max-width:600px) {
        .results .hotelresults,
        .loader-card1 {
            width: 48.6%;
        }
        .inline{
            width: 100%;
        }

    }
    
    @media(max-width:592px) {
        .hotelcontent h1{
            font-size: 22px;
        }
        .img-pop-column{
            width: 49%;
        }
        .hotel-top-headings i{
            font-size: 12px;
        }
        .discript h1{
            font-size: 22px!important;
        }
        .aboutus h4{
            font-size: 20px;
        }
        .aboutus p{
            font-size: 13px;
        }
        .roomcontainer1 .roomtypes .infocontainer img{
            margin-bottom: 0px;margin-top: 20px;
        }
        .roomcontainer1 .roomtypes .infocontainer h4{
            margin-top: 5px;
        }
        .pricetax{
            margin-top: 20px;
        }
        .booknow1{
            margin-top: 13px;
        }.infocontainer .greenh3{
            margin-top: 13px;
        }
        .infocontainer h4{
            margin-bottom: -5px;
        }
        .infocontainer strong{
            font-size: 22px;
        }
        .pricetax h6{
            margin-top: 10px;
        }.roomcontainer1 .roomtypes .infocontainer h4:first-child{
           margin-top:15px;
        }
    }

    @media(max-width:565px) {
        .results .hotelresults,
        .loader-card1 {
            width: 48.45%;
        }
        .scroll-height {
            width: 60%;
        }
    }
    
    @media(max-width:554px){
        .img-pop-column{
            margin-left: 0px;
            padding: 4px;
            margin-top: 0px;
        }
    }

    @media(max-width:504px) {
        .results .hotelresults,
        .loader-card1 {
            width: 100%;
        }
        .hotelresults img {
            height: 281px;
        }
        .results .loader-card.is-loading .skeleton-loader-image {
            height: 281px;
        }
        .rooms h2 {
            font-size: 23px;
            margin-top: 10px;
        }
        .sortby {
            display: none;
        }
        .scroll-bar h3{
            font-size: 17px;
        }
        .check{
            font-size: 15px;
            padding-top: 0px;
            padding-left: 33px;
        }
        .checkmark{
            height: 22px ;
            width: 22px;
        }
        .hotelstars a{
            font-size: 12px;
        }
        .hotelstars .star i{
            font-size: 13px;
        }
        
    }

    @media(max-width:450px){
        .img-pop-column{
            height: 15vh;
        }
        .img-pop-column:last-child::after {
            top: 64%;
            font-size: 11px;
            width: auto;
        }
        .pop-up-img-box{
            gap: 7px;
        }
        
    }
    
    @media(max-width:400px) {
        .rooms h2 {
            font-size: 21px;
        }
        .hotelresults img {
            height: 240px;
        }
        .results .loader-card.is-loading .skeleton-loader-image {
            height: 45vh;
        }
        .results .loader-card.is-loading .skeleton-loader-image {
            height: 240px;
        }
      
    }