{"id":28077,"date":"2026-04-02T13:12:05","date_gmt":"2026-04-02T13:12:05","guid":{"rendered":"https:\/\/weblab-studio.com\/?page_id=28077"},"modified":"2026-04-30T15:26:48","modified_gmt":"2026-04-30T15:26:48","slug":"hotel-apartment-booking","status":"publish","type":"page","link":"https:\/\/weblab-studio.com\/hr\/booking-systems\/hotel-apartment-booking\/","title":{"rendered":"Rezervacije Hotela i Apartmana"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28077\" class=\"elementor elementor-28077\">\n\t\t\t\t<div class=\"elementor-element elementor-element-193e793 e-con-full e-flex e-con e-parent\" data-id=\"193e793\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c60e73d e-flex e-con-boxed e-con e-child\" data-id=\"c60e73d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-288c9e0 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"288c9e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wl-badge-container\">\r\n    <div class=\"wl-floating-badge\">\r\n        <span class=\"wl-pulse-dot\"><\/span>\r\n        <span class=\"wl-badge-text\">All-in-One Booking Solution<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Izolirani CSS *\/\r\n.wl-badge-container {\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    align-items: center !important;\r\n    width: 100% !important;\r\n    margin-bottom: 20px !important;\r\n    padding: 10px 0 !important;\r\n    text-align: center !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.wl-floating-badge {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 12px !important;\r\n    background: rgba(255, 255, 255, 0.05) !important;\r\n    backdrop-filter: blur(12px) !important;\r\n    -webkit-backdrop-filter: blur(12px) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n    padding: 10px 22px !important;\r\n    border-radius: 50px !important;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;\r\n    transition: all 0.3s ease !important;\r\n    pointer-events: none;\r\n}\r\n\r\n.wl-badge-text {\r\n    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;\r\n    font-size: 13px !important;\r\n    font-weight: 800 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 2px !important;\r\n    color: #f97316 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    line-height: 1 !important;\r\n    white-space: nowrap !important;\r\n}\r\n\r\n.wl-pulse-dot {\r\n    width: 10px !important;\r\n    height: 10px !important;\r\n    background-color: #f97316 !important;\r\n    border-radius: 50% !important;\r\n    position: relative !important;\r\n    flex-shrink: 0 !important;\r\n    box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.5) !important;\r\n    animation: wl-pulse-orange 2s infinite !important;\r\n}\r\n\r\n@keyframes wl-pulse-orange {\r\n    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7); }\r\n    70% { transform: scale(1.1); box-shadow: 0 0 0 12px rgba(249, 115, 22, 0); }\r\n    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); }\r\n}\r\n\r\n\/* Prilagodba za Mobitel (pove\u0107an bo\u010dni padding kontejnera) *\/\r\n@media (max-width: 768px) {\r\n    .wl-badge-container {\r\n        padding-left: 25px !important;  \/* Razmak s lijeve strane *\/\r\n        padding-right: 25px !important; \/* Razmak s desne strane *\/\r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n    }\r\n    \r\n    .wl-badge-text {\r\n        font-size: 10px !important; \/* Neznatno smanjen font za bolji fit *\/\r\n        letter-spacing: 1px !important; \/* Smanjen razmak slova na uskim ekranima *\/\r\n    }\r\n\r\n    .wl-floating-badge {\r\n        padding: 8px 16px !important; \/* Ne\u0161to u\u017ei badge na mobitelu *\/\r\n        gap: 8px !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ab3a38 elementor-widget-tablet__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9ab3a38\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_mobile&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><span style=\"color:#ff771e\">Hotel &amp; Apartment<\/span>  Booking System<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7e6622 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"e7e6622\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A premium, commission-free booking system designed to turn your website visitors into guests.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ee26ad e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"4ee26ad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f882fd3 elementor-widget elementor-widget-button\" data-id=\"f882fd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#quotehotel\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">GET A FREE QUOTE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d41d34d elementor-widget elementor-widget-button\" data-id=\"d41d34d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#hotelfeatures\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-hotel\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">FEATURES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-339638b e-flex e-con-boxed e-con e-child\" data-id=\"339638b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edcf037 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"edcf037\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wl-trust-container\">\n    <div class=\"wl-trust-text\">\n        <span class=\"wl-trust-icon\">\u2605<\/span>\n        Trusted for <span class=\"wl-highlight\">0% Commission<\/span> direct bookings\n    <\/div>\n<\/div>\n\n<style>\n\/* Izolirani CSS za Trust Indicator *\/\n.wl-trust-container {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    margin-top: 35px; \/* Razmak od elemenata iznad *\/\n    padding: 10px 0;\n}\n\n.wl-trust-text {\n    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 2.5px !important;\n    color: rgba(255, 255, 255, 0.5) !important; \/* Elegantna siva\/prozirna bijela *\/\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 !important;\n    line-height: 1.2 !important;\n}\n\n.wl-trust-icon {\n    color: #f97316 !important; \/* Tvoja naran\u010dasta za zvjezdicu *\/\n    font-size: 16px !important;\n}\n\n.wl-highlight {\n    color: rgba(255, 255, 255, 0.9) !important; \/* Malo ja\u010da bijela za naglasak *\/\n    border-bottom: 1px solid rgba(249, 115, 22, 0.3) !important; \/* Suptilna naran\u010dasta linija ispod *\/\n}\n\n\/* Responzivnost za manje ekrane *\/\n@media (max-width: 600px) {\n    .wl-trust-text {\n        font-size: 11px !important;\n        letter-spacing: 1.5px !important;\n        text-align: center;\n        flex-direction: column;\n        gap: 5px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec9632c e-flex e-con-boxed e-con e-parent\" data-id=\"ec9632c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3dab86 elementor-widget elementor-widget-heading\" data-id=\"e3dab86\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Everything you need for <span style=\"color:#ff771e\"> 100% occupancy <\/span> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b26d732 elementor-widget elementor-widget-text-editor\" data-id=\"b26d732\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our system is engineered to maximize your revenue while minimizing administrative workload.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11551b2 e-con-full e-flex e-con e-child\" data-id=\"11551b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9454029 elementor-widget elementor-widget-menu-anchor\" data-id=\"9454029\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"hotelfeatures\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db175f4 elementor-widget elementor-widget-html\" data-id=\"db175f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* Koristimo specifi\u010dniji ID da ne gazimo druge stvari *\/\n#features-pro-section {\n    width: 100% !important;\n    max-width: 1200px !important;\n    margin: 40px auto !important; \/* Centriranje cijelog bloka *\/\n    padding: 20px !important;\n    font-family: 'Inter', -apple-system, sans-serif !important;\n    display: block !important;\n}\n\n#features-pro-section .features-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 24px !important;\n    width: 100% !important;\n}\n\n\/* KARTICE *\/\n#features-pro-section .feature-card {\n    display: flex !important;\n    align-items: center !important;\n    gap: 18px !important;\n    background: #ffffff !important;\n    padding: 20px 24px !important;\n    border-radius: 20px !important;\n    transition: all .35s ease !important;\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05) !important;\n    border: 1px solid #f0f2f5 !important;\n    text-align: left !important; \/* Osiguravamo da tekst u kartici ostane lijevo *\/\n}\n\n#features-pro-section .feature-card:hover {\n    transform: translateY(-8px) !important;\n    box-shadow: 0 20px 40px rgba(80, 140, 255, 0.18) !important;\n}\n\n#features-pro-section .icon-box {\n    width: 54px !important;\n    height: 54px !important;\n    border-radius: 16px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    color: white !important;\n    flex-shrink: 0 !important;\n}\n\n#features-pro-section .feature-title {\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    color: #1a2b4c !important;\n    margin: 0 !important;\n}\n\n#features-pro-section .feature-desc {\n    font-size: 13px !important;\n    color: #64748b !important;\n    margin-top: 2px !important;\n}\n\n\/* GRADIENTS *\/\n.icon-sync { background: linear-gradient(135deg, #6366f1, #a855f7) !important; }\n.icon-showcase { background: linear-gradient(135deg, #3b82f6, #2dd4bf) !important; }\n.icon-search { background: linear-gradient(135deg, #f59e0b, #ef4444) !important; }\n.icon-calendar { background: linear-gradient(135deg, #10b981, #3b82f6) !important; }\n.icon-price { background: linear-gradient(135deg, #f43f5e, #fb923c) !important; }\n.icon-secure { background: linear-gradient(135deg, #06b6d4, #3b82f6) !important; }\n\n\/* RESPONSIVE *\/\n@media(max-width:1024px){\n    #features-pro-section .features-grid { grid-template-columns: repeat(2, 1fr) !important; }\n}\n@media(max-width:650px){\n    #features-pro-section .features-grid { grid-template-columns: 1fr !important; }\n}\n<\/style>\n\n<section id=\"features-pro-section\">\n    <div class=\"features-grid\">\n        <div class=\"feature-card\">\n            <div class=\"icon-box icon-sync\">\n                <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path><\/svg>\n            <\/div>\n            <div class=\"feature-content\">\n                <div class=\"feature-title\">Airbnb & Booking Sync<\/div>\n                <div class=\"feature-desc\">Sync with Airbnb & Booking.com<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-card\">\n            <div class=\"icon-box icon-showcase\">\n                <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"feature-content\">\n                <div class=\"feature-title\">High-End Showcasing<\/div>\n                <div class=\"feature-desc\">Amenities & Pro Photo Galleries<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-card\">\n            <div class=\"icon-box icon-search\">\n                <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"><\/path><\/svg>\n            <\/div>\n            <div class=\"feature-content\">\n                <div class=\"feature-title\">Smart Mobile Search<\/div>\n                <div class=\"feature-desc\">Advanced filters for guests<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-card\">\n            <div class=\"icon-box icon-calendar\">\n                <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"feature-content\">\n                <div class=\"feature-title\">Live Availability<\/div>\n                <div class=\"feature-desc\">Instant real-time booking updates<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-card\">\n            <div class=\"icon-box icon-price\">\n                <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"feature-content\">\n                <div class=\"feature-title\">Dynamic Seasonal Rates<\/div>\n                <div class=\"feature-desc\">Auto-adjust prices for holidays<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-card\">\n            <div class=\"icon-box icon-secure\">\n                <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"feature-content\">\n                <div class=\"feature-title\">Secure Payments<\/div>\n                <div class=\"feature-desc\">Stripe, PayPal & Offline options<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b2dcd4 elementor-widget elementor-widget-html\" data-id=\"0b2dcd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* Stilovi ostaju isti kao u tvom originalu radi konzistencije dizajna *\/\n.features-btn-wrap{ text-align:center; margin-top:-20px; }\n.features-btn{ display:inline-flex; align-items:center; gap:10px; padding:14px 24px; border-radius:14px; background:#ffffff; color:#1a2b4c; font-weight:600; text-decoration:none; box-shadow:0 10px 25px rgba(80,140,255,0.12); transition:all .3s ease; cursor:pointer; }\n.features-btn:hover{ transform:translateY(-4px); box-shadow:0 20px 45px rgba(80,140,255,0.28); }\n.features-btn svg{ width:18px; height:18px; flex-shrink:0; }\n\n.popup-overlay{ position:fixed; inset:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:all .3s ease; z-index:9999; padding:20px; }\n.popup-overlay.active{ opacity:1; visibility:visible; }\n.popup-box{ background:#fff; border-radius:20px; width:100%; max-width:1100px; padding:32px; box-shadow:0 30px 80px rgba(0,0,0,0.3); position:relative; transform:translateY(30px); transition:all .3s ease; max-height:85vh; overflow-y:auto; }\n.popup-overlay.active .popup-box{ transform:translateY(0); }\n.popup-close{ position:absolute; top:14px; right:18px; font-size:26px; line-height:1; cursor:pointer; color:#1a2b4c; }\n.popup-title{ font-size:26px; font-weight:700; color:#1a2b4c; margin-bottom:10px; }\n.popup-subtitle{ font-size:15px; line-height:1.7; color:#4b5a7a; margin-bottom:28px; max-width:700px; }\n.popup-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }\n.popup-card{ background:#ffffff; padding:26px; border-radius:16px; box-shadow:0 10px 25px rgba(80,140,255,0.12); transition:all .35s ease; display:flex; flex-direction:column; align-items:flex-start; text-align:left; border:1px solid rgba(64,84,178,0.08); }\n.popup-card:hover{ transform:translateY(-6px); box-shadow:0 20px 45px rgba(80,140,255,0.22); }\n.popup-icon{ width:50px; height:50px; margin-bottom:16px; border-radius:14px; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; }\n.popup-icon svg{ width:24px; height:24px; }\n.popup-card-title{ font-size:17px; font-weight:600; color:#1a2b4c; margin-bottom:10px; }\n.popup-card-desc{ font-size:14px; line-height:1.65; color:#4b5a7a; }\n\n.icon-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);}\n.icon-teal{background:linear-gradient(135deg,#14b8a6,#06b6d4);}\n.icon-orange{background:linear-gradient(135deg,#f97316,#fb923c);}\n\n.popup-footer{ margin-top:30px; display:flex; justify-content:center; }\n.popup-close-btn{ padding:12px 24px; border-radius:12px; border:none; background:#1a2b4c; color:#fff; font-weight:600; cursor:pointer; transition:all .3s ease; }\n\n@media (max-width: 900px){ .popup-grid{ grid-template-columns:repeat(2,1fr); } }\n@media (max-width: 600px){ .popup-grid{ grid-template-columns:1fr; } }\n<\/style>\n\n<div class=\"features-btn-wrap\">\n    <a href=\"javascript:void(0)\" class=\"features-btn\" onclick=\"openPopup()\">\n        <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <path d=\"M4 6h16M4 12h16M4 18h16\"><\/path>\n        <\/svg>\n        See All Advanced Features\n    <\/a>\n<\/div>\n\n<div class=\"popup-overlay\" id=\"featuresPopup\">\n  <div class=\"popup-box\">\n    <div class=\"popup-close\" onclick=\"closePopup()\">\u00d7<\/div>\n\n    <div class=\"popup-title\">Professional Booking Features<\/div>\n    <div class=\"popup-subtitle\">\n        Everything you need to manage your apartments or hotel properties efficiently, automate your workflow, and maximize direct bookings.\n    <\/div>\n\n    <div class=\"popup-grid\">\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-purple\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 0H3m5 0a18.5 18.5 0 00-4-9C5 5 5 15 5 15\"><\/path><path d=\"M12 21l4-10 4 10m-7-3h6\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Multi-Language & Translation<\/div>\n            <div class=\"popup-card-desc\">Translate your website to multiple languages to reach global customers.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-teal\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Advanced Search & Filters<\/div>\n            <div class=\"popup-card-desc\">Custom fields and filters allow guests to find the perfect unit based on specific property facilities and amenities.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-orange\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Multiple Property Bookings<\/div>\n            <div class=\"popup-card-desc\">Allow guests to reserve multiple rooms or apartments in a single transaction, perfect for groups and families.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-purple\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Flexible Rates Based on Facilities<\/div>\n            <div class=\"popup-card-desc\">Set smart price rules based on specific room features or amenities, ensuring you always get the right value for every unique unit.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-teal\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Per-Person & Extra Guest Fees<\/div>\n            <div class=\"popup-card-desc\">Automate pricing based on the number of guests, including per-person rates and extra guest fees.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-orange\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Discounts for Longer Stays<\/div>\n            <div class=\"popup-card-desc\">Encourage longer visits by offering automated property rates that decrease as the length of stay increases.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-purple\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Custom Discount Coupons<\/div>\n            <div class=\"popup-card-desc\">Boost direct bookings with customizable discount codes for seasonal promos or loyal returning guests.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-teal\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 14l6-6m-5.5.5h.01m4.99 5h.01M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m-1 4h1m5-8h1m-1 4h1m-1 4h1\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Compulsory Taxes & Service Fees<\/div>\n            <div class=\"popup-card-desc\">Automatically calculate compulsory taxes, cleaning fees, and service charges at the moment of booking.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-orange\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Bookable Extras & Free Servicess<\/div>\n            <div class=\"popup-card-desc\">Offer bookable extras like airport transfers, breakfast, or tours as paid add-ons or free services.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-purple\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Automated or Manual Confirmations<\/div>\n            <div class=\"popup-card-desc\">Choose between instant real-time confirmation or manual approval for every incoming reservation.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-teal\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Edit & Add Bookings Manually<\/div>\n            <div class=\"popup-card-desc\">Easily record walk-in reservations manually and edit original booking details directly from your dashboard.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-orange\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">User & Admin Portals<\/div>\n            <div class=\"popup-card-desc\">Dedicated dashboards for guests to manage their stays and for admins to oversee all operations.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-purple\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Master Admin Booking Calendar<\/div>\n            <div class=\"popup-card-desc\">Visualize all your bookings in one professional master calendar for better organization and planning.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-teal\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Min\/Max Stay Requirements<\/div>\n            <div class=\"popup-card-desc\">Fully customizable minimum and maximum stay requirements based on seasons or specific dates.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-orange\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Block Dates & Maintenance<\/div>\n            <div class=\"popup-card-desc\">Quickly take properties out of the booking rotation for maintenance, cleaning, or private use.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"popup-icon icon-purple\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Branded Email Notifications<\/div>\n            <div class=\"popup-card-desc\">Automated, professionally branded email notifications for both admins and clients for every action.<\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"popup-footer\">\n        <button class=\"popup-close-btn\" onclick=\"closePopup()\">Close Window<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction openPopup(){\n    var popup = document.getElementById(\"featuresPopup\");\n    if(popup){\n        popup.classList.add(\"active\");\n        document.body.style.overflow = \"hidden\";\n    }\n}\nfunction closePopup(){\n    var popup = document.getElementById(\"featuresPopup\");\n    if(popup){\n        popup.classList.remove(\"active\");\n        document.body.style.overflow = \"\";\n    }\n}\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n    var popup = document.getElementById(\"featuresPopup\");\n    if(popup){\n        popup.addEventListener(\"click\", function(e){\n            if(e.target === this) closePopup();\n        });\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a9f6d8 e-flex e-con-boxed e-con e-parent\" data-id=\"8a9f6d8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cc7aeb elementor-widget elementor-widget-html\" data-id=\"1cc7aeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* 1. RESET & SECTION *\/\n.wl-sync-section {\n    padding: 60px 20px 100px 20px !important;\n    background: transparent !important;\n    font-family: 'Inter', sans-serif !important;\n    color: #ffffff !important;\n    width: 100% !important;\n    display: block !important;\n}\n\n.wl-sync-container {\n    max-width: 1200px !important;\n    margin: 0 auto !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 80px !important;\n    flex-wrap: wrap !important;\n}\n\n\/* 2. TEXT CONTENT *\/\n.wl-sync-content {\n    flex: 1.2 !important;\n    min-width: 300px !important;\n    padding-left: 50px !important;\n    text-align: left !important;\n}\n\n.wl-sync-title {\n    font-size: 52px !important;\n    font-weight: 800 !important;\n    line-height: 1.1 !important;\n    margin-bottom: 40px !important;\n    letter-spacing: -1px !important;\n    color: #ffffff !important;\n}\n\n.wl-orange { color: #f97316 !important; }\n\n.wl-sync-description {\n    font-size: 19px !important;\n    color: rgba(255, 255, 255, 0.7) !important;\n    line-height: 1.8 !important;\n    margin-bottom: 45px !important;\n}\n\n\/* 3. CHANNEL ICONS *\/\n.wl-channel-grid {\n    display: flex !important;\n    gap: 15px !important;\n    flex-wrap: wrap !important;\n}\n\n.wl-channel-item {\n    background: rgba(255, 255, 255, 0.08) !important;\n    border: 1px solid rgba(255, 255, 255, 0.1) !important;\n    padding: 12px 20px !important;\n    border-radius: 14px !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n}\n\n.wl-b-logo {\n    background: #003580 !important;\n    color: white !important;\n    width: 24px !important;\n    height: 24px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    border-radius: 4px !important;\n    font-weight: 900 !important;\n}\n\n\/* 4. PHONE VISUAL FIX (ZAOBLJENI RUBOVI) *\/\n.wl-sync-visual {\n    flex: 0.8 !important;\n    display: flex !important;\n    justify-content: center !important;\n    position: relative !important; \/* Za pozicioniranje sjene *\/\n}\n\n\/* Kontejner za sjenu koji pluta *\/\n.wl-phone-shadow-comp {\n    width: 275px !important;\n    height: 550px !important;\n    position: relative !important;\n    animation: wl-phone-bounce 6s ease-in-out infinite !important;\n}\n\n\/* Sam mobitel - overflow: hidden je klju\u010dan *\/\n.wl-phone-mockup {\n    width: 100% !important;\n    height: 100% !important;\n    background: #0d1117 !important;\n    border: 12px solid #1a1a1a !important;\n    border-radius: 45px !important; \/* Fix za vanjske rubove *\/\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    overflow: hidden !important; \/* FIX ZA EK\u0160TRE RUBOVE EKRAMA *\/\n    box-sizing: border-box !important;\n    box-shadow: 0 40px 100px rgba(0,0,0,0.6) !important; \/* Sjena vra\u0107ena na mobitel *\/\n}\n\n@keyframes wl-phone-bounce {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-20px); }\n}\n\n.wl-phone-speaker {\n    width: 45px !important; height: 4px !important; background: #222 !important;\n    position: absolute !important; top: 15px !important; left: 50% !important; transform: translateX(-50%) !important;\n    border-radius: 10px !important; z-index: 10 !important;\n}\n\n\/* Bijeli ekran unutar mobitela *\/\n.wl-phone-screen {\n    width: 100% !important; height: 100% !important;\n    background: #f8fafc !important;\n    padding: 45px 15px 15px 15px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    box-sizing: border-box !important;\n}\n\n.wl-room-card {\n    width: 100% !important;\n    height: 130px !important;\n    border-radius: 12px !important;\n    margin-bottom: 15px !important;\n    background-size: cover !important;\n    background-position: center !important;\n    position: relative !important;\n}\n\n.card-1 { background-image: url('https:\/\/images.unsplash.com\/photo-1611892440504-42a792e24d32?w=400') !important; }\n.card-2 { background-image: url('https:\/\/images.unsplash.com\/photo-1590490360182-c33d57733427?w=400') !important; }\n\n\/* 5. RESPONSIVE *\/\n@media (max-width: 1024px) {\n    .wl-sync-container { flex-direction: column !important; text-align: center !important; }\n    .wl-sync-content { padding-left: 0 !important; order: 1 !important; }\n    .wl-sync-visual { order: 2 !important; margin-top: 40px !important; }\n    .wl-channel-grid { justify-content: center !important; }\n    .wl-sync-title { font-size: 38px !important; text-align: center !important; }\n    .wl-sync-description { text-align: center !important; }\n    \n    .wl-phone-shadow-comp { width: 240px !important; height: 480px !important; }\n}\n<\/style>\n\n<section class=\"wl-sync-section\">\n    <div class=\"wl-sync-container\">\n        \n        <div class=\"wl-sync-content\">\n            <h2 class=\"wl-sync-title\">Real-Time <br><span class=\"wl-orange\">Synchronization<\/span><\/h2>\n            \n            <p class=\"wl-sync-description\">\n                Our smart Channel Manager ensures your availability and rates are always accurate across all platforms. \n                When a booking occurs on your website, your Airbnb and Booking.com calendars close instantly. \n                <strong>Zero manual work, zero overbookings.<\/strong>\n            <\/p>\n\n            <div class=\"wl-channel-grid\">\n                <div class=\"wl-channel-item\">\n                    <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/2111\/2111320.png\" width=\"22\" height=\"22\" alt=\"2111320\" title=\"Hotel &amp; Apartment Booking\">\n                    <span>Airbnb Sync<\/span>\n                <\/div>\n                <div class=\"wl-channel-item\">\n                    <span class=\"wl-b-logo\">B.<\/span>\n                    <span>Booking.com<\/span>\n                <\/div>\n                <div class=\"wl-channel-item\">\n                    <img decoding=\"async\" src=\"https:\/\/www.vectorlogo.zone\/logos\/tripadvisor\/tripadvisor-icon.svg\" width=\"22\" height=\"22\" alt=\"Tripadvisor Icon\" title=\"Hotel &amp; Apartment Booking\">\n                    <span>TripAdvisor<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"wl-sync-visual\">\n            <div class=\"wl-phone-shadow-comp\"> <div class=\"wl-phone-mockup\"> <div class=\"wl-phone-speaker\"><\/div>\n                    <div class=\"wl-phone-screen\">\n                        <div style=\"color:#1a2b4c; font-weight:800; text-align:center; margin-bottom:15px; font-size:14px;\">Our Luxury Units<\/div>\n                        \n                        <div class=\"wl-room-card card-1\">\n                            <div style=\"position:absolute; bottom:10px; left:10px; color:white; font-size:10px; font-weight:600; text-shadow:0 1px 3px rgba(0,0,0,0.5);\">Deluxe King Suite<\/div>\n                        <\/div>\n                        \n                        <div class=\"wl-room-card card-2\">\n                            <div style=\"position:absolute; bottom:10px; left:10px; color:white; font-size:10px; font-weight:600; text-shadow:0 1px 3px rgba(0,0,0,0.5);\">Ocean View Room<\/div>\n                        <\/div>\n\n                        <div style=\"margin-top:auto; background:#f97316; color:white; text-align:center; padding:12px; border-radius:10px; font-weight:700; font-size:12px; box-shadow:0 2px 5px rgba(249,115,22,0.3);\">Check Availability<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54939b5 e-flex e-con-boxed e-con e-parent\" data-id=\"54939b5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-492d8fd elementor-widget elementor-widget-html\" data-id=\"492d8fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wl-cta-section\">\r\n    <div class=\"wl-cta-container\">\r\n        <div class=\"wl-cta-content\">\r\n            <h2 class=\"wl-cta-title\">Stop Paying High <span class=\"wl-orange\">Commissions<\/span><\/h2>\r\n            <p class=\"wl-cta-subtitle\">\r\n                Keep 100% of your earnings. Switch to a direct booking system that works for you, not the agencies.\r\n            <\/p>\r\n            \r\n            <div class=\"wl-cta-actions\">\r\n                <a href=\"#quotehotel\" class=\"wl-cta-btn\">\r\n                    Get a Free Quote\r\n                    <svg class=\"wl-cta-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* IZOLIRANI STILOVI *\/\r\n.wl-cta-section {\r\n    padding: 10px 20px !important;\r\n    background: transparent !important;\r\n    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    width: 100% !important;\r\n}\r\n\r\n.wl-cta-container {\r\n    max-width: 900px !important;\r\n    width: 100% !important;\r\n    background: rgba(255, 255, 255, 0.03) !important;\r\n    backdrop-filter: blur(10px) !important;\r\n    -webkit-backdrop-filter: blur(10px) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n    border-radius: 24px !important;\r\n    padding: 50px 30px !important;\r\n    text-align: center !important;\r\n}\r\n\r\n.wl-cta-title {\r\n    font-size: clamp(28px, 4vw, 42px) !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    margin-bottom: 15px !important;\r\n    letter-spacing: -0.5px !important;\r\n    line-height: 1.2 !important;\r\n}\r\n\r\n.wl-orange {\r\n    color: #f97316 !important;\r\n}\r\n\r\n.wl-cta-subtitle {\r\n    font-size: 18px !important;\r\n    color: rgba(255, 255, 255, 0.6) !important;\r\n    max-width: 550px !important;\r\n    margin: 0 auto 35px !important;\r\n    line-height: 1.6 !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.wl-cta-btn {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n    background: #f97316 !important;\r\n    color: #ffffff !important;\r\n    padding: 16px 35px !important;\r\n    border-radius: 12px !important;\r\n    font-size: 17px !important;\r\n    font-weight: 700 !important;\r\n    text-decoration: none !important;\r\n    transition: all 0.3s ease !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n.wl-cta-btn:hover {\r\n    background: #22c55e !important;\r\n    transform: scale(1.05) !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n.wl-cta-icon {\r\n    width: 18px !important;\r\n    height: 18px !important;\r\n}\r\n\r\n\/* Prilagodba za Tablet i Mobitel *\/\r\n@media (max-width: 768px) {\r\n    .wl-cta-container {\r\n        padding: 40px 20px !important;\r\n    }\r\n    .wl-cta-title {\r\n        font-size: 35px !important; \/* Veli\u010dina naslova na 35px *\/\r\n    }\r\n    .wl-cta-subtitle {\r\n        font-size: 15px !important;\r\n        margin-bottom: 25px !important;\r\n    }\r\n    \/* Smanjeni gumb i tekst unutar gumba *\/\r\n    .wl-cta-btn {\r\n        padding: 12px 24px !important;\r\n        font-size: 14px !important;\r\n        border-radius: 10px !important;\r\n    }\r\n    .wl-cta-icon {\r\n        width: 14px !important;\r\n        height: 14px !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcaa0f2 e-flex e-con-boxed e-con e-parent\" data-id=\"dcaa0f2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a65c4b0 elementor-widget elementor-widget-heading\" data-id=\"a65c4b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Choose the Perfect Plan for<span style=\"color:#ff771e\"> Your Property<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b092b14 e-con-full e-flex e-con e-parent\" data-id=\"b092b14\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3939a21 elementor-widget elementor-widget-html\" data-id=\"3939a21\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ... tvoji postoje\u0107i stilovi ... *\/\r\n\r\n.wl-pricing-section {\r\n    max-width: 1400px;\r\n    margin: 40px auto !important; \r\n    padding: 20px !important;\r\n    background: transparent !important;\r\n    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;\r\n}\r\n\r\n.wl-pricing-grid {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    justify-content: center !important;\r\n    gap: 30px !important;\r\n}\r\n\r\n.wl-pricing-box {\r\n    background: #ffffff !important; \r\n    padding: 40px !important;\r\n    border-radius: 24px !important;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;\r\n    transition: all 0.4s ease !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    border: 1px solid rgba(0, 0, 0, 0.05) !important;\r\n    width: 100% !important;\r\n    max-width: 380px !important;\r\n    position: relative !important;\r\n}\r\n\r\n.wl-pricing-box:hover {\r\n    transform: translateY(-10px) !important;\r\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2) !important;\r\n}\r\n\r\n.wl-pricing-note {\r\n    font-size: 12px !important;\r\n    color: #94a3b8 !important;\r\n    text-align: center !important;\r\n    margin-top: 15px !important;\r\n    line-height: 1.4 !important;\r\n    font-style: italic !important;\r\n}\r\n\r\n.wl-pricing-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    margin-bottom: 20px;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n}\r\n\r\n.wl-icon-green { background: linear-gradient(135deg, #10b981, #34d399); }\r\n.wl-icon-blue { background: linear-gradient(135deg, #3b82f6, #60a5fa); }\r\n\r\n.wl-pricing-title {\r\n    font-size: 22px !important;\r\n    font-weight: 800 !important;\r\n    color: #1a2b4c !important;\r\n    margin-bottom: 10px !important;\r\n}\r\n\r\n.wl-pricing-price {\r\n    font-size: 34px !important;\r\n    font-weight: 800 !important;\r\n    margin-bottom: 25px !important;\r\n    color: #4054B2 !important;\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 5px;\r\n}\r\n\r\n.wl-price-from { font-size: 14px; font-weight: 500; color: #64748b; text-transform: lowercase; }\r\n.wl-price-period { font-size: 14px; font-weight: 500; color: #64748b; }\r\n\r\n.wl-pricing-features {\r\n    font-size: 15px !important;\r\n    color: #475569 !important;\r\n    margin-bottom: 30px !important;\r\n    flex-grow: 1;\r\n}\r\n\r\n.wl-feature-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.wl-check {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: rgba(16, 185, 129, 0.1);\r\n    color: #10b981;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 10px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* OSNOVNI STIL GUMBA *\/\r\n.wl-pricing-btn {\r\n    display: block !important;\r\n    text-align: center !important;\r\n    background: #f97316 !important; \r\n    color: white !important;\r\n    padding: 16px !important;\r\n    border-radius: 12px !important;\r\n    font-weight: 700 !important;\r\n    text-decoration: none !important;\r\n    transition: 0.3s ease !important;\r\n    border: none !important;\r\n    cursor: pointer !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.wl-pricing-btn:hover {\r\n    background: #22c55e !important; \r\n    transform: scale(1.03) !important;\r\n}\r\n\r\n\/* MOBILNA PRILAGODBA *\/\r\n@media(max-width:768px){\r\n    .wl-pricing-box { \r\n        max-width: 100% !important; \r\n        margin: 0 10px; \r\n        padding: 30px 20px !important; \/* Malo manji padding kartice na mobitelu *\/\r\n    }\r\n    \r\n    \/* SMANJENI GUMB NA MOBITELU *\/\r\n    .wl-pricing-btn {\r\n        padding: 12px 20px !important; \/* Manji vertikalni razmak *\/\r\n        font-size: 14px !important;    \/* Manji tekst *\/\r\n        border-radius: 10px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"wl-pricing-section\">\r\n    <div class=\"wl-pricing-grid\">\r\n\r\n        <div class=\"wl-pricing-box\">\r\n            <div class=\"wl-pricing-icon wl-icon-green\">\r\n                <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M3 21V10l9-6 9 6v11H3z\"><\/path>\r\n                    <path d=\"M9 21V14h6v7\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"wl-pricing-title\">Apartment Booking<\/div>\r\n            <div class=\"wl-pricing-price\">\r\n                <span class=\"wl-price-from\">from<\/span> \u20ac790 <span class=\"wl-price-period\">\/one-time<\/span>\r\n            <\/div>\r\n            <div class=\"wl-pricing-features\">\r\n                <div class=\"wl-feature-item\"><span class=\"wl-check\">\u2713<\/span> Real-time calendar<\/div>\r\n                <div class=\"wl-feature-item\"><span class=\"wl-check\">\u2713<\/span> Airbnb & Booking sync<\/div>\r\n                <div class=\"wl-feature-item\"><span class=\"wl-check\">\u2713<\/span> Property gallery<\/div>\r\n                <div class=\"wl-feature-item\"><span class=\"wl-check\">\u2713<\/span> Seasonal pricing rules<\/div>\r\n                <div class=\"wl-feature-item\"><span class=\"wl-check\">\u2713<\/span> Online payments<\/div>\r\n            <\/div>\r\n            <a href=\"#quotehotel\" class=\"wl-pricing-btn\">Get Free Quote \u2192<\/a>\r\n            <div class=\"wl-pricing-note\">\r\n                Final price depends on project scope. <br>To get an exact cost, <b>request a free quote<\/b>.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wl-pricing-box\">\r\n            <div class=\"wl-pricing-icon wl-icon-blue\">\r\n                <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m-1 4h1m5-8h1m-1 4h1m-1 4h1\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"wl-pricing-title\">Hotel Booking<\/div>\r\n            <div class=\"wl-pricing-price\">\r\n                <span class=\"wl-price-from\">from<\/span> \u20ac1190 <span class=\"wl-price-period\">\/one-time<\/span>\r\n            <\/div>\r\n            <div class=\"wl-pricing-features\">\r\n                <div class=\"wl-feature-item\"><span class=\"wl-check\">\u2713<\/span> Multi-room management<\/div>\r\n                <div class=\"wl-feature-item\"><span class=\"wl-check\">\u2713<\/span> Centralized calendar<\/div>\r\n                <div class=\"wl-feature-item\"><span class=\"wl-check\">\u2713<\/span> Advanced pricing fees<\/div>\r\n                <div class=\"wl-feature-item\"><span class=\"wl-check\">\u2713<\/span> Taxes & coupons<\/div>\r\n                <div class=\"wl-feature-item\"><span class=\"wl-check\">\u2713<\/span> Multi-language ready<\/div>\r\n            <\/div>\r\n            <a href=\"#quotehotel\" class=\"wl-pricing-btn\">Get Free Quote \u2192<\/a>\r\n            <div class=\"wl-pricing-note\">\r\n                Final price depends on project scope. <br>To get an exact cost, <b>request a free quote<\/b>.\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ea825a e-flex e-con-boxed e-con e-parent\" data-id=\"1ea825a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c2c3a5 elementor-widget elementor-widget-heading\" data-id=\"1c2c3a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Frequently Asked <span style=\"color:#ff771e\"> Questions<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8357ea elementor-widget elementor-widget-html\" data-id=\"e8357ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* Resetiranje i osnovni stilovi *\/\n.faq-toggle::before, .faq-toggle::after, .faq-card::before, .faq-card::after { content: none !important; }\n\n.faq-section {\n    max-width: 1200px;\n    margin: auto;\n    padding: 60px 20px;\n    background: transparent\n    \n    font-family: 'Inter', sans-serif;\n}\n\n.faq-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 15px;\n}\n\n\/* MODERNIJA KARTICA *\/\n.faq-card {\n    background: rgba(26, 43, 76, 0.6);\n    border-radius: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    padding: 15px 20px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n    cursor: pointer;\n}\n\n.faq-card:hover {\n    background: rgba(26, 43, 76, 0.9);\n    transform: translateX(5px);\n    border-color: rgba(80, 140, 255, 0.3);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n}\n\n\/* HEADER *\/\n.faq-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n\/* TITLE *\/\n.faq-title {\n    font-size: 15px;\n    font-weight: 600;\n    color: #f6f6f6;\n    padding-right: 20px;\n    transition: color 0.3s ease;\n}\n\n.faq-card:hover .faq-title {\n    color: #ffffff;\n}\n\n\/* TOGGLE *\/\n.faq-toggle {\n    border: none;\n    background: rgba(249, 115, 22, 0.1);\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: 400;\n    color: #f97316;\n    transition: all 0.3s ease;\n    flex-shrink: 0;\n}\n\n.faq-card.active .faq-toggle {\n    background: #f97316;\n    color: white;\n    transform: rotate(45deg);\n}\n\n\/* CONTENT *\/\n.faq-content {\n    max-height: 0;\n    overflow: hidden;\n    font-size: 14px;\n    line-height: 1.7;\n    color: #cbd5e1;\n    transition: all 0.3s ease-out;\n    opacity: 0;\n}\n\n.faq-card.active .faq-content {\n    max-height: 500px;\n    margin-top: 15px;\n    opacity: 1;\n    padding-bottom: 10px;\n}\n<\/style>\n\n<section class=\"faq-section\">\n<div class=\"faq-grid\">\n\n<!-- 1 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">How do I prevent double bookings?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Our system uses iCal synchronization to connect with platforms like Airbnb, Booking.com, and Expedia. When a guest books a date on one site, that date is automatically blocked everywhere else in real-time.\n    <\/div>\n<\/div>\n\n<!-- 2 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Do I have to pay a commission on every booking?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        <p>No. Unlike Booking.com or Airbnb which take 15-20%, your own booking system is commission-free (excluding small fee for card processing). Every direct booking through your website means 100% of the profit stays with you.<\/p>\n    <\/div>\n<\/div>\n\n<!-- 3 NEW -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Can I accept online payments securely?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes. The system integrates with major payment gateways like Stripe or PayPal. You can choose to take full payments, deposits, or simply save card details as a guarantee.\n    <\/div>\n<\/div>\n\n<!-- 4 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Is the system easy to use for someone who isn't \"tech-savvy\"?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Absolutely. We provide a clean, visual dashboard and a master calendar. If you can use a smartphone, you can manage your bookings, change prices, and block dates in just a few clicks. Also, we provide a full guidance on how to use the system.\n    <\/div>\n<\/div>\n\n<!-- 5 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Can I set different prices for summer and winter?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes. You have full control over seasonal pricing. You can set specific rates for weekends, holidays, or entire seasons, and even create \"Early Bird\" or \"Last Minute\" discounts.<\/p>\n    <\/div>\n<\/div>\n\n<!-- 6 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">What happens if a guest wants to cancel?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n       You can set your own cancellation policies. The system can automatically handle refunds based on your rules (e.g., 100% refund if canceled 14 days before, no refund after that).\n    <\/div>\n<\/div>\n\n<!-- 7 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Can the system handle extra costs like cleaning or tourist taxes?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n       Yes. You can set up compulsory fees (like cleaning or tax per person) that are automatically added to the total price, so there are no hidden costs or manual math for you.\n    <\/div>\n<\/div>\n\n<!-- 8 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">How long does the development take?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        <p>We don\u2019t rush the process because a booking system must be 100% reliable. The standard development time is <strong> 5 weeks or more<\/strong>, depending on the number of units and complexity. This time is needed to properly design the site, integrate the booking engine, set up secure payment gateways, and thoroughly test the synchronization with external platforms like Airbnb or Booking.com to ensure everything runs perfectly from day one.<\/p>\n    <\/div>\n<\/div>\n\n<!-- LAST -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Do you offer support and maintenance?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n       Yes, absolutely. We don't just build the site and leave. We provide ongoing support and maintenance to ensure your booking engine is always updated, secure, and syncing correctly. If you have any questions or need to change something, we are just one message away.\n    <\/div>\n<\/div>\n\n<\/div>\n<\/section>\n\n<script>\ndocument.querySelectorAll('.faq-card').forEach(card => {\n    card.addEventListener('click', () => {\n        card.classList.toggle('active');\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e22d43 e-flex e-con-boxed e-con e-parent\" data-id=\"7e22d43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9829d17 e-con-full e-flex e-con e-child\" data-id=\"9829d17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46dd062 elementor-widget elementor-widget-menu-anchor\" data-id=\"46dd062\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"quotehotel\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e819491 elementor-widget elementor-widget-heading\" data-id=\"e819491\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Request a <span style=\"color:#ff771e\"> Free Quote<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ae7d2c elementor-widget elementor-widget-text-editor\" data-id=\"8ae7d2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Tell us a bit about your business and we\u2019ll get back to you with ideas and pricing. No obligations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ba7194 elementor-shape-circle e-grid-align-left elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"6ba7194\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-41366e8\" href=\"https:\/\/www.instagram.com\/weblab.hr\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-9afb872\" href=\"https:\/\/www.facebook.com\/people\/WebLab-Studio\/61587157734057\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-1fd3803\" href=\"https:\/\/wa.me\/385976659002\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-whatsapp\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-94ca1c7\" href=\"https:\/\/www.linkedin.com\/showcase\/weblab-studio1\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-linkedin\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa8ad8e e-con-full e-flex e-con e-child\" data-id=\"aa8ad8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b4856c fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"5b4856c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <div class=\"fluentform-widget-wrapper fluentform-widget-align-default\">\n\n            \n            <div class='fluentform ff-default fluentform_wrapper_1 ffs_default_wrap'><form data-form_id=\"1\" id=\"fluentform_1\" class=\"frm-fluent-form fluent_form_1 ff-el-form-top ff_form_instance_1_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_1_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Form Demo<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='28077' \/><input type=\"hidden\" id=\"_fluentform_1_fluentformnonce\" name=\"_fluentform_1_fluentformnonce\" value=\"b6906855de\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/hr\/wp-json\/wp\/v2\/pages\/28077\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_first_name_' id='label_ff_1_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_1_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_last_name_' id='label_ff_1_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_1_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_email' id='label_ff_1_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_1_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_input_text' id='label_ff_1_input_text' aria-label=\"Business \/ Brand Name\">Business \/ Brand Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"Business \/ Brand Name\" data-name=\"input_text\" id=\"ff_1_input_text\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_dropdown' id='label_ff_1_dropdown' aria-label=\"Select a service you are interested in\">Select a service you are interested in<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown\" id=\"ff_1_dropdown\" class=\"ff-el-form-control\" data-name=\"dropdown\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_1_dropdown\"><option value=\"\">- Select -<\/option><option value=\"Website Development\"  >Website Development<\/option><option value=\"E-commerce Development (Web Shop)\"  >E-commerce Development (Web Shop)<\/option><option value=\"Website &amp; Booking System \"  >Website & Booking System<\/option><option value=\"Mobile App Development\"  >Mobile App Development<\/option><option value=\"Website Redesign\"  >Website Redesign<\/option><option value=\"Not sure yet\"  >Not sure yet<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_dropdown_1' id='label_ff_1_dropdown_1' aria-label=\"Project size\">Project size<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown_1\" id=\"ff_1_dropdown_1\" class=\"ff-el-form-control\" data-name=\"dropdown_1\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_1_dropdown_1\"><option value=\"\">- Select -<\/option><option value=\"Starter Website (up to 3 pages)\"  >Starter Website (up to 3 pages)<\/option><option value=\"Business Website (up to 6 pages)\"  >Business Website (up to 6 pages)<\/option><option value=\"Premium \/ Custom Website\"  >Premium \/ Custom Website<\/option><option value=\"I need help deciding\"  >I need help deciding<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_dropdown_2' id='label_ff_1_dropdown_2' aria-label=\"Estimated budget\">Estimated budget<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown_2\" id=\"ff_1_dropdown_2\" class=\"ff-el-form-control\" data-name=\"dropdown_2\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_1_dropdown_2\"><option value=\"\">- Select -<\/option><option value=\"\u20ac300\u2013500\"  >\u20ac300\u2013500<\/option><option value=\"\u20ac500\u2013900 \"  >\u20ac500\u2013900<\/option><option value=\"\u20ac900\u20131500 \"  >\u20ac900\u20131500<\/option><option value=\"\u20ac1500+\"  >\u20ac1500+<\/option><option value=\"Not sure yet\"  >Not sure yet<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_message' id='label_ff_1_message' aria-label=\"Tell us about your project\">Tell us about your project<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_1_message\" name=\"message\" id=\"ff_1_message\" class=\"ff-el-form-control\" placeholder=\"What does your business do? What pages or features do you need?\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='I consent to have this website store my submitted information so they can respond to my inquiry.' class='ff-el-form-check-label ff_tc_label' for=gdpr-agreement_8ef50b09ed7377471795aab5694256c3><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"gdpr-agreement\" class=\"ff-el-form-check-input ff_gdpr_field\" data-name=\"gdpr-agreement\" id=\"gdpr-agreement_8ef50b09ed7377471795aab5694256c3\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'>I consent to have this website store my submitted information so they can respond to my inquiry.<\/div><\/label><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\"  aria-label=\"Request a Quote\">Request a Quote<\/button><\/div><\/fieldset><\/form><div id='fluentform_1_errors' class='ff-errors-in-stack ff_form_instance_1_1 ff-form-loading_errors ff_form_instance_1_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_1_1 = {\"id\":\"1\",\"ajaxUrl\":\"https:\\\/\\\/weblab-studio.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_1_1\",\"form_id_selector\":\"fluentform_1\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":false,\"global_message\":\"This field must contain a valid email\"}},\"input_text\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown_1\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown_2\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"message\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"gdpr-agreement\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300};\n                            <\/script>\n                        <\/div>\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>All-in-One Booking Solution Hotel &amp; Apartment Booking System A premium, commission-free booking system designed to turn your website visitors into guests. GET A FREE QUOTE FEATURES \u2605 Trusted for 0% Commission direct bookings Everything you need for 100% occupancy Our system is engineered to maximize your revenue while minimizing administrative workload. Airbnb &#038; Booking Sync [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":27505,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-28077","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/28077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/comments?post=28077"}],"version-history":[{"count":238,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/28077\/revisions"}],"predecessor-version":[{"id":29334,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/28077\/revisions\/29334"}],"up":[{"embeddable":true,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/27505"}],"wp:attachment":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/media?parent=28077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}