body {
            background-color: #000;
        }

        .common-style-btn {
            font-family: 'Playfair Display', serif;
            text-align: center;
            letter-spacing: 1px;
            font-weight: 400;
            font-size: 18px;
            color: #000000;
            background-color: #bda371;
            padding: 10px 20px;
            border: 1px solid transparent;
            transition: 0.4s ease;
            display: inline-block;
        }

        .room-banner iframe {
            display: block;
            height: 50vw;
        }

        .room-banner::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: rgba(0, 0, 0, 0.3);
            z-index: 2;
        }

        .rooms-section-wrapper .look-and-feel-sec-title .sec-title-white {
            color: #ffffff;
            margin-bottom: 10px;
            font-family: 'Playfair Display', serif;
            font-size: clamp(38px, calc(2.375rem + (48 - 38) * ((100vw - 768px) / (1920 - 768))), 48px);
            text-align: center;
            letter-spacing: 1px;
            font-weight: 400;
            text-align: center;
        }


        .rooms-section-wrapper-list {
            padding: 0;
            list-style: none;
            display: flex;
            flex-wrap: wrap;
        }

        .rooms-section-wrapper-list li {
            width: calc(32% - 0px);
            margin: 0 15px 20px 0;
            position: relative;
        }

        .rooms-section-wrapper-list li:nth-child(3n) {
            margin-right: 0;
        }

        .rooms-section-wrapper-list .countnamecontent {
            position: absolute;
            z-index: 4;
            bottom: 8%;
            left: 0;
            right: 0;
            text-align: center;
            opacity: 1;
            transition: opacity 0.2s ease;
        }


        .rooms-section-wrapper .rooms-section-wrapper-list .countnamecontent::after {
            content: "";
            position: absolute;
            bottom: -64px;
            left: 0;
            height: 150px;
            width: 100%;
            background: linear-gradient(to top, black, transparent);
            z-index: -1;
        }

        .rooms-section-wrapper .rooms-section-wrapper-list .countscollection {
            text-align: center;
            font-size: 28px;
            font-family: 'Gotham Light';
            color: #BDA371;
            z-index: 5;
            font-weight: bold;
        }

        .rooms-section-wrapper .rooms-section-wrapper-list .threedtext {
            font-size: 20px;
            font-family: "Leighton";
            font-weight: bold;
            color: white;
            text-transform: uppercase;
            letter-spacing: 5px;
        }

        .rooms-section-wrapper .video-container-landing-page {
            position: relative;
            width: 100%;
            height: 600px;
            overflow: hidden;
            
        }

        .rooms-section-wrapper .video-container-landing-page img
        {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .rooms-section-wrapper .video-container-landing-page iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
            pointer-events: none;
            display: block;
        }

        .rooms-section-wrapper .video-container-landing-page .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: transparent;
            z-index: 2;
        }
        

        .rooms-section-wrapper .video-container-landing-page.active iframe {
            opacity: 1;
            pointer-events: auto;
        }

        .rooms-section-wrapper .video-container-landing-page .video-thumbnail {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            transition: opacity 0.5s ease-in-out;
        }

        .rooms-section-wrapper .video-container-landing-page.active .video-thumbnail {
            opacity: 0;
        }


        .room-banner {
            position: relative;
        }

        .rooms-container {
            width: 1440px;
            margin: 0 auto;
            padding: 0 15px;
            position: relative;
        }

        @media(width <=1440px) {
            .rooms-container {
                width: 1240px;
                margin: 0 auto;
                padding: 0 15px;
                position: relative;
            }
        }

        @media(width <=1220px) {
            .rooms-container {
                width: 1040px;
                margin: 0 auto;
                padding: 0 15px;
                position: relative;
            }
        }

        @media(width <=1024px) {
            .rooms-container {
                width: 840px;
                margin: 0 auto;
                padding: 0 15px;
                position: relative;
            }
        }

        @media(width <=992px) {
            .rooms-container {
                width: 100%;
                margin: 0 auto;
                padding: 0 15px;
                position: relative;
            }
        }


        .room-banner .banner-img img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

        .room-banner .banner-title {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            right: 50%;
            width: 100%;
            transform: translate(-50%, 40%);
            font-size: clamp(20px, calc(1.25rem + (48 - 20) * ((100vw - 768px) / (1920 - 768))), 48px);
            color: #ffffff;
            margin-bottom: 10px;
            font-family: 'Playfair Display', serif;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 1px;
            font-weight: 800;
            z-index: 20;
        }

        .look-and-feel-room-sec,
        .floor-plan-sec,
        .room-features-sec,
        .material-moodboard-sec,
        .collaboration-sec,
        .products-in-rooms-sec {
            margin: 80px 0px;
        }

        .look-and-feel-sec-title {
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 30px;
            flex-wrap: wrap;
        }

        .look-and-feel-sec-title .sec-title-white {
            color: #ffffff;
            margin-bottom: 10px;
            font-family: 'Playfair Display', serif;
            font-size: clamp(38px, calc(2.375rem + (48 - 38) * ((100vw - 768px) / (1920 - 768))), 48px);
            text-align: center;
            letter-spacing: 1px;
            font-weight: 600;
        }

        .floor-plan-sec .floor-plan-left,
        .floor-plan-sec .floor-plan-right {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            height: 100%;
        }

        .floor-plan-sec .floor-plan-left .room-details {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            height: 100%;
        }

        .floor-plan-sec .floor-plan-left .room-details h2 {
            font-size: 28px;
            color: #ffffff;
            margin-bottom: 80px;
            font-family: 'Playfair Display', serif;
            text-align: center;
            letter-spacing: 1px;
            font-weight: 800;
        }

        .floor-plan-sec .floor-plan-left .room-details .room-details-inner {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            margin-bottom: 50px;
        }

        .floor-plan-sec .floor-plan-left .room-details .room-details-inner .text-icon {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 10px;
        }


        .floor-plan-sec .floor-plan-left .room-details .room-details-inner h3 {
            font-size: 24px;
            margin-bottom: 10px;
            text-align: left;
            letter-spacing: 1px;
            font-weight: 400;
            color: #ffffff;
        }

        .floor-plan-sec .floor-plan-left .room-details .room-details-inner p {
            font-size: 18px;
            font-weight: 400;
            text-align: left;
            letter-spacing: 1px;
            color: #ffffff;
            margin-bottom: 0px;
        }

        .floor-plan-sec .floor-plan-left .room-details .room-details-inner .download-foor-plan-btn,
        .collaboration-sec .collaboration-right .card .discover-btn {
            font-family: 'Playfair Display', serif;
            text-align: center;
            letter-spacing: 1px;
            font-weight: 400;
            font-size: 18px;
            color: #000000;
            background-color: #bda371;
            padding: 10px 20px;
            border: 1px solid transparent;
            transition: 0.4s ease;
            display: inline-block;
        }

        .floor-plan-sec .floor-plan-left .room-details .room-details-inner .download-foor-plan-btn:hover,
        .collaboration-sec .collaboration-right .card .discover-btn:hover {
            background-color: #000000;
            border: 1px solid #bda371;
            color: #ffffff;
        }

        .floor-plan-sec .floor-plan-right img {
            width: 100%;
            object-fit: cover;
        }

        .room-features-sec .room-features-points {
            border-top: 2px solid #bda371;
        }

        .room-features-sec .room-features-points ul {
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 50px;
        }

        .room-features-sec .room-features-points ul li {
            font-size: clamp(16px, calc(1rem + (22 - 16) * ((100vw - 768px) / (1920 - 768))), 22px);
            color: #ffffff;
            width: calc(50% - 20px);
            padding-right: 50px;
        }

        .room-features-sec .room-features-points ul li::marker {
            font-size: 34px;
            color: #bda371;
        }

        .material-moodboard-sec img {
            width: 100%;
            height: 100%;
        }

        .collaboration-sec .collaboration-left .sir-img {
            width: 100%;
            object-fit: cover;
        }

        .collaboration-sec .collaboration-right .card {
            border: 0px;
            border-radius: 0px;
            background-color: #fefefe;
        }

        .collaboration-sec .collaboration-right .card .card-title {
            font-size: clamp(18px, calc(1.125rem + (24 - 18) * ((100vw - 768px) / (1920 - 768))), 24px);
            color: #2e2e2e;
            margin-bottom: 30px;
            font-family: 'Playfair Display', serif;
            text-transform: uppercase;
            text-align: left;
            letter-spacing: 1px;
            font-weight: 400;
            position: relative;
        }

        .collaboration-sec .collaboration-right .card .card-title:before {
            content: '';
            height: 2px;
            width: 100px;
            background-color: #bda371;
            position: absolute;
            bottom: 0;
            transform: translate(0px, 15px);
        }

        .collaboration-sec .collaboration-right .card p {
            color: #383838;
            font-size: 16px;
        }

        .collaboration-sec .collaboration-right .card .card-body {
            padding: 28px;
        }

        .collaboration-sec .collaboration-right .card .discover-more {
            margin-top: 29px;
        }

        .products-in-rooms-sec .products-in-rooms-bg {
            overflow: hidden;
            height: calc(100vh - 150px);
        }

        .products-in-rooms-sec .products-in-rooms-right {
            padding: 100px;
            overflow-y: scroll;
            height: 100%;
        }

        .products-in-rooms-sec .products-in-rooms-left img,
        .products-in-rooms-sec .products-in-rooms-right img {
            width: 100%;
            object-fit: cover;
        }

        .products-in-rooms-sec .products-in-rooms-right .product-details .prod-title {
            font-family: 'Playfair Display', serif;
            text-transform: capitalize;
            text-align: left;
            letter-spacing: 1px;
            font-weight: 400;
            font-size: 24px;
            color: #bda371;
            margin-bottom: 16px;
        }

        .products-in-rooms-sec .products-in-rooms-right .product-details .size {
            font-size: 14px;
            font-weight: 400;
            color: #ffffff;
            margin-bottom: 10px;
        }

        .products-in-rooms-sec .products-in-rooms-right .product-details .price {
            font-size: 18px;
            font-weight: 400;
            color: #ffffff;
            margin-bottom: 10px;
        }

        .products-in-rooms-sec .products-in-rooms-right .product-details .btns {
            display: flex;
            gap: 10px;
            justify-content: flex-start;
            align-items: center;
        }

        .products-in-rooms-sec .products-in-rooms-right .product-details .btns a {
            color: #ffffff;
            transition: 0.4s ease;
            font-size: 14px;

        }

        .products-in-rooms-sec .products-in-rooms-right .product-details .btns a:hover {
            color: #bda371;
        }

        .products-in-rooms-sec .products-in-rooms-right .product-details svg {
            width: 20px;
            height: 20px;
            fill: #bda371;
        }

        .products-in-rooms-sec .vh100 {
            height: calc(100vh - 100px);
        }

        .row-margin {
            margin-bottom: 50px;
        }

        .products-in-rooms-sec .products-in-rooms-right .row-reverse {
            flex-direction: row-reverse;
        }

        @media (width <=1024px) {
            .room-features-sec .room-features-points ul li {
                width: calc(100% - 0px);
                padding-right: 0px;
            }

            .products-in-rooms-sec .products-in-rooms-right {
                padding: 20px;
                overflow: visible;
            }

            .products-in-rooms-sec .products-in-rooms-bg {
                height: 100%;
            }
        }

        @media screen and (max-width: 992px) {
            .rooms-section-wrapper-list {
                flex-direction: unset;
            }

            .rooms-section-wrapper-list li {
                width: 48%;
                margin-right: 22px;
            }

            .rooms-section-wrapper-list li:nth-child(3n) {
                margin-right: 10px;
            }
        }

        @media screen and (max-width: 480px) {
            .rooms-section-wrapper-list {
                flex-direction: column;
            }

            .rooms-section-wrapper-list li {
                width: 100%;
                margin-right: 0;
            }

            .Bon-Vivant-fonts {
                font-size: 48px;
            }
        }