CINXE.COM
Ramada By Wyndham Panama City Beach / Beachfront Hotel, Florida, United States from 49US$ | 2024
<!DOCTYPE html> <html lang="en-US "> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="description" content="Area attractions, including Swampy Jack's Wongo Adventure and Gulf World Marine Park are located only a short walk from this 3-star Ramada By Wyndham"> <title>Ramada By Wyndham Panama City Beach / Beachfront Hotel, Florida, United States from 49US$ | 2024</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/us/ramada-by-wyndham-panama-city-beach-beachfront-hotel" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Ramada By Wyndham Panama City Beach / Beachfront Hotel, Florida, United States from 49US$ | 2024" /> <meta property="og:url" content="https://touristvr.com/us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/us/ramada-by-wyndham-panama-city-beach-beachfront-hotel" title="English"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2"> <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700&display=swap" rel="stylesheet"> <link importance="high" rel="preload" as="image" href="/data/images/1080x700w/13374/1337458/1337458283.JPEG" media="(min-width: 768px)"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/13374/1337458/1337458283.JPEG" media="(max-width: 767px)"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/12764/1276497/1276497118.JPEG"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/14990/1499044/1499044141.JPEG"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/12764/1276495/1276495435.JPEG"> <link importance="high" rel="preload" as="image" href="/data/images/450x450w/12764/1276496/1276496416.JPEG"> <link importance="high" rel="preload" as="image" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=="> <link rel="modulepreload" href="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/hotel_1-BEvU-jnM.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/hotel_1-BEvU-jnM.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/app-2FeebCQi.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-2FeebCQi.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Hotel", "address": { "@type": "PostalAddress", "streetAddress": "15405 Front Beach Road" }, "starRating": { "@type": "Rating", "ratingValue": "" }, "name": "Ramada By Wyndham Panama City Beach / Beachfront" } </script> </head> <body class="wp-embed-responsive woocommerce-js trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <div class="relative bg-white h-10 flex items-center border-b border-neutral-200 border-solid"> <div class="container"> <div class="flex items-center gap-5"> <a class="text-secondary-960 text-xs font-medium cursor-pointer hover:underline" href="https://touristvr.com/us/top-hotels/">Best Hotels</a> <a class="text-secondary-960 text-xs font-medium cursor-pointer hover:underline" href="https://touristvr.com/us/popular-destinations/">Popular 小ities</a> </div> </div> </div> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg"> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <nav> <div class="hidden justify-center items-center w-6 h-6 md:flex header-toogle-btn js-header-toggle-btn"> <svg class="header-icon-open text-[#0C1326]" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M2 6H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M2 12H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M2 18H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg> <svg class="header-icon-close fill-[#0C1326]" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="flex items-center gap-8 transition-top duration-300 ease md:flex-col md:items-start md:absolute md:left-0 md:-top-10 md:-translate-y-full md:w-full md:p-5 md:bg-white header-toogle-block js-header-toggle-block"> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 md:block js-header-toggle-close-btn" href="#overview"> Overview </a> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 md:block js-header-toggle-close-btn" href="#rooms"> Rooms </a> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 md:block js-header-toggle-close-btn" href="#facilities"> Facilities </a> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 md:block js-header-toggle-close-btn" href="#location"> Location </a> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 md:block js-header-toggle-close-btn" href="#reviews"> Reviews </a> </div> </nav> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> </div> </div> </div> </header> <main class="bg-neutral-0 pt-10"> <div class="container relative mb-24 md:p-0 md:mb-0"> <div class="flex items-center justify-between w-full mb-8 md:px-5 md:items-start md:mb-0"> <div class="md:mb-5"> <div class="flex items-center gap-2 mb-2.5"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> </div> <h1 class="text-[32px] leading-10 font-bold mb-2.5">Ramada By Wyndham Panama City Beach / Beachfront</h1> <div class="flex items-center gap-2 md:flex-col md:items-start"> <div class="flex items-center gap-2"> <div class="flex items-center gap-1 text-sm text-secondary-950"> <svg class="fill-secondary-950" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class=" underline">Panama City Beach</span> <span class="ml-2">路</span> </div> <a href="#location" class=" text-sm text-primary-600 underline cursor-pointer">View map</a> </div> </div> </div> <div class="flex items-center gap-2 relative cursor-pointer js-share-btn"> <span class="hidden absolute bottom-full rounded-md p-1 border border-secondary-950 border-solid bg-white text-sm font-medium text-secondary-950 js-share-btn-tooltip">Copied</span> <span class="text-primary-600 text-base font-medium underline"> Share </span> <svg class="text-primary-600" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.6667 2L13.3334 4.66667L10.6667 7.33333" fill="currentColor"/> <path d="M10.6667 2L13.3334 4.66667L10.6667 7.33333" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 12V12.6667C14 13.4033 13.4033 14 12.6667 14H3.33333C2.59667 14 2 13.4033 2 12.6667V6" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M4.66675 11.3334C4.66675 7.65141 7.65141 4.66675 11.3334 4.66675H12.6667" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round"/> </svg> </div> </div> <div class="md:mb-[180px]"> <div class="relative overflow-hidden grid grid-cols-4 grid-rows-2 gap-4 w-full h-[520px] md:h-[450px]"> <div class="absolute z-[1] top-1/2 -translate-y-1/2 hidden items-center justify-between w-full px-1.5 pointer-events-none md:flex"> <div class="flex items-center justify-center rounded-md w-6 h-9 bg-white"> <svg class="fill-secondary-950" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="flex items-center justify-center rounded-md w-6 h-9 bg-white"> <svg class="fill-secondary-950 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> </div> <div class="linka relative flex cursor-pointer col-start-1 col-end-3 row-start-1 row-end-3 md:col-end-5 js-clk-open" data-type="image" data-fslightbox-link="https://images.touristvr.com/data/images/1920x1080w/13374/1337458/1337458283.JPEG" data-image-gallery="galleryramada-by-wyndham-panama-city-beach-beachfront" data-image-number="0" data-open-passive data-open-once > <picture class="w-full h-full "> <source srcset="https://images.touristvr.com/data/images/1080x700w/13374/1337458/1337458283.JPEG" media="(min-width: 767px)"> <img class="w-full max-w-full h-full object-cover rounded-md" width="100%" height="100%" src="https://images.touristvr.com/data/images/450x450w/13374/1337458/1337458283.JPEG" alt=""/> </picture> <span class="hidden md:block absolute top-1 right-1 text-base font-medium bg-black bg-opacity-50 p-1 rounded-md text-white ">All photos (100)</span> </div> <div class="linka relative flex cursor-pointer md:hidden js-clk-open" data-type="image" data-fslightbox-link="https://images.touristvr.com/data/images/1920x1080w/12764/1276497/1276497118.JPEG" data-image-gallery="galleryramada-by-wyndham-panama-city-beach-beachfront" data-image-number="1" data-open-passive data-open-once > <picture class="w-full h-full "> <source srcset="https://images.touristvr.com/data/images/450x450w/12764/1276497/1276497118.JPEG" media="(min-width: 767px)"> <img class="w-full max-w-full h-full object-cover rounded-md" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/450x450w/12764/1276497/1276497118.JPEG" alt=""/> </picture> </div> <div class="linka relative flex cursor-pointer md:hidden js-clk-open" data-type="image" data-fslightbox-link="https://images.touristvr.com/data/images/1920x1080w/14990/1499044/1499044141.JPEG" data-image-gallery="galleryramada-by-wyndham-panama-city-beach-beachfront" data-image-number="2" data-open-passive data-open-once > <picture class="w-full h-full "> <source srcset="https://images.touristvr.com/data/images/450x450w/14990/1499044/1499044141.JPEG" media="(min-width: 767px)"> <img class="w-full max-w-full h-full object-cover rounded-md" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/450x450w/14990/1499044/1499044141.JPEG" alt=""/> </picture> <div class="flex items-center justify-center w-full h-full cursor-pointer bg-gray-700 bg-opacity-50 absolute top-0 left-0 rounded-md"> <div> <svg class="fill-white mx-auto mb-1.5" width="24" height="24" viewBox="0 0 25 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 22.75H9.5C4.07 22.75 1.75 20.43 1.75 15V9C1.75 3.57 4.07 1.25 9.5 1.25H15.5C20.93 1.25 23.25 3.57 23.25 9V15C23.25 20.43 20.93 22.75 15.5 22.75ZM9.5 2.75C4.89 2.75 3.25 4.39 3.25 9V15C3.25 19.61 4.89 21.25 9.5 21.25H15.5C20.11 21.25 21.75 19.61 21.75 15V9C21.75 4.39 20.11 2.75 15.5 2.75H9.5Z" /> <path d="M9.5 10.75C7.98 10.75 6.75 9.52 6.75 8C6.75 6.48 7.98 5.25 9.5 5.25C11.02 5.25 12.25 6.48 12.25 8C12.25 9.52 11.02 10.75 9.5 10.75ZM9.5 6.75C8.81 6.75 8.25 7.31 8.25 8C8.25 8.69 8.81 9.25 9.5 9.25C10.19 9.25 10.75 8.69 10.75 8C10.75 7.31 10.19 6.75 9.5 6.75Z" /> <path d="M3.17002 19.7001C2.93002 19.7001 2.69002 19.5801 2.55002 19.3701C2.32002 19.0301 2.41002 18.5601 2.76002 18.3301L7.69002 15.0201C8.77002 14.2901 10.26 14.3801 11.24 15.2101L11.57 15.5001C12.07 15.9301 12.92 15.9301 13.41 15.5001L17.57 11.9301C18.63 11.0201 20.3 11.0201 21.37 11.9301L23 13.3301C23.31 13.6001 23.35 14.0701 23.08 14.3901C22.81 14.7001 22.34 14.7401 22.02 14.4701L20.39 13.0701C19.89 12.6401 19.04 12.6401 18.54 13.0701L14.38 16.6401C13.32 17.5501 11.65 17.5501 10.58 16.6401L10.25 16.3501C9.79002 15.9601 9.03002 15.9201 8.52002 16.2701L3.59002 19.5801C3.46002 19.6601 3.31002 19.7001 3.17002 19.7001Z"/> </svg> <span class="text-white text-base font-medium">View all photos (100)</span> </div> </div> </div> <div class="linka relative flex cursor-pointer md:hidden js-clk-open" data-type="image" data-fslightbox-link="https://images.touristvr.com/data/images/1920x1080w/12764/1276495/1276495435.JPEG" data-image-gallery="galleryramada-by-wyndham-panama-city-beach-beachfront" data-image-number="3" data-open-passive data-open-once > <picture class="w-full h-full "> <source srcset="https://images.touristvr.com/data/images/450x450w/12764/1276495/1276495435.JPEG" media="(min-width: 767px)"> <img class="w-full max-w-full h-full object-cover rounded-md" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/450x450w/12764/1276495/1276495435.JPEG" alt=""/> </picture> </div> <div class="linka relative flex cursor-pointer md:hidden js-clk-open" data-type="image" data-fslightbox-link="https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496416.JPEG" data-image-gallery="galleryramada-by-wyndham-panama-city-beach-beachfront" data-image-number="4" data-open-passive data-open-once > <picture class="w-full h-full "> <source srcset="https://images.touristvr.com/data/images/450x450w/12764/1276496/1276496416.JPEG" media="(min-width: 767px)"> <img class="w-full max-w-full h-full object-cover rounded-md" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/450x450w/12764/1276496/1276496416.JPEG" alt=""/> </picture> </div> <script type="text/javascript" class="js-gallery-data" data-gallery-name="galleryramada-by-wyndham-panama-city-beach-beachfront" style="display:none;"> [ "https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496641.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496722.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496788.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276495/1276495480.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276495/1276495963.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496503.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496995.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13374/1337457/1337457578.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13410/1341074/1341074456.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13374/1337458/1337458310.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11975/1197544/1197544117.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11975/1197555/1197555202.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11975/1197559/1197559267.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496941.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276497/1276497028.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276497/1276497073.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13374/1337457/1337457320.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11975/1197548/1197548041.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276495/1276495558.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496011.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496830.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276495/1276495123.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276495/1276495219.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276495/1276495372.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276495/1276495864.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11975/1197557/1197557101.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276495/1276495789.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496287.JPEG", "https://images.touristvr.com/data/images/1920x1080w/4209/420959/420959277.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11975/1197548/1197548116.JPEG", "https://images.touristvr.com/data/images/1920x1080w/4209/420959/420959295.JPEG", "https://images.touristvr.com/data/images/1920x1080w/4209/420959/420959283.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276494/1276494922.JPEG", "https://images.touristvr.com/data/images/1920x1080w/4209/420956/420956895.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13410/1341082/1341082688.JPEG", "https://images.touristvr.com/data/images/1920x1080w/4209/420959/420959301.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2612/261248/261248785.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276494/1276494886.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496572.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276495/1276495174.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11518/1151805/1151805000.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276495/1276495309.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13374/1337459/1337459108.JPEG", "https://images.touristvr.com/data/images/1920x1080w/9841/984166/984166759.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2612/261248/261248789.JPEG", "https://images.touristvr.com/data/images/1920x1080w/5120/512065/512065332.JPEG", "https://images.touristvr.com/data/images/1920x1080w/5120/512065/512065263.JPEG", "https://images.touristvr.com/data/images/1920x1080w/5120/512065/512065326.JPEG", "https://images.touristvr.com/data/images/1920x1080w/5120/512065/512065368.JPEG", "https://images.touristvr.com/data/images/1920x1080w/5120/512065/512065305.JPEG", "https://images.touristvr.com/data/images/1920x1080w/5120/512065/512065374.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6140/614095/614095285.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082168.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082171.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082090.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082093.JPEG", "https://images.touristvr.com/data/images/1920x1080w/5120/512065/512065350.JPEG", "https://images.touristvr.com/data/images/1920x1080w/5120/512065/512065299.JPEG", "https://images.touristvr.com/data/images/1920x1080w/5120/512065/512065314.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11518/1151805/1151805006.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693326/693326616.JPEG", "https://images.touristvr.com/data/images/1920x1080w/13410/1341089/1341089735.JPEG", "https://images.touristvr.com/data/images/1920x1080w/1036/103627/103627838.JPEG", "https://images.touristvr.com/data/images/1920x1080w/1036/103627/103627883.JPEG", "https://images.touristvr.com/data/images/1920x1080w/1036/103627/103627880.JPEG", "https://images.touristvr.com/data/images/1920x1080w/12764/1276496/1276496899.JPEG", "https://images.touristvr.com/data/images/1920x1080w/1036/103627/103627823.JPEG", "https://images.touristvr.com/data/images/1920x1080w/1036/103627/103627820.JPEG", "https://images.touristvr.com/data/images/1920x1080w/1036/103627/103627817.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693327/693327462.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693327/693327588.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693326/693326571.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693327/693327642.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693326/693326466.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693327/693327504.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693326/693326520.JPEG", "https://images.touristvr.com/data/images/1920x1080w/11975/1197558/1197558631.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082162.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082234.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082177.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082183.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082192.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082201.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082204.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082210.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082219.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082225.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082240.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082216.JPEG", "https://images.touristvr.com/data/images/1920x1080w/6933/693327/693327414.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082108.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082186.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082117.JPEG", "https://images.touristvr.com/data/images/1920x1080w/2140/214082/214082126.JPEG", "https://images.touristvr.com/data/images/1920x1080w/1036/103627/103627814.JPEG" ] </script> </div> </div> <div class="absolute left-1/2 bottom-[-60px] -translate-x-1/2 w-full md:top-[530px]"> <div class="max-w-[1000px] w-full mx-auto border rounded-md shadow-lg bg-white p-5 md:w-[calc(100%-40px)]"> <div class="js-clk-open" data-type="form"> <p class="section-sub-title mb-2.5">Check availability and prices</p> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" /> <path d="M20 9.84009H4C3.45 9.84009 3 10.2901 3 10.8401V17.0001C3 20.0001 4.5 22.0001 8 22.0001H12.93C13.62 22.0001 14.1 21.3301 13.88 20.6801C13.68 20.1001 13.51 19.4601 13.51 19.0001C13.51 15.9701 15.98 13.5001 19.01 13.5001C19.3 13.5001 19.59 13.5201 19.87 13.5701C20.47 13.6601 21.01 13.1901 21.01 12.5901V10.8501C21 10.2901 20.55 9.84009 20 9.84009ZM9.21 17.7101C9.11 17.8001 9 17.8701 8.88 17.9201C8.76 17.9701 8.63 18.0001 8.5 18.0001C8.37 18.0001 8.24 17.9701 8.12 17.9201C8 17.8701 7.89 17.8001 7.79 17.7101C7.61 17.5201 7.5 17.2601 7.5 17.0001C7.5 16.9401 7.51 16.8701 7.52 16.8101C7.53 16.7401 7.55 16.6801 7.58 16.6201C7.6 16.5601 7.63 16.5001 7.67 16.4401C7.7 16.3901 7.75 16.3401 7.79 16.2901C7.89 16.2001 8 16.1301 8.12 16.0801C8.36 15.9801 8.64 15.9801 8.88 16.0801C9 16.1301 9.11 16.2001 9.21 16.2901C9.25 16.3401 9.3 16.3901 9.33 16.4401C9.37 16.5001 9.4 16.5601 9.42 16.6201C9.45 16.6801 9.47 16.7401 9.48 16.8101C9.49 16.8701 9.5 16.9401 9.5 17.0001C9.5 17.2601 9.39 17.5201 9.21 17.7101ZM9.21 14.2101C9.11 14.3001 9 14.3701 8.88 14.4201C8.76 14.4701 8.63 14.5001 8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7601 7.5 13.5001C7.5 13.2401 7.61 12.9801 7.79 12.7901C7.89 12.7001 8 12.6301 8.12 12.5801C8.36 12.4801 8.64 12.4801 8.88 12.5801C9 12.6301 9.11 12.7001 9.21 12.7901C9.25 12.8401 9.3 12.8901 9.33 12.9401C9.37 13.0001 9.4 13.0601 9.42 13.1201C9.45 13.1801 9.47 13.2401 9.48 13.3001C9.49 13.3701 9.5 13.4401 9.5 13.5001C9.5 13.7601 9.39 14.0201 9.21 14.2101ZM12.71 14.2101C12.52 14.3901 12.27 14.5001 12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7601 11 13.5001C11 13.4401 11.01 13.3701 11.02 13.3001C11.03 13.2401 11.05 13.1801 11.08 13.1201C11.1 13.0601 11.13 13.0001 11.17 12.9401C11.21 12.8901 11.25 12.8401 11.29 12.7901C11.66 12.4201 12.33 12.4201 12.71 12.7901C12.75 12.8401 12.79 12.8901 12.83 12.9401C12.87 13.0001 12.9 13.0601 12.92 13.1201C12.95 13.1801 12.97 13.2401 12.98 13.3001C12.99 13.3701 13 13.4401 13 13.5001C13 13.7601 12.89 14.0201 12.71 14.2101Z" /> <path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z"/> </svg> <div class="text-base text-secondary-950"> Nov 29, 2024 - Nov 30, 2024 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-600 text-white w-[150px] px-8 flex-shrink-0 h-14 md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Search <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> <div class="container relative top-2.5"> <div class="relative whitespace-nowrap overflow-auto" data-component="breadcrumbs"> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/'>Tourist VR</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/united-states-hotels/'>United States Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/hotels-florida/'>Florida Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/panama-city-beach-hotels-fl'>Panama City Beach Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <span class="text-secondary-950">Ramada By Wyndham Panama City Beach / Beachfront Hotel</span> </div> </div> <div class="container"> <div class="flex items-start pb-14 lg:flex-wrap"> <div class="w-full"> <div class="section scroll-mt-16 js-hotel-block" data-id="overview" id="overview"> <style> .overview-toggle-block { max-height: 200px; } .overview-toggle-block.active { max-height: initial; } .overview-toggle-btn .overview-toggle-btn__more { display: block; } .overview-toggle-btn.active .overview-toggle-btn__more { display: none; } .overview-toggle-btn .overview-toggle-btn__less { display: none; } .overview-toggle-btn.active .overview-toggle-btn__less { display: block; } .overview-toggle-btn.active .overview-toggle-btn__icon { transform: rotate(180deg); } </style> <div class="flex flex-col gap-4 "> <h2 class="section-title">Overview</h2> <ul class="flex gap-2 flex-wrap"> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">1 swimming pool</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">Beachfront</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">Free parking</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">Free WiFi</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">Non-smoking rooms</li> <li class="p-2 rounded-md bg-neutral-100 text-secondary-950 text-base first-letter:uppercase">Bar</li> </ul> <div class="overflow-hidden overview-toggle-block js-overview-toogle"> <div class="mb-4"> <p class="section-sub-title mb-2.5">Intro</p> <p class="trawell-hotel-overview__desc">Area attractions, including Swampy Jack's Wongo Adventure and Gulf World Marine Park are located only a short walk from this 3-star Ramada By Wyndham Panama City Beach / Beachfront. The lovely hotel offers a laundry room and 24-hour security service as well as Wi-Fi throughout the property.</p> </div> <div class="mb-4"> <p class="section-sub-title mb-2.5">Rooms</p> <p class="trawell-hotel-overview__desc">The non-smoking hotel has 97 rooms with private bathrooms. Some units include views of the sea.</p> </div> <div class="mb-4"> <p class="section-sub-title mb-2.5">Location</p> <p class="trawell-hotel-overview__desc">Guests can visit the mega outdoor shopping mall "Pier Park" in Panama City Beach, situated 1.2 km away. The hotel is also in a 10-minute drive from M.B. Miller County Pier in Panama City Beach.</p> </div> </div> <div class="flex justify-center items-center underline cursor-pointer overview-toggle-btn js-overview-toogle-btn js-clk-open" data-type="overview" data-open-once> <span class="text-base text-primary-600 font-medium underline overview-toggle-btn__more">Show more</span> <span class="text-base text-primary-600 font-medium underline overview-toggle-btn__less">Show less</span> <svg class="fill-primary-600 ml-2 overview-toggle-btn__icon" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> </div> </div> <div class="section js-hotel-block" data-id="impressions" id="impressions"> <div> <h3 class="section-title mb-5">Impressions</h3> <h4 class="section-sub-title mb-5">Pros & Cons</h4> <div class="columns-2 md:columns-1"> <ul class="break-inside-avoid"> <li class="flex items-center gap-2 text-secondary-950 text-base mb-1"> <svg class="shrink-0" width="14" height="14" xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 512 512" height="20" viewBox="0 0 512 512" width="20"><g><path d="m467 211h-166v-166c0-24.853-20.147-45-45-45s-45 20.147-45 45v166h-166c-24.853 0-45 20.147-45 45s20.147 45 45 45h166v166c0 24.853 20.147 45 45 45s45-20.147 45-45v-166h166c24.853 0 45-20.147 45-45s-20.147-45-45-45z"/></g></svg> <span>Clean hotel with great views.</span> </li> <li class="flex items-center gap-2 text-secondary-950 text-base mb-1"> <svg class="shrink-0" width="14" height="14" xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 512 512" height="20" viewBox="0 0 512 512" width="20"><g><path d="m467 211h-166v-166c0-24.853-20.147-45-45-45s-45 20.147-45 45v166h-166c-24.853 0-45 20.147-45 45s20.147 45 45 45h166v166c0 24.853 20.147 45 45 45s45-20.147 45-45v-166h166c24.853 0 45-20.147 45-45s-20.147-45-45-45z"/></g></svg> <span>The rooms were non-smoking and huge, and the location was prime as it was close to the beach.</span> </li> <li class="flex items-center gap-2 text-secondary-950 text-base mb-1"> <svg class="shrink-0" width="14" height="14" xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 512 512" height="20" viewBox="0 0 512 512" width="20"><g><path d="m467 211h-166v-166c0-24.853-20.147-45-45-45s-45 20.147-45 45v166h-166c-24.853 0-45 20.147-45 45s20.147 45 45 45h166v166c0 24.853 20.147 45 45 45s45-20.147 45-45v-166h166c24.853 0 45-20.147 45-45s-20.147-45-45-45z"/></g></svg> <span>A great selection of meals for continental breakfast.</span> </li> <li class="flex items-center gap-2 text-secondary-950 text-base mb-1"> <svg class="shrink-0" width="14" height="14" xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 512 512" height="20" viewBox="0 0 512 512" width="20"><g><path d="m467 211h-166v-166c0-24.853-20.147-45-45-45s-45 20.147-45 45v166h-166c-24.853 0-45 20.147-45 45s20.147 45 45 45h166v166c0 24.853 20.147 45 45 45s45-20.147 45-45v-166h166c24.853 0 45-20.147 45-45s-20.147-45-45-45z"/></g></svg> <span>Hot beverages are included in some rates.</span> </li> <li class="flex items-center gap-2 text-secondary-950 text-base mb-1"> <svg class="shrink-0" width="14" height="14" xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 512 512" height="20" viewBox="0 0 512 512" width="20"><g><path d="m467 211h-166v-166c0-24.853-20.147-45-45-45s-45 20.147-45 45v166h-166c-24.853 0-45 20.147-45 45s20.147 45 45 45h166v166c0 24.853 20.147 45 45 45s45-20.147 45-45v-166h166c24.853 0 45-20.147 45-45s-20.147-45-45-45z"/></g></svg> <span>Rates are good.</span> </li> </ul> <ul class="break-inside-avoid"> <li class="flex items-center gap-2 text-secondary-950 text-base mb-1"> <svg class="shrink-0" width="14" height="14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="20" height="20" viewBox="0 0 124 124" style="enable-background:new 0 0 124 124;" xml:space="preserve"><g><path d="M112,50H12C5.4,50,0,55.4,0,62c0,6.6,5.4,12,12,12h100c6.6,0,12-5.4,12-12C124,55.4,118.6,50,112,50z"/></g></svg> <span>Occasional complaints about not that comfortable beds.</span> </li> <li class="flex items-center gap-2 text-secondary-950 text-base mb-1"> <svg class="shrink-0" width="14" height="14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="20" height="20" viewBox="0 0 124 124" style="enable-background:new 0 0 124 124;" xml:space="preserve"><g><path d="M112,50H12C5.4,50,0,55.4,0,62c0,6.6,5.4,12,12,12h100c6.6,0,12-5.4,12-12C124,55.4,118.6,50,112,50z"/></g></svg> <span>Some vacationers mentioned Wi-Fi signal was not very good.</span> </li> </ul> </div> </div> </div> <div class="section scroll-mt-16 js-hotel-block" data-id="rooms" id="rooms"> <div class="grid"> <h3 class="section-title mb-5">Rooms</h3> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1"> <div class="group flex flex-col w-full rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow hover:shadow-lg"> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://touristvr.com/images/no-photo.webp" alt="" loading="lazy"> <div class="py-4 px-2"> <div class="js-clk-open" data-type="rooms"> <span class="text-lg leading-6 text-secondary-950 font-bold transition-colors group-hover:text-secondary-600">King Room with Ocean View - Non-Smoking</span> </div> <div class="flex items-center mt-2 text-sm text-secondary-950"> <span>Max capacity:</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <span class="ml-1.5">+</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> </div> </div> <button class="btn group mb-2 mt-auto js-clk-open" data-type="rooms"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> <div class="group flex flex-col w-full rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow hover:shadow-lg"> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://touristvr.com/images/no-photo.webp" alt="" loading="lazy"> <div class="py-4 px-2"> <div class="js-clk-open" data-type="rooms"> <span class="text-lg leading-6 text-secondary-950 font-bold transition-colors group-hover:text-secondary-600">Studio Suite with 1 King Bed, Ocean View, Non-Smoking</span> </div> <div class="flex items-center mt-2 text-sm text-secondary-950"> <span>Max capacity:</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <span class="ml-1.5">+</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> </div> </div> <button class="btn group mb-2 mt-auto js-clk-open" data-type="rooms"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> <div class="group flex flex-col w-full rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow hover:shadow-lg"> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://touristvr.com/images/no-photo.webp" alt="" loading="lazy"> <div class="py-4 px-2"> <div class="js-clk-open" data-type="rooms"> <span class="text-lg leading-6 text-secondary-950 font-bold transition-colors group-hover:text-secondary-600">Family Suite with 2 Double Beds and 1 Bunk Bed, Ocean View, Non-Smoking</span> </div> <div class="flex items-center mt-2 text-sm text-secondary-950"> <span>Max capacity:</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <span class="ml-1.5">+</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> </div> </div> <button class="btn group mb-2 mt-auto js-clk-open" data-type="rooms"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> <div class="group flex flex-col w-full rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow hover:shadow-lg"> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://touristvr.com/images/no-photo.webp" alt="" loading="lazy"> <div class="py-4 px-2"> <div class="js-clk-open" data-type="rooms"> <span class="text-lg leading-6 text-secondary-950 font-bold transition-colors group-hover:text-secondary-600">Room with 2 Double Beds, Beach View, Non-Smoking</span> </div> <div class="flex items-center mt-2 text-sm text-secondary-950"> <span>Max capacity:</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <span class="ml-1.5">+</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> </div> </div> <button class="btn group mb-2 mt-auto js-clk-open" data-type="rooms"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> <div class="group flex flex-col w-full rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow hover:shadow-lg"> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://touristvr.com/images/no-photo.webp" alt="" loading="lazy"> <div class="py-4 px-2"> <div class="js-clk-open" data-type="rooms"> <span class="text-lg leading-6 text-secondary-950 font-bold transition-colors group-hover:text-secondary-600">Room with 2 Double Beds, Efficiency Room, Ocean View, Non-Smoking</span> </div> <div class="flex items-center mt-2 text-sm text-secondary-950"> <span>Max capacity:</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <span class="ml-1.5">+</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> </div> </div> <button class="btn group mb-2 mt-auto js-clk-open" data-type="rooms"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> <div class="group flex flex-col w-full rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow hover:shadow-lg"> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://touristvr.com/images/no-photo.webp" alt="" loading="lazy"> <div class="py-4 px-2"> <div class="js-clk-open" data-type="rooms"> <span class="text-lg leading-6 text-secondary-950 font-bold transition-colors group-hover:text-secondary-600">Room with 2 Double Beds, Ocean View, Non-Smoking</span> </div> <div class="flex items-center mt-2 text-sm text-secondary-950"> <span>Max capacity:</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"> <path d="M6 6.5C7.38071 6.5 8.5 5.38071 8.5 4C8.5 2.61929 7.38071 1.5 6 1.5C4.61929 1.5 3.5 2.61929 3.5 4C3.5 5.38071 4.61929 6.5 6 6.5Z" /> <path d="M5.99996 7.75C3.49496 7.75 1.45496 9.43 1.45496 11.5C1.45496 11.64 1.56496 11.75 1.70496 11.75H10.295C10.435 11.75 10.545 11.64 10.545 11.5C10.545 9.43 8.50496 7.75 5.99996 7.75Z"/> </svg> <span class="ml-1.5">+</span> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> <svg class="ml-1.5 fill-secondary-950 w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <path d="M10.7233 5.5482C10.537 3.57945 9.15775 1.97445 7.33175 1.4402C7.40175 1.61345 7.44125 1.80195 7.44125 1.99995C7.44125 2.8272 6.7685 3.49995 5.94125 3.49995C5.557 3.49995 5.19125 3.35445 4.9115 3.09045C4.761 2.9482 4.75425 2.71095 4.89625 2.5602C5.0385 2.40945 5.27625 2.4032 5.4265 2.54495C5.56625 2.6772 5.749 2.74995 5.94125 2.74995C6.35475 2.74995 6.69125 2.41345 6.69125 1.99995C6.69125 1.5927 6.36475 1.2622 5.96 1.25195C3.5235 1.2722 1.50475 3.13645 1.27675 5.5482C0.94775 5.80695 0.75 6.20295 0.75 6.62495C0.75 7.20945 1.12075 7.7232 1.657 7.9172C2.41775 9.6442 4.10225 10.75 6 10.75C7.89775 10.75 9.58225 9.6442 10.343 7.9172C10.8793 7.7232 11.25 7.20945 11.25 6.62495C11.25 6.20295 11.0523 5.80695 10.7233 5.5482ZM3.75 5.74995C3.75 5.4737 3.97375 5.24995 4.25 5.24995C4.52625 5.24995 4.75 5.4737 4.75 5.74995C4.75 6.0262 4.52625 6.24995 4.25 6.24995C3.97375 6.24995 3.75 6.0262 3.75 5.74995ZM7.953 7.8752C7.45475 8.4312 6.743 8.74995 6 8.74995C5.2575 8.74995 4.546 8.4312 4.04725 7.8752C3.90875 7.7212 3.92175 7.48395 4.07575 7.3457C4.2305 7.2072 4.46725 7.22045 4.60525 7.37445C4.96225 7.77195 5.4705 7.99995 6 7.99995C6.53 7.99995 7.03825 7.77195 7.39425 7.3747C7.5325 7.2207 7.7695 7.20745 7.92375 7.3457C8.078 7.48395 8.091 7.72095 7.953 7.8752ZM7.75 6.24995C7.47375 6.24995 7.25 6.0262 7.25 5.74995C7.25 5.4737 7.47375 5.24995 7.75 5.24995C8.02625 5.24995 8.25 5.4737 8.25 5.74995C8.25 6.0262 8.02625 6.24995 7.75 6.24995Z" /> </svg> </div> </div> <button class="btn group mb-2 mt-auto js-clk-open" data-type="rooms"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <div class="mx-auto mt-5 flex items-center cursor-pointer js-clk-open" data-type="rooms"> <span class="text-base text-primary-600 font-medium underline">Show rooms</span> <svg class="fill-primary-600 ml-2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> <div class="section scroll-mt-16 js-hotel-block" id="facilities" data-id="facilities"> <h3 class="section-title mb-5">Facitilies</h3> <div class="[columns:250px_3]"> <div class="break-inside-avoid mb-4"> <h4 class="section-sub-title mb-2.5">Amenities</h4> <ul> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">AM/FM alarm clock</li> </ul> </div> <div class="break-inside-avoid mb-4"> <h4 class="section-sub-title mb-2.5">Dining facilities</h4> <ul> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Continental breakfast</li> </ul> </div> <div class="break-inside-avoid mb-4"> <h4 class="section-sub-title mb-2.5">Services</h4> <ul> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Room service</li> </ul> </div> <div class="break-inside-avoid mb-4"> <h4 class="section-sub-title mb-2.5">Ways to relax</h4> <ul> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Swimming pool</li> <li class="text-secondary-950 text-base list-disc ml-4 mb-1">Fitness centre</li> </ul> </div> </div> </div> <div class="section scroll-mt-16 js-hotel-block" data-id="reviews" id="reviews"> <div> <h3 class="section-title mb-5">Reviews</h3> <div class="flex items-center gap-5 mb-5 border-b border-neutral-200 border-solid"> <div class="grow text-secondary-950 font-normal text-sm pb-1 border-b-2 border-primary-600 border-solid"> <p class="font-bold whitespace-nowrap">Tourist VR</p> <div> <span class="font-medium text-lg">52</span> <span class="text-neutral-600">/100</span> <span class="text-neutral-600 md:hidden">(1375 reviews)</span> </div> </div> <div class="grow text-secondary-950 font-normal text-sm pb-1"> <div class="flex items-end gap-1 mb-1"> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 16.5C12.4183 16.5 16 12.9183 16 8.5C16 4.08172 12.4183 0.5 8 0.5C3.58172 0.5 0 4.08172 0 8.5C0 12.9183 3.58172 16.5 8 16.5Z" fill="#34E0A1"/> <path d="M12.9413 6.93847L13.9066 5.88818H11.7658C10.6941 5.1561 9.3998 4.72974 8.00002 4.72974C6.60201 4.72974 5.31131 5.15702 4.24136 5.88818H2.09521L3.06058 6.93847C2.46886 7.47834 2.09791 8.25601 2.09791 9.11948C2.09791 10.749 3.41904 12.0701 5.04854 12.0701C5.82262 12.0701 6.52786 11.7715 7.05434 11.2835L8.00004 12.3132L8.94574 11.2844C9.47223 11.7724 10.1766 12.0701 10.9507 12.0701C12.5801 12.0701 13.9031 10.749 13.9031 9.11948C13.9039 8.25512 13.533 7.47747 12.9413 6.93847ZM5.04941 11.1163C3.94638 11.1163 3.05255 10.2225 3.05255 9.11948C3.05255 8.01645 3.9464 7.1226 5.04941 7.1226C6.15242 7.1226 7.04627 8.01645 7.04627 9.11948C7.04627 10.2225 6.15242 11.1163 5.04941 11.1163ZM8.00092 9.06138C8.00092 7.7474 7.0454 6.61936 5.78416 6.13756C6.46617 5.85241 7.21432 5.6942 8.00002 5.6942C8.78572 5.6942 9.53475 5.85241 10.2168 6.13756C8.95646 6.62026 8.00092 7.74742 8.00092 9.06138ZM10.9515 11.1163C9.84852 11.1163 8.95467 10.2225 8.95467 9.11948C8.95467 8.01645 9.84852 7.1226 10.9515 7.1226C12.0546 7.1226 12.9484 8.01645 12.9484 9.11948C12.9484 10.2225 12.0546 11.1163 10.9515 11.1163ZM10.9515 8.07186C10.3732 8.07186 9.90483 8.54025 9.90483 9.11858C9.90483 9.6969 10.3732 10.1653 10.9515 10.1653C11.5299 10.1653 11.9982 9.6969 11.9982 9.11858C11.9982 8.54114 11.5299 8.07186 10.9515 8.07186ZM6.09611 9.11948C6.09611 9.69779 5.62772 10.1662 5.04941 10.1662C4.4711 10.1662 4.00271 9.69779 4.00271 9.11948C4.00271 8.54114 4.4711 8.07276 5.04941 8.07276C5.62772 8.07186 6.09611 8.54114 6.09611 9.11948Z" fill="#0C1326"/> </svg> <svg width="76" height="14" viewBox="0 0 76 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.402 10.5V2.002H0.14V0.42H8.351V2.002H5.089V10.5H3.402ZM8.77297 10.5V2.94H10.264V4.781L10.082 4.543C10.1753 4.291 10.299 4.06233 10.453 3.857C10.6116 3.647 10.8006 3.47433 11.02 3.339C11.2066 3.213 11.412 3.115 11.636 3.045C11.8646 2.97033 12.098 2.926 12.336 2.912C12.574 2.89333 12.805 2.90267 13.029 2.94V4.515C12.805 4.44967 12.546 4.42867 12.252 4.452C11.9626 4.47533 11.7013 4.557 11.468 4.697C11.2346 4.823 11.0433 4.984 10.894 5.18C10.7493 5.376 10.642 5.6 10.572 5.852C10.502 6.09933 10.467 6.36767 10.467 6.657V10.5H8.77297ZM14.5048 1.792V0.245H16.1918V1.792H14.5048ZM14.5048 10.5V2.94H16.1918V10.5H14.5048ZM21.9216 10.71C21.1843 10.71 20.5659 10.535 20.0666 10.185C19.5673 9.835 19.1916 9.359 18.9396 8.757C18.6876 8.15033 18.5616 7.47133 18.5616 6.72C18.5616 5.95933 18.6876 5.278 18.9396 4.676C19.1916 4.074 19.5603 3.60033 20.0456 3.255C20.5356 2.905 21.1399 2.73 21.8586 2.73C22.5726 2.73 23.1909 2.905 23.7136 3.255C24.2409 3.60033 24.6493 4.074 24.9386 4.676C25.2279 5.27333 25.3726 5.95467 25.3726 6.72C25.3726 7.476 25.2303 8.155 24.9456 8.757C24.6609 9.359 24.2596 9.835 23.7416 10.185C23.2236 10.535 22.6169 10.71 21.9216 10.71ZM18.2746 13.86V2.94H19.7656V8.246H19.9756V13.86H18.2746ZM21.6626 9.198C22.1013 9.198 22.4629 9.08833 22.7476 8.869C23.0323 8.64967 23.2423 8.35333 23.3776 7.98C23.5176 7.602 23.5876 7.182 23.5876 6.72C23.5876 6.26267 23.5176 5.84733 23.3776 5.474C23.2376 5.096 23.0206 4.79733 22.7266 4.578C22.4326 4.354 22.0593 4.242 21.6066 4.242C21.1773 4.242 20.8273 4.347 20.5566 4.557C20.2859 4.76233 20.0853 5.05167 19.9546 5.425C19.8286 5.79367 19.7656 6.22533 19.7656 6.72C19.7656 7.21 19.8286 7.64167 19.9546 8.015C20.0853 8.38833 20.2883 8.68 20.5636 8.89C20.8436 9.09533 21.2099 9.198 21.6626 9.198ZM29.0295 10.71C28.4835 10.71 28.0215 10.6073 27.6435 10.402C27.2655 10.192 26.9785 9.91433 26.7825 9.569C26.5912 9.22367 26.4955 8.84333 26.4955 8.428C26.4955 8.064 26.5562 7.73733 26.6775 7.448C26.7989 7.154 26.9855 6.902 27.2375 6.692C27.4895 6.47733 27.8162 6.30233 28.2175 6.167C28.5209 6.069 28.8755 5.98033 29.2815 5.901C29.6922 5.82167 30.1355 5.74933 30.6115 5.684C31.0922 5.614 31.5939 5.53933 32.1165 5.46L31.5145 5.803C31.5192 5.28033 31.4025 4.89533 31.1645 4.648C30.9265 4.40067 30.5252 4.277 29.9605 4.277C29.6199 4.277 29.2909 4.35633 28.9735 4.515C28.6562 4.67367 28.4345 4.94667 28.3085 5.334L26.7685 4.851C26.9552 4.21167 27.3099 3.69833 27.8325 3.311C28.3599 2.92367 29.0692 2.73 29.9605 2.73C30.6325 2.73 31.2229 2.83967 31.7315 3.059C32.2449 3.27833 32.6252 3.63767 32.8725 4.137C33.0079 4.403 33.0895 4.676 33.1175 4.956C33.1455 5.23133 33.1595 5.53233 33.1595 5.859V10.5H31.6825V8.862L31.9275 9.128C31.5869 9.674 31.1879 10.0753 30.7305 10.332C30.2779 10.584 29.7109 10.71 29.0295 10.71ZM29.3655 9.366C29.7482 9.366 30.0749 9.29833 30.3455 9.163C30.6162 9.02767 30.8309 8.862 30.9895 8.666C31.1529 8.47 31.2625 8.28567 31.3185 8.113C31.4072 7.89833 31.4562 7.65333 31.4655 7.378C31.4795 7.098 31.4865 6.87167 31.4865 6.699L32.0045 6.853C31.4959 6.93233 31.0595 7.00233 30.6955 7.063C30.3315 7.12367 30.0189 7.182 29.7575 7.238C29.4962 7.28933 29.2652 7.34767 29.0645 7.413C28.8685 7.483 28.7029 7.56467 28.5675 7.658C28.4322 7.75133 28.3272 7.85867 28.2525 7.98C28.1825 8.10133 28.1475 8.24367 28.1475 8.407C28.1475 8.59367 28.1942 8.75933 28.2875 8.904C28.3809 9.044 28.5162 9.156 28.6935 9.24C28.8755 9.324 29.0995 9.366 29.3655 9.366ZM38.013 10.71C37.3176 10.71 36.711 10.535 36.193 10.185C35.675 9.835 35.2736 9.359 34.989 8.757C34.7043 8.155 34.562 7.476 34.562 6.72C34.562 5.95467 34.7043 5.27333 34.989 4.676C35.2783 4.074 35.6866 3.60033 36.214 3.255C36.7413 2.905 37.362 2.73 38.076 2.73C38.7946 2.73 39.3966 2.905 39.882 3.255C40.372 3.60033 40.743 4.074 40.995 4.676C41.247 5.278 41.373 5.95933 41.373 6.72C41.373 7.47133 41.247 8.15033 40.995 8.757C40.743 9.359 40.3673 9.835 39.868 10.185C39.3686 10.535 38.7503 10.71 38.013 10.71ZM38.272 9.198C38.7246 9.198 39.0886 9.09533 39.364 8.89C39.644 8.68 39.847 8.38833 39.973 8.015C40.1036 7.64167 40.169 7.21 40.169 6.72C40.169 6.22533 40.1036 5.79367 39.973 5.425C39.847 5.05167 39.6486 4.76233 39.378 4.557C39.1073 4.347 38.7573 4.242 38.328 4.242C37.8753 4.242 37.502 4.354 37.208 4.578C36.914 4.79733 36.697 5.096 36.557 5.474C36.417 5.84733 36.347 6.26267 36.347 6.72C36.347 7.182 36.4146 7.602 36.55 7.98C36.69 8.35333 36.9023 8.64967 37.187 8.869C37.4716 9.08833 37.8333 9.198 38.272 9.198ZM40.169 10.5V5.194H39.959V0.42H41.66V10.5H40.169ZM45.6666 10.5L42.9226 2.94H44.6096L46.5136 8.421L48.4106 2.94H50.1046L47.3606 10.5H45.6666ZM51.5009 1.792V0.245H53.1879V1.792H51.5009ZM51.5009 10.5V2.94H53.1879V10.5H51.5009ZM58.2037 10.71C57.2704 10.71 56.512 10.5 55.9287 10.08C55.3454 9.66 54.9907 9.06967 54.8647 8.309L56.5867 8.043C56.6754 8.41633 56.8714 8.71033 57.1747 8.925C57.478 9.13967 57.8607 9.247 58.3227 9.247C58.7287 9.247 59.0414 9.16767 59.2607 9.009C59.4847 8.84567 59.5967 8.624 59.5967 8.344C59.5967 8.17133 59.5547 8.03367 59.4707 7.931C59.3914 7.82367 59.214 7.721 58.9387 7.623C58.6634 7.525 58.241 7.40133 57.6717 7.252C57.037 7.084 56.533 6.90433 56.1597 6.713C55.7864 6.517 55.518 6.286 55.3547 6.02C55.1914 5.754 55.1097 5.432 55.1097 5.054C55.1097 4.58267 55.2334 4.172 55.4807 3.822C55.728 3.472 56.0734 3.20367 56.5167 3.017C56.96 2.82567 57.4827 2.73 58.0847 2.73C58.6727 2.73 59.193 2.821 59.6457 3.003C60.103 3.185 60.4717 3.444 60.7517 3.78C61.0317 4.116 61.2044 4.51033 61.2697 4.963L59.5477 5.271C59.5057 4.949 59.3587 4.69467 59.1067 4.508C58.8594 4.32133 58.528 4.21633 58.1127 4.193C57.716 4.16967 57.3964 4.23033 57.1537 4.375C56.911 4.515 56.7897 4.71333 56.7897 4.97C56.7897 5.11467 56.8387 5.23833 56.9367 5.341C57.0347 5.44367 57.2307 5.54633 57.5247 5.649C57.8234 5.75167 58.2667 5.87767 58.8547 6.027C59.4567 6.181 59.9374 6.35833 60.2967 6.559C60.6607 6.755 60.922 6.99067 61.0807 7.266C61.244 7.54133 61.3257 7.875 61.3257 8.267C61.3257 9.02767 61.048 9.625 60.4927 10.059C59.942 10.493 59.179 10.71 58.2037 10.71ZM66.1979 10.71C65.4419 10.71 64.7816 10.5397 64.2169 10.199C63.6522 9.85833 63.2136 9.38933 62.9009 8.792C62.5929 8.19 62.4389 7.49933 62.4389 6.72C62.4389 5.92667 62.5976 5.23133 62.9149 4.634C63.2322 4.03667 63.6732 3.57 64.2379 3.234C64.8026 2.898 65.4559 2.73 66.1979 2.73C66.9586 2.73 67.6212 2.90033 68.1859 3.241C68.7506 3.58167 69.1892 4.053 69.5019 4.655C69.8146 5.25233 69.9709 5.94067 69.9709 6.72C69.9709 7.504 69.8122 8.197 69.4949 8.799C69.1822 9.39633 68.7436 9.86533 68.1789 10.206C67.6142 10.542 66.9539 10.71 66.1979 10.71ZM66.1979 9.128C66.8699 9.128 67.3692 8.904 67.6959 8.456C68.0226 8.008 68.1859 7.42933 68.1859 6.72C68.1859 5.98733 68.0202 5.404 67.6889 4.97C67.3576 4.53133 66.8606 4.312 66.1979 4.312C65.7452 4.312 65.3719 4.41467 65.0779 4.62C64.7886 4.82067 64.5739 5.103 64.4339 5.467C64.2939 5.82633 64.2239 6.244 64.2239 6.72C64.2239 7.45267 64.3896 8.03833 64.7209 8.477C65.0569 8.911 65.5492 9.128 66.1979 9.128ZM71.5132 10.5V2.94H73.0042V4.781L72.8222 4.543C72.9155 4.291 73.0392 4.06233 73.1932 3.857C73.3519 3.647 73.5409 3.47433 73.7602 3.339C73.9469 3.213 74.1522 3.115 74.3762 3.045C74.6049 2.97033 74.8382 2.926 75.0762 2.912C75.3142 2.89333 75.5452 2.90267 75.7692 2.94V4.515C75.5452 4.44967 75.2862 4.42867 74.9922 4.452C74.7029 4.47533 74.4415 4.557 74.2082 4.697C73.9749 4.823 73.7835 4.984 73.6342 5.18C73.4895 5.376 73.3822 5.6 73.3122 5.852C73.2422 6.09933 73.2072 6.36767 73.2072 6.657V10.5H71.5132Z" fill="#2B0F66"/> </svg> </div> <div class="flex items-center gap-1"> <div class="flex items-center gap-px"> <svg width="8" height="8" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="4" cy="4.5" r="4" fill="#20AA64"/> </svg> <svg width="8" height="8" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="4" cy="4.5" r="4" fill="#20AA64"/> </svg> <svg width="8" height="8" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="4" cy="4.5" r="4" fill="#20AA64"/> </svg> <svg width="8" height="8" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="4" cy="4.5" r="4" fill="#20AA64"/> </svg> <svg width="8" height="8" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 4.5C7.5 6.433 5.933 8 4 8C2.067 8 0.5 6.433 0.5 4.5C0.5 2.567 2.067 1 4 1C5.933 1 7.5 2.567 7.5 4.5Z" stroke="#20AA64"/> </svg> </div> <div> <span class="text-neutral-600">4</span> <span class="text-neutral-600">/5</span> <span class="text-neutral-600 md:hidden">(535 reviews)</span> </div> </div> </div> <div class="grow text-secondary-950 font-normal text-sm pb-1"> <svg class="mb-1 h-4 w-auto" xmlns="http://www.w3.org/2000/svg" width="102" height="18" viewBox="0 0 102 18" fill="none"> <g clip-path="url(#clip0_5171_10717)"> <mask id="mask0_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 0.379332H101.786V17.3125H0.236328V0.379332Z" fill="white"/> </mask> <g mask="url(#mask0_5171_10717)"> <mask id="mask1_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 17.3125H101.786V0.379332H0.236328V17.3125Z" fill="white"/> </mask> <g mask="url(#mask1_5171_10717)"> <path d="M40.0605 2.23443C40.0605 1.83224 40.2231 1.44653 40.5125 1.16214C40.8019 0.877758 41.1944 0.717991 41.6037 0.717991C42.013 0.717991 42.4054 0.877758 42.6948 1.16214C42.9842 1.44653 43.1468 1.83224 43.1468 2.23443C43.1319 2.62682 42.9628 2.99825 42.675 3.27068C42.3873 3.54311 42.0033 3.69531 41.6037 3.69531C41.2041 3.69531 40.8201 3.54311 40.5323 3.27068C40.2446 2.99825 40.0755 2.62682 40.0605 2.23443Z" fill="#273B7D"/> <path d="M64.4062 12.3476C64.4062 11.5059 65.0961 10.8259 65.9461 10.8259C66.3565 10.8259 66.7501 10.9861 67.0403 11.2713C67.3305 11.5564 67.4936 11.9432 67.4936 12.3465C67.4936 12.7498 67.3305 13.1366 67.0403 13.4218C66.7501 13.707 66.3565 13.8672 65.9461 13.8672C65.0972 13.8672 64.4062 13.1861 64.4062 12.3465" fill="#499FDD"/> <path d="M14.7346 11.69C13.4064 11.69 12.4823 10.653 12.4823 9.17035C12.4823 7.68876 13.4064 6.65281 14.7357 6.65281C16.0714 6.65281 17.0052 7.68876 17.0052 9.17035C17.0052 10.6762 16.0919 11.69 14.7346 11.69ZM14.7346 4.43836C11.9235 4.43836 9.88281 6.42894 9.88281 9.17035C9.88281 11.9128 11.9246 13.9023 14.7346 13.9023C17.5576 13.9023 19.6058 11.9128 19.6058 9.1714C19.6058 6.42894 17.5565 4.43836 14.7346 4.43836ZM37.0712 9.40795C36.9734 9.222 36.8497 9.05033 36.7037 8.8979L36.6177 8.81025L36.708 8.72577C36.837 8.59165 36.9691 8.43325 37.0959 8.24951L39.5782 4.62527H36.5651L34.7006 7.46066C34.5953 7.61273 34.3826 7.68876 34.0635 7.68876H33.639V2.32844C33.639 1.25659 32.9588 1.11086 32.2248 1.11086H30.9675L30.9707 13.763H33.64V9.96764H33.8904C34.1945 9.96764 34.4008 10.0025 34.4965 10.1651L35.9687 12.896C36.3802 13.6373 36.7896 13.763 37.5612 13.763H39.6062L38.0824 11.2877L37.0723 9.40795M50.0288 4.41723C48.6705 4.41723 47.8043 5.01071 47.3186 5.51232L47.1574 5.67283L47.0994 5.45424C46.9575 4.91673 46.4761 4.6221 45.7529 4.6221H44.5569L44.5644 13.7598H47.2154V9.5484C47.2154 9.13656 47.2691 8.77962 47.3809 8.45332C47.6753 7.46594 48.4985 6.8524 49.5269 6.8524C50.3543 6.8524 50.6778 7.2822 50.6778 8.39101V12.3711C50.6778 13.3173 51.1237 13.7598 52.0876 13.7598H53.3492L53.345 7.94749C53.345 5.63904 52.1984 4.41723 50.0288 4.41723ZM41.635 4.62527H40.3788L40.3874 11.6911V13.763H41.7274L41.7747 13.7651L42.4002 13.763H43.0213V13.7598H43.0256L43.0309 6.01393C43.0309 5.07935 42.5764 4.62633 41.6361 4.62633M25.1464 11.69C23.8182 11.69 22.893 10.653 22.893 9.17035C22.893 7.68876 23.8182 6.65281 25.1475 6.65281C26.48 6.65281 27.4171 7.68876 27.4171 9.17035C27.4171 10.6762 26.5037 11.69 25.1475 11.69H25.1464ZM25.1464 4.43836C22.3331 4.43836 20.2913 6.42894 20.2913 9.17035C20.2913 11.9128 22.3331 13.9023 25.1475 13.9023C27.9662 13.9023 30.0186 11.9128 30.0186 9.1714C30.0186 6.42894 27.9662 4.43836 25.1475 4.43836" fill="#273B7D"/> </g> </g> <mask id="mask2_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 0.379332H101.786V17.3125H0.236328V0.379332Z" fill="white"/> </mask> <g mask="url(#mask2_5171_10717)"> <mask id="mask3_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 0.711771H101.764V17.2891H0.236328V0.711771Z" fill="white"/> </mask> <g mask="url(#mask3_5171_10717)"> <mask id="mask4_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 17.3125H101.786V0.379332H0.236328V17.3125Z" fill="white"/> </mask> <g mask="url(#mask4_5171_10717)"> <path d="M81.9653 11.69C80.6371 11.69 79.7107 10.653 79.7107 9.17035C79.7107 7.68876 80.6371 6.65281 81.9653 6.65281C83.2999 6.65281 84.2359 7.68876 84.2359 9.17035C84.2359 10.6762 83.3225 11.69 81.9653 11.69ZM81.9653 4.43836C79.152 4.43836 77.1113 6.42894 77.1113 9.17035C77.1113 11.9128 79.152 13.9023 81.9653 13.9023C84.785 13.9023 86.8364 11.9128 86.8364 9.1714C86.8364 6.42894 84.7839 4.43836 81.9653 4.43836Z" fill="#499FDD"/> <path d="M58.9337 11.2869C57.484 11.2869 56.9683 10.045 56.9683 8.88024C56.9683 8.36701 57.1004 6.69534 58.795 6.69534C59.6364 6.69534 60.7572 6.93189 60.7572 8.96577C60.7572 10.8845 59.7654 11.2869 58.9337 11.2869ZM62.1338 4.60022C61.6309 4.60022 61.2441 4.79769 61.0496 5.15779L60.9765 5.29718L60.854 5.19158C60.4263 4.82831 59.659 4.3964 58.4136 4.3964C55.9345 4.3964 54.2656 6.22648 54.2656 8.94782C54.2656 11.6681 55.9925 13.5689 58.463 13.5689C59.3066 13.5689 59.9738 13.3746 60.5025 12.9818L60.7067 12.8308V13.0842C60.7067 14.305 59.904 14.9787 58.4479 14.9787C57.7398 14.9787 57.0961 14.8097 56.6641 14.6556C56.1032 14.4887 55.7722 14.6271 55.5454 15.1815L55.3348 15.6926L55.0371 16.4402L55.2209 16.5363C56.1537 17.0221 57.3669 17.3125 58.463 17.3125C60.7197 17.3125 63.3567 16.1773 63.3567 12.9818L63.3664 4.60022H62.1338Z" fill="#273B7D"/> </g> </g> </g> <mask id="mask5_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 0.379332H101.786V17.3125H0.236328V0.379332Z" fill="white"/> </mask> <g mask="url(#mask5_5171_10717)"> <mask id="mask6_5171_10717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="102" height="18"> <path d="M0.236328 17.3125H101.786V0.379332H0.236328V17.3125Z" fill="white"/> </mask> <g mask="url(#mask6_5171_10717)"> <path d="M4.86247 11.5828L2.70468 11.5806V9.04621C2.70468 8.50342 2.91852 8.22252 3.39027 8.15705H4.86247C5.91235 8.15705 6.59148 8.80755 6.59256 9.8604C6.59148 10.9418 5.92954 11.5817 4.86247 11.5817V11.5828ZM2.70468 4.74402V4.07662C2.70468 3.49264 2.95614 3.21491 3.50741 3.179H4.61212C5.55884 3.179 6.12622 3.73552 6.12622 4.66798C6.12622 5.37762 5.7372 6.20659 4.64649 6.20659H2.70468V4.74402ZM7.61777 7.27422L7.22765 7.0588L7.56831 6.77262C7.96484 6.43786 8.62789 5.68492 8.62789 4.38603C8.62789 2.3965 7.05897 1.11239 4.6293 1.11239H1.54088C1.19337 1.12484 0.864072 1.2682 0.6212 1.51277C0.378328 1.75734 0.240513 2.08436 0.236328 2.42607V13.7148H4.68407C7.38453 13.7148 9.12754 12.2702 9.12754 10.0325C9.12754 8.82762 8.56449 7.798 7.61777 7.27422Z" fill="#273B7D"/> <path d="M98.6776 4.44415C98.1303 4.44613 97.5905 4.56891 97.0979 4.80341C96.6054 5.03792 96.1728 5.37817 95.832 5.79901L95.6408 6.03767L95.4903 5.7705C94.9981 4.89084 94.1535 4.44415 92.979 4.44415C91.7464 4.44415 90.9201 5.12 90.5364 5.52128L90.285 5.78845L90.1882 5.4368C90.0485 4.92991 89.5897 4.65218 88.8955 4.65218H87.7811L87.7704 13.755H90.3011V9.73689C90.3011 9.38418 90.3462 9.03675 90.4354 8.67242C90.6772 7.70089 91.3413 6.6565 92.4578 6.76104C93.1455 6.82651 93.483 7.34924 93.483 8.35879V13.755H96.0319V9.73689C96.0319 9.29653 96.0738 8.96705 96.1749 8.63758C96.379 7.7104 97.0732 6.75999 98.15 6.75999C98.9301 6.75999 99.2181 7.19295 99.2181 8.35879V12.4244C99.2181 13.3432 99.6351 13.755 100.571 13.755H101.762L101.764 7.94378C101.764 5.6216 100.724 4.44415 98.6776 4.44415ZM75.6446 10.5944C75.6371 10.6039 74.5485 11.7317 73.1139 11.7317C71.8072 11.7317 70.4877 10.9439 70.4877 9.18565C70.4877 7.6671 71.5107 6.60581 72.9764 6.60581C73.4514 6.60581 73.993 6.77266 74.0779 7.05461L74.0897 7.10213C74.1439 7.29625 74.2617 7.46738 74.4249 7.589C74.5881 7.71062 74.7875 7.77594 74.9923 7.77481L76.3786 7.77693V6.58574C76.3786 5.0144 74.3444 4.44415 72.9764 4.44415C70.0492 4.44415 67.9258 6.44635 67.9258 9.20465C67.9258 11.9608 70.0256 13.9609 72.9227 13.9609C75.4351 13.9609 76.802 12.3378 76.8149 12.322L76.888 12.2333L75.7897 10.4434L75.6446 10.5944Z" fill="#499FDD"/> </g> </g> </g> <defs> <clipPath id="clip0_5171_10717"> <rect width="102" height="17" fill="white" transform="translate(0 0.5)"/> </clipPath> </defs> </svg> <div> <span class="inline-block text-white rounded rounded-bl-none font-medium bg-[#003B95] p-0.5">4.5</span> <span class="text-neutral-600">4.5</span> <span class="text-neutral-600">/10</span> <span class="text-neutral-600 md:hidden">(1576 reviews)</span> </div> </div> </div> <div class="flex items-center justify-between pb-5 md:flex-col md:items-start md:gap-5"> <div class="flex items-center gap-1 cursor-pointer ml-auto md:ml-0 js-clk-open" data-type="review"> <span class="text-primary-600 underline">Write a review</span> <svg class="fill-primary-600 relative bottom-px" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.69332 13.5133C3.28666 13.5133 2.90666 13.3733 2.63332 13.1133C2.28666 12.7867 2.11999 12.2933 2.17999 11.76L2.42666 9.59999C2.47332 9.19333 2.71999 8.65333 3.00666 8.35999L8.47999 2.56666C9.84666 1.11999 11.2733 1.07999 12.72 2.44666C14.1667 3.81333 14.2067 5.23999 12.84 6.68666L7.36666 12.48C7.08666 12.78 6.56666 13.06 6.15999 13.1267L4.01332 13.4933C3.89999 13.5 3.79999 13.5133 3.69332 13.5133ZM10.62 2.43999C10.1067 2.43999 9.65999 2.75999 9.20666 3.23999L3.73332 9.03999C3.59999 9.17999 3.44666 9.51333 3.41999 9.70666L3.17332 11.8667C3.14666 12.0867 3.19999 12.2667 3.31999 12.38C3.43999 12.4933 3.61999 12.5333 3.83999 12.5L5.98666 12.1333C6.17999 12.1 6.49999 11.9267 6.63332 11.7867L12.1067 5.99333C12.9333 5.11333 13.2333 4.29999 12.0267 3.16666C11.4933 2.65333 11.0333 2.43999 10.62 2.43999Z" /> <path d="M11.56 7.79998C11.5466 7.79998 11.5266 7.79998 11.5133 7.79998C9.4333 7.59331 7.75996 6.01331 7.43996 3.94665C7.39996 3.67331 7.58663 3.41998 7.85996 3.37331C8.1333 3.33331 8.38663 3.51998 8.4333 3.79331C8.68663 5.40665 9.9933 6.64665 11.62 6.80665C11.8933 6.83331 12.0933 7.07998 12.0666 7.35331C12.0333 7.60665 11.8133 7.79998 11.56 7.79998Z" /> <path d="M14 15.6666H2C1.72667 15.6666 1.5 15.44 1.5 15.1666C1.5 14.8933 1.72667 14.6666 2 14.6666H14C14.2733 14.6666 14.5 14.8933 14.5 15.1666C14.5 15.44 14.2733 15.6666 14 15.6666Z" /> </svg> </div> </div> <div class="p-5 mb-5 rounded-md border border-solid border-neutral-200"> <p class="section-sub-title mb-2.5">Categories</p> <ul class="[columns:250px_3]"> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="5.6" > <div class="flex justify-between items-center"> <span class="text-sm">Cleanliness</span> <b class="text-base font-medium ">5.6</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="5.7" > <div class="flex justify-between items-center"> <span class="text-sm">Comfort</span> <b class="text-base font-medium ">5.7</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="5.2" > <div class="flex justify-between items-center"> <span class="text-sm">Facilities</span> <b class="text-base font-medium ">5.2</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="4.8" > <div class="flex justify-between items-center"> <span class="text-sm">Free WiFi</span> <b class="text-base font-medium ">4.8</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="8.3" > <div class="flex justify-between items-center"> <span class="text-sm">Location</span> <b class="text-base font-medium ">8.3</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="4.9" > <div class="flex justify-between items-center"> <span class="text-sm">Total</span> <b class="text-base font-medium ">4.9</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> <li class="inline-block mb-2.5 md:w-full js-hotel-reviews-item" data-rating-number="5.6" > <div class="flex justify-between items-center"> <span class="text-sm">Value for money</span> <b class="text-base font-medium ">5.6</b> </div> <div class="h-1.5 w-[175px] rounded bg-secondary-100 overflow-hidden md:w-full"> <div class="w-0 h-full rounded bg-secondary-600 transition-[width] duration-1000 js-hotel-reviews-progress"></div> </div> </li> </ul> </div> <div class="pt-5 pb-5 border-b border-solid border-neutral-200 last-of-type:border-0 last-of-type:border-none last-of-type:border-inherit"> <div class=" flex items-center justify-between"> <div class="flex items-center gap-2.5 pb-4"> <div class="rounded flex items-center justify-center bg-secondary-300 w-12 h-12 text-white text-lg font-bold"> J </div> <p class="text-base font-bold "> Jacob </p> </div> </div> <div class="text-secondary-950 text-base"> Everything was very clean from the staff to the room, extremely comfy bed and big room. I loved having extra easy chairs and a kitchenette area. Free breakfast, had cereal, muffins and fruit and more. The total experience was really great, I would recomand. </div> </div> <div class="pt-5 pb-5 border-b border-solid border-neutral-200 last-of-type:border-0 last-of-type:border-none last-of-type:border-inherit"> <div class=" flex items-center justify-between"> <div class="flex items-center gap-2.5 pb-4"> <div class="rounded flex items-center justify-center bg-secondary-300 w-12 h-12 text-white text-lg font-bold"> V </div> <p class="text-base font-bold "> Victoria </p> </div> </div> <div class="text-secondary-950 text-base"> Everything there was very clean and the staff were super-friendly. They made my stay fairly nice. The setting was quite absolutely perfect within easy reach of Gulf World Marine Park. There was a good restaurant around 10-15 minutes walk from the hotel. Early check-in was a bonus. </div> </div> <div class="pt-5 pb-5 border-b border-solid border-neutral-200 last-of-type:border-0 last-of-type:border-none last-of-type:border-inherit"> <div class=" flex items-center justify-between"> <div class="flex items-center gap-2.5 pb-4"> <div class="rounded flex items-center justify-center bg-secondary-300 w-12 h-12 text-white text-lg font-bold"> M </div> <p class="text-base font-bold "> Marc-Andr茅 </p> </div> </div> <div class="text-secondary-950 text-base"> We loved it during our such wonderful stay. The hotel was clean, the room was non-smoking and the bed was extremely comfy. The staff were all attentive and the continental breakfast was good hot. Booked a room with pleasant views. The airport was 25 km away from here, excellent location. </div> </div> <div class="flex justify-center items-center mt-5 underline cursor-pointer js-clk-open" data-type="reviews"> <span class="text-base text-primary-600 font-medium underline">Show more</span> <svg class="fill-primary-600 ml-2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> <div class="section scroll-mt-16 js-hotel-block js-location" data-id="location" id="location"> <style> .location-tab.active { border-bottom: 2px solid #fa6b6b; } .location-tab-block { display: none; } .location-tab-block.active { display: block; } </style> <div class="flex items-center justify-between mb-5"> <h3 class="section-title">Location</h3> <div class="flex items-center gap-1"> <svg class="fill-secondary-950 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-950 text-sm font-medium underline">15405 Front Beach Road</span> </div> </div> <div class="w-full h-[400px] mb-5" id="mapbox" data-lat="30.209926605225" data-lng="-85.867042541504"></div> <div class="flex items-center gap-1 mb-5 border-b border-neutral-200 border-solid overflow-x-auto js-location-tabs"> <div data-target=".js-location-landmarks" class="location-tab flex items-center px-5 py-2.5 text-base font-medium cursor-pointer border-b-2 border-solid border-transparent hover:border-primary-600 text-nowrap">Landmarks nearby</div> <div data-target=".js-location-restaurants" class="location-tab flex items-center px-5 py-2.5 text-base font-medium cursor-pointer border-b-2 border-solid border-transparent hover:border-primary-600 text-nowrap">Restaurants nearby</div> </div> <div class="location-tab-block js-location-landmarks"> <ul class="columns-2 md:columns-1 gap-10 list-item "> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="4340538"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">1. Pier Park</span> <span class="text-base font-medium text-primary-600">1.16 km (3806 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="2902811"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">2. I Love Sugar</span> <span class="text-base font-medium text-primary-600">1.16 km (3806 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="1114565"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">3. Miracle Strip Amusement Park</span> <span class="text-base font-medium text-primary-600">1.16 km (3806 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="2920680"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">4. Swampy Jack's Wongo Adventure</span> <span class="text-base font-medium text-primary-600">280 m (919 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="133560"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">5. Aaron Bessant Park</span> <span class="text-base font-medium text-primary-600">1.16 km (3806 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="35203"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">6. Gulf World</span> <span class="text-base font-medium text-primary-600">280 m (919 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-landmid="754120"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">7. Emerald Coast Mirror Maze</span> <span class="text-base font-medium text-primary-600">1.16 km (3806 ft)</span> </li> </ul> </div> <div class="location-tab-block js-location-restaurants"> <ul class="columns-2 md:columns-1 gap-10"> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-restorid="1046606"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">1. Dippin' Dots</span> <span class="text-base font-medium text-primary-600">160 m (525 ft)</span> </li> <li class="flex items-center justify-between mb-4 break-inside-avoid-column" data-restorid="247686"> <span class="text-base font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap">2. Steaks Shakes and Pancakes</span> <span class="text-base font-medium text-primary-600">90 m (295 ft)</span> </li> </ul> </div> </div> <div class="trawell-exit-popup js-exit-popup"> <div class="trawell-exit-popup__content js-exit-popup-content"> <h3 class="trawell-exit-popup__title">Travelling to Panama City Beach</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">View deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Close, i need more options</p> </div> </div> </div> </div> <div class="mt-4 sticky top-20 w-[350px] ml-5 flex-shrink-0 lg:w-full lg:ml-0 lg:mb-8 lg:static js-hotel-block" data-id="sidebar" id="sidebar"> <div class="rounded-md border border-secondary-700 bg-secondary-100 border-solid px-5 py-8"> <div class="mb-8"> <div class="flex justify-between mb-2.5"> <p class="section-sub-title">Address</p> <a href="#location" class="flex items-center"> <span class=" underline text-primary-600 text-base font-medium">View map</span> <svg class="fill-primary-600 ml-2" width="16" height="16" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.4333 14.7734C10.1466 14.7734 9.85994 14.7134 9.62661 14.6001L6.12661 12.8468C5.92661 12.7468 5.53328 12.7534 5.33994 12.8668L3.76661 13.7668C3.08661 14.1534 2.38661 14.2068 1.85994 13.8934C1.32661 13.5868 1.02661 12.9601 1.02661 12.1734V5.69344C1.02661 5.08677 1.42661 4.4001 1.95328 4.1001L4.83994 2.44677C5.32661 2.16677 6.06661 2.14677 6.56661 2.4001L10.0666 4.15344C10.2666 4.25344 10.6533 4.2401 10.8533 4.13344L12.4199 3.2401C13.0999 2.85344 13.7999 2.8001 14.3266 3.11344C14.8599 3.4201 15.1599 4.04677 15.1599 4.83344V11.3201C15.1599 11.9268 14.7599 12.6134 14.2333 12.9134L11.3466 14.5668C11.0933 14.7001 10.7599 14.7734 10.4333 14.7734ZM5.75994 11.7801C6.04661 11.7801 6.33328 11.8401 6.56661 11.9534L10.0666 13.7068C10.2666 13.8068 10.6533 13.7934 10.8533 13.6868L13.7399 12.0334C13.9533 11.9134 14.1599 11.5534 14.1599 11.3134V4.82677C14.1599 4.40677 14.0399 4.09344 13.8199 3.97344C13.6066 3.85344 13.2733 3.9001 12.9133 4.10677L11.3466 5.0001C10.8599 5.2801 10.1199 5.3001 9.61995 5.04677L6.11995 3.29344C5.91995 3.19344 5.53328 3.20677 5.33328 3.31344L2.44661 4.96677C2.23328 5.08677 2.02661 5.44677 2.02661 5.69344V12.1801C2.02661 12.6001 2.14661 12.9134 2.35994 13.0334C2.57328 13.1601 2.90661 13.1068 3.27328 12.9001L4.83994 12.0068C5.09995 11.8534 5.43328 11.7801 5.75994 11.7801Z" /> <path d="M5.70679 12.3334C5.43345 12.3334 5.20679 12.1067 5.20679 11.8334V3.16675C5.20679 2.89341 5.43345 2.66675 5.70679 2.66675C5.98012 2.66675 6.20679 2.89341 6.20679 3.16675V11.8334C6.20679 12.1067 5.98012 12.3334 5.70679 12.3334Z" /> <path d="M10.4866 14.3333C10.2132 14.3333 9.98657 14.1067 9.98657 13.8333V4.91333C9.98657 4.64 10.2132 4.41333 10.4866 4.41333C10.7599 4.41333 10.9866 4.64 10.9866 4.91333V13.8333C10.9866 14.1067 10.7599 14.3333 10.4866 14.3333Z" /> </svg> </a> </div> <p class="underline text-secondary-950 text-base">15405 Front Beach Road</p> </div> <p class="section-sub-title mb-2.5">Contact information</p> <div class="mb-2"> <p class="text-xs text-neutral-700 ">Contact phone</p> <p class="text-base font-medium text-secondary-950 underline">18502346644</p> </div> <div class="mb-2"> <p class="text-xs text-neutral-700 ">Website</p> <p class="text-base font-medium text-secondary-950 underline cursor-pointer js-clk-open" data-type="website">Visit hotel website</p> </div> <div class="mb-2"> <p class="text-xs text-neutral-700 ">Email</p> <p class="text-base font-medium text-secondary-950 underline break-words">clientservices@leisurelink.com</p> </div> <button class="btn mt-5 gap-2 js-clk-open" data-type="sidebar"> <span>Book now</span> <svg class="fill-white w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </button> </div> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-countries/">Popular Countries</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-regions/">Popular Regions</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and conditions</div> </div> <p>Copyright 2024 路 All rights reserved</p> </div> </div> </footer> <!-- Hotjar --> <!-- End Hotjar Code --> <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"3e1yHJcElVu5FS29"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"20023560","dest_name":"Panama City Beach","city_id":1399,"pid":187701,"page":"hotel","hotel_id":318148,"bid":"257488"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-mCjnQ3rY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-mCjnQ3rY.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotel_1-CB0gt4dm.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-eC8SA6i3.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotel_1-CB0gt4dm.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/title-Da6L9MNx.js" /><script type="module" src="https://touristvr.com/build/assets/title-Da6L9MNx.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/gallery-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/gallery-DcTp8v7h.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/overview-CApGP7Bc.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/overview-CApGP7Bc.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/reviews_1-BoEpGAju.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><script type="module" src="https://touristvr.com/build/assets/reviews_1-BoEpGAju.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/location-DBmnxsic.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><script type="module" src="https://touristvr.com/build/assets/location-DBmnxsic.js"></script> </body> </html>