body{
            font-family: Philosopher;
        }
        .usps img {
            height: ;
            width: 55px;
        }
    
        .sqrboxs {
            display: grid;
            grid-template-rows: repeat(2, 1fr);
            grid-template-columns: repeat(12, 1fr);
            gap: 0.5rem;
        }
        .sqrbox{
                grid-column: auto / span 6;
                width: 100%;
        }
        @media (min-width: 36rem) {
            .sqrbox{
                grid-column: auto / span 3;
                    
            }
            .sqrboxs{
                display: grid;
                grid-template-rows: repeat(1, 1fr);
                grid-template-columns: repeat(12, 1fr);
                gap: 1.5rem;
            }
        }
        .header{
            display:none;
        }
        #gallery{
            display: ;
        }
        .availabilitybox {
                display: none !important;
            }
        
          .cardfirstimg {
            min-width: 100% !important;
            height: 600px !important;
            width: 880px !important;
            object-fit: cover;
        }
        .cardsecimg{
            min-width: 100% !important;
            height: 297px !important;
            width: 480px !important;
            object-fit: cover;
        }
        .card-img-top {
            scroll-snap-align: start;
            background-repeat: no-repeat;
            background-color: rgba(5, 30, 51, 0.1);
            min-width: 100%;
            height: 248px;
            width: 410px;
            overflow: hidden;
            position: relative;
            object-fit: cover;
            /*border-radius: 1.5rem;*/
        }    
            
        @media (max-width: 500px) {
            .header{
                display:none;
                /*padding-top: 90px;*/
            }
            .slider .owl-item{
                height: 80vh;
            }
            #gallery{
                /*display:none;*/
            }
            .owl-theme .owl-dots .owl-dot {
                display: none;
            }
            .logo-wrapper {
                float: left;
                padding: 10px 0 10px 15px;
            }
            .modal-content{
                /*margin-top: 15%;*/
            } 
            #Modal_imgvdos{
                background: rgb(54, 69, 69);
                z-index: 1200;
            }
            #Modal_vdos{
                background: rgb(54, 69, 69);
                z-index: 1200;
            }
            .fileclsbtn{
                padding-right: 30px;
            }
            .navbar{
                position: relative;
                z-index: 1046;
            }
            .navbar .navbar-toggler-icon, .navbar .icon-bar {
                color: #000000;
            }
            .availabilitybox {
                display: block !important;
                border-top: 1px solid rgb(220, 220, 220);
                display: block;
                position: fixed;
                bottom: 0px;
                left: 0px;
                right: 0px;
                padding: 10px;
                z-index: 1044;
                background: white;
            }
            .whatsappbtn {
                bottom: 80px !important;
            }
            .rcallback{
                bottom: 140px !important;
            }
            .rooms-page{
                padding-top: 20px !important;
            }
            .otherimgs{
                display: none; 
            }
            .bigimg1{
                display: none; 
            }
            .smallimg1{
                display: block !important; 
            }
            .cardfirstimg{
                height: 400px !important;
            }
            .video-gallery-polygon{
                top: -60px  !important;
            }
            .progress-wrap{
                bottom: 140px;
                left: 10px;
            }
        }
        
        table, th, tr, td {
            border: 1px solid #f8f5f000;
        }
        .navbar .navbar-nav .nav-link{
            color: #000000;
        } 
        .navbar {
            border-bottom: 1px solid rgb(211, 211, 211);
        }
        .acls{
            text-decoration: none;
        }
      
        .button {
            padding: 0px 0px;
            cursor: pointer;
            background: #bea56563;
            color: #000000;
            width: 27px;
            height: 27px;
            text-align: center;
            display: inline-block;
            border: 2px solid #000000;
        }
         .guestbox{
            -webkit-box-align: center;
            align-items: center;
            width: 100%;
            display: flex;
            flex-flow: wrap;
            justify-content: space-between;
            align-content: center;
             
        }
        .guests{
          margin-bottom: 0px !important;
            border: none;
            background: #e9ecef3d;
            height: 42px;
            padding: 5px;
            border-bottom: none !important;
            text-align: center;  
        }
        .booking-box .head-box h6{
            text-transform: math-auto; 
            letter-spacing: 0px;
        }
        
         .hZpOFw {
            opacity: 0.4;
            border-style: double;
            border-color: rgb(5 30 51 / 56%);
        }
        .btn-form1-submit{
            display: block;
            padding: 0;
            border: none;
            margin: 0;
            width: 100%;
            background: #000000;
            color: #fff;
            font-family: 'Philosopher', sans-serif;
            font-size: 13px;
            text-decoration: none;
            line-height: 40px;
            position: relative;
            cursor: pointer;
            transition: all 0.3s ease-out;
            letter-spacing: 3px;
            text-transform: uppercase;

        }
        .btn-amenities{
            padding: 5px 10px;
            border: 1px solid;
        }
        .btn-amenities:hover{
            padding: 5px 10px;
            border: 1px solid;
            background: #bda4644d;
        }
        .hsrls{
            height: 50px;
            padding: 15px 10px !important;
            margin-bottom: 10px !important;  
        }
         @media (min-width: 992px) {
            .modal-lg, .modal-xl {
                --bs-modal-width: auto;
            }
            .fileclsbtn{
                padding-right: 30px;
            }
        }
     
            .modal-dialog {
                max-width: auto;
                margin-right: auto;
                margin-left: auto;
            }
        .modal.show .modal-dialog {
            transform: none;
            position: fixed;
            inset: 0px;
            background-color: rgb(54, 69, 69);
            z-index: 9999;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
        }
        .infs{
            box-sizing: border-box;
            margin: 0px;
            flex-flow: wrap;
            padding: 0px;
            width: 100%;
            display: flex;
            gap: 6.4px 10px;
        }
        .infs0{
            font-size: 17px;
        }
        .reviewbox .owl-carousel .owl-item{
            width: 200px !important;
        }
        .reviewbtn{
            color: black;
            padding: 10px;
            border: 1px solid;
            background: none;
            width: fit-content;
            font-weight: 700;
        }
        .linkbox{
            background: #0000000f;
            padding: 10px;
        }
        .video-gallery-polygon {
            top: 390px;
            right: 35px;
            bottom: auto;
            padding: 7px;    
        }
        .amentsmodl{
            border-radius: 1.5rem;box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
            position: relative;display: flex;
            flex-direction: column;
            max-height: calc(100% - 64px);
            max-width: 600px;
            transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
            border-radius: 4px;
            margin: 32px;
        }
        
        .readmoreinfo{
            color: black;cursor: pointer;font-weight: 600;width: 20%;text-decoration: underline;
        }
        .readlessinfo{
            color: black;display:none;cursor: pointer;font-weight: 600;width: 20%;text-decoration: underline;
        }
        .rreadmoreruls{
            color: black !important;cursor: pointer; width: 20%;text-decoration: underline;
        }
        .rreadlessruls{
            color: black !important;display:none;cursor: pointer; width: 20%;text-decoration: underline;
        }
        .rtdiv{
            color:#000 !important;font-weight: 600;font-size: 17px;text-align: left;
        }
        .availabilitybtn{
            text-align: center;padding: 10px;color: white;
        }
        
         .rmb{
            margin-bottom: 3px !important;
        }