/* 1 */ /********** Template CSS **********/

/* 2 */ :root{
/* 3 */     --primary:#b90914;      /* Red */
/* 4 */     --secondary:#1f1d3d;    /* Blue */
/* 5 */     --light:#ffd200;        /* Yellow */
/* 6 */     --dark:#1f1d3d;         /* Dark Blue */
/* 7 */ }

/* 8 */ body{
/* 9 */     color:#000;
/* 10 */     font-family:'Nunito',sans-serif;
/* 11 */ }

/* 12 */ /*** Link Styling ***/
/* 13 */ a{
/* 14 */     text-decoration:none;
/* 15 */     transition:.3s;
/* 16 */ }

/* 17 */ /*** Images Responsive ***/
/* 18 */ img{
/* 19 */     max-width:100%;
/* 20 */     height:auto;
/* 21 */ }

/* 22 */ /*** Smooth Scroll ***/
/* 23 */ html{
/* 24 */     scroll-behavior:smooth;
/* 25 */ }

/* 26 */ /*** Spinner ***/
/* 27 */ #spinner{
/* 28 */     opacity:0;
/* 29 */     visibility:hidden;
/* 30 */     transition:opacity .5s ease-out, visibility 0s linear .5s;
/* 31 */     z-index:99999;
/* 32 */ }

/* 33 */ #spinner.show{
/* 34 */     transition:opacity .5s ease-out, visibility 0s linear 0s;
/* 35 */     visibility:visible;
/* 36 */     opacity:1;
/* 37 */ }

/* 38 */ /*** Back to Top Button ***/
/* 39 */ .back-to-top{
/* 40 */     position:fixed;
/* 41 */     display:none;
/* 42 */     right:30px;
/* 43 */     bottom:30px;
/* 44 */     z-index:99;
/* 45 */ }

/* 46 */ /*** Button Style ***/
/* 47 */ .btn{
/* 48 */     font-family:'Nunito',sans-serif;
/* 49 */     font-weight:600;
/* 50 */     transition:.5s;
/* 51 */     padding:8px 18px;
/* 52 */     font-size:14px;
/* 53 */ }

/* 54 */ /*** Contact Button Small ***/
/* 55 */ .contact-btn{
/* 56 */     padding:6px 14px;
/* 57 */     font-size:13px;
/* 58 */ }

/* 59 */ /*** Navbar ***/
/* 60 */ .navbar-dark .navbar-nav .nav-link{
/* 61 */     font-family:'Nunito',sans-serif;
/* 62 */     position:relative;
/* 63 */     margin-left:25px;
/* 64 */     padding:14px 0;
/* 65 */     color:#fff;
/* 66 */     font-size:17px;
/* 67 */     font-weight:600;
/* 68 */     transition:.5s;
/* 69 */ }

/* 70 */ .navbar-dark .navbar-nav .nav-link:hover,
/* 71 */ .navbar-dark .navbar-nav .nav-link.active{
/* 72 */     color:var(--primary);
/* 73 */ }

/* 74 */ /*** Sticky Navbar ***/
/* 75 */ .sticky-top.navbar-dark .navbar-nav .nav-link{
/* 76 */     padding:10px 0;
/* 77 */ }

/* 78 */ /*** Navbar Border Fix ***/
/* 79 */ .navbar-dark{
/* 80 */     border-bottom:1px solid rgba(255,255,255,.1);
/* 81 */ }

/* 82 */ /*** Header Section ***/
/* 83 */ .header{
/* 84 */     background:var(--secondary);
/* 85 */     color:#fff;
/* 86 */ }

/* 87 */ /*** Section Padding ***/
/* 88 */ .section{
/* 89 */     padding:80px 0;
/* 90 */ }

/* 91 */ /*** Footer ***/
/* 92 */ .footer{
/* 93 */     background:var(--dark);
/* 94 */     color:#fff;
/* 95 */     padding:40px 0;
/* 96 */ }

/* 97 */ /*** Footer Links ***/
/* 98 */ .footer a{
/* 99 */     color:#fff;
/* 100 */ }

/* 101 */ .footer a:hover{
/* 102 */     color:var(--primary);
/* 103 */ }

/* 104 */ /*** Responsive Design ***/
/* 105 */ @media (max-width:991px){

/* 106 */ .navbar-dark .navbar-nav .nav-link{
/* 107 */     margin-left:0;
/* 108 */     padding:10px 0;
/* 109 */ }

/* 110 */ .section{
/* 111 */     padding:50px 0;
/* 112 */ }

/* 113 */ }

/* 114 */ @media (max-width:576px){

/* 115 */ h1{
/* 116 */ font-size:28px;
/* 117 */ }

/* 118 */ h2{
/* 119 */ font-size:24px;
/* 120 */ }

/* 121 */ h3{
/* 122 */ font-size:20px;
/* 123 */ }

/* 124 */ }
/* Additional Mobile Adjustments */
@media (max-width: 576px) {
    .back-to-top {
        z-index: 1050; /* Bring above everything */
        bottom: 15px;
        right: 15px;
    }
    
    .room-item .d-flex.justify-content-between.mt-auto {
        flex-direction: column;
        gap: 10px;
    }
    
    .room-item .btn {
        width: 100%;
        text-align: center;
        padding: 10px !important;
    }
}

/* Performance Optimizations */
img {
    content-visibility: auto;
}
.room-item {
    content-visibility: auto;
    contain-intrinsic-size: 300px;
}