Vistal Project - Al Mouj Muscat<\/title>\n <link href=\"tailwind_theme\/tailwind.css\" rel=\"stylesheet\" type=\"text\/css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --font-main: \"IRANSans\", \"Vazirmatn\", \"Tahoma\", sans-serif;\n }\n\n html body .skyland-premium-landing,\n html body .skyland-premium-landing *,\n body.elementor-page .skyland-premium-landing,\n body.elementor-page .skyland-premium-landing *,\n body.elementor-editor-active .skyland-premium-landing,\n body.elementor-editor-active .skyland-premium-landing *,\n body .elementor .skyland-premium-landing,\n body .elementor .skyland-premium-landing * {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing {\n direction: ltr !important;\n text-align: left !important;\n background-color: #F8F9FA !important;\n color: #1E293B;\n width: 100%;\n max-width: 100vw;\n overflow-x: hidden;\n line-height: 1.9;\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing .font-en {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing .dir-ltr {\n direction: ltr !important;\n display: inline-block;\n text-align: left;\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing h1,\n .skyland-premium-landing h2,\n .skyland-premium-landing h3,\n .skyland-premium-landing h4,\n .skyland-premium-landing h5,\n .skyland-premium-landing h6,\n .skyland-premium-landing p,\n .skyland-premium-landing span,\n .skyland-premium-landing div,\n .skyland-premium-landing a,\n .skyland-premium-landing li,\n .skyland-premium-landing input,\n .skyland-premium-landing button,\n .skyland-premium-landing table,\n .skyland-premium-landing th,\n .skyland-premium-landing td,\n .skyland-premium-landing label,\n .skyland-premium-landing strong,\n .skyland-premium-landing small,\n .skyland-premium-landing textarea,\n .skyland-premium-landing select,\n .skyland-premium-landing option,\n .skyland-premium-landing input::placeholder,\n .skyland-premium-landing textarea::placeholder {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing input,\n .skyland-premium-landing textarea,\n .skyland-premium-landing select {\n -webkit-appearance: none;\n appearance: none;\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n }\n\n .skyland-premium-landing input::placeholder,\n .skyland-premium-landing textarea::placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n unicode-bidi: plaintext;\n }\n\n .skyland-premium-landing input::-webkit-input-placeholder,\n .skyland-premium-landing textarea::-webkit-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input::-moz-placeholder,\n .skyland-premium-landing textarea::-moz-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input:-ms-input-placeholder,\n .skyland-premium-landing textarea:-ms-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input::-ms-input-placeholder,\n .skyland-premium-landing textarea::-ms-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar {\n width: 6px;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar-track {\n background: transparent;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar-thumb {\n background: #083241;\n border-radius: 10px;\n }\n\n .skyland-elementor-fix p,\n .skyland-elementor-fix h1,\n .skyland-elementor-fix h2,\n .skyland-elementor-fix h3,\n .skyland-elementor-fix h4,\n .skyland-elementor-fix ul {\n margin: 0;\n padding: 0;\n }\n\n @media (min-width: 1024px) {\n .lg-sticky-sidebar {\n position: sticky !important;\n top: 110px !important;\n max-height: calc(100vh - 130px);\n overflow-y: auto;\n scrollbar-width: none;\n padding-bottom: 20px;\n }\n\n .lg-sticky-sidebar::-webkit-scrollbar {\n display: none;\n }\n }\n\n details > summary {\n list-style: none;\n cursor: pointer;\n }\n\n details > summary::-webkit-details-marker {\n display: none;\n }\n <\/style>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n corePlugins: { preflight: false },\n theme: {\n extend: {\n colors: {\n navy: '#083241',\n 'navy-dark': '#041F2A',\n gold: '#F5C236',\n 'gold-light': '#FDF3D7',\n cream: '#F8F5F0',\n jade: '#10B981',\n ruby: '#EF4444'\n },\n boxShadow: {\n 'premium': '0 20px 40px -15px rgba(8, 50, 65, 0.08)',\n 'card': '0 4px 15px rgba(0,0,0,0.03)'\n }\n }\n }\n }\n <\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n<\/head>\n<body>\n<div class=\"skyland-premium-landing pb-24 lg:pb-0\" dir=\"ltr\">\n <div style=\"position: relative; width: 100%; background-color: #083241; min-height: 550px; display: flex; align-items: center; border-bottom: 4px solid #F5C236;\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80\" alt=\"Vistal Project Al Mouj Muscat\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.3; z-index: 1;\">\n <div style=\"position: absolute; inset: 0; background: linear-gradient(to left, rgba(8,50,65,0.9) 0%, rgba(8,50,65,0.4) 100%); z-index: 2;\"><\/div>\n <div class=\"relative z-10 w-full py-16 md:py-24\">\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-10\">\n <div class=\"max-w-3xl w-full text-center md:text-left md:order-1\">\n <div class=\"flex flex-wrap justify-center md:justify-start gap-2 mb-6\">\n <span class=\"bg-gold text-navy text-xs font-bold px-3 py-1.5 rounded-md flex items-center gap-1.5 shadow-lg\">\n <i data-lucide=\"award\" class=\"w-4 h-4\"><\/i> Luxury Waterfront Project\n <\/span>\n <span class=\"bg-white\/10 backdrop-blur-md text-white border border-white\/20 text-xs px-3 py-1.5 rounded-md\">\n Ultra Luxury Living\n <\/span>\n <span class=\"bg-white\/10 backdrop-blur-md text-white border border-white\/20 text-xs px-3 py-1.5 rounded-md\">\n Branded Residence\n <\/span>\n <\/div>\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-5 leading-tight\">Project <span class=\"text-gold\">Vistal<\/span><\/h1>\n <p class=\"text-base md:text-lg text-gray-300 mb-8 max-w-2xl leading-relaxed mx-auto md:mx-0\">\n A luxury waterfront development in the heart of Al Mouj Muscat, created in collaboration with the renowned Swarovski brand in the project's design and identity; a distinctive Ultra Luxury lifestyle experience with direct sea and marina views, modern architecture, and a branded residence concept.\n <\/p>\n <div class=\"flex flex-wrap justify-center md:justify-start items-center gap-y-3 gap-x-6 text-white text-sm\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"map-pin\" class=\"text-gold w-4 h-4\"><\/i><\/div> Al Mouj, Muscat\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"building\" class=\"text-gold w-4 h-4\"><\/i><\/div> Staged Payment Plan\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"gem\" class=\"text-gold w-4 h-4\"><\/i><\/div> Advantage: <span class=\"font-bold ml-1 text-gold\">Luxury Branding + Premium Views<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-auto flex justify-center md:order-2\">\n <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-6 rounded-2xl text-left w-full md:w-[320px] shadow-2xl relative\">\n <div class=\"absolute -top-3 -left-3 w-8 h-8 bg-gold rounded-full flex items-center justify-center animate-bounce\">\n <i data-lucide=\"arrow-down\" class=\"text-navy w-4 h-4\"><\/i>\n <\/div>\n <p class=\"text-gray-300 text-sm mb-2 font-medium\">Starting price from<\/p>\n <div class=\"flex items-center gap-2 justify-start mb-3 border-b border-white\/20 pb-3\" dir=\"ltr\">\n <span class=\"text-white font-bold text-4xl\">160,000<\/span>\n <span class=\"text-gold font-bold text-xl mt-1\">OMR<\/span>\n <\/div>\n <div class=\"flex justify-between items-center text-xs\">\n <span class=\"text-gray-300\">Flexible installments<\/span>\n <span class=\"text-navy font-bold bg-gold px-2 py-1 rounded\">Initial booking 5% to 10%<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8 py-16 text-left\">\n <div class=\"flex flex-col lg:flex-row gap-12 items-start relative\">\n <div class=\"w-full lg:w-[35%] order-2 hidden lg:block lg-sticky-sidebar\" id=\"sidebar-container\">\n <div class=\"space-y-6\">\n <div class=\"bg-white rounded-[24px] p-8 shadow-premium border border-gray-100 text-center relative\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-gold\"><\/div>\n <div class=\"w-14 h-14 bg-gold\/10 text-gold rounded-full flex items-center justify-center mx-auto mb-5 mt-2\">\n <i data-lucide=\"file-text\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-2xl text-navy mb-2\">Request More Information<\/h3>\n <p class=\"text-sm text-gray-500 mb-8 leading-relaxed\">Fill out the form below to receive the brochure, catalog, and a free consultation with our analysts.<\/p>\n <form id=\"desktop-lead-form\" class=\"space-y-5 text-left\">\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Full Name <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"user\" class=\"absolute left-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"text\" required class=\"w-full pl-12 pr-4 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm box-border\" placeholder=\"Example: Ali Rezaei\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Mobile Number (WhatsApp) <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"phone\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"tel\" required dir=\"ltr\" class=\"w-full pl-4 pr-12 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm text-left box-border\" placeholder=\"+98 912 000 0000\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Email (Optional)<\/label>\n <div class=\"relative\">\n <i data-lucide=\"mail\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"email\" dir=\"ltr\" class=\"w-full pl-4 pr-12 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm text-left box-border\" placeholder=\"mail@example.com\">\n <\/div>\n <\/div>\n <button type=\"submit\" class=\"w-full bg-gold text-navy hover:bg-yellow-400 font-extrabold text-lg py-4 rounded-xl transition-all duration-300 mt-4 flex justify-center items-center gap-2 border-none cursor-pointer shadow-[0_10px_20px_rgba(245,194,54,0.3)]\">\n Download Brochure & Consultation\n <i data-lucide=\"download\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <p class=\"text-xs text-center text-gray-500 mt-5 m-0 flex items-center justify-center gap-1.5\">\n <i data-lucide=\"shield-check\" class=\"w-4 h-4 text-jade\"><\/i> Privacy commitment: Your information is kept secure.\n <\/p>\n <\/form>\n <\/div>\n\n <div class=\"bg-white rounded-2xl p-6 shadow-card border border-gray-100 flex items-center gap-4\">\n <div class=\"w-14 h-14 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0 border border-gray-200\">\n <i data-lucide=\"headset\" class=\"w-6 h-6 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-base text-navy m-0\">Direct Consultation with an Expert<\/h4>\n <p class=\"text-xs text-gray-500 mt-1 mb-2\">No intermediaries, response within 15 minutes<\/p>\n <a href=\"tel:+96812345678\" class=\"text-navy font-bold dir-ltr hover:text-gold transition-colors text-sm\" style=\"text-decoration:none;\">+968 1234 5678<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-full lg:w-[65%] flex flex-col gap-16 order-1\">\n <section id=\"about\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl md:text-3xl font-bold text-navy\">A Luxury Branded Residence Experience in Al Mouj Muscat<\/h2>\n <\/div>\n <div class=\"bg-white p-6 md:p-8 rounded-3xl shadow-card border border-gray-100 text-gray-600 leading-loose text-justify text-sm md:text-base relative overflow-hidden\">\n <div class=\"absolute top-0 left-0 w-full h-1 bg-gold\"><\/div>\n <p class=\"mb-5\">\n The <strong>Swarovski (Vistal)<\/strong> project is one of the most prominent luxury waterfront developments in <strong>Al Mouj Muscat<\/strong>, developed in collaboration with the distinguished <strong>Swarovski<\/strong> brand in the project's design and identity. It has secured a unique position in Oman\u2019s luxury real estate market. With a focus on an <strong>Ultra Luxury<\/strong> lifestyle, direct sea and marina views, and modern architecture, this development is designed for buyers seeking a distinctive living or investment opportunity at a premium level.\n <\/p>\n <p class=\"mb-0\">\n Modern architecture, a branded residence atmosphere, the use of luxury elements in the visual identity of the project, and its prime waterfront location make Vistal a distinctive choice for High-End investors and buyers seeking to live in one of Oman\u2019s best international destinations.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"gallery\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Concept Design Gallery<\/h2>\n <\/div>\n <div class=\"grid grid-cols-2 gap-3 md:gap-4\">\n <div class=\"col-span-2 h-60 md:h-[400px] rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Azura-1-1.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Vistal interior design\">\n <div class=\"absolute bottom-4 left-4 bg-navy\/80 backdrop-blur-sm px-4 py-2 rounded-lg text-xs font-bold text-white\">Ultra Luxury lifestyle with direct sea and marina views<\/div>\n <\/div>\n <div class=\"h-40 md:h-56 rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Azura-1-3-scaled.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Vistal exterior in Al Mouj\">\n <\/div>\n <div class=\"h-40 md:h-56 rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Azura-1-2-scaled.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Vistal amenities\">\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"bg-navy p-8 rounded-3xl text-white shadow-premium relative overflow-hidden flex flex-col justify-center\">\n <i data-lucide=\"gem\" class=\"absolute -right-6 -bottom-6 w-32 h-32 text-gold opacity-10\"><\/i>\n <h3 class=\"text-lg md:text-xl font-bold text-gold mb-4 relative z-10 whitespace-nowrap\">Collaboration with the Luxury Brand Swarovski<\/h3>\n <p class=\"text-sm text-gray-300 leading-loose text-justify relative z-10 m-0\">\n Swarovski\u2019s involvement in the design and identity of the project has elevated Vistal\u2019s position among branded residence developments in the region. This advantage makes the project a standout choice for buyers who value not only construction quality and a prime location, but also brand identity and the symbolic value of their asset.\n <\/p>\n <\/div>\n <div class=\"bg-white border border-gray-200 p-8 rounded-3xl shadow-card flex flex-col justify-center\">\n <h3 class=\"text-xl font-bold text-navy mb-4\">Unit Variety and Key Features<\/h3>\n <ul class=\"space-y-4 m-0 list-none\">\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"layout\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> 1-bedroom, 2-bedroom, 3-bedroom units, sky villas, and penthouses\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"maximize\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Selected units with large terraces and unique layouts\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"monitor-smartphone\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Full Sea View, Marina View, and Smart Home System\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"investment\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">A Premium Choice for High-End Investment<\/h2>\n <\/div>\n <div class=\"bg-white rounded-3xl shadow-card border border-gray-100 overflow-hidden\">\n <div class=\"grid grid-cols-1 md:grid-cols-2\">\n <div class=\"p-6 md:p-8 border-b md:border-b-0 md:border-r border-gray-100\">\n <h3 class=\"text-navy font-bold text-lg mb-5 flex items-center gap-2\">\n <i data-lucide=\"home\" class=\"w-5 h-5 text-gold\"><\/i> Lifestyle Benefits at Vistal\n <\/h3>\n <ul class=\"space-y-4 m-0 list-none text-sm text-gray-600\">\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>Live in an Ultra Luxury development with direct access to a premium waterfront and marina environment.<\/span><\/li>\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>A range of units from luxury apartments to sky villas and penthouses with exceptional views.<\/span><\/li>\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>A branded residence experience with modern design, high-end amenities, and exclusive services.<\/span><\/li>\n <\/ul>\n <\/div>\n <div class=\"p-6 md:p-8 bg-gray-50\">\n <h3 class=\"text-navy font-bold text-lg mb-5 flex items-center gap-2\">\n <i data-lucide=\"trending-up\" class=\"w-5 h-5 text-gold\"><\/i> Investment Advantages\n <\/h3>\n <div class=\"space-y-4\">\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Project Branding:<\/span>\n <span class=\"font-bold text-sm text-navy\">Swarovski Branding<\/span>\n <\/div>\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Target Market:<\/span>\n <span class=\"font-bold text-sm text-jade\">High-End Investors<\/span>\n <\/div>\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Growth Potential:<\/span>\n <span class=\"font-bold text-sm text-navy\">Strong appreciation potential in Al Mouj waterfront developments<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"amenities\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Project Amenities and Services<\/h2>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"waves\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Private Beach Access<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"droplets\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Infinity Pool<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"dumbbell\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Gym and Wellness Center<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"sparkles\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Spa<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"anchor\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Marina Access<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"concierge-bell\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Concierge and Valet Parking<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"shield-check\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">24\/7 Security and Smart Access<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"car-front\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Underground Parking<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"pricing\">\n <div class=\"flex items-center justify-between mb-6\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Units and Sales Terms<\/h2>\n <\/div>\n <\/div>\n <div class=\"bg-white rounded-2xl shadow-card border border-gray-100 overflow-hidden mb-8\">\n <div class=\"overflow-x-auto\">\n <table class=\"w-full text-left border-collapse\">\n <thead>\n <tr class=\"bg-navy border-b border-navy-dark\">\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm\">Unit Type<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Feature<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Starting Price (OMR)<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Status<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition-colors\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"bed-single\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">1 Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Entry-level option into the luxury waterfront project<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-base\">160,000<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-green-50 text-green-600 border border-green-200 px-3 py-1 rounded text-xs font-bold\">Approximate<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 transition-colors border-b border-gray-100\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"bed-double\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">2 Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Ideal for luxury living with selected views<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-sm\">260,000<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-orange-50 text-orange-600 border border-orange-200 px-3 py-1 rounded text-xs font-bold\">Approximate<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 transition-colors border-b border-gray-100\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"building-2\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">3 Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Larger layouts with strong investment value<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-sm\">420,000<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-red-50 text-red-600 border border-red-200 px-3 py-1 rounded text-xs font-bold\">Approximate<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 transition-colors\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"crown\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Penthouse<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Full Sea View and ultra-luxury positioning<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-sm\">From 750,000 and above<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-purple-50 text-purple-600 border border-purple-200 px-3 py-1 rounded text-xs font-bold\">Special<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-200 rounded-2xl p-6 md:p-8 shadow-sm\">\n <h3 class=\"font-bold text-lg text-navy mb-8 text-center flex items-center justify-center gap-2\">\n <i data-lucide=\"calendar-check\" class=\"w-6 h-6 text-gold\"><\/i> Payment Terms and Handover\n <\/h3>\n <div class=\"relative max-w-3xl mx-auto\">\n <div class=\"hidden md:block absolute top-1\/2 left-10 right-10 h-1 bg-gray-100 -translate-y-1\/2 z-0\"><\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 relative z-10\">\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-navy text-gold rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">Booking<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">5% to 10% Initial Payment<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">To begin the purchase process<\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-navy text-gold rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">Construction<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Staged installments during construction<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Typically 40% to 50% before handover<\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-gold text-navy rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">After Handover<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Post-Handover up to 3 to 5 years<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Remaining balance after handover<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Strategic Location in Al Mouj<\/h2>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"plane\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Located in one of Muscat\u2019s most prestigious districts<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Al Mouj is one of the leading hubs for luxury real estate and international living in Oman<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"anchor\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Direct sea and marina views<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">One of the most important competitive advantages of ultra-luxury waterfront projects in Al Mouj<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"utensils-crossed\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Access to caf\u00e9s, restaurants, and premium services<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Ideal for a High-End lifestyle and premium rental demand<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"waves\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Strong growth potential in waterfront developments<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Especially in branded residence projects with limited supply in Oman\u2019s market<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Frequently Asked Questions<\/h2>\n <\/div>\n <div class=\"space-y-4\">\n <details class=\"bg-white border border-gray-200 rounded-2xl shadow-sm p-5 md:p-6 group\">\n <summary class=\"flex justify-between items-center font-bold text-navy text-sm md:text-base cursor-pointer\">\n What types of units are expected in the Swarovski (Vistal) project?\n <i data-lucide=\"plus\" class=\"w-5 h-5 text-gold group-open:rotate-45 transition-transform\"><\/i>\n <\/summary>\n <div class=\"mt-4 pt-4 border-t border-gray-100 text-gray-600 text-sm leading-relaxed text-justify\">\n The project is expected to include 1-bedroom, 2-bedroom, 3-bedroom units, Sky Villas, and Penthouse Units. Some units may also feature large terraces, Full Sea View, Marina View, and Smart Home System.\n <\/div>\n <\/details>\n <details class=\"bg-white border border-gray-200 rounded-2xl shadow-sm p-5 md:p-6 group\">\n <summary class=\"flex justify-between items-center font-bold text-navy text-sm md:text-base cursor-pointer\">\n What is the main investment advantage of the Vistal project?\n <i data-lucide=\"plus\" class=\"w-5 h-5 text-gold group-open:rotate-45 transition-transform\"><\/i>\n <\/summary>\n <div class=\"mt-4 pt-4 border-t border-gray-100 text-gray-600 text-sm leading-relaxed text-justify\">\n Swarovski luxury branding, the limited number of branded residence projects in Oman, high rental demand in Al Mouj, and strong value appreciation potential in waterfront developments are among the key investment advantages of this project.\n <\/div>\n <\/details>\n <\/div>\n <\/section>\n\n <section class=\"block lg:hidden mt-8 mb-4\">\n <div class=\"bg-white rounded-3xl p-8 shadow-premium border border-gray-100 text-center\">\n <div class=\"w-14 h-14 bg-gold\/10 text-gold rounded-full flex items-center justify-center mx-auto mb-4\">\n <i data-lucide=\"file-text\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-xl text-navy mb-2\">Request More Information<\/h3>\n <p class=\"text-xs text-gray-500 mb-8 leading-relaxed\">Fill out the form below to receive the brochure, catalog, and a free consultation with our analysts.<\/p>\n <form class=\"space-y-5 text-left mobile-lead-form\">\n <div>\n <label class=\"block text-xs font-bold text-navy mb-2\">Full Name <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"user\" class=\"absolute left-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-4 h-4 z-10 pointer-events-none\"><\/i>\n <input type=\"text\" required class=\"w-full pl-12 pr-4 py-3.5 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white text-sm box-border\" placeholder=\"Example: Ali Rezaei\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-navy mb-2\">Mobile Number (WhatsApp) <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"phone\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-4 h-4 z-10 pointer-events-none\"><\/i>\n <input type=\"tel\" required dir=\"ltr\" class=\"w-full pl-4 pr-12 py-3.5 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white text-sm text-left box-border\" placeholder=\"+98 912 000 0000\">\n <\/div>\n <\/div>\n <button type=\"submit\" class=\"w-full bg-gold text-navy hover:bg-yellow-400 font-bold py-4 rounded-xl transition-all duration-300 mt-2 flex justify-center items-center gap-2 border-none cursor-pointer shadow-md\">\n Download Brochure & Consultation\n <i data-lucide=\"download\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <p class=\"text-[11px] text-center text-gray-400 mt-4 m-0 flex items-center justify-center gap-1.5\">\n <i data-lucide=\"shield-check\" class=\"w-4 h-4 text-jade\"><\/i> Privacy commitment: Your information is kept secure.\n <\/p>\n <\/form>\n <\/div>\n <\/section>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"lg:hidden fixed bottom-0 left-0 right-0 bg-white p-3 border-t border-gray-200 shadow-[0_-5px_15px_rgba(0,0,0,0.05)] z-50 flex gap-3\">\n <button onclick=\"document.querySelector('.mobile-lead-form').scrollIntoView({behavior: 'smooth', block: 'center'})\" class=\"flex-1 bg-gold text-navy font-bold py-3.5 rounded-xl text-sm flex items-center justify-center gap-2 border-none\">\n <i data-lucide=\"download\" class=\"w-4 h-4\"><\/i> Download Brochure\n <\/button>\n <a href=\"tel:+96812345678\" class=\"bg-navy border border-navy-dark text-white px-5 rounded-xl flex items-center justify-center\" style=\"text-decoration:none;\">\n <i data-lucide=\"phone-call\" class=\"w-5 h-5\"><\/i>\n <\/a>\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n if (typeof lucide !== 'undefined') {\n lucide.createIcons();\n }\n\n const stickySidebar = document.getElementById('sidebar-container');\n if (stickySidebar && window.innerWidth >= 1024) {\n let parent = stickySidebar.parentElement;\n while (parent && parent.tagName !== 'BODY' && parent.tagName !== 'HTML') {\n const style = window.getComputedStyle(parent);\n if (style.overflow === 'hidden' || style.overflowY === 'hidden' || style.overflowX === 'hidden') {\n parent.style.setProperty('overflow', 'visible', 'important');\n }\n parent = parent.parentElement;\n }\n }\n\n const detailsElements = document.querySelectorAll('details');\n detailsElements.forEach((targetDetail) => {\n targetDetail.addEventListener('click', () => {\n detailsElements.forEach((detail) => {\n if (detail !== targetDetail) {\n detail.removeAttribute('open');\n }\n });\n });\n });\n\n const leadForms = document.querySelectorAll('form');\n leadForms.forEach(form => {\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n alert('Your information has been submitted successfully. Skyland consultants will contact you shortly.');\n form.reset();\n });\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vistal Project – Al Mouj Muscat Luxury Waterfront Project Ultra Luxury Living Branded Residence Project Vistal A luxury waterfront development in the heart of Al Mouj Muscat, created in collaboration with the renowned Swarovski brand in the project’s design and identity; a distinctive Ultra Luxury lifestyle experience with direct sea and marina views, modern architecture, […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4413","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/comments?post=4413"}],"version-history":[{"count":6,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4413\/revisions"}],"predecessor-version":[{"id":4419,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4413\/revisions\/4419"}],"wp:attachment":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/media?parent=4413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Vistal Project - Al Mouj Muscat<\/title>\n <link href=\"tailwind_theme\/tailwind.css\" rel=\"stylesheet\" type=\"text\/css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --font-main: \"IRANSans\", \"Vazirmatn\", \"Tahoma\", sans-serif;\n }\n\n html body .skyland-premium-landing,\n html body .skyland-premium-landing *,\n body.elementor-page .skyland-premium-landing,\n body.elementor-page .skyland-premium-landing *,\n body.elementor-editor-active .skyland-premium-landing,\n body.elementor-editor-active .skyland-premium-landing *,\n body .elementor .skyland-premium-landing,\n body .elementor .skyland-premium-landing * {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing {\n direction: ltr !important;\n text-align: left !important;\n background-color: #F8F9FA !important;\n color: #1E293B;\n width: 100%;\n max-width: 100vw;\n overflow-x: hidden;\n line-height: 1.9;\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing .font-en {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing .dir-ltr {\n direction: ltr !important;\n display: inline-block;\n text-align: left;\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing h1,\n .skyland-premium-landing h2,\n .skyland-premium-landing h3,\n .skyland-premium-landing h4,\n .skyland-premium-landing h5,\n .skyland-premium-landing h6,\n .skyland-premium-landing p,\n .skyland-premium-landing span,\n .skyland-premium-landing div,\n .skyland-premium-landing a,\n .skyland-premium-landing li,\n .skyland-premium-landing input,\n .skyland-premium-landing button,\n .skyland-premium-landing table,\n .skyland-premium-landing th,\n .skyland-premium-landing td,\n .skyland-premium-landing label,\n .skyland-premium-landing strong,\n .skyland-premium-landing small,\n .skyland-premium-landing textarea,\n .skyland-premium-landing select,\n .skyland-premium-landing option,\n .skyland-premium-landing input::placeholder,\n .skyland-premium-landing textarea::placeholder {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing input,\n .skyland-premium-landing textarea,\n .skyland-premium-landing select {\n -webkit-appearance: none;\n appearance: none;\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n }\n\n .skyland-premium-landing input::placeholder,\n .skyland-premium-landing textarea::placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n unicode-bidi: plaintext;\n }\n\n .skyland-premium-landing input::-webkit-input-placeholder,\n .skyland-premium-landing textarea::-webkit-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input::-moz-placeholder,\n .skyland-premium-landing textarea::-moz-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input:-ms-input-placeholder,\n .skyland-premium-landing textarea:-ms-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input::-ms-input-placeholder,\n .skyland-premium-landing textarea::-ms-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar {\n width: 6px;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar-track {\n background: transparent;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar-thumb {\n background: #083241;\n border-radius: 10px;\n }\n\n .skyland-elementor-fix p,\n .skyland-elementor-fix h1,\n .skyland-elementor-fix h2,\n .skyland-elementor-fix h3,\n .skyland-elementor-fix h4,\n .skyland-elementor-fix ul {\n margin: 0;\n padding: 0;\n }\n\n @media (min-width: 1024px) {\n .lg-sticky-sidebar {\n position: sticky !important;\n top: 110px !important;\n max-height: calc(100vh - 130px);\n overflow-y: auto;\n scrollbar-width: none;\n padding-bottom: 20px;\n }\n\n .lg-sticky-sidebar::-webkit-scrollbar {\n display: none;\n }\n }\n\n details > summary {\n list-style: none;\n cursor: pointer;\n }\n\n details > summary::-webkit-details-marker {\n display: none;\n }\n <\/style>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n corePlugins: { preflight: false },\n theme: {\n extend: {\n colors: {\n navy: '#083241',\n 'navy-dark': '#041F2A',\n gold: '#F5C236',\n 'gold-light': '#FDF3D7',\n cream: '#F8F5F0',\n jade: '#10B981',\n ruby: '#EF4444'\n },\n boxShadow: {\n 'premium': '0 20px 40px -15px rgba(8, 50, 65, 0.08)',\n 'card': '0 4px 15px rgba(0,0,0,0.03)'\n }\n }\n }\n }\n <\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n<\/head>\n<body>\n<div class=\"skyland-premium-landing pb-24 lg:pb-0\" dir=\"ltr\">\n <div style=\"position: relative; width: 100%; background-color: #083241; min-height: 550px; display: flex; align-items: center; border-bottom: 4px solid #F5C236;\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80\" alt=\"Vistal Project Al Mouj Muscat\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.3; z-index: 1;\">\n <div style=\"position: absolute; inset: 0; background: linear-gradient(to left, rgba(8,50,65,0.9) 0%, rgba(8,50,65,0.4) 100%); z-index: 2;\"><\/div>\n <div class=\"relative z-10 w-full py-16 md:py-24\">\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-10\">\n <div class=\"max-w-3xl w-full text-center md:text-left md:order-1\">\n <div class=\"flex flex-wrap justify-center md:justify-start gap-2 mb-6\">\n <span class=\"bg-gold text-navy text-xs font-bold px-3 py-1.5 rounded-md flex items-center gap-1.5 shadow-lg\">\n <i data-lucide=\"award\" class=\"w-4 h-4\"><\/i> Luxury Waterfront Project\n <\/span>\n <span class=\"bg-white\/10 backdrop-blur-md text-white border border-white\/20 text-xs px-3 py-1.5 rounded-md\">\n Ultra Luxury Living\n <\/span>\n <span class=\"bg-white\/10 backdrop-blur-md text-white border border-white\/20 text-xs px-3 py-1.5 rounded-md\">\n Branded Residence\n <\/span>\n <\/div>\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-5 leading-tight\">Project <span class=\"text-gold\">Vistal<\/span><\/h1>\n <p class=\"text-base md:text-lg text-gray-300 mb-8 max-w-2xl leading-relaxed mx-auto md:mx-0\">\n A luxury waterfront development in the heart of Al Mouj Muscat, created in collaboration with the renowned Swarovski brand in the project's design and identity; a distinctive Ultra Luxury lifestyle experience with direct sea and marina views, modern architecture, and a branded residence concept.\n <\/p>\n <div class=\"flex flex-wrap justify-center md:justify-start items-center gap-y-3 gap-x-6 text-white text-sm\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"map-pin\" class=\"text-gold w-4 h-4\"><\/i><\/div> Al Mouj, Muscat\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"building\" class=\"text-gold w-4 h-4\"><\/i><\/div> Staged Payment Plan\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"gem\" class=\"text-gold w-4 h-4\"><\/i><\/div> Advantage: <span class=\"font-bold ml-1 text-gold\">Luxury Branding + Premium Views<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-auto flex justify-center md:order-2\">\n <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-6 rounded-2xl text-left w-full md:w-[320px] shadow-2xl relative\">\n <div class=\"absolute -top-3 -left-3 w-8 h-8 bg-gold rounded-full flex items-center justify-center animate-bounce\">\n <i data-lucide=\"arrow-down\" class=\"text-navy w-4 h-4\"><\/i>\n <\/div>\n <p class=\"text-gray-300 text-sm mb-2 font-medium\">Starting price from<\/p>\n <div class=\"flex items-center gap-2 justify-start mb-3 border-b border-white\/20 pb-3\" dir=\"ltr\">\n <span class=\"text-white font-bold text-4xl\">160,000<\/span>\n <span class=\"text-gold font-bold text-xl mt-1\">OMR<\/span>\n <\/div>\n <div class=\"flex justify-between items-center text-xs\">\n <span class=\"text-gray-300\">Flexible installments<\/span>\n <span class=\"text-navy font-bold bg-gold px-2 py-1 rounded\">Initial booking 5% to 10%<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8 py-16 text-left\">\n <div class=\"flex flex-col lg:flex-row gap-12 items-start relative\">\n <div class=\"w-full lg:w-[35%] order-2 hidden lg:block lg-sticky-sidebar\" id=\"sidebar-container\">\n <div class=\"space-y-6\">\n <div class=\"bg-white rounded-[24px] p-8 shadow-premium border border-gray-100 text-center relative\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-gold\"><\/div>\n <div class=\"w-14 h-14 bg-gold\/10 text-gold rounded-full flex items-center justify-center mx-auto mb-5 mt-2\">\n <i data-lucide=\"file-text\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-2xl text-navy mb-2\">Request More Information<\/h3>\n <p class=\"text-sm text-gray-500 mb-8 leading-relaxed\">Fill out the form below to receive the brochure, catalog, and a free consultation with our analysts.<\/p>\n <form id=\"desktop-lead-form\" class=\"space-y-5 text-left\">\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Full Name <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"user\" class=\"absolute left-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"text\" required class=\"w-full pl-12 pr-4 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm box-border\" placeholder=\"Example: Ali Rezaei\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Mobile Number (WhatsApp) <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"phone\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"tel\" required dir=\"ltr\" class=\"w-full pl-4 pr-12 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm text-left box-border\" placeholder=\"+98 912 000 0000\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Email (Optional)<\/label>\n <div class=\"relative\">\n <i data-lucide=\"mail\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"email\" dir=\"ltr\" class=\"w-full pl-4 pr-12 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm text-left box-border\" placeholder=\"mail@example.com\">\n <\/div>\n <\/div>\n <button type=\"submit\" class=\"w-full bg-gold text-navy hover:bg-yellow-400 font-extrabold text-lg py-4 rounded-xl transition-all duration-300 mt-4 flex justify-center items-center gap-2 border-none cursor-pointer shadow-[0_10px_20px_rgba(245,194,54,0.3)]\">\n Download Brochure & Consultation\n <i data-lucide=\"download\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <p class=\"text-xs text-center text-gray-500 mt-5 m-0 flex items-center justify-center gap-1.5\">\n <i data-lucide=\"shield-check\" class=\"w-4 h-4 text-jade\"><\/i> Privacy commitment: Your information is kept secure.\n <\/p>\n <\/form>\n <\/div>\n\n <div class=\"bg-white rounded-2xl p-6 shadow-card border border-gray-100 flex items-center gap-4\">\n <div class=\"w-14 h-14 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0 border border-gray-200\">\n <i data-lucide=\"headset\" class=\"w-6 h-6 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-base text-navy m-0\">Direct Consultation with an Expert<\/h4>\n <p class=\"text-xs text-gray-500 mt-1 mb-2\">No intermediaries, response within 15 minutes<\/p>\n <a href=\"tel:+96812345678\" class=\"text-navy font-bold dir-ltr hover:text-gold transition-colors text-sm\" style=\"text-decoration:none;\">+968 1234 5678<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-full lg:w-[65%] flex flex-col gap-16 order-1\">\n <section id=\"about\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl md:text-3xl font-bold text-navy\">A Luxury Branded Residence Experience in Al Mouj Muscat<\/h2>\n <\/div>\n <div class=\"bg-white p-6 md:p-8 rounded-3xl shadow-card border border-gray-100 text-gray-600 leading-loose text-justify text-sm md:text-base relative overflow-hidden\">\n <div class=\"absolute top-0 left-0 w-full h-1 bg-gold\"><\/div>\n <p class=\"mb-5\">\n The <strong>Swarovski (Vistal)<\/strong> project is one of the most prominent luxury waterfront developments in <strong>Al Mouj Muscat<\/strong>, developed in collaboration with the distinguished <strong>Swarovski<\/strong> brand in the project's design and identity. It has secured a unique position in Oman\u2019s luxury real estate market. With a focus on an <strong>Ultra Luxury<\/strong> lifestyle, direct sea and marina views, and modern architecture, this development is designed for buyers seeking a distinctive living or investment opportunity at a premium level.\n <\/p>\n <p class=\"mb-0\">\n Modern architecture, a branded residence atmosphere, the use of luxury elements in the visual identity of the project, and its prime waterfront location make Vistal a distinctive choice for High-End investors and buyers seeking to live in one of Oman\u2019s best international destinations.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"gallery\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Concept Design Gallery<\/h2>\n <\/div>\n <div class=\"grid grid-cols-2 gap-3 md:gap-4\">\n <div class=\"col-span-2 h-60 md:h-[400px] rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Azura-1-1.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Vistal interior design\">\n <div class=\"absolute bottom-4 left-4 bg-navy\/80 backdrop-blur-sm px-4 py-2 rounded-lg text-xs font-bold text-white\">Ultra Luxury lifestyle with direct sea and marina views<\/div>\n <\/div>\n <div class=\"h-40 md:h-56 rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Azura-1-3-scaled.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Vistal exterior in Al Mouj\">\n <\/div>\n <div class=\"h-40 md:h-56 rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Azura-1-2-scaled.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Vistal amenities\">\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"bg-navy p-8 rounded-3xl text-white shadow-premium relative overflow-hidden flex flex-col justify-center\">\n <i data-lucide=\"gem\" class=\"absolute -right-6 -bottom-6 w-32 h-32 text-gold opacity-10\"><\/i>\n <h3 class=\"text-lg md:text-xl font-bold text-gold mb-4 relative z-10 whitespace-nowrap\">Collaboration with the Luxury Brand Swarovski<\/h3>\n <p class=\"text-sm text-gray-300 leading-loose text-justify relative z-10 m-0\">\n Swarovski\u2019s involvement in the design and identity of the project has elevated Vistal\u2019s position among branded residence developments in the region. This advantage makes the project a standout choice for buyers who value not only construction quality and a prime location, but also brand identity and the symbolic value of their asset.\n <\/p>\n <\/div>\n <div class=\"bg-white border border-gray-200 p-8 rounded-3xl shadow-card flex flex-col justify-center\">\n <h3 class=\"text-xl font-bold text-navy mb-4\">Unit Variety and Key Features<\/h3>\n <ul class=\"space-y-4 m-0 list-none\">\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"layout\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> 1-bedroom, 2-bedroom, 3-bedroom units, sky villas, and penthouses\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"maximize\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Selected units with large terraces and unique layouts\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"monitor-smartphone\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Full Sea View, Marina View, and Smart Home System\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"investment\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">A Premium Choice for High-End Investment<\/h2>\n <\/div>\n <div class=\"bg-white rounded-3xl shadow-card border border-gray-100 overflow-hidden\">\n <div class=\"grid grid-cols-1 md:grid-cols-2\">\n <div class=\"p-6 md:p-8 border-b md:border-b-0 md:border-r border-gray-100\">\n <h3 class=\"text-navy font-bold text-lg mb-5 flex items-center gap-2\">\n <i data-lucide=\"home\" class=\"w-5 h-5 text-gold\"><\/i> Lifestyle Benefits at Vistal\n <\/h3>\n <ul class=\"space-y-4 m-0 list-none text-sm text-gray-600\">\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>Live in an Ultra Luxury development with direct access to a premium waterfront and marina environment.<\/span><\/li>\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>A range of units from luxury apartments to sky villas and penthouses with exceptional views.<\/span><\/li>\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>A branded residence experience with modern design, high-end amenities, and exclusive services.<\/span><\/li>\n <\/ul>\n <\/div>\n <div class=\"p-6 md:p-8 bg-gray-50\">\n <h3 class=\"text-navy font-bold text-lg mb-5 flex items-center gap-2\">\n <i data-lucide=\"trending-up\" class=\"w-5 h-5 text-gold\"><\/i> Investment Advantages\n <\/h3>\n <div class=\"space-y-4\">\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Project Branding:<\/span>\n <span class=\"font-bold text-sm text-navy\">Swarovski Branding<\/span>\n <\/div>\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Target Market:<\/span>\n <span class=\"font-bold text-sm text-jade\">High-End Investors<\/span>\n <\/div>\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Growth Potential:<\/span>\n <span class=\"font-bold text-sm text-navy\">Strong appreciation potential in Al Mouj waterfront developments<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"amenities\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Project Amenities and Services<\/h2>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"waves\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Private Beach Access<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"droplets\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Infinity Pool<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"dumbbell\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Gym and Wellness Center<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"sparkles\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Spa<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"anchor\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Marina Access<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"concierge-bell\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Concierge and Valet Parking<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"shield-check\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">24\/7 Security and Smart Access<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"car-front\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Underground Parking<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"pricing\">\n <div class=\"flex items-center justify-between mb-6\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Units and Sales Terms<\/h2>\n <\/div>\n <\/div>\n <div class=\"bg-white rounded-2xl shadow-card border border-gray-100 overflow-hidden mb-8\">\n <div class=\"overflow-x-auto\">\n <table class=\"w-full text-left border-collapse\">\n <thead>\n <tr class=\"bg-navy border-b border-navy-dark\">\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm\">Unit Type<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Feature<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Starting Price (OMR)<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Status<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition-colors\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"bed-single\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">1 Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Entry-level option into the luxury waterfront project<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-base\">160,000<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-green-50 text-green-600 border border-green-200 px-3 py-1 rounded text-xs font-bold\">Approximate<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 transition-colors border-b border-gray-100\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"bed-double\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">2 Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Ideal for luxury living with selected views<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-sm\">260,000<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-orange-50 text-orange-600 border border-orange-200 px-3 py-1 rounded text-xs font-bold\">Approximate<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 transition-colors border-b border-gray-100\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"building-2\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">3 Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Larger layouts with strong investment value<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-sm\">420,000<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-red-50 text-red-600 border border-red-200 px-3 py-1 rounded text-xs font-bold\">Approximate<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 transition-colors\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"crown\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Penthouse<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Full Sea View and ultra-luxury positioning<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-sm\">From 750,000 and above<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-purple-50 text-purple-600 border border-purple-200 px-3 py-1 rounded text-xs font-bold\">Special<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-200 rounded-2xl p-6 md:p-8 shadow-sm\">\n <h3 class=\"font-bold text-lg text-navy mb-8 text-center flex items-center justify-center gap-2\">\n <i data-lucide=\"calendar-check\" class=\"w-6 h-6 text-gold\"><\/i> Payment Terms and Handover\n <\/h3>\n <div class=\"relative max-w-3xl mx-auto\">\n <div class=\"hidden md:block absolute top-1\/2 left-10 right-10 h-1 bg-gray-100 -translate-y-1\/2 z-0\"><\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 relative z-10\">\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-navy text-gold rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">Booking<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">5% to 10% Initial Payment<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">To begin the purchase process<\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-navy text-gold rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">Construction<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Staged installments during construction<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Typically 40% to 50% before handover<\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-gold text-navy rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">After Handover<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Post-Handover up to 3 to 5 years<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Remaining balance after handover<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Strategic Location in Al Mouj<\/h2>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"plane\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Located in one of Muscat\u2019s most prestigious districts<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Al Mouj is one of the leading hubs for luxury real estate and international living in Oman<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"anchor\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Direct sea and marina views<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">One of the most important competitive advantages of ultra-luxury waterfront projects in Al Mouj<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"utensils-crossed\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Access to caf\u00e9s, restaurants, and premium services<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Ideal for a High-End lifestyle and premium rental demand<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"waves\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Strong growth potential in waterfront developments<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Especially in branded residence projects with limited supply in Oman\u2019s market<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Frequently Asked Questions<\/h2>\n <\/div>\n <div class=\"space-y-4\">\n <details class=\"bg-white border border-gray-200 rounded-2xl shadow-sm p-5 md:p-6 group\">\n <summary class=\"flex justify-between items-center font-bold text-navy text-sm md:text-base cursor-pointer\">\n What types of units are expected in the Swarovski (Vistal) project?\n <i data-lucide=\"plus\" class=\"w-5 h-5 text-gold group-open:rotate-45 transition-transform\"><\/i>\n <\/summary>\n <div class=\"mt-4 pt-4 border-t border-gray-100 text-gray-600 text-sm leading-relaxed text-justify\">\n The project is expected to include 1-bedroom, 2-bedroom, 3-bedroom units, Sky Villas, and Penthouse Units. Some units may also feature large terraces, Full Sea View, Marina View, and Smart Home System.\n <\/div>\n <\/details>\n <details class=\"bg-white border border-gray-200 rounded-2xl shadow-sm p-5 md:p-6 group\">\n <summary class=\"flex justify-between items-center font-bold text-navy text-sm md:text-base cursor-pointer\">\n What is the main investment advantage of the Vistal project?\n <i data-lucide=\"plus\" class=\"w-5 h-5 text-gold group-open:rotate-45 transition-transform\"><\/i>\n <\/summary>\n <div class=\"mt-4 pt-4 border-t border-gray-100 text-gray-600 text-sm leading-relaxed text-justify\">\n Swarovski luxury branding, the limited number of branded residence projects in Oman, high rental demand in Al Mouj, and strong value appreciation potential in waterfront developments are among the key investment advantages of this project.\n <\/div>\n <\/details>\n <\/div>\n <\/section>\n\n <section class=\"block lg:hidden mt-8 mb-4\">\n <div class=\"bg-white rounded-3xl p-8 shadow-premium border border-gray-100 text-center\">\n <div class=\"w-14 h-14 bg-gold\/10 text-gold rounded-full flex items-center justify-center mx-auto mb-4\">\n <i data-lucide=\"file-text\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-xl text-navy mb-2\">Request More Information<\/h3>\n <p class=\"text-xs text-gray-500 mb-8 leading-relaxed\">Fill out the form below to receive the brochure, catalog, and a free consultation with our analysts.<\/p>\n <form class=\"space-y-5 text-left mobile-lead-form\">\n <div>\n <label class=\"block text-xs font-bold text-navy mb-2\">Full Name <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"user\" class=\"absolute left-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-4 h-4 z-10 pointer-events-none\"><\/i>\n <input type=\"text\" required class=\"w-full pl-12 pr-4 py-3.5 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white text-sm box-border\" placeholder=\"Example: Ali Rezaei\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-navy mb-2\">Mobile Number (WhatsApp) <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"phone\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-4 h-4 z-10 pointer-events-none\"><\/i>\n <input type=\"tel\" required dir=\"ltr\" class=\"w-full pl-4 pr-12 py-3.5 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white text-sm text-left box-border\" placeholder=\"+98 912 000 0000\">\n <\/div>\n <\/div>\n <button type=\"submit\" class=\"w-full bg-gold text-navy hover:bg-yellow-400 font-bold py-4 rounded-xl transition-all duration-300 mt-2 flex justify-center items-center gap-2 border-none cursor-pointer shadow-md\">\n Download Brochure & Consultation\n <i data-lucide=\"download\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <p class=\"text-[11px] text-center text-gray-400 mt-4 m-0 flex items-center justify-center gap-1.5\">\n <i data-lucide=\"shield-check\" class=\"w-4 h-4 text-jade\"><\/i> Privacy commitment: Your information is kept secure.\n <\/p>\n <\/form>\n <\/div>\n <\/section>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"lg:hidden fixed bottom-0 left-0 right-0 bg-white p-3 border-t border-gray-200 shadow-[0_-5px_15px_rgba(0,0,0,0.05)] z-50 flex gap-3\">\n <button onclick=\"document.querySelector('.mobile-lead-form').scrollIntoView({behavior: 'smooth', block: 'center'})\" class=\"flex-1 bg-gold text-navy font-bold py-3.5 rounded-xl text-sm flex items-center justify-center gap-2 border-none\">\n <i data-lucide=\"download\" class=\"w-4 h-4\"><\/i> Download Brochure\n <\/button>\n <a href=\"tel:+96812345678\" class=\"bg-navy border border-navy-dark text-white px-5 rounded-xl flex items-center justify-center\" style=\"text-decoration:none;\">\n <i data-lucide=\"phone-call\" class=\"w-5 h-5\"><\/i>\n <\/a>\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n if (typeof lucide !== 'undefined') {\n lucide.createIcons();\n }\n\n const stickySidebar = document.getElementById('sidebar-container');\n if (stickySidebar && window.innerWidth >= 1024) {\n let parent = stickySidebar.parentElement;\n while (parent && parent.tagName !== 'BODY' && parent.tagName !== 'HTML') {\n const style = window.getComputedStyle(parent);\n if (style.overflow === 'hidden' || style.overflowY === 'hidden' || style.overflowX === 'hidden') {\n parent.style.setProperty('overflow', 'visible', 'important');\n }\n parent = parent.parentElement;\n }\n }\n\n const detailsElements = document.querySelectorAll('details');\n detailsElements.forEach((targetDetail) => {\n targetDetail.addEventListener('click', () => {\n detailsElements.forEach((detail) => {\n if (detail !== targetDetail) {\n detail.removeAttribute('open');\n }\n });\n });\n });\n\n const leadForms = document.querySelectorAll('form');\n leadForms.forEach(form => {\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n alert('Your information has been submitted successfully. Skyland consultants will contact you shortly.');\n form.reset();\n });\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vistal Project – Al Mouj Muscat Luxury Waterfront Project Ultra Luxury Living Branded Residence Project Vistal A luxury waterfront development in the heart of Al Mouj Muscat, created in collaboration with the renowned Swarovski brand in the project’s design and identity; a distinctive Ultra Luxury lifestyle experience with direct sea and marina views, modern architecture, […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4413","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/comments?post=4413"}],"version-history":[{"count":6,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4413\/revisions"}],"predecessor-version":[{"id":4419,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4413\/revisions\/4419"}],"wp:attachment":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/media?parent=4413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}