{"id":28357,"date":"2026-04-08T14:04:48","date_gmt":"2026-04-08T14:04:48","guid":{"rendered":"https:\/\/weblab-studio.com\/?page_id=28357"},"modified":"2026-04-30T15:28:30","modified_gmt":"2026-04-30T15:28:30","slug":"appointment-booking","status":"publish","type":"page","link":"https:\/\/weblab-studio.com\/hr\/booking-systems\/appointment-booking\/","title":{"rendered":"Rezervacije Termina"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28357\" class=\"elementor elementor-28357\">\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\">\n    <div class=\"wl-floating-badge\">\n        <span class=\"wl-pulse-dot\"><\/span>\n        <span class=\"wl-badge-text\">Full-Service Scheduling Engine<\/span>\n    <\/div>\n<\/div>\n\n<style>\n.wl-badge-container {\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    width: 100% !important;\n    margin: 0 auto 20px auto !important;\n    padding: 10px 16px !important;\n    text-align: center !important;\n    box-sizing: border-box !important;\n}\n\n.wl-floating-badge {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 12px !important;\n    max-width: 100% !important;\n    padding: 12px 22px !important;\n    border-radius: 999px !important;\n    position: relative !important;\n    overflow: hidden !important;\n    box-sizing: border-box !important;\n\n    background: rgba(255, 255, 255, 0.06) !important;\n    border: 1px solid rgba(255, 255, 255, 0.16) !important;\n    backdrop-filter: blur(14px) !important;\n    -webkit-backdrop-filter: blur(14px) !important;\n    box-shadow:\n        0 10px 30px rgba(0, 0, 0, 0.18),\n        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;\n\n    transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n    pointer-events: none;\n}\n\n\/* suptilni glass highlight *\/\n.wl-floating-badge::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    background: linear-gradient(\n        135deg,\n        rgba(255,255,255,0.10) 0%,\n        rgba(255,255,255,0.03) 35%,\n        rgba(255,255,255,0.00) 100%\n    );\n    pointer-events: none;\n}\n\n\/* lagani glow *\/\n.wl-floating-badge::after {\n    content: \"\";\n    position: absolute;\n    width: 120px;\n    height: 120px;\n    top: 50%;\n    left: 12%;\n    transform: translateY(-50%);\n    background: radial-gradient(circle, rgba(249,115,22,0.12) 0%, rgba(249,115,22,0) 70%);\n    pointer-events: none;\n}\n\n.wl-badge-text {\n    position: relative !important;\n    z-index: 2 !important;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;\n    font-size: 13px !important;\n    font-weight: 800 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1.8px !important;\n    color: #f97316 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: 1.2 !important;\n    text-align: center !important;\n    white-space: nowrap !important;\n}\n\n.wl-pulse-dot {\n    position: relative !important;\n    z-index: 2 !important;\n    width: 10px !important;\n    height: 10px !important;\n    min-width: 10px !important;\n    min-height: 10px !important;\n    background-color: #f97316 !important;\n    border-radius: 50% !important;\n    flex-shrink: 0 !important;\n    box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.5) !important;\n    animation: wl-pulse-orange 2s infinite !important;\n}\n\n@keyframes wl-pulse-orange {\n    0% {\n        transform: scale(0.95);\n        box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7);\n    }\n    70% {\n        transform: scale(1.08);\n        box-shadow: 0 0 0 12px rgba(249, 115, 22, 0);\n    }\n    100% {\n        transform: scale(0.95);\n        box-shadow: 0 0 0 0 rgba(249, 115, 22, 0);\n    }\n}\n\n@media (min-width: 1025px) {\n    .wl-floating-badge:hover {\n        transform: translateY(-2px) scale(1.01) !important;\n        box-shadow:\n            0 16px 40px rgba(0, 0, 0, 0.22),\n            inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;\n    }\n}\n\n@media (max-width: 1024px) {\n    .wl-badge-container {\n        padding: 10px 16px !important;\n    }\n\n    .wl-floating-badge {\n        padding: 11px 18px !important;\n    }\n\n    .wl-badge-text {\n        font-size: 12px !important;\n        letter-spacing: 1.4px !important;\n    }\n}\n\n@media (max-width: 600px) {\n    .wl-badge-container {\n        padding: 10px 15px !important;\n        margin-bottom: 18px !important;\n    }\n\n    .wl-floating-badge {\n        width: auto !important;\n        max-width: 100% !important;\n        padding: 10px 16px !important;\n        gap: 10px !important;\n        border-radius: 999px !important;\n    }\n\n    .wl-badge-text {\n        font-size: 11px !important;\n        letter-spacing: 1.1px !important;\n        white-space: normal !important;\n    }\n}\n\n@media (max-width: 420px) {\n    .wl-badge-container {\n        padding: 10px 14px !important;\n    }\n\n    .wl-floating-badge {\n        padding: 10px 14px !important;\n    }\n\n    .wl-badge-text {\n        font-size: 10.5px !important;\n        letter-spacing: 0.9px !important;\n    }\n\n    .wl-pulse-dot {\n        width: 9px !important;\n        height: 9px !important;\n        min-width: 9px !important;\n        min-height: 9px !important;\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 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\">Appointment<\/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>Let your clients book, reschedule, and pay for appointments 24\/7 with a few clicks.<\/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=\"#quoteappointment\">\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\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 to <span style=\"color:#ff771e\"> never miss a client <\/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 platform captures every lead and secures every appointment, giving your clients a premium booking experience they\u2019ll actually enjoy using.<\/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 - Osvje\u017eene boje za Appointment vibe *\/\n.wl-icon-payments { background: linear-gradient(135deg, #10b981, #34d399); } \/* Zelena za novac *\/\n.wl-icon-wizard { background: linear-gradient(135deg, #3b82f6, #60a5fa); } \/* Plava za proces *\/\n.wl-icon-reminders { background: linear-gradient(135deg, #f59e0b, #ef4444); } \/* Naran\u010dasta za pa\u017enju *\/\n.wl-icon-status { background: linear-gradient(135deg, #a855f7, #6366f1); } \/* Ljubi\u010dasta za promjenu *\/\n.wl-icon-users { background: linear-gradient(135deg, #ec4899, #f43f5e); } \/* Ru\u017ei\u010dasta za klijente *\/\n.wl-icon-sync { background: linear-gradient(135deg, #06b6d4, #3b82f6); } \/* Cijan za sinkronizaciju *\/\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\n        <div class=\"feature-card\">\n            <div class=\"icon-box wl-icon-payments\">\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><path d=\"M17 14l2 2 4-4\"><\/path><\/svg>\n            <\/div>\n            <div class=\"feature-content\">\n                <div class=\"feature-title\">Flexible Online Payments<\/div>\n                <div class=\"feature-desc\">Accept full or partial payments securely online or on-site.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-card\">\n            <div class=\"icon-box wl-icon-wizard\">\n                <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\"><\/path><path d=\"M5 12h14\"><\/path><circle cx=\"5\" cy=\"12\" r=\"1\"><\/circle><circle cx=\"19\" cy=\"12\" r=\"1\"><\/circle><\/svg>\n            <\/div>\n            <div class=\"feature-content\">\n                <div class=\"feature-title\">Step-by-Step Booking<\/div>\n                <div class=\"feature-desc\">A smooth, step-by-step scheduling process for your clients.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-card\">\n            <div class=\"icon-box wl-icon-reminders\">\n                <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"><\/path><path d=\"M12 9v4l2 2\"><\/path><\/svg>\n            <\/div>\n            <div class=\"feature-content\">\n                <div class=\"feature-title\">Automatic Reminders<\/div>\n                <div class=\"feature-desc\">Automated notifications to reduce no-shows and keep clients informed.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-card\">\n            <div class=\"icon-box wl-icon-status\">\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\">Status Change Alerts<\/div>\n                <div class=\"feature-desc\">Instant notifications whenever a booking is confirmed, rescheduled, or cancelled.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-card\">\n            <div class=\"icon-box wl-icon-users\">\n                <svg width=\"26\" height=\"26\" 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=\"feature-content\">\n                <div class=\"feature-title\">Client Accounts<\/div>\n                <div class=\"feature-desc\">Let customers manage their profile, view history, and rebook easily.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-card\">\n            <div class=\"icon-box wl-icon-sync\">\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><path d=\"M12 12l3 3m0 0l-3 3m3-3H9\"><\/path><\/svg>\n            <\/div>\n            <div class=\"feature-content\">\n                <div class=\"feature-title\">Sync to Personal Calendars<\/div>\n                <div class=\"feature-desc\">Sync appointments with customer's Google or Outlook calendars.<\/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<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 radi konzistencije dizajna *\/\n.features-btn-wrap{ text-align:center; margin: 0px 0; }\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; border: 1px solid #f0f2f5; }\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\">Advanced Scheduling Powerhouse<\/div>\n    <div class=\"popup-subtitle\">\n        Everything you need to automate your appointments, manage your team, and provide a premium booking experience for your clients.\n    <\/div>\n\n    <div class=\"popup-grid\">\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-purple popup-icon\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">SMS Notifications<\/div>\n            <div class=\"popup-card-desc\">Reach clients directly on their phones with automated SMS appointment reminders.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-teal popup-icon\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Google Analytics Integration<\/div>\n            <div class=\"popup-card-desc\">Track your conversion rates and see exactly where your bookings are coming from.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-orange popup-icon\">\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\">Group Scheduling<\/div>\n            <div class=\"popup-card-desc\">Easily manage group classes or events with quick and hassle-free registration.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-purple popup-icon\">\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\">Customize Capacity<\/div>\n            <div class=\"popup-card-desc\">Set and adjust the maximum number of attendees for any specific time slot or service.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-teal popup-icon\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Export Bookings to CSV<\/div>\n            <div class=\"popup-card-desc\">Download all your booking data into a spreadsheet for accounting or marketing use.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-orange popup-icon\">\n                <svg 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=\"popup-card-title\">Revenue Analytics<\/div>\n            <div class=\"popup-card-desc\">Get a clear overview of your appointments and total earnings in one visual dashboard.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-purple popup-icon\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Unlimited Services<\/div>\n            <div class=\"popup-card-desc\">Add and customize as many services as you want with unique durations and prices.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-teal popup-icon\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Manage Unlimited Employees<\/div>\n            <div class=\"popup-card-desc\">Expand your team without limits and assign specific services to each staff member.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-orange popup-icon\">\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\">Flexible Schedules<\/div>\n            <div class=\"popup-card-desc\">Lock out hours, add breaks, and set holidays to keep your calendar 100% accurate.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-purple popup-icon\">\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\">Discount Coupons<\/div>\n            <div class=\"popup-card-desc\">Create special promo codes to reward loyal clients or boost slow business days.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-teal popup-icon\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Multi-Service Bookings<\/div>\n            <div class=\"popup-card-desc\">Allow clients to book multiple different services in one single go.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-orange popup-icon\">\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\">Centralized Admin Calendar<\/div>\n            <div class=\"popup-card-desc\">A professional master view of all team schedules and bookings in one place.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-purple popup-icon\">\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><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Multi-Language Ready<\/div>\n            <div class=\"popup-card-desc\">Speak your client's language with a booking system translated into several languages.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-teal popup-icon\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"popup-card-title\">Google Meet & Zoom<\/div>\n            <div class=\"popup-card-desc\">Automatically generate and send meeting links for your online consultations.<\/div>\n        <\/div>\n\n        <div class=\"popup-card\">\n            <div class=\"icon-box icon-orange popup-icon\">\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\">Manual Booking Control<\/div>\n            <div class=\"popup-card-desc\">Easily add phone-in appointments manually to keep your calendar synced.<\/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-2baeb14 e-flex e-con-boxed e-con e-parent\" data-id=\"2baeb14\" 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-f417198 elementor-widget elementor-widget-heading\" data-id=\"f417198\" 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\">Effortless appointments in <span style=\"color:#ff771e\">3 steps  <\/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-fccfad0 e-con-full e-flex e-con e-parent\" data-id=\"fccfad0\" 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-e9e565b elementor-widget elementor-widget-html\" data-id=\"e9e565b\" 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 style=\"padding: 80px 20px; text-align: center; font-family: 'Inter', sans-serif; background: transparent;\">\n    \n    <div style=\"max-width: 1100px; margin: 0 auto;\">\n\n        <div style=\"display: flex; gap: 40px; flex-wrap: wrap; justify-content: center;\">\n            \n            <div style=\"flex: 1; min-width: 250px; padding: 10px;\">\n                <div style=\"width: 60px; height: 60px; background: #1a2b4c; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; margin: 0 auto 25px;\">\n                    1\n                <\/div>\n                <h3 style=\"font-size: 22px; font-weight: 700; color: #ffffff; margin-bottom: 12px;\">Select & Book<\/h3>\n                <p style=\"color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.6;\">\n                    Client picks a service, time, and staff member in seconds.\n                <\/p>\n            <\/div>\n\n            <div style=\"flex: 1; min-width: 250px; padding: 10px;\">\n                <div style=\"width: 60px; height: 60px; background: #ff771e; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; margin: 0 auto 25px;\">\n                    2\n                <\/div>\n                <h3 style=\"font-size: 22px; font-weight: 700; color: #ffffff; margin-bottom: 12px;\">Secure Payment<\/h3>\n                <p style=\"color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.6;\">\n                    Option to pay full or deposit to guarantee the spot.\n                <\/p>\n            <\/div>\n\n            <div style=\"flex: 1; min-width: 250px; padding: 10px;\">\n                <div style=\"width: 60px; height: 60px; background: #10b981; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; margin: 0 auto 25px;\">\n                    3\n                <\/div>\n                <h3 style=\"font-size: 22px; font-weight: 700; color: #ffffff; margin-bottom: 12px;\">Get Confirmed<\/h3>\n                <p style=\"color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.6;\">\n                    Both you and the client get instant SMS\/Email alerts.\n                <\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\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-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\">Ready to <span class=\"wl-orange\">Automate Your Business?<\/span><\/h2>\r\n            <p class=\"wl-cta-subtitle\">\r\n                Join hundreds of professionals who saved 10+ hours every week.\r\n            <\/p>\r\n            \r\n            <div class=\"wl-cta-actions\">\r\n                <a href=\"#quoteappointment\" 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 vra\u0107ena na tvoj zahtjev *\/\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-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\/* SECTION *\/\r\n.pricing-section {\r\n    width: 100%;\r\n    margin: auto;\r\n    padding: 80px 20px;\r\n    background: transparent;\r\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n\/* CARD CONTAINER *\/\r\n.pricing-container {\r\n    width: 100%;\r\n    max-width: 460px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* CARD *\/\r\n.pricing-box {\r\n    background: rgba(255, 255, 255, 0.98);\r\n    padding: 40px;\r\n    border-radius: 24px;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.pricing-box:hover {\r\n    transform: translateY(-12px);\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n\/* NOVI STIL ZA NAPOMENU *\/\r\n.pricing-note {\r\n    font-size: 12px;\r\n    color: #94a3b8;\r\n    text-align: center;\r\n    margin-top: 20px;\r\n    line-height: 1.4;\r\n    font-style: italic;\r\n}\r\n\r\n\/* ICON *\/\r\n.pricing-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    margin-bottom: 24px;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n}\r\n\r\n.icon-orange { \r\n    background: linear-gradient(135deg, #f97316, #fb923c); \r\n}\r\n\r\n\/* TITLE & PRICE *\/\r\n.pricing-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #1a2b4c;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.pricing-price {\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    margin: 12px 0 24px;\r\n    color: #4054B2;\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 6px;\r\n}\r\n\r\n.price-from {\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: #64748b;\r\n}\r\n\r\n.pricing-price span:not(.price-from) {\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: #64748b;\r\n}\r\n\r\n\/* FEATURES *\/\r\n.pricing-features {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: #475569;\r\n    margin-bottom: 35px;\r\n    flex-grow: 1;\r\n}\r\n\r\n.pricing-features div {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n\/* CHECK ICON *\/\r\n.check-circle {\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: 12px;\r\n    font-weight: bold;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.pricing-btn {\r\n    display: block;\r\n    text-align: center;\r\n    background: linear-gradient(135deg, #f97316, #fb923c);\r\n    color: #ffffff;\r\n    padding: 16px 24px;\r\n    border-radius: 12px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(249, 115, 22, 0.3);\r\n    border: none;\r\n    cursor: pointer;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* \ud83d\udd25 HOVER *\/\r\n.pricing-btn:hover {\r\n    background: linear-gradient(135deg, #10b981, #059669);\r\n    transform: scale(1.05) translateY(-2px);\r\n    box-shadow: 0 10px 30px rgba(16, 185, 129, 0.4);\r\n    color: #ffffff !important;\r\n    text-decoration: none;\r\n}\r\n\r\n\/* MOBILNA PRILAGODBA *\/\r\n@media (max-width: 600px) {\r\n    .pricing-box {\r\n        padding: 30px 20px;\r\n    }\r\n\r\n    \/* Smanjeni gumb i font na mobitelu *\/\r\n    .pricing-btn {\r\n        padding: 12px 20px !important;\r\n        font-size: 14px !important;\r\n        border-radius: 10px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"pricing-section\">\r\n    <div class=\"pricing-container\">\r\n\r\n        <div class=\"pricing-box\">\r\n            <div class=\"pricing-icon icon-orange\">\r\n                <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n                    <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"3\"><\/rect>\r\n                    <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-title\">Appointment Booking<\/div>\r\n\r\n            <div class=\"pricing-price\">\r\n                <span class=\"price-from\">from<\/span> \u20ac490 <span>\/one-time<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-features\">\r\n                <div><span class=\"check-circle\">\u2713<\/span> Step-by-step booking wizard<\/div>\r\n                <div><span class=\"check-circle\">\u2713<\/span> PayPal & Stripe payments<\/div>\r\n                <div><span class=\"check-circle\">\u2713<\/span> Appointment reminders<\/div>\r\n                <div><span class=\"check-circle\">\u2713<\/span> Booking status notifications<\/div>\r\n                <div><span class=\"check-circle\">\u2713<\/span> Customer accounts<\/div>\r\n            <\/div>\r\n\r\n            <a href=\"#quoteappointment\" class=\"pricing-btn\">Get a free quote \u2192<\/a>\r\n\r\n            <div class=\"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    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 avoid double bookings?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        The system automatically manages your availability, so once a time slot is booked, it becomes unavailable to others. This helps prevent <strong>double bookings<\/strong> and keeps your calendar accurate.\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. Your own appointment booking system is <strong>commission-free<\/strong>, which means you keep more of your revenue. Only standard payment gateway fees may apply if you accept online payments.<\/p>\n    <\/div>\n<\/div>\n\n<!-- 3 -->\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. We can integrate secure payment gateways such as <strong>Stripe or PayPal<\/strong>. You can choose whether clients pay in full, pay a deposit, or simply book without paying online.\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?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Absolutely. The booking system is designed to be <strong>simple and user-friendly<\/strong>. You can manage appointments, block time slots, update services and view bookings from one clear dashboard. We also provide guidance on how to use it.\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 services, durations and prices?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes. You can create different services with their own <strong>duration, pricing and availability<\/strong>. This is ideal for businesses that offer multiple treatments, sessions or appointment types.\n    <\/div>\n<\/div>\n\n<!-- 6 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Can clients reschedule or cancel appointments?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes. You can set your own <strong>booking, cancellation and rescheduling rules<\/strong> based on how your business works. This gives you more control and helps reduce no-shows.\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 send confirmations and reminders?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes. The system can send <strong>booking confirmations, reminder emails and notifications<\/strong> to help clients remember their appointments and improve attendance.\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 development take?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        The standard development time is usually around <strong>3 to 5 weeks<\/strong>, depending on the complexity of your website and booking setup. This includes design, system setup, payment integration and testing.\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 offer <strong>ongoing support and maintenance<\/strong> to keep your booking system updated, secure and running smoothly. If you need changes or assistance, we\u2019re here to help.\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=\"quoteappointment\"><\/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='28357' \/><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\/28357\" \/><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_c5c41fbf986034fce563bec22d4f07d8><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_c5c41fbf986034fce563bec22d4f07d8\"  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>Full-Service Scheduling Engine Appointment Booking System Let your clients book, reschedule, and pay for appointments 24\/7 with a few clicks. GET A FREE QUOTE FEATURES Everything you need to never miss a client Our platform captures every lead and secures every appointment, giving your clients a premium booking experience they\u2019ll actually enjoy using. Flexible Online [&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-28357","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\/28357","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=28357"}],"version-history":[{"count":118,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/28357\/revisions"}],"predecessor-version":[{"id":29346,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/28357\/revisions\/29346"}],"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=28357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}