Luxury Beachfront Condo<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Ensure html and body take full width and height, and prevent horizontal scrollbars *\/\n html, body {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n overflow-x: hidden; \/* Prevent horizontal scrollbar from vw unit issues *\/\n }\n\n \/* Universal box-sizing and font-family *\/\n * {\n box-sizing: border-box;\n \/* Margin and padding already set to 0 by html,body for consistency *\/\n font-family: 'Montserrat', sans-serif;\n }\n\n \/* Body styling *\/\n body {\n background: #f5f5f5;\n color: #333;\n }\n\n \/* Header section styling (hero image, text, and call to action) *\/\n header {\n width: 100vw; \/* This should ensure it takes full viewport width *\/\n max-width: 100%; \/* Ensures it doesn't exceed 100% of its containing block if any *\/\n \/* Background image for the hero section *\/\n background: url('https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/image-for-title.jpg') no-repeat center center\/cover;\n height: 60vh; \/* Full viewport height *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n color: white;\n padding: 2rem;\n }\n\n \/* Header main heading *\/\n header h1 {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n\n \/* Header sub-text *\/\n header p {\n font-size: 1.2rem;\n margin-bottom: 2rem;\n }\n\n \/* Generic button styling *\/\n .btn {\n background: #00bcd4;\n color: white;\n padding: 1rem 2rem;\n text-decoration: none;\n font-weight: bold;\n border-radius: 5px;\n }\n\n \/* Section common styling *\/\n section {\n padding: 3rem 1rem; \/* Default padding for all sections *\/\n max-width: 1200px;\n margin: auto;\n }\n\n \/* Features section layout *\/\n .features {\n display: flex;\n flex-wrap: wrap;\n gap: 1.1rem;\n justify-content: center;\n }\n\n \/* Individual feature card styling *\/\n .feature {\n background: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n flex: 1 1 300px; \/* Allows cards to grow\/shrink and wrap *\/\n text-align: center;\n }\n\n \/* Feature image styling *\/\n .feature img {\n max-width: 100%;\n height: 180px; \/* Fixed height for consistency *\/\n object-fit: cover; \/* Ensures images cover the area without distortion *\/\n border-radius: 8px;\n margin-bottom: 1rem;\n }\n\n \/* Feature heading *\/\n .feature h3 {\n margin-bottom: 0.5rem;\n color: #00bcd4;\n }\n\n \/* Toggle gallery button styling *\/\n .gallery-btn {\n display: block;\n width: fit-content;\n margin: 3rem auto 1rem;\n padding: 1rem 2rem;\n background-color: #000;\n color: white;\n font-weight: bold;\n border: none;\n border-radius: 6px;\n text-decoration: none;\n cursor: pointer;\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n justify-content: center;\n font-family: 'Montserrat', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n padding: 0.9rem 2rem;\n }\n\n \/* Gallery button hover effect *\/\n .gallery-btn:hover {\n background-color: #333 !important;\n }\n\n \/* Gallery section styling (hidden by default) *\/\n .gallery {\n display: none;\n text-align: center;\n margin-top: 2rem;\n }\n\n \/* Title and description for the gallery section *\/\n .gallery-heading {\n text-align: center;\n margin-bottom: 1.5rem; \/* Space below the heading *\/\n padding: 0 0.8rem; \/* Add padding to prevent text from hitting edges on small screens *\/\n }\n\n .gallery-heading h3 {\n font-size: 19px; \/* Slightly smaller than main h2 *\/\n font-weight: 700;\n color: #333;\n margin-top: 3rem\n margin-bottom: 0.5rem;\n padding: 5rem 1rem 0 1rem;\n }\n\n .gallery-heading p {\n font-size: 0.95rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.5;\n }\n\n \/* Iframe for video embed *\/\n .gallery iframe {\n width: 100%;\n height: 400px;\n border-radius: 10px;\n margin-bottom: 2rem;\n }\n\n \/* Carousel container styling (for main gallery carousel) *\/\n .carousel-wrapper {\n position: relative;\n overflow: hidden;\n \/* Make it span full viewport width *\/\n width: 100vw;\n left: 50%;\n transform: translateX(-50%);\n padding: 0; \/* No internal padding here, handled by .carousel *\/\n }\n\n \/* Carousel inner scrollable area (for main gallery carousel) *\/\n .carousel {\n display: flex;\n overflow-x: auto;\n gap: 12px; \/* Consistent 12px gap for all screen sizes *\/\n padding: 1rem 2rem; \/* Add padding to the items inside the full-width wrapper *\/\n scroll-behavior: smooth;\n -ms-overflow-style: none; \/* IE and Edge *\/\n scrollbar-width: none; \/* Firefox *\/\n }\n\n \/* Hide scrollbar for Webkit browsers *\/\n .carousel::-webkit-scrollbar {\n display: none;\n }\n\n \/* Individual carousel item containing image and text (for main gallery carousel) *\/\n .carousel-item {\n flex-shrink: 0; \/* Prevents items from shrinking *\/\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: #fff; \/* Background for each item *\/\n border-radius: 10px;\n overflow: hidden; \/* Ensures rounded corners on image are visible *\/\n padding-bottom: 10px; \/* Space for text below image *\/\n box-shadow: 0 2px 5px rgba(0,0,0,0.11);\n cursor: pointer;\n transition: transform 0.3s ease;\n }\n\n \/* Carousel item hover effect *\/\n .carousel-item:hover {\n transform: scale(1.03);\n }\n\n \/* Carousel image styling (for main gallery carousel) *\/\n .carousel-item img {\n width: 100%; \/* Image fills its container *\/\n aspect-ratio: 4 \/ 3; \/* Maintain 4:3 aspect ratio *\/\n height: auto;\n object-fit: cover; \/* Ensures images cover the area without distortion *\/\n border-radius: 10px 10px 0 0; \/* Rounded top corners, sharp bottom *\/\n margin-bottom: 0.5rem; \/* Space between image and text *\/\n }\n\n \/* Text description under carousel images (for main gallery carousel) *\/\n .image-description {\n font-size: 0.85rem;\n color: #555;\n padding: 0 10px;\n line-height: 1.3;\n margin-top: 0;\n }\n\n \/* Carousel navigation controls (for main gallery carousel buttons) *\/\n .carousel-wrapper .carousel-control {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(0,0,0,0.5);\n color: #fff;\n padding: 0.5rem;\n border: none;\n border-radius: 50%; \/* Make them perfectly round *\/\n cursor: pointer;\n z-index: 10;\n width: 34px; \/* Increased size slightly for touch *\/\n height: 34px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n \/* Default hidden for desktop, will be overridden for mobile\/tablet *\/\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n }\n\n \/* Main gallery carousel: Previous button position - now at the very edge *\/\n .carousel-wrapper .prev-btn { left: 0; }\n \/* Main gallery carousel: Next button position - now at the very edge *\/\n .carousel-wrapper .next-btn { right: 0; }\n\n \/* Footer styling *\/\n footer {\n text-align: center;\n padding: 2rem;\n background: #00bcd4;\n color: white;\n font-size: 0.9rem;\n font-weight: 500;\n font-family: 'Montserrat', sans-serif;\n line-height: 1.4;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n \/* Message box styling for form submission feedback *\/\n #messageBox {\n display: none;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 15px rgba(0,0,0,0.2);\n z-index: 1000;\n text-align: center;\n }\n\n \/* Similar Homes Section CSS *\/\n .similar-homes-section {\n padding: 12px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);\n font-family: 'Montserrat', sans-serif; \/* Consistent font-family *\/\n margin-top: 5px;\n max-width: 1200px; \/* Align with main section width *\/\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 4rem; \/* Add margin below the section *\/\n }\n\n \/* Similar Section Title *\/\n .similar-title {\n font-size: clamp(20px, 2.5vw, 24px);\n font-weight: bold;\n margin-bottom: -12px; \/* Reduced margin to bring subtitle closer *\/\n text-align: center; \/* Center the title *\/\n }\n\n \/* Subtitle for the similar homes section *\/\n .similar-subtitle {\n font-size: clamp(14px, 2vw, 16px);\n color: #666;\n margin-bottom: 16px; \/* Space below the subtitle *\/\n text-align: center;\n }\n\n \/* Tabs Navigation (now removed from HTML, but CSS kept for reference) *\/\n .similar-tabs {\n display: none; \/* Hide the tabs container *\/\n flex-wrap: wrap;\n gap: 10px;\n margin-bottom: 20px;\n justify-content: center;\n }\n\n .tab-btn {\n padding: 8px 16px;\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 600;\n border-radius: 4px;\n border: 1px solid #ccc;\n background-color: #f9f9f9;\n cursor: pointer;\n transition: background 0.3s;\n }\n\n .tab-btn.active {\n background-color: #000;\n color: #fff;\n border-color: #000;\n }\n\n \/* Tab Content Section *\/\n .tab-content {\n display: none;\n }\n\n .tab-content.active {\n display: block;\n }\n\n \/* Similar Card Style *\/\n .carousel-card { \/* Renamed from similar-card to carousel-card as per provided *\/\n background: #f7f7f7;\n border-radius: 8px;\n padding: 8px;\n margin-bottom: 20px;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);\n font-family: 'Montserrat', sans-serif; \/* Consistent font-family *\/\n }\n\n \/* Image container for each card to enforce aspect ratio *\/\n .carousel-gallery {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 3; \/* Enforce 4:3 aspect ratio on the container *\/\n overflow: hidden;\n }\n\n .carousel-gallery img {\n position: absolute; \/* Allows images to stack *\/\n width: 100%;\n height: 100%; \/* Make image fill the aspect-ratio container *\/\n object-fit: cover; \/* Ensures image covers the area without distortion *\/\n opacity: 0;\n transition: opacity 0.5s ease-in-out;\n pointer-events: none;\n border-radius: 6px; \/* Apply border-radius to the image itself for consistency *\/\n }\n\n .carousel-gallery img.active {\n opacity: 1;\n position: relative; \/* Keep active image in document flow for layout *\/\n pointer-events: auto;\n }\n\n \/* Carousel navigation controls (for \"Recommended For You\" cards' div) *\/\n .carousel-controls {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n display: flex;\n justify-content: space-between;\n padding: 0 10px;\n transform: translateY(-50%);\n z-index: 2;\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n \/* Default hidden, overridden by media queries below *\/\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n }\n\n .carousel-controls button {\n background: rgba(255, 255, 255, 0.8);\n color: #333;\n border: 1px solid rgba(0, 0, 0, 0.1);\n width: 34px;\n height: 34px;\n border-radius: 50%;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n }\n\n .carousel-controls button:hover {\n background: #007bff;\n color: white;\n border-color: #007bff;\n }\n\n \/* Text Info inside Card - New\/Updated Styles *\/\n .carousel-info {\n padding: 10px 8px 0 8px; \/* Add padding to the info block *\/\n text-align: left; \/* Align text to the left *\/\n }\n\n .carousel-card .price {\n font-size: clamp(16px, 2vw, 20px);\n font-weight: bold;\n color: #0056b3; \/* Slightly darker blue for price *\/\n margin-bottom: 4px;\n line-height: 1.2; \/* Improved line height *\/\n }\n\n .carousel-card .details,\n .carousel-card .location {\n font-size: clamp(13px, 1.8vw, 15px);\n color: #444; \/* Darker grey for details\/location *\/\n margin: 2px 0;\n line-height: 1.4; \/* Improved line height *\/\n }\n\n \/* Responsive adjustments *\/\n \/* Mobile First: Default to 1 column for Recommended grid *\/\n .carousel-grid {\n display: grid;\n grid-template-columns: 1fr; \/* Default to 1 column for mobile *\/\n gap: 20px;\n margin-top: 24px;\n }\n\n \/* Media queries for Recommended grid *\/\n @media (min-width: 769px) { \/* Tablet and up *\/\n .carousel-grid {\n grid-template-columns: repeat(2, 1fr); \/* 2 columns for tablet *\/\n }\n }\n\n @media (min-width: 1025px) { \/* Desktop *\/\n .carousel-grid {\n grid-template-columns: repeat(3, 1fr); \/* 3 columns for desktop *\/\n }\n }\n\n \/* Media queries for Main Gallery Carousel (.carousel-item widths) *\/\n @media (min-width: 1025px) { \/* Desktop *\/\n .carousel-item {\n width: calc((100% - 2 * 12px) \/ 3); \/* 3 full cards on desktop (3 items, 2 gaps) *\/\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) { \/* Tablet *\/\n .carousel-item {\n width: calc((100% - 1 * 12px) \/ 2); \/* 2 full cards on tablet (2 items, 1 gap) *\/\n }\n }\n\n @media (max-width: 768px) { \/* Mobile *\/\n header {\n height: auto; \/* Allow header height to adjust *\/\n padding: 4rem 2rem;\n }\n header h1 {\n font-size: 2rem;\n }\n header p {\n font-size: 1rem;\n }\n .feature {\n padding: 1.5rem;\n }\n .feature img {\n height: 140px;\n }\n .gallery iframe {\n height: 250px;\n }\n .gallery-btn {\n width: 100%;\n justify-content: center;\n font-size: 1rem;\n }\n .carousel-item {\n width: calc((100% - 1 * 12px) \/ 1.5); \/* 1.5 cards on mobile (1.5 items, 1 gap) *\/\n }\n form {\n padding: 1.5rem;\n }\n .btn {\n width: 100%;\n }\n }\n\n \/* Carousel controls visibility logic *\/\n\n \/* Always show Main Gallery carousel controls on mobile and tablet *\/\n @media (max-width: 1024px) {\n .carousel-wrapper .carousel-control { \/* Buttons within the main gallery carousel *\/\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n }\n\n \/* Always show Recommended For You carousel controls on mobile and tablet *\/\n @media (max-width: 1024px) {\n .carousel-card .carousel-controls { \/* Divs within recommended cards *\/\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n }\n\n \/* Show Main Gallery carousel controls on hover for desktop *\/\n @media (min-width: 1025px) {\n .carousel-wrapper:hover .carousel-control {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n }\n\n \/* Show Recommended For You carousel controls on hover for desktop *\/\n @media (min-width: 1025px) {\n .carousel-card:hover .carousel-controls {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n }\n\n \/* General responsive adjustments (e.g., font sizes, padding for smaller screens) *\/\n @media (max-width: 480px) {\n h2 {\n font-size: 20px !important;\n }\n header h1 {\n font-size: 1.6rem;\n }\n header p {\n font-size: 0.9rem;\n }\n .feature h3 {\n font-size: 1.2rem;\n font-weight: 600;\n }\n .gallery iframe {\n height: 200px;\n }\n .image-description {\n font-size: 0.75rem;\n }\n .similar-homes-section {\n padding: 10px;\n }\n .similar-title {\n font-size: 22px;\n margin-top: 3rem;\n }\n .tab-btn {\n font-size: 13px;\n padding: 6px 12px;\n }\n .carousel-card {\n padding: 6px;\n }\n .carousel-info .price {\n font-size: 15px;\n }\n .carousel-info .details,\n .carousel-info .location {\n font-size: 14px;\n }\n }\n\n\n\/* Title Time Square9 *\/\n\n <\/style>\n<\/head>\n<body>\n <header>\n <h1 style=\"font-weight: 700;\"\n >Premium City Living in Phnom Penh<\/h1>\n <p>Experience premium condo living in the heart of Phnom Penh\u2019s most prestigious district<\/p>\n <a href=\"#contact\"\n class=\"btn\"\n style=\"font-size: 1rem; font-weight: 600; padding: 1rem 2rem; border-radius: 6px; text-align: center; display: inline-block; min-width: 220px; max-width: 280px; background-color: #000 !important; color: white;\">Schedule a Viewing<\/a>\n <\/header>\n\n \n <div class=\"similar-homes-section\">\n <h3 class=\"similar-title\">Recommended For You<\/h3>\n <p class=\"similar-subtitle\">Listing We Think You'll Love<\/p>\n\n \n\n <div id=\"recommended\" class=\"tab-content active\">\n \n \n \n <div class=\"carousel-grid\">\n \n \n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_28.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_2.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_1.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_6.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_2.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,4XX - $1,6XX\/m\u00b2<\/div>\n <div class=\"details\">1 bedroom | 1 baths | Size 75 m\u00b2 | <\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n\n\n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_22.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_7.jpg\" class=\"active\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_3.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_8.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_4.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_5.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,4XX - $1,6XX\/m\u00b2<\/div>\n <div class=\"details\">1 bedroom | 1 baths | Size 60 m\u00b2 |<\/div>\nNeed Help\n\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n\n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_33.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_5.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_1.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_6.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_4.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_3.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">>$1,4XX - $1,8XX\/m\u00b2<\/div>\n <div class=\"details\">2 bedrooms | 2 baths | Size 90\/95 m\u00b2 |<\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n \n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_38.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_5.jpg\" class=\"active\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_2.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_5.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_4.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_3.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,5XX - 1,8XX\/m\u00b2<\/div>\n <div class=\"details\">3 beds | 3 baths | Size 130 m\u00b2 |<\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n \n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_45.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_2.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_1.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_6.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_2.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,5XX - 1,7XX\/m\u00b2<\/div>\n <div class=\"details\">4 beds | 3 baths | Size 190 m\u00b2 |<\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n \n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_32.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_7.jpg\" class=\"active\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_3.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_8.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_4.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_5.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,4XX - 1,7XX\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | Size 80 m\u00b2 |<\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n \n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_27.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_5.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_1.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_6.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_4.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_3.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,4XX - 1,7XX\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | Size 60 m\u00b2 |<\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n \n \n \n \n \n \n <div id=\"price\" class=\"tab-content\">\n \n <p style=\"text-align: center; color: #777;\">Content for Price tab is not yet available.<\/p>\n <\/div>\n <div id=\"location\" class=\"tab-content\">\n \n <p style=\"text-align: center; color: #777;\">Content for Location tab is not yet available.<\/p>\n <\/div>\n <\/div>\n \n \n \n\n\n\n <section>\n <h2 style=\"text-align: center; margin-bottom: 2rem; font-size: 32px; font-weight: 700; font-family: 'Montserrat', sans-serif;\">Why Choose Our Condo?<\/h2>\n <div class=\"features\">\n <div class=\"feature\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_34.jpg\" alt=\"Ocean View\">\n <h3>BKK1 Skyline View<\/h3>\n <p>Time Square9 Skyline View \u2013 Stunning city panoramas from your private balcony with premium amenities and sleek design.<\/p>\n <\/div>\n <div class=\"feature\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_27.jpg\" alt=\"Modern Interior\">\n <h3>Stylish Modern Interiors<\/h3>\n <p>Designed with elegance and comfort, featuring top-quality materials and spacious layouts.<\/p>\n <\/div>\n <div class=\"feature\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_4.jpg\" alt=\"5-Star Amenities\">\n <h3>5-Star Amenities<\/h3>\n <p>Enjoy access to a rooftop pool, state-of-the-art fitness center, 24\/7 concierge, and exclusive city lounge.<\/p>\n <\/div>\n <\/div>\n \n \n \n \n <div class=\"gallery-heading\">\n <h3>Discover Your Dream Condo<\/h3>\n <p>Explore luxury, feel the vibe, and picture your perfect life by the beach.<\/p>\n <\/div>\n\n <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 10px; margin-bottom: 2rem;\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/FvxiRSOyK7M\" title=\"Condo Tour Video\" allowfullscreen style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\"><\/iframe>\n\n <\/div>\n <div class=\"carousel-wrapper\">\n <button class=\"carousel-control prev-btn\" onclick=\"scrollCarousel('prev')\">\u276e<\/button>\n <div class=\"carousel\">\n \n \n \n \n \n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_32.jpg\" alt=\"image1\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_34.jpg\" alt=\"image2\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_27.jpg\" alt=\"image3\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_12.jpg\" alt=\"image4\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_13.jpg\" alt=\"Elegant Bedroom\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_14.jpg\" alt=\"image5\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_15.jpg\" alt=\"Beachfront Pool\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_16.jpg\" alt=\"image6\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_17.jpg\" alt=\"image7\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_18.jpg\" alt=\"image8\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_19.jpg\" alt=\"image9\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_20.jpg\" alt=\"image10\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_21.jpg\" alt=\"image11\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_22.jpg\" alt=\"image12\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_25.jpg\" alt=\"image13\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_26.jpg\" alt=\"image14\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_29.jpg\" alt=\"image15\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_30.jpg\" alt=\"image16\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_31.jpg\" alt=\"image17\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_4.jpg\" alt=\"image18\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <\/div>\n <button class=\"carousel-control next-btn\" onclick=\"scrollCarousel('next')\">\u276f<\/button>\n <\/div>\n <\/section>\n \n \n \n <style>\n \/* Universal Box-Sizing for better layout control *\/\n *, *::before, *::after {\n box-sizing: border-box;\n }\n\n\n \/* General body styling for context (optional, but good for demo) *\/\n body {\n margin: 0;\n padding: 0;\n background-color: #f8f9fa; \/* A very light grey background for the page *\/\n line-height: 1.6; \/* Default line height for better readability *\/\n font-family: 'Open Sans', sans-serif; \/* Set a default font for the body *\/\n color: #333; \/* Default text color *\/\n }\n\n\n \/* Styling for the entire section (Card-like container) *\/\n .location-lifestyle {\n background-color: #ffffff; \/* Pure white background for a clean \"card\" look *\/\n padding: 60px 30px; \/* Increased side padding for larger screens *\/\n text-align: center; \/* Center all content *\/\n \n border-radius: 12px; \/* Softly rounded corners *\/\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); \/* Subtle, elegant shadow *\/\n margin: 60px auto; \/* More vertical margin on larger screens *\/\n max-width: 960px; \/* Slightly wider max-width for better desktop presentation *\/\n width: 90%; \/* Ensure it doesn't span full width, but scales down *\/\n }\n\n\n \/* Styling for the main heading *\/\n .location-lifestyle h2 {\n font-family: 'Montserrat', sans-serif; \/* Keep your elegant heading font *\/\n \/* Fluid font size for h2: scales from 1.8rem (mobile) to 2.8rem (desktop) *\/\n font-size: clamp(1.8rem, 4vw, 2.8rem);\n font-weight: 700; \/* Bold heading *\/\n color: #0056b3; \/* A slightly darker, more prominent blue *\/\n margin-bottom: 25px; \/* Slightly more space below the heading *\/\n line-height: 1.2; \/* Tighter line spacing for heading *\/\n }\n\n\n \/* Styling for the paragraph text *\/\n .location-lifestyle p {\n \/* Fluid font size for p: scales from 1rem (mobile) to 1.15rem (desktop) *\/\n font-size: clamp(1rem, 2vw, 1.15rem);\n color: #333; \/* Softer dark gray for better contrast and readability *\/\n max-width: 800px; \/* Optimized max-width for paragraph readability *\/\n margin: 0 auto 40px auto; \/* Centered, with more space below *\/\n line-height: 1.7; \/* Increased line spacing for better readability *\/\n }\n\n\n \/* Styling for the call-to-action button *\/\n .location-lifestyle .btn {\n display: inline-block; \/* Allows padding and margin to be applied correctly *\/\n background-color: #00bcd4; \/* Your original teal\/cyan color *\/\n color: white; \/* White text on the button *\/\n padding: 18px 40px; \/* Increased padding for a more prominent button *\/\n border-radius: 8px; \/* Slightly more rounded corners for a modern look *\/\n text-decoration: none; \/* Remove underline from link *\/\n font-weight: 500; \/* Bold text for emphasis *\/\n font-size: 1.1rem; \/* Clear button text size *\/\n transition: background-color 0.3s ease, transform 0.2s ease; \/* Smooth transition on hover, add scale *\/\n border: none; \/* No border for a clean look *\/\n cursor: pointer; \/* Indicates it's clickable *\/\n letter-spacing: 0.5px; \/* Slightly increased letter spacing for button text *\/\n }\n\n\n .location-lifestyle .btn:hover {\n background-color: #0097a7; \/* Darken button on hover *\/\n transform: translateY(-2px); \/* Subtle lift on hover *\/\n }\n\n\n \/* --- Media Queries for Responsive Design --- *\/\n\n \/* Tablet Devices (e.g., 768px to 1024px) *\/\n @media (max-width: 1024px) {\n .location-lifestyle {\n padding: 50px 25px; \/* Slightly less padding *\/\n margin: 50px auto;\n max-width: 850px;\n }\n\n .location-lifestyle h2 {\n font-size: clamp(2rem, 3.5vw, 2.5rem); \/* Adjust clamp for tablets *\/\n }\n\n .location-lifestyle p {\n font-size: clamp(1rem, 1.8vw, 1.15rem); \/* Adjust clamp for tablets *\/\n }\n\n .location-lifestyle .btn {\n padding: 16px 35px;\n font-size: 1rem;\n }\n }\n\n \/* Mobile Devices (e.g., up to 767px) *\/\n @media (max-width: 767px) {\n .location-lifestyle {\n padding: 40px 15px; \/* Reduce padding on smaller screens *\/\n margin: 30px auto; \/* Adjust margin for smaller screens *\/\n width: 95%; \/* Wider on small screens to use space *\/\n border-radius: 8px; \/* Slightly less rounded corners on mobile *\/\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); \/* Lighter shadow on mobile *\/\n }\n\n .location-lifestyle h2 {\n font-size: clamp(1.6rem, 6vw, 2rem); \/* More aggressive clamp for mobile headings *\/\n margin-bottom: 15px;\n }\n\n .location-lifestyle p {\n font-size: clamp(0.95rem, 3.5vw, 1.1rem); \/* More aggressive clamp for mobile paragraphs *\/\n margin: 0 auto 30px auto;\n }\n\n .location-lifestyle .btn {\n display: block; \/* Make button full width on mobile *\/\n width: 100%;\n padding: 15px 20px;\n font-size: 1rem;\n }\n }\n\n \/* Extra Small Devices (Optional, e.g., below 480px) *\/\n @media (max-width: 480px) {\n .location-lifestyle {\n padding: 30px 10px;\n margin: 20px auto;\n }\n .location-lifestyle h2 {\n font-size: 1.5rem; \/* Fixed smaller size for very small screens *\/\n }\n .location-lifestyle p {\n font-size: 1.1rem; \/* Fixed smaller size for very small screens *\/\n }\n }\n\n<\/style>\n\n<section class=\"location-lifestyle\">\n <h2>Experience Phnom Penh\u2019s Vibrant City Lifestyle<\/h2>\n <p>\n Imagine waking up in the heart of BKK1, Phnom Penh\u2019s most prestigious district, surrounded by vibrant city life and modern conveniences. Step outside and discover stylish caf\u00e9s, fine dining restaurants, luxury boutiques, and international business hubs just moments from your door.\n <br><br>\n Experience the best of urban living where comfort meets sophistication. From lively nightlife and premium shopping to relaxing green spaces and a dynamic international community, everything you desire is within reach.\n <br><br>\n Time Square9 isn\u2019t just an address; it\u2019s your exclusive gateway to the center of Phnom Penh\u2019s most sought-after lifestyle, where luxury, convenience, and modern city living come together.\n <\/p>\n <a href=\"#contact\" class=\"btn\">Explore the Neighborhood<\/a>\n <\/section>\n\n\n\n\n <section id=\"contact\" style=\"text-align: center; background: white; padding: 4rem 2rem;\">\n <h2 style=\"font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 700; margin-bottom: 0.5rem;\">Book Your Private Tour<\/h2>\n <p style=\"margin: 1rem 0 2rem;\">Fill in your details and our team will contact you shortly.<\/p>\n <form onsubmit=\"sendToTelegram(event)\" style=\"max-width: 600px; margin: auto; padding: 2rem; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\n <input type=\"text\" id=\"name\" placeholder=\"Full Name\" required style=\"width: 100%; padding: 1rem; margin-bottom: 1.2rem; border: 1px solid #ccc; border-radius: 5px;\">\n <input type=\"tel\" id=\"phone\" placeholder=\"Phone Number\" required style=\"width: 100%; padding: 1rem; margin-bottom: 1.2rem; border: 1px solid #ccc; border-radius: 5px;\">\n <input type=\"email\" id=\"email\" placeholder=\"Email Address\" style=\"width: 100%; padding: 1rem; margin-bottom: 1.2rem; border: 1px solid #ccc; border-radius: 5px;\">\n <div style=\"text-align: center; margin-top: 1rem;\"><button type=\"submit\" class=\"btn\" style=\"padding: 0.8rem 2rem; font-size: 1rem; background-color: #000; border: none; border-radius: 5px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.1);\">Submit<\/button><\/div>\n <\/form>\n <\/section>\n\n\n \n <div id=\"messageBox\" style=\"display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.2); z-index: 1000; text-align: center;\">\n <p id=\"messageContent\" style=\"margin-bottom: 15px;\"><\/p>\n <button onclick=\"document.getElementById('messageBox').style.display = 'none';\" style=\"background: #00bcd4; color: white; padding: 8px 15px; border: none; border-radius: 5px; cursor: pointer;\">OK<\/button>\n <\/div>\n\n <script>\n \/\/ Global variable to store touch start X coordinate for carousel swipe\n let xStart = null;\n\n \/\/ Event listener for DOM content loaded\n document.addEventListener('DOMContentLoaded', function () {\n const button = document.getElementById('toggleGalleryBtn');\n const gallery = document.getElementById('gallery');\n\n \/\/ Toggle gallery visibility on button click\n button.addEventListener('click', function () {\n if (gallery.style.display === 'none' || gallery.style.display === '') {\n gallery.style.display = 'block';\n button.innerHTML = 'Hide Gallery <span style=\"font-size: 1.2rem;\">\u25b2<\/span>'; \/\/ Change text and icon\n } else {\n gallery.style.display = 'none';\n button.innerHTML = 'Show More Images & Videos <span style=\"font-size: 1.2rem;\">\u25b6<\/span>'; \/\/ Change text and icon\n }\n });\n });\n\n \/\/ Function to scroll the main image carousel\n function scrollCarousel(direction) {\n const carousel = document.querySelector('.carousel');\n \/\/ Select the first carousel item to get its computed width\n const firstCarouselItem = carousel.querySelector('.carousel-item');\n if (!firstCarouselItem) return;\n\n \/\/ Get the computed width of a single carousel item\n const itemWidth = firstCarouselItem.offsetWidth;\n \/\/ The gap is now consistently 12px for all screen sizes\n const currentGap = 12;\n\n \/\/ Calculate the scroll amount: item width + current gap\n const scrollAmount = itemWidth + currentGap;\n\n \/\/ Perform smooth scroll\n carousel.scrollBy({ left: direction === 'next' ? scrollAmount : -scrollAmount, behavior: 'smooth' });\n }\n\n \/\/ Function to handle form submission and send data to Telegram\n async function sendToTelegram(event) {\n event.preventDefault(); \/\/ Prevent default form submission\n\n const name = document.getElementById('name').value;\n const email = document.getElementById('email').value;\n const phone = document.getElementById('phone').value;\n\n const message = `New Condo Lead:\\n\ud83d\udc64 Name: ${name}\\n\ud83d\udce7 Email: ${email}\\n\ud83d\udcde Phone: ${phone}`;\n \/\/ NOTE: Replace 'YOUR_BOT_TOKEN' and 'YOUR_CHAT_ID' with your actual Telegram Bot Token and Chat ID.\n \/\/ This is a placeholder and won't work without valid credentials.\n const telegramBotToken = '7963953851:AAEVVm11eqEY9Y2Fp4XreBOtwzRuur9I0us';\n const chatId = '-1002428365381';\n const url = `https:\/\/api.telegram.org\/bot${telegramBotToken}\/sendMessage`;\n\n try {\n const response = await fetch(url, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({ chat_id: chatId, text: message })\n });\n\n const data = await response.json();\n if (response.ok && data.ok) {\n showMessage('Your information has been submitted successfully!');\n } else {\n showMessage('Failed to send message. Please try again later.');\n console.error('Telegram API error:', data);\n }\n } catch (error) {\n showMessage('There was an error submitting your information. Please check your network connection.');\n console.error('Submission error:', error);\n }\n\n event.target.reset(); \/\/ Reset the form fields\n }\n\n \/\/ Function to display the custom message box\n function showMessage(msg) {\n document.getElementById('messageContent').textContent = msg;\n document.getElementById('messageBox').style.display = 'block';\n }\n\n \/\/ Functions for Similar Homes carousel\/gallery within each card\n function nextImage(btn) {\n const gallery = btn.closest('.carousel-gallery');\n const imgs = gallery.querySelectorAll('img');\n let index = [...imgs].findIndex(img => img.classList.contains('active'));\n imgs[index].classList.remove('active');\n index = (index + 1) % imgs.length;\n imgs[index].classList.add('active');\n }\n\n function prevImage(btn) {\n const gallery = btn.closest('.carousel-gallery');\n const imgs = gallery.querySelectorAll('img');\n let index = [...imgs].findIndex(img => img.classList.contains('active'));\n imgs[index].classList.remove('active');\n index = (index - 1 + imgs.length) % imgs.length;\n imgs[index].classList.add('active');\n }\n\n function touchStart(evt) {\n xStart = evt.changedTouches[0].clientX;\n }\n\n function touchEnd(evt) {\n if (xStart === null) return;\n const xEnd = evt.changedTouches[0].clientX;\n const diff = xStart - xEnd;\n const gallery = evt.target.closest('.carousel-gallery');\n\n if (Math.abs(diff) > 30) { \/\/ Threshold for swipe\n const btn = diff > 0\n ? gallery.querySelector('.next')\n : gallery.querySelector('.prev');\n requestAnimationFrame(() => btn.click());\n }\n\n xStart = null;\n }\n\n \/\/ Function for tab switching in \"Similar Homes\" section - no longer actively used but kept for structure\n function showTab(tabId) {\n const tabs = document.querySelectorAll('.tab-content');\n const buttons = document.querySelectorAll('.tab-btn');\n\n \/\/ Hide all tab contents\n tabs.forEach(tab => tab.classList.remove('active'));\n\n \/\/ Remove active class from all buttons\n buttons.forEach(btn => btn.classList.remove('active'));\n\n \/\/ Show selected tab\n document.getElementById(tabId).classList.add('active');\n\n \/\/ Add active class to the clicked button\n buttons.forEach(btn => {\n if (btn.getAttribute('onclick').includes(tabId)) {\n btn.classList.add('active');\n }\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Luxury Beachfront Condo Premium City Living in Phnom Penh Experience premium condo living in the heart of Phnom Penh\u2019s most prestigious district Schedule a Viewing Recommended For You Listing We Think You’ll Love \u2039 \u203a $1,4XX – $1,6XX\/m\u00b2 1 bedroom | 1 baths | Size 75 m\u00b2 | Time Square 9 – BKK 1, Chamkarmon, […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1250","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/pages\/1250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/comments?post=1250"}],"version-history":[{"count":2,"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/pages\/1250\/revisions"}],"predecessor-version":[{"id":1252,"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/pages\/1250\/revisions\/1252"}],"wp:attachment":[{"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/media?parent=1250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Luxury Beachfront Condo<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Ensure html and body take full width and height, and prevent horizontal scrollbars *\/\n html, body {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n overflow-x: hidden; \/* Prevent horizontal scrollbar from vw unit issues *\/\n }\n\n \/* Universal box-sizing and font-family *\/\n * {\n box-sizing: border-box;\n \/* Margin and padding already set to 0 by html,body for consistency *\/\n font-family: 'Montserrat', sans-serif;\n }\n\n \/* Body styling *\/\n body {\n background: #f5f5f5;\n color: #333;\n }\n\n \/* Header section styling (hero image, text, and call to action) *\/\n header {\n width: 100vw; \/* This should ensure it takes full viewport width *\/\n max-width: 100%; \/* Ensures it doesn't exceed 100% of its containing block if any *\/\n \/* Background image for the hero section *\/\n background: url('https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/image-for-title.jpg') no-repeat center center\/cover;\n height: 60vh; \/* Full viewport height *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n color: white;\n padding: 2rem;\n }\n\n \/* Header main heading *\/\n header h1 {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n\n \/* Header sub-text *\/\n header p {\n font-size: 1.2rem;\n margin-bottom: 2rem;\n }\n\n \/* Generic button styling *\/\n .btn {\n background: #00bcd4;\n color: white;\n padding: 1rem 2rem;\n text-decoration: none;\n font-weight: bold;\n border-radius: 5px;\n }\n\n \/* Section common styling *\/\n section {\n padding: 3rem 1rem; \/* Default padding for all sections *\/\n max-width: 1200px;\n margin: auto;\n }\n\n \/* Features section layout *\/\n .features {\n display: flex;\n flex-wrap: wrap;\n gap: 1.1rem;\n justify-content: center;\n }\n\n \/* Individual feature card styling *\/\n .feature {\n background: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n flex: 1 1 300px; \/* Allows cards to grow\/shrink and wrap *\/\n text-align: center;\n }\n\n \/* Feature image styling *\/\n .feature img {\n max-width: 100%;\n height: 180px; \/* Fixed height for consistency *\/\n object-fit: cover; \/* Ensures images cover the area without distortion *\/\n border-radius: 8px;\n margin-bottom: 1rem;\n }\n\n \/* Feature heading *\/\n .feature h3 {\n margin-bottom: 0.5rem;\n color: #00bcd4;\n }\n\n \/* Toggle gallery button styling *\/\n .gallery-btn {\n display: block;\n width: fit-content;\n margin: 3rem auto 1rem;\n padding: 1rem 2rem;\n background-color: #000;\n color: white;\n font-weight: bold;\n border: none;\n border-radius: 6px;\n text-decoration: none;\n cursor: pointer;\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n justify-content: center;\n font-family: 'Montserrat', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n padding: 0.9rem 2rem;\n }\n\n \/* Gallery button hover effect *\/\n .gallery-btn:hover {\n background-color: #333 !important;\n }\n\n \/* Gallery section styling (hidden by default) *\/\n .gallery {\n display: none;\n text-align: center;\n margin-top: 2rem;\n }\n\n \/* Title and description for the gallery section *\/\n .gallery-heading {\n text-align: center;\n margin-bottom: 1.5rem; \/* Space below the heading *\/\n padding: 0 0.8rem; \/* Add padding to prevent text from hitting edges on small screens *\/\n }\n\n .gallery-heading h3 {\n font-size: 19px; \/* Slightly smaller than main h2 *\/\n font-weight: 700;\n color: #333;\n margin-top: 3rem\n margin-bottom: 0.5rem;\n padding: 5rem 1rem 0 1rem;\n }\n\n .gallery-heading p {\n font-size: 0.95rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.5;\n }\n\n \/* Iframe for video embed *\/\n .gallery iframe {\n width: 100%;\n height: 400px;\n border-radius: 10px;\n margin-bottom: 2rem;\n }\n\n \/* Carousel container styling (for main gallery carousel) *\/\n .carousel-wrapper {\n position: relative;\n overflow: hidden;\n \/* Make it span full viewport width *\/\n width: 100vw;\n left: 50%;\n transform: translateX(-50%);\n padding: 0; \/* No internal padding here, handled by .carousel *\/\n }\n\n \/* Carousel inner scrollable area (for main gallery carousel) *\/\n .carousel {\n display: flex;\n overflow-x: auto;\n gap: 12px; \/* Consistent 12px gap for all screen sizes *\/\n padding: 1rem 2rem; \/* Add padding to the items inside the full-width wrapper *\/\n scroll-behavior: smooth;\n -ms-overflow-style: none; \/* IE and Edge *\/\n scrollbar-width: none; \/* Firefox *\/\n }\n\n \/* Hide scrollbar for Webkit browsers *\/\n .carousel::-webkit-scrollbar {\n display: none;\n }\n\n \/* Individual carousel item containing image and text (for main gallery carousel) *\/\n .carousel-item {\n flex-shrink: 0; \/* Prevents items from shrinking *\/\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: #fff; \/* Background for each item *\/\n border-radius: 10px;\n overflow: hidden; \/* Ensures rounded corners on image are visible *\/\n padding-bottom: 10px; \/* Space for text below image *\/\n box-shadow: 0 2px 5px rgba(0,0,0,0.11);\n cursor: pointer;\n transition: transform 0.3s ease;\n }\n\n \/* Carousel item hover effect *\/\n .carousel-item:hover {\n transform: scale(1.03);\n }\n\n \/* Carousel image styling (for main gallery carousel) *\/\n .carousel-item img {\n width: 100%; \/* Image fills its container *\/\n aspect-ratio: 4 \/ 3; \/* Maintain 4:3 aspect ratio *\/\n height: auto;\n object-fit: cover; \/* Ensures images cover the area without distortion *\/\n border-radius: 10px 10px 0 0; \/* Rounded top corners, sharp bottom *\/\n margin-bottom: 0.5rem; \/* Space between image and text *\/\n }\n\n \/* Text description under carousel images (for main gallery carousel) *\/\n .image-description {\n font-size: 0.85rem;\n color: #555;\n padding: 0 10px;\n line-height: 1.3;\n margin-top: 0;\n }\n\n \/* Carousel navigation controls (for main gallery carousel buttons) *\/\n .carousel-wrapper .carousel-control {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(0,0,0,0.5);\n color: #fff;\n padding: 0.5rem;\n border: none;\n border-radius: 50%; \/* Make them perfectly round *\/\n cursor: pointer;\n z-index: 10;\n width: 34px; \/* Increased size slightly for touch *\/\n height: 34px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n \/* Default hidden for desktop, will be overridden for mobile\/tablet *\/\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n }\n\n \/* Main gallery carousel: Previous button position - now at the very edge *\/\n .carousel-wrapper .prev-btn { left: 0; }\n \/* Main gallery carousel: Next button position - now at the very edge *\/\n .carousel-wrapper .next-btn { right: 0; }\n\n \/* Footer styling *\/\n footer {\n text-align: center;\n padding: 2rem;\n background: #00bcd4;\n color: white;\n font-size: 0.9rem;\n font-weight: 500;\n font-family: 'Montserrat', sans-serif;\n line-height: 1.4;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n \/* Message box styling for form submission feedback *\/\n #messageBox {\n display: none;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 15px rgba(0,0,0,0.2);\n z-index: 1000;\n text-align: center;\n }\n\n \/* Similar Homes Section CSS *\/\n .similar-homes-section {\n padding: 12px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);\n font-family: 'Montserrat', sans-serif; \/* Consistent font-family *\/\n margin-top: 5px;\n max-width: 1200px; \/* Align with main section width *\/\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 4rem; \/* Add margin below the section *\/\n }\n\n \/* Similar Section Title *\/\n .similar-title {\n font-size: clamp(20px, 2.5vw, 24px);\n font-weight: bold;\n margin-bottom: -12px; \/* Reduced margin to bring subtitle closer *\/\n text-align: center; \/* Center the title *\/\n }\n\n \/* Subtitle for the similar homes section *\/\n .similar-subtitle {\n font-size: clamp(14px, 2vw, 16px);\n color: #666;\n margin-bottom: 16px; \/* Space below the subtitle *\/\n text-align: center;\n }\n\n \/* Tabs Navigation (now removed from HTML, but CSS kept for reference) *\/\n .similar-tabs {\n display: none; \/* Hide the tabs container *\/\n flex-wrap: wrap;\n gap: 10px;\n margin-bottom: 20px;\n justify-content: center;\n }\n\n .tab-btn {\n padding: 8px 16px;\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 600;\n border-radius: 4px;\n border: 1px solid #ccc;\n background-color: #f9f9f9;\n cursor: pointer;\n transition: background 0.3s;\n }\n\n .tab-btn.active {\n background-color: #000;\n color: #fff;\n border-color: #000;\n }\n\n \/* Tab Content Section *\/\n .tab-content {\n display: none;\n }\n\n .tab-content.active {\n display: block;\n }\n\n \/* Similar Card Style *\/\n .carousel-card { \/* Renamed from similar-card to carousel-card as per provided *\/\n background: #f7f7f7;\n border-radius: 8px;\n padding: 8px;\n margin-bottom: 20px;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);\n font-family: 'Montserrat', sans-serif; \/* Consistent font-family *\/\n }\n\n \/* Image container for each card to enforce aspect ratio *\/\n .carousel-gallery {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 3; \/* Enforce 4:3 aspect ratio on the container *\/\n overflow: hidden;\n }\n\n .carousel-gallery img {\n position: absolute; \/* Allows images to stack *\/\n width: 100%;\n height: 100%; \/* Make image fill the aspect-ratio container *\/\n object-fit: cover; \/* Ensures image covers the area without distortion *\/\n opacity: 0;\n transition: opacity 0.5s ease-in-out;\n pointer-events: none;\n border-radius: 6px; \/* Apply border-radius to the image itself for consistency *\/\n }\n\n .carousel-gallery img.active {\n opacity: 1;\n position: relative; \/* Keep active image in document flow for layout *\/\n pointer-events: auto;\n }\n\n \/* Carousel navigation controls (for \"Recommended For You\" cards' div) *\/\n .carousel-controls {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n display: flex;\n justify-content: space-between;\n padding: 0 10px;\n transform: translateY(-50%);\n z-index: 2;\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n \/* Default hidden, overridden by media queries below *\/\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n }\n\n .carousel-controls button {\n background: rgba(255, 255, 255, 0.8);\n color: #333;\n border: 1px solid rgba(0, 0, 0, 0.1);\n width: 34px;\n height: 34px;\n border-radius: 50%;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n }\n\n .carousel-controls button:hover {\n background: #007bff;\n color: white;\n border-color: #007bff;\n }\n\n \/* Text Info inside Card - New\/Updated Styles *\/\n .carousel-info {\n padding: 10px 8px 0 8px; \/* Add padding to the info block *\/\n text-align: left; \/* Align text to the left *\/\n }\n\n .carousel-card .price {\n font-size: clamp(16px, 2vw, 20px);\n font-weight: bold;\n color: #0056b3; \/* Slightly darker blue for price *\/\n margin-bottom: 4px;\n line-height: 1.2; \/* Improved line height *\/\n }\n\n .carousel-card .details,\n .carousel-card .location {\n font-size: clamp(13px, 1.8vw, 15px);\n color: #444; \/* Darker grey for details\/location *\/\n margin: 2px 0;\n line-height: 1.4; \/* Improved line height *\/\n }\n\n \/* Responsive adjustments *\/\n \/* Mobile First: Default to 1 column for Recommended grid *\/\n .carousel-grid {\n display: grid;\n grid-template-columns: 1fr; \/* Default to 1 column for mobile *\/\n gap: 20px;\n margin-top: 24px;\n }\n\n \/* Media queries for Recommended grid *\/\n @media (min-width: 769px) { \/* Tablet and up *\/\n .carousel-grid {\n grid-template-columns: repeat(2, 1fr); \/* 2 columns for tablet *\/\n }\n }\n\n @media (min-width: 1025px) { \/* Desktop *\/\n .carousel-grid {\n grid-template-columns: repeat(3, 1fr); \/* 3 columns for desktop *\/\n }\n }\n\n \/* Media queries for Main Gallery Carousel (.carousel-item widths) *\/\n @media (min-width: 1025px) { \/* Desktop *\/\n .carousel-item {\n width: calc((100% - 2 * 12px) \/ 3); \/* 3 full cards on desktop (3 items, 2 gaps) *\/\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) { \/* Tablet *\/\n .carousel-item {\n width: calc((100% - 1 * 12px) \/ 2); \/* 2 full cards on tablet (2 items, 1 gap) *\/\n }\n }\n\n @media (max-width: 768px) { \/* Mobile *\/\n header {\n height: auto; \/* Allow header height to adjust *\/\n padding: 4rem 2rem;\n }\n header h1 {\n font-size: 2rem;\n }\n header p {\n font-size: 1rem;\n }\n .feature {\n padding: 1.5rem;\n }\n .feature img {\n height: 140px;\n }\n .gallery iframe {\n height: 250px;\n }\n .gallery-btn {\n width: 100%;\n justify-content: center;\n font-size: 1rem;\n }\n .carousel-item {\n width: calc((100% - 1 * 12px) \/ 1.5); \/* 1.5 cards on mobile (1.5 items, 1 gap) *\/\n }\n form {\n padding: 1.5rem;\n }\n .btn {\n width: 100%;\n }\n }\n\n \/* Carousel controls visibility logic *\/\n\n \/* Always show Main Gallery carousel controls on mobile and tablet *\/\n @media (max-width: 1024px) {\n .carousel-wrapper .carousel-control { \/* Buttons within the main gallery carousel *\/\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n }\n\n \/* Always show Recommended For You carousel controls on mobile and tablet *\/\n @media (max-width: 1024px) {\n .carousel-card .carousel-controls { \/* Divs within recommended cards *\/\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n }\n\n \/* Show Main Gallery carousel controls on hover for desktop *\/\n @media (min-width: 1025px) {\n .carousel-wrapper:hover .carousel-control {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n }\n\n \/* Show Recommended For You carousel controls on hover for desktop *\/\n @media (min-width: 1025px) {\n .carousel-card:hover .carousel-controls {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n }\n\n \/* General responsive adjustments (e.g., font sizes, padding for smaller screens) *\/\n @media (max-width: 480px) {\n h2 {\n font-size: 20px !important;\n }\n header h1 {\n font-size: 1.6rem;\n }\n header p {\n font-size: 0.9rem;\n }\n .feature h3 {\n font-size: 1.2rem;\n font-weight: 600;\n }\n .gallery iframe {\n height: 200px;\n }\n .image-description {\n font-size: 0.75rem;\n }\n .similar-homes-section {\n padding: 10px;\n }\n .similar-title {\n font-size: 22px;\n margin-top: 3rem;\n }\n .tab-btn {\n font-size: 13px;\n padding: 6px 12px;\n }\n .carousel-card {\n padding: 6px;\n }\n .carousel-info .price {\n font-size: 15px;\n }\n .carousel-info .details,\n .carousel-info .location {\n font-size: 14px;\n }\n }\n\n\n\/* Title Time Square9 *\/\n\n <\/style>\n<\/head>\n<body>\n <header>\n <h1 style=\"font-weight: 700;\"\n >Premium City Living in Phnom Penh<\/h1>\n <p>Experience premium condo living in the heart of Phnom Penh\u2019s most prestigious district<\/p>\n <a href=\"#contact\"\n class=\"btn\"\n style=\"font-size: 1rem; font-weight: 600; padding: 1rem 2rem; border-radius: 6px; text-align: center; display: inline-block; min-width: 220px; max-width: 280px; background-color: #000 !important; color: white;\">Schedule a Viewing<\/a>\n <\/header>\n\n \n <div class=\"similar-homes-section\">\n <h3 class=\"similar-title\">Recommended For You<\/h3>\n <p class=\"similar-subtitle\">Listing We Think You'll Love<\/p>\n\n \n\n <div id=\"recommended\" class=\"tab-content active\">\n \n \n \n <div class=\"carousel-grid\">\n \n \n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_28.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_2.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_1.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_6.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_2.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,4XX - $1,6XX\/m\u00b2<\/div>\n <div class=\"details\">1 bedroom | 1 baths | Size 75 m\u00b2 | <\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n\n\n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_22.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_7.jpg\" class=\"active\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_3.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_8.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_4.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_5.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,4XX - $1,6XX\/m\u00b2<\/div>\n <div class=\"details\">1 bedroom | 1 baths | Size 60 m\u00b2 |<\/div>\nNeed Help\n\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n\n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_33.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_5.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_1.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_6.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_4.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_3.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">>$1,4XX - $1,8XX\/m\u00b2<\/div>\n <div class=\"details\">2 bedrooms | 2 baths | Size 90\/95 m\u00b2 |<\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n \n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_38.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_5.jpg\" class=\"active\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_2.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_5.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_4.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_3.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,5XX - 1,8XX\/m\u00b2<\/div>\n <div class=\"details\">3 beds | 3 baths | Size 130 m\u00b2 |<\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n \n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_45.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_2.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_1.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_6.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_2.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,5XX - 1,7XX\/m\u00b2<\/div>\n <div class=\"details\">4 beds | 3 baths | Size 190 m\u00b2 |<\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n \n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_32.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_7.jpg\" class=\"active\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_3.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_8.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_4.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_5.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,4XX - 1,7XX\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | Size 80 m\u00b2 |<\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n \n \n \n <div class=\"carousel-card\">\n <div class=\"carousel-gallery\" ontouchstart=\"touchStart(event)\" ontouchend=\"touchEnd(event)\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/TS9PPT_Page_27.webp\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_5.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_1.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Showroom_6.jpg\" alt=\"img4\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_4.jpg\" alt=\"img5\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Living-Room_3.jpg\" alt=\"img6\">\n <div class=\"carousel-controls\">\n <button class=\"prev\" onclick=\"prevImage(this)\">\u2039<\/button>\n <button class=\"next\" onclick=\"nextImage(this)\">\u203a<\/button>\n <\/div>\n <\/div>\n <div class=\"carousel-info\">\n <div class=\"price\">$1,4XX - 1,7XX\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | Size 60 m\u00b2 |<\/div>\n <div class=\"location\">Time Square 9 - BKK 1, Chamkarmon, Phnom Penh<\/div>\n <\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n \n \n \n \n \n \n <div id=\"price\" class=\"tab-content\">\n \n <p style=\"text-align: center; color: #777;\">Content for Price tab is not yet available.<\/p>\n <\/div>\n <div id=\"location\" class=\"tab-content\">\n \n <p style=\"text-align: center; color: #777;\">Content for Location tab is not yet available.<\/p>\n <\/div>\n <\/div>\n \n \n \n\n\n\n <section>\n <h2 style=\"text-align: center; margin-bottom: 2rem; font-size: 32px; font-weight: 700; font-family: 'Montserrat', sans-serif;\">Why Choose Our Condo?<\/h2>\n <div class=\"features\">\n <div class=\"feature\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_34.jpg\" alt=\"Ocean View\">\n <h3>BKK1 Skyline View<\/h3>\n <p>Time Square9 Skyline View \u2013 Stunning city panoramas from your private balcony with premium amenities and sleek design.<\/p>\n <\/div>\n <div class=\"feature\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_27.jpg\" alt=\"Modern Interior\">\n <h3>Stylish Modern Interiors<\/h3>\n <p>Designed with elegance and comfort, featuring top-quality materials and spacious layouts.<\/p>\n <\/div>\n <div class=\"feature\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_4.jpg\" alt=\"5-Star Amenities\">\n <h3>5-Star Amenities<\/h3>\n <p>Enjoy access to a rooftop pool, state-of-the-art fitness center, 24\/7 concierge, and exclusive city lounge.<\/p>\n <\/div>\n <\/div>\n \n \n \n \n <div class=\"gallery-heading\">\n <h3>Discover Your Dream Condo<\/h3>\n <p>Explore luxury, feel the vibe, and picture your perfect life by the beach.<\/p>\n <\/div>\n\n <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 10px; margin-bottom: 2rem;\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/FvxiRSOyK7M\" title=\"Condo Tour Video\" allowfullscreen style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\"><\/iframe>\n\n <\/div>\n <div class=\"carousel-wrapper\">\n <button class=\"carousel-control prev-btn\" onclick=\"scrollCarousel('prev')\">\u276e<\/button>\n <div class=\"carousel\">\n \n \n \n \n \n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_32.jpg\" alt=\"image1\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_34.jpg\" alt=\"image2\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_27.jpg\" alt=\"image3\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_12.jpg\" alt=\"image4\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_13.jpg\" alt=\"Elegant Bedroom\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_14.jpg\" alt=\"image5\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_15.jpg\" alt=\"Beachfront Pool\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_16.jpg\" alt=\"image6\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_17.jpg\" alt=\"image7\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_18.jpg\" alt=\"image8\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_19.jpg\" alt=\"image9\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_20.jpg\" alt=\"image10\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_21.jpg\" alt=\"image11\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_22.jpg\" alt=\"image12\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_25.jpg\" alt=\"image13\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_26.jpg\" alt=\"image14\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_29.jpg\" alt=\"image15\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_30.jpg\" alt=\"image16\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_31.jpg\" alt=\"image17\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Facilities_TimeSquare9_4.jpg\" alt=\"image18\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n \n <\/div>\n <button class=\"carousel-control next-btn\" onclick=\"scrollCarousel('next')\">\u276f<\/button>\n <\/div>\n <\/section>\n \n \n \n <style>\n \/* Universal Box-Sizing for better layout control *\/\n *, *::before, *::after {\n box-sizing: border-box;\n }\n\n\n \/* General body styling for context (optional, but good for demo) *\/\n body {\n margin: 0;\n padding: 0;\n background-color: #f8f9fa; \/* A very light grey background for the page *\/\n line-height: 1.6; \/* Default line height for better readability *\/\n font-family: 'Open Sans', sans-serif; \/* Set a default font for the body *\/\n color: #333; \/* Default text color *\/\n }\n\n\n \/* Styling for the entire section (Card-like container) *\/\n .location-lifestyle {\n background-color: #ffffff; \/* Pure white background for a clean \"card\" look *\/\n padding: 60px 30px; \/* Increased side padding for larger screens *\/\n text-align: center; \/* Center all content *\/\n \n border-radius: 12px; \/* Softly rounded corners *\/\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); \/* Subtle, elegant shadow *\/\n margin: 60px auto; \/* More vertical margin on larger screens *\/\n max-width: 960px; \/* Slightly wider max-width for better desktop presentation *\/\n width: 90%; \/* Ensure it doesn't span full width, but scales down *\/\n }\n\n\n \/* Styling for the main heading *\/\n .location-lifestyle h2 {\n font-family: 'Montserrat', sans-serif; \/* Keep your elegant heading font *\/\n \/* Fluid font size for h2: scales from 1.8rem (mobile) to 2.8rem (desktop) *\/\n font-size: clamp(1.8rem, 4vw, 2.8rem);\n font-weight: 700; \/* Bold heading *\/\n color: #0056b3; \/* A slightly darker, more prominent blue *\/\n margin-bottom: 25px; \/* Slightly more space below the heading *\/\n line-height: 1.2; \/* Tighter line spacing for heading *\/\n }\n\n\n \/* Styling for the paragraph text *\/\n .location-lifestyle p {\n \/* Fluid font size for p: scales from 1rem (mobile) to 1.15rem (desktop) *\/\n font-size: clamp(1rem, 2vw, 1.15rem);\n color: #333; \/* Softer dark gray for better contrast and readability *\/\n max-width: 800px; \/* Optimized max-width for paragraph readability *\/\n margin: 0 auto 40px auto; \/* Centered, with more space below *\/\n line-height: 1.7; \/* Increased line spacing for better readability *\/\n }\n\n\n \/* Styling for the call-to-action button *\/\n .location-lifestyle .btn {\n display: inline-block; \/* Allows padding and margin to be applied correctly *\/\n background-color: #00bcd4; \/* Your original teal\/cyan color *\/\n color: white; \/* White text on the button *\/\n padding: 18px 40px; \/* Increased padding for a more prominent button *\/\n border-radius: 8px; \/* Slightly more rounded corners for a modern look *\/\n text-decoration: none; \/* Remove underline from link *\/\n font-weight: 500; \/* Bold text for emphasis *\/\n font-size: 1.1rem; \/* Clear button text size *\/\n transition: background-color 0.3s ease, transform 0.2s ease; \/* Smooth transition on hover, add scale *\/\n border: none; \/* No border for a clean look *\/\n cursor: pointer; \/* Indicates it's clickable *\/\n letter-spacing: 0.5px; \/* Slightly increased letter spacing for button text *\/\n }\n\n\n .location-lifestyle .btn:hover {\n background-color: #0097a7; \/* Darken button on hover *\/\n transform: translateY(-2px); \/* Subtle lift on hover *\/\n }\n\n\n \/* --- Media Queries for Responsive Design --- *\/\n\n \/* Tablet Devices (e.g., 768px to 1024px) *\/\n @media (max-width: 1024px) {\n .location-lifestyle {\n padding: 50px 25px; \/* Slightly less padding *\/\n margin: 50px auto;\n max-width: 850px;\n }\n\n .location-lifestyle h2 {\n font-size: clamp(2rem, 3.5vw, 2.5rem); \/* Adjust clamp for tablets *\/\n }\n\n .location-lifestyle p {\n font-size: clamp(1rem, 1.8vw, 1.15rem); \/* Adjust clamp for tablets *\/\n }\n\n .location-lifestyle .btn {\n padding: 16px 35px;\n font-size: 1rem;\n }\n }\n\n \/* Mobile Devices (e.g., up to 767px) *\/\n @media (max-width: 767px) {\n .location-lifestyle {\n padding: 40px 15px; \/* Reduce padding on smaller screens *\/\n margin: 30px auto; \/* Adjust margin for smaller screens *\/\n width: 95%; \/* Wider on small screens to use space *\/\n border-radius: 8px; \/* Slightly less rounded corners on mobile *\/\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); \/* Lighter shadow on mobile *\/\n }\n\n .location-lifestyle h2 {\n font-size: clamp(1.6rem, 6vw, 2rem); \/* More aggressive clamp for mobile headings *\/\n margin-bottom: 15px;\n }\n\n .location-lifestyle p {\n font-size: clamp(0.95rem, 3.5vw, 1.1rem); \/* More aggressive clamp for mobile paragraphs *\/\n margin: 0 auto 30px auto;\n }\n\n .location-lifestyle .btn {\n display: block; \/* Make button full width on mobile *\/\n width: 100%;\n padding: 15px 20px;\n font-size: 1rem;\n }\n }\n\n \/* Extra Small Devices (Optional, e.g., below 480px) *\/\n @media (max-width: 480px) {\n .location-lifestyle {\n padding: 30px 10px;\n margin: 20px auto;\n }\n .location-lifestyle h2 {\n font-size: 1.5rem; \/* Fixed smaller size for very small screens *\/\n }\n .location-lifestyle p {\n font-size: 1.1rem; \/* Fixed smaller size for very small screens *\/\n }\n }\n\n<\/style>\n\n<section class=\"location-lifestyle\">\n <h2>Experience Phnom Penh\u2019s Vibrant City Lifestyle<\/h2>\n <p>\n Imagine waking up in the heart of BKK1, Phnom Penh\u2019s most prestigious district, surrounded by vibrant city life and modern conveniences. Step outside and discover stylish caf\u00e9s, fine dining restaurants, luxury boutiques, and international business hubs just moments from your door.\n <br><br>\n Experience the best of urban living where comfort meets sophistication. From lively nightlife and premium shopping to relaxing green spaces and a dynamic international community, everything you desire is within reach.\n <br><br>\n Time Square9 isn\u2019t just an address; it\u2019s your exclusive gateway to the center of Phnom Penh\u2019s most sought-after lifestyle, where luxury, convenience, and modern city living come together.\n <\/p>\n <a href=\"#contact\" class=\"btn\">Explore the Neighborhood<\/a>\n <\/section>\n\n\n\n\n <section id=\"contact\" style=\"text-align: center; background: white; padding: 4rem 2rem;\">\n <h2 style=\"font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 700; margin-bottom: 0.5rem;\">Book Your Private Tour<\/h2>\n <p style=\"margin: 1rem 0 2rem;\">Fill in your details and our team will contact you shortly.<\/p>\n <form onsubmit=\"sendToTelegram(event)\" style=\"max-width: 600px; margin: auto; padding: 2rem; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\n <input type=\"text\" id=\"name\" placeholder=\"Full Name\" required style=\"width: 100%; padding: 1rem; margin-bottom: 1.2rem; border: 1px solid #ccc; border-radius: 5px;\">\n <input type=\"tel\" id=\"phone\" placeholder=\"Phone Number\" required style=\"width: 100%; padding: 1rem; margin-bottom: 1.2rem; border: 1px solid #ccc; border-radius: 5px;\">\n <input type=\"email\" id=\"email\" placeholder=\"Email Address\" style=\"width: 100%; padding: 1rem; margin-bottom: 1.2rem; border: 1px solid #ccc; border-radius: 5px;\">\n <div style=\"text-align: center; margin-top: 1rem;\"><button type=\"submit\" class=\"btn\" style=\"padding: 0.8rem 2rem; font-size: 1rem; background-color: #000; border: none; border-radius: 5px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.1);\">Submit<\/button><\/div>\n <\/form>\n <\/section>\n\n\n \n <div id=\"messageBox\" style=\"display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.2); z-index: 1000; text-align: center;\">\n <p id=\"messageContent\" style=\"margin-bottom: 15px;\"><\/p>\n <button onclick=\"document.getElementById('messageBox').style.display = 'none';\" style=\"background: #00bcd4; color: white; padding: 8px 15px; border: none; border-radius: 5px; cursor: pointer;\">OK<\/button>\n <\/div>\n\n <script>\n \/\/ Global variable to store touch start X coordinate for carousel swipe\n let xStart = null;\n\n \/\/ Event listener for DOM content loaded\n document.addEventListener('DOMContentLoaded', function () {\n const button = document.getElementById('toggleGalleryBtn');\n const gallery = document.getElementById('gallery');\n\n \/\/ Toggle gallery visibility on button click\n button.addEventListener('click', function () {\n if (gallery.style.display === 'none' || gallery.style.display === '') {\n gallery.style.display = 'block';\n button.innerHTML = 'Hide Gallery <span style=\"font-size: 1.2rem;\">\u25b2<\/span>'; \/\/ Change text and icon\n } else {\n gallery.style.display = 'none';\n button.innerHTML = 'Show More Images & Videos <span style=\"font-size: 1.2rem;\">\u25b6<\/span>'; \/\/ Change text and icon\n }\n });\n });\n\n \/\/ Function to scroll the main image carousel\n function scrollCarousel(direction) {\n const carousel = document.querySelector('.carousel');\n \/\/ Select the first carousel item to get its computed width\n const firstCarouselItem = carousel.querySelector('.carousel-item');\n if (!firstCarouselItem) return;\n\n \/\/ Get the computed width of a single carousel item\n const itemWidth = firstCarouselItem.offsetWidth;\n \/\/ The gap is now consistently 12px for all screen sizes\n const currentGap = 12;\n\n \/\/ Calculate the scroll amount: item width + current gap\n const scrollAmount = itemWidth + currentGap;\n\n \/\/ Perform smooth scroll\n carousel.scrollBy({ left: direction === 'next' ? scrollAmount : -scrollAmount, behavior: 'smooth' });\n }\n\n \/\/ Function to handle form submission and send data to Telegram\n async function sendToTelegram(event) {\n event.preventDefault(); \/\/ Prevent default form submission\n\n const name = document.getElementById('name').value;\n const email = document.getElementById('email').value;\n const phone = document.getElementById('phone').value;\n\n const message = `New Condo Lead:\\n\ud83d\udc64 Name: ${name}\\n\ud83d\udce7 Email: ${email}\\n\ud83d\udcde Phone: ${phone}`;\n \/\/ NOTE: Replace 'YOUR_BOT_TOKEN' and 'YOUR_CHAT_ID' with your actual Telegram Bot Token and Chat ID.\n \/\/ This is a placeholder and won't work without valid credentials.\n const telegramBotToken = '7963953851:AAEVVm11eqEY9Y2Fp4XreBOtwzRuur9I0us';\n const chatId = '-1002428365381';\n const url = `https:\/\/api.telegram.org\/bot${telegramBotToken}\/sendMessage`;\n\n try {\n const response = await fetch(url, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({ chat_id: chatId, text: message })\n });\n\n const data = await response.json();\n if (response.ok && data.ok) {\n showMessage('Your information has been submitted successfully!');\n } else {\n showMessage('Failed to send message. Please try again later.');\n console.error('Telegram API error:', data);\n }\n } catch (error) {\n showMessage('There was an error submitting your information. Please check your network connection.');\n console.error('Submission error:', error);\n }\n\n event.target.reset(); \/\/ Reset the form fields\n }\n\n \/\/ Function to display the custom message box\n function showMessage(msg) {\n document.getElementById('messageContent').textContent = msg;\n document.getElementById('messageBox').style.display = 'block';\n }\n\n \/\/ Functions for Similar Homes carousel\/gallery within each card\n function nextImage(btn) {\n const gallery = btn.closest('.carousel-gallery');\n const imgs = gallery.querySelectorAll('img');\n let index = [...imgs].findIndex(img => img.classList.contains('active'));\n imgs[index].classList.remove('active');\n index = (index + 1) % imgs.length;\n imgs[index].classList.add('active');\n }\n\n function prevImage(btn) {\n const gallery = btn.closest('.carousel-gallery');\n const imgs = gallery.querySelectorAll('img');\n let index = [...imgs].findIndex(img => img.classList.contains('active'));\n imgs[index].classList.remove('active');\n index = (index - 1 + imgs.length) % imgs.length;\n imgs[index].classList.add('active');\n }\n\n function touchStart(evt) {\n xStart = evt.changedTouches[0].clientX;\n }\n\n function touchEnd(evt) {\n if (xStart === null) return;\n const xEnd = evt.changedTouches[0].clientX;\n const diff = xStart - xEnd;\n const gallery = evt.target.closest('.carousel-gallery');\n\n if (Math.abs(diff) > 30) { \/\/ Threshold for swipe\n const btn = diff > 0\n ? gallery.querySelector('.next')\n : gallery.querySelector('.prev');\n requestAnimationFrame(() => btn.click());\n }\n\n xStart = null;\n }\n\n \/\/ Function for tab switching in \"Similar Homes\" section - no longer actively used but kept for structure\n function showTab(tabId) {\n const tabs = document.querySelectorAll('.tab-content');\n const buttons = document.querySelectorAll('.tab-btn');\n\n \/\/ Hide all tab contents\n tabs.forEach(tab => tab.classList.remove('active'));\n\n \/\/ Remove active class from all buttons\n buttons.forEach(btn => btn.classList.remove('active'));\n\n \/\/ Show selected tab\n document.getElementById(tabId).classList.add('active');\n\n \/\/ Add active class to the clicked button\n buttons.forEach(btn => {\n if (btn.getAttribute('onclick').includes(tabId)) {\n btn.classList.add('active');\n }\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Luxury Beachfront Condo Premium City Living in Phnom Penh Experience premium condo living in the heart of Phnom Penh\u2019s most prestigious district Schedule a Viewing Recommended For You Listing We Think You’ll Love \u2039 \u203a $1,4XX – $1,6XX\/m\u00b2 1 bedroom | 1 baths | Size 75 m\u00b2 | Time Square 9 – BKK 1, Chamkarmon, […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1250","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/pages\/1250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/comments?post=1250"}],"version-history":[{"count":2,"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/pages\/1250\/revisions"}],"predecessor-version":[{"id":1252,"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/pages\/1250\/revisions\/1252"}],"wp:attachment":[{"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/media?parent=1250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}