{"id":755,"date":"2025-06-05T17:08:40","date_gmt":"2025-06-05T17:08:40","guid":{"rendered":"https:\/\/big5toulkoks.com\/?page_id=755"},"modified":"2026-03-14T10:02:08","modified_gmt":"2026-03-14T10:02:08","slug":"time-square-10-sihanoukville","status":"publish","type":"page","link":"https:\/\/big5toulkoks.com\/index.php\/time-square-10-sihanoukville\/","title":{"rendered":"Time Square 10 – Sihanoukville"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Luxury Beachfront Condo<\/title>\n <!-- Google Fonts - Montserrat -->\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:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e') 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 <\/style>\n<\/head>\n<body>\n <header>\n <h1 style=\"font-weight: 700;\">Luxury Beachfront Condo<\/h1>\n <p>Experience the ultimate beachfront living in a world-class luxury condo<\/p>\n <a href=\"#contact\" class=\"btn\" 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 <!-- New \"Similar Homes\" Section -->\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 <!-- Removed the similar-tabs div and its buttons -->\n\n <div id=\"recommended\" class=\"tab-content active\">\n <!-- Listing Cards Grid -->\n <div class=\"carousel-grid\">\n \n \n <!-- Card 1 -->\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\/Time-Square10Showroom_23.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Time-Square10Showroom_25.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Time-Square10Showroom_8.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Time-Square10Showroom_29.jpg\" alt=\"img4\">\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,000\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | 36 m\u00b2 | Ocean View<\/div>\n <div class=\"location\">Time Square 10 - Sihanoukville<\/div>\n <\/div>\n <\/div>\n\n \n <!-- Card 2 -->\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\/Time-Square10Showroom_18.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/DM-36-8-scaled.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/DM-36-9-scaled.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Time-Square10Showroom_14.jpg\" alt=\"img3\">\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,000\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | 40 m\u00b2<\/div>\n <div class=\"location\">Time Square 10 - Sihanoukville<\/div>\n <\/div>\n <\/div>\n\n \n <!-- Card 3 -->\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\/Time-Square10Showroom_11.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Time-Square10Showroom_12.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Time-Square10Showroom_10.jpg\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Time-Square10Showroom_13.jpg\" alt=\"img3\">\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,000\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | 47 m\u00b2<\/div>\n <div class=\"location\">Time Square 10 - Sihanoukville<\/div>\n <\/div>\n <\/div>\n \n \n <!-- Card 4 -->\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\/Time-Square10Showroom_20.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Time-Square10Showroom_21.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Time-Square10Showroom_19.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2026\/03\/Time-Square10Showroom_4.jpg\" alt=\"img3\">\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,000\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | 53 m\u00b2<\/div>\n <div class=\"location\">Time Square 10 - Sihanoukville<\/div>\n <\/div>\n <\/div>\n \n \n <!-- Card 5 -->\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\/2025\/06\/IMG_6365-scaled.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6363-scaled.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6354-scaled.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-2.png\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-1.png\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-1.png\" alt=\"img3\">\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,000\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | 53 m\u00b2<\/div>\n <div class=\"location\">Time Square 10 - Sihanoukville<\/div>\n <\/div>\n <\/div>\n \n \n \n <!-- Card 6 -->\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\/2025\/06\/IMG_6365-scaled.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6363-scaled.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6354-scaled.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-2.png\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-1.png\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-1.png\" alt=\"img3\">\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,000\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | 53 m\u00b2<\/div>\n <div class=\"location\">Time Square 10 - Sihanoukville<\/div>\n <\/div>\n <\/div>\n \n \n \n <!-- Card 7 -->\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\/2025\/06\/IMG_6365-scaled.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6363-scaled.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6354-scaled.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-2.png\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-1.png\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-1.png\" alt=\"img3\">\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,000\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | 53 m\u00b2<\/div>\n <div class=\"location\">Time Square 10 - Sihanoukville<\/div>\n <\/div>\n <\/div>\n \n \n <!-- Card 8 -->\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\/2025\/06\/IMG_6365-scaled.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6363-scaled.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6354-scaled.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-2.png\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-1.png\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-1.png\" alt=\"img3\">\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,000\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | 53 m\u00b2<\/div>\n <div class=\"location\">Time Square 10 - Sihanoukville<\/div>\n <\/div>\n <\/div>\n \n \n \n <!-- Card 9 -->\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\/2025\/06\/IMG_6365-scaled.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6363-scaled.jpg\" class=\"active\" alt=\"img1\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6354-scaled.jpg\" alt=\"img2\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-2.png\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-1.png\" alt=\"img3\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-1.png\" alt=\"img3\">\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,000\/m\u00b2<\/div>\n <div class=\"details\">1 beds | 1 baths | 53 m\u00b2<\/div>\n <div class=\"location\">Time Square 10 - Sihanoukville<\/div>\n <\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n\n <div id=\"price\" class=\"tab-content\">\n <!-- Price tab content goes here -->\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 <!-- Location tab content goes here -->\n <p style=\"text-align: center; color: #777;\">Content for Location tab is not yet available.<\/p>\n <\/div>\n <\/div>\n <!-- End New \"Similar Homes\" Section -->\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\/2025\/06\/sean--scaled.jpg\" alt=\"Ocean View\">\n <h3>Ocean View<\/h3>\n <p>Wake up every morning to stunning panoramic views of the ocean from your private balcony.<\/p>\n <\/div>\n <div class=\"feature\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_1956.jpg\" alt=\"Modern Interior\">\n <h3>Modern Interior<\/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\/2025\/06\/IMG_6363-scaled.jpg\" alt=\"5-Star Amenities\">\n <h3>5-Star Amenities<\/h3>\n <p>Enjoy access to a beachfront pool, fitness center, concierge service, and private beach area.<\/p>\n <\/div>\n <\/div>\n \n <!-- New title and description for the gallery section -->\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 <!-- IMPORTANT: Replace placeholder image URLs with your actual image URLs -->\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/photo_2025-06-06_15-26-02.jpg\" alt=\"Luxury Living Room\">\n <p class=\"image-description\">Master Plan Map View: Ocean view towers, steps from Otres beach.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6605-e1749289651380.jpg\" alt=\"Luxury Living Room\">\n <p class=\"image-description\">Spacious living area with ocean views.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6609.jpg\" alt=\"Luxury Living Room\">\n <p class=\"image-description\">Angled Golden Tower.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/photo_2025-06-06_15-33-17.jpg\" alt=\"Modern Kitchen\">\n <p class=\"image-description\">Smart condo layout with Beachfront access.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/36sqm-2.png\" alt=\"Elegant Bedroom\">\n <p class=\"image-description\">Living space.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-2.png\" alt=\"Luxurious Bathroom\">\n <p class=\"image-description\">Luxurious bathroom with spa-like features.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/36sqm-1.png\" alt=\"Beachfront Pool\">\n <p class=\"image-description\">Luxurious living space.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_1955-scaled.jpg\" alt=\"Private Balcony\">\n <p class=\"image-description\">Private bedroom with sunset balcony views.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/40sqm-1.png\" alt=\"Fitness Center\">\n <p class=\"image-description\">Bright & elegant living space.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/46-7-scaled.jpg\" alt=\"Private Beach Access\">\n <p class=\"image-description\">Peaceful workspace with ocean breeze.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/46-10-scaled.jpg\" alt=\"Elegant Lounge\">\n <p class=\"image-description\">Elegant lounge area for relaxation.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/DM-36-8-scaled.jpg\" alt=\"Condo Exterior\">\n <p class=\"image-description\">Modern Interior architecture.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6354-scaled.jpg\" alt=\"Condo Exterior\">\n <p class=\"image-description\">Futuristic Pool Lounge Above The Sea<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6365-scaled.jpg\" alt=\"Condo Exterior\">\n <p class=\"image-description\">Next-Level fitness with a View.<\/p>\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/big5toulkoks.com\/wp-content\/uploads\/2025\/06\/IMG_6631.jpg\" alt=\"Condo Exterior\">\n <p class=\"image-description\">Modern exterior architecture.<\/p>\n <\/div>\n <\/div>\n <button class=\"carousel-control next-btn\" onclick=\"scrollCarousel('next')\">\u276f<\/button>\n <\/div>\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 \/* 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 \/* 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 \/* 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 \/* 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 \/* 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 .location-lifestyle .btn:hover {\n background-color: #0097a7; \/* Darken button on hover *\/\n transform: translateY(-2px); \/* Subtle lift on hover *\/\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 Sihanoukville's Vibrant Coastal Charm<\/h2>\n <p>\n Imagine waking up to the gentle sounds of the ocean, stepping out to pristine, sun-kissed beaches, and having world-class dining just moments from your door. Your new home isn't just a residence; it's your gateway to Sihanoukville's most vibrant beachfront district, offering an unparalleled blend of luxury, convenience, and adventure.\n <br><br>\n Experience the best of both worlds: tranquil coastal living seamlessly interwoven with exciting urban amenities. From vibrant nightlife to serene natural parks and a truly welcoming community, everything you desire is within reach.\n <br><br>\n Time Square 10 isn't just an address; it's your exclusive entry point to the epicenter of culture, leisure, and a life redefined.\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 <!-- Message box for form submission feedback -->\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18c5b3f e-flex e-con-boxed e-con e-parent\" data-id=\"18c5b3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5bd951 elementor-widget elementor-widget-html\" data-id=\"b5bd951\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Bootstrap Icons -->\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.10.5\/font\/bootstrap-icons.css\" rel=\"stylesheet\" \/>\n\n<style>\n @media (max-width: 768px) {\n .bottom-contact-bar {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n background: #fff;\n display: flex;\n justify-content: space-around;\n border-top: 1px solid #ccc;\n z-index: 9999;\n box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);\n }\n\n .bottom-contact-bar a {\n flex: 1;\n text-align: center;\n padding: 8px 0;\n color: #333;\n font-size: 14px;\n text-decoration: none;\n border-right: 1px solid #eee;\n }\n\n .bottom-contact-bar a:last-child {\n border-right: none;\n }\n\n .bottom-contact-bar i {\n display: block;\n font-size: 17px;\n margin-bottom: 2px;\n }\n\n body {\n padding-bottom: 60px; \/* Prevent content being hidden under bar *\/\n }\n }\n<\/style>\n\n<!-- Mobile Contact Bar -->\n<div class=\"bottom-contact-bar\">\n <a href=\"https:\/\/wa.me\/85512345678\" target=\"_blank\">\n <i class=\"bi bi-whatsapp\" style=\"color: #25D366;\"><\/i>\n <\/a>\n <a href=\"https:\/\/t.me\/kimrithDC\" target=\"_blank\">\n <i class=\"bi bi-telegram\" style=\"color: #229ED9;\"><\/i>\n <\/a>\n <a href=\"tel:+85512345678\">\n <i class=\"bi bi-telephone-fill\" style=\"color: #4CAF50;\"><\/i>\n <\/a>\n <a href=\"#contact-form\">\n <i class=\"bi bi-envelope-fill\" style=\"color: #f7941d;\"><\/i> \n <\/a>\n<\/div>\n\n\n<style>\n @media (max-width: 768px) {\n .bottom-contact-bar {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n background: #fff;\n display: flex;\n justify-content: space-around;\n border-top: 1px solid #ccc;\n z-index: 9999;\n box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);\n }\n\n .bottom-contact-bar a {\n flex: 1;\n text-align: center;\n padding: 8px 0;\n color: #333;\n font-size: 14px;\n text-decoration: none;\n border-right: 1px solid #eee;\n }\n\n .bottom-contact-bar a:last-child {\n border-right: none;\n }\n\n .bottom-contact-bar i {\n display: block;\n font-size: 17px;\n margin-bottom: 2px;\n }\n\n body {\n padding-bottom: 60px; \/* Prevent content being hidden under bar *\/\n }\n }\n\n \/* Hide on Desktop *\/\n @media (min-width: 769px) {\n .bottom-contact-bar {\n display: none;\n }\n }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-445ed73 elementor-widget elementor-widget-spacer\" data-id=\"445ed73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d7c129 e-flex e-con-boxed e-con e-parent\" data-id=\"2d7c129\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4323e04 elementor-widget elementor-widget-html\" data-id=\"4323e04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Short Footer Example<\/title>\n <!-- Link to Google Fonts for Open Sans (consistent with previous sections) -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Universal Box-Sizing for better layout control *\/\n *, *::before, *::after {\n box-sizing: border-box;\n }\n\n \/* Basic body styling for context *\/\n body {\n margin: 0;\n padding: 0;\n min-height: 100vh; \/* Ensures footer is at the bottom of the viewport if content is short *\/\n display: flex;\n flex-direction: column;\n font-family: 'Open Sans', sans-serif; \/* Consistent font *\/\n color: #333;\n background-color: #f8f9fa; \/* Page background color *\/\n }\n\n \/* Main content area to push footer down (if needed) *\/\n main {\n flex-grow: 1; \/* Allows main content to take up available space *\/\n padding: 20px;\n }\n\n \/* Styling for the footer with a \"fully frame background\" *\/\n footer {\n background-color: #e2e8f0; \/* A deep, dark background for a strong \"frame\" *\/\n color: #333; \/* Very light grey text for contrast *\/\n padding: 25px 30px; \/* Increased padding for more visual weight *\/\n text-align: center; \/* Center the text *\/\n font-size: 0.9rem; \/* Slightly smaller font size *\/\n width: 100%; \/* Ensure it spans full width *\/\n box-sizing: border-box; \/* Include padding in width calculation *\/\n box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); \/* Subtle shadow extending upwards *\/\n font-family: 'Open Sans', sans-serif; \/* Ensure consistent font for footer *\/\n line-height: 1.4; \/* Slightly more line height for readability *\/\n }\n\n footer p {\n margin: 0; \/* Remove default paragraph margin *\/\n }\n\n \/* Responsive adjustments for footer *\/\n @media (max-width: 768px) {\n footer {\n padding: 15px 15px; \/* Adjust padding for smaller screens *\/\n font-size: 0.7rem; \/* Slightly smaller font on mobile *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n <!-- The short footer -->\n <footer>\n <p>© 2025 big5toulkoks.com. All rights reserved.<\/p>\n <\/footer>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e4eee2 e-flex e-con-boxed e-con e-parent\" data-id=\"5e4eee2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\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 Luxury Beachfront Condo Experience the ultimate beachfront living in a world-class luxury condo Schedule a Viewing Recommended For You Listing We Think You’ll Love \u2039 \u203a $1,000\/m\u00b2 1 beds | 1 baths | 36 m\u00b2 | Ocean View Time Square 10 – Sihanoukville \u2039 \u203a $1,000\/m\u00b2 1 beds | 1 baths | […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-755","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/pages\/755","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/comments?post=755"}],"version-history":[{"count":209,"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/pages\/755\/revisions"}],"predecessor-version":[{"id":1249,"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/pages\/755\/revisions\/1249"}],"wp:attachment":[{"href":"https:\/\/big5toulkoks.com\/index.php\/wp-json\/wp\/v2\/media?parent=755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}