{"id":17,"date":"2025-10-23T19:55:12","date_gmt":"2025-10-23T16:55:12","guid":{"rendered":"https:\/\/floworacreativelab.com\/?page_id=17"},"modified":"2026-06-17T23:16:15","modified_gmt":"2026-06-17T20:16:15","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/floworacreativelab.com\/tr\/","title":{"rendered":"Anasayfa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b6d7e6 e-con-full hero-smoke e-flex e-con e-parent\" data-id=\"7b6d7e6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4100f7e smoke-lottie e-transform elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"4100f7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/floworacreativelab.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/data7.json&quot;,&quot;id&quot;:1987,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;trigger&quot;:&quot;none&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.2,&quot;sizes&quot;:[]},&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"lottie.default\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e498290 e-con-full hero-content e-flex e-con e-child\" data-id=\"e498290\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-583e4a6 elementor-widget elementor-widget-html\" data-id=\"583e4a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .flo-h1 {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 80px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: -0.02em !important;\r\n    color: #1C1C1C !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  .flo-h1-line1 {\r\n    display: block !important;\r\n    font-style: normal !important;\r\n    font-weight: 700 !important;\r\n    margin-bottom: 12px !important;\r\n  }\r\n\r\n  .flo-h1-line2 {\r\n    display: block !important;\r\n    font-style: italic !important;\r\n    font-weight: 400 !important;\r\n  }\r\n\r\n  \/* Manuel sat\u0131r k\u0131rma \u2014 sadece mobilde g\u00f6r\u00fcn\u00fcr *\/\r\n  .flo-mobile-br { display: none !important; }\r\n\r\n  @media (max-width: 1280px) {\r\n    .flo-h1 { font-size: 68px !important; }\r\n  }\r\n\r\n  \/* Tablet \u2014 padding + margin-bottom s\u0131f\u0131rla (line-height e\u015fit bo\u015fluk verir) *\/\r\n  @media (max-width: 1024px) {\r\n    .flo-h1 { font-size: 52px !important; padding: 0 32px !important; line-height: 1.40 !important; }\r\n    .flo-h1-line1 { margin-bottom: 0.1em !important; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .flo-h1 { font-size: 40px !important; padding: 0 24px !important; line-height: 1.45 !important; }\r\n    .flo-h1-line1 { margin-bottom: 0.12em !important; }\r\n  }\r\n\r\n  \/* Mobil \u2014 3 sat\u0131r garantisi: manuel k\u0131rma + k\u00fc\u00e7\u00fck font *\/\r\n  @media (max-width: 480px) {\r\n    .flo-h1 { font-size: 22px !important; padding: 0 !important; letter-spacing: -0.01em !important; line-height: 1.65 !important; }\r\n    .flo-h1-line1 { margin-bottom: 0.18em !important; }\r\n    .flo-mobile-br { display: inline !important; }\r\n  }\r\n<\/style>\r\n\r\n<h1 class=\"flo-h1\">\r\n  <span class=\"flo-h1-line1\">Strategic Branding,<br class=\"flo-mobile-br\"> Packaging &amp; Digital Design<\/span>\r\n  <span class=\"flo-h1-line2\">for Ambitious Brands<\/span>\r\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e05252 elementor-widget elementor-widget-text-editor\" data-id=\"0e05252\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>From brand identities and websites to packaging and FDA-aware label design,<br \/>Flowora creates polished visual systems for brands that value clarity, credibility, and long-term growth.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04b4e18 elementor-align-center elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"04b4e18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-bob\" href=\"https:\/\/floworacreativelab.com\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Start Your Project<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\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-a3f5050 creativity-section e-con-full e-flex e-con e-parent\" data-id=\"a3f5050\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b67fc9c elementor-widget elementor-widget-html\" data-id=\"b67fc9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Where Creativity Meets Compliance \u2014 Flowora<\/title>\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,400;1,700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n    .fcc-section *,\r\n    .fcc-section *::before,\r\n    .fcc-section *::after {\r\n      box-sizing: border-box !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .fcc-section {\r\n      background: transparent !important;\r\n      padding: 10px 20px !important;\r\n      width: 100% !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n      -webkit-font-smoothing: antialiased;\r\n      text-align: center !important;\r\n    }\r\n\r\n    .fcc-inner {\r\n      max-width: 1280px !important;\r\n      margin: 0 auto !important;\r\n    }\r\n\r\n    \/* Eyebrow \u2014 brand purple *\/\r\n    .fcc-eyebrow {\r\n      font-size: 11px !important;\r\n      font-weight: 700 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.16em !important;\r\n      color: #9F4DFF !important;\r\n      margin-bottom: 16px !important;\r\n      display: block !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n    }\r\n\r\n    \/* H2 heading *\/\r\n    .fcc-heading {\r\n      font-family: 'Playfair Display', serif !important;\r\n      font-size: 52px !important;\r\n      font-weight: 700 !important;\r\n      color: #1C1C1C !important;\r\n      letter-spacing: -0.025em !important;\r\n      line-height: 1.15 !important;\r\n      margin-bottom: 56px !important;\r\n      margin-left: auto !important;\r\n      margin-right: auto !important;\r\n    }\r\n\r\n    \/* \"Real-World Requirements\" \u2014 red, second line *\/\r\n    .fcc-heading em {\r\n      font-style: italic !important;\r\n      font-weight: 400 !important;\r\n      color: #9F4DFF !important;\r\n      font-family: inherit !important;\r\n      font-size: inherit !important;\r\n      display: block !important;\r\n      margin-top: 6px !important;\r\n    }\r\n\r\n    \/* 4-col grid *\/\r\n    .fcc-grid {\r\n      display: grid !important;\r\n      grid-template-columns: repeat(4, 1fr) !important;\r\n      gap: 20px !important;\r\n    }\r\n\r\n    \/* Card \u2014 white box, red border *\/\r\n    .fcc-card {\r\n      background: #FFFFFF !important;\r\n      border: 1.5px solid rgba(159, 77, 255, 0.16) !important;\r\n      border-radius: 20px !important;\r\n      padding: 24px 28px 32px !important;\r\n      text-align: left !important;\r\n      transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important;\r\n    }\r\n\r\n    .fcc-card:hover {\r\n      transform: translateY(-4px) !important;\r\n      box-shadow: 0 16px 48px rgba(159, 77, 255, 0.09) !important;\r\n      border-color: rgba(159, 77, 255, 0.28) !important;\r\n    }\r\n\r\n    \/* Numbers \u2014 soft lilac *\/\r\n    .fcc-num {\r\n      font-family: 'Playfair Display', serif !important;\r\n      font-size: 40px !important;\r\n      font-weight: 700 !important;\r\n      color: #C4A8FF !important;\r\n      line-height: 1 !important;\r\n      margin-bottom: 20px !important;\r\n      display: block !important;\r\n      margin-top: 6px !important;\r\n    }\r\n\r\n    \/* H3 card title \u2014 brand purple *\/\r\n    .fcc-card-title {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 17px !important;\r\n      font-weight: 700 !important;\r\n      color: #1C1C1C !important;\r\n      margin-bottom: 14px !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n\r\n    \/* Card body \u2014 18px *\/\r\n    .fcc-card-body {\r\n      font-size: 15.5px !important;\r\n      font-weight: 300 !important;\r\n      color: #71717A !important;\r\n      line-height: 1.75 !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .fcc-heading { font-size: 42px !important; }\r\n      .fcc-grid    { grid-template-columns: repeat(2, 1fr) !important; }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .fcc-grid    { grid-template-columns: 1fr !important; }\r\n      .fcc-section { padding: 72px 20px !important; }\r\n      .fcc-heading { font-size: 32px !important; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"fcc-section\">\r\n  <div class=\"fcc-inner\">\r\n\r\n    <span class=\"fcc-eyebrow\">Why it matters<\/span>\r\n\r\n    <h2 class=\"fcc-heading\">\r\n      Where Creativity Meets\r\n      <em>Real-World Requirements<\/em>\r\n    <\/h2>\r\n\r\n    <div class=\"fcc-grid\">\r\n\r\n      <div class=\"fcc-card\">\r\n        <span class=\"fcc-num\">01<\/span>\r\n        <h3 class=\"fcc-card-title\">Beautiful is not enough.<\/h3>\r\n        <p class=\"fcc-card-body\">Your brand, website, app, or packaging needs to be clear, consistent, and ready for the environment it will live in. Strong design should not only look polished, it should reduce confusion and build trust.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fcc-card\">\r\n        <span class=\"fcc-num\">02<\/span>\r\n        <h3 class=\"fcc-card-title\">Requirements affect trust.<\/h3>\r\n        <p class=\"fcc-card-body\">Every industry has its own expectations, from B2B clarity and digital usability to print production standards and FDA-aware label structure for supplement brands. We design with those details in mind from the start.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fcc-card\">\r\n        <span class=\"fcc-num\">03<\/span>\r\n        <h3 class=\"fcc-card-title\">Design should support launch.<\/h3>\r\n        <p class=\"fcc-card-body\">We create visual systems that feel premium, work across touchpoints, and make the next steps easier, whether you are launching a website, building a product, preparing packaging, or refreshing your brand.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fcc-card\">\r\n        <span class=\"fcc-num\">04<\/span>\r\n        <h3 class=\"fcc-card-title\">Built for users, teams, and growth.<\/h3>\r\n        <p class=\"fcc-card-body\">Great design needs to work for real people, internal teams, and future business needs. We create flexible visual systems that can evolve with your brand instead of becoming outdated after launch.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- About Us CTA -->\r\n    <div style=\"margin-top:48px !important; text-align:center !important;\">\r\n      <a href=\"https:\/\/floworacreativelab.com\/about\/\"\r\n         style=\"display:inline-flex !important; align-items:center !important; gap:8px !important;\r\n                background:#1C1C1C !important; color:#FFFFFF !important;\r\n                font-family:'Inter',sans-serif !important; font-size:14px !important;\r\n                font-weight:600 !important; padding:15px 32px !important;\r\n                border-radius:100px !important; text-decoration:none !important;\r\n                transition:background 0.2s, transform 0.2s !important; letter-spacing:0.02em !important;\"\r\n         onmouseover=\"this.style.background='#9F4DFF';this.style.transform='scale(1.05)'\"\r\n         onmouseout=\"this.style.background='#1C1C1C';this.style.transform='scale(1)'\">\r\n        Meet the Studio\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n             stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d089a0 e-con-full e-flex e-con e-parent\" data-id=\"1d089a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff0040b elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ff0040b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .fls-section *,\r\n  .fls-section *::before,\r\n  .fls-section *::after { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }\r\n\r\n  .fls-section {\r\n    width: 100% !important;\r\n    padding: 40px 40px 0 !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  .fls-inner {\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .fls-heading {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 48px !important;\r\n    font-weight: 700 !important;\r\n    color: #1C1C1C !important;\r\n    text-align: center !important;\r\n    letter-spacing: -0.02em !important;\r\n    margin-bottom: 40px !important;\r\n  }\r\n\r\n  .fls-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(5, 1fr) !important;\r\n    gap: 24px !important;\r\n    position: relative !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  .fls-card {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    text-decoration: none !important;\r\n    cursor: pointer !important;\r\n    background: #1C1C1C !important;\r\n    border-radius: 14px !important;\r\n    overflow: hidden !important;\r\n    outline: none !important;\r\n    padding: 10px 10px 0 !important;\r\n    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out !important;\r\n  }\r\n\r\n  .fls-card.is-active {\r\n    transform: translateY(-6px) !important;\r\n    box-shadow:\r\n      0 22px 50px rgba(0,0,0,0.35),\r\n      0 8px 20px rgba(242,166,90,0.25) !important;\r\n  }\r\n\r\n  .fls-card.is-active .fls-card-title {\r\n    color: #F2A65A !important;\r\n  }\r\n\r\n  .fls-card.is-active .fls-card-img {\r\n    transform: scale(1.03) !important;\r\n    filter: brightness(1.10) saturate(1.22) !important;\r\n  }\r\n\r\n  .fls-card-img-wrap {\r\n    width: 100% !important;\r\n    aspect-ratio: 1 \/ 1 !important;\r\n    overflow: hidden !important;\r\n    flex-shrink: 0 !important;\r\n    border-radius: 6px !important;\r\n  }\r\n\r\n  .fls-card-img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    display: block !important;\r\n    transition: transform 0.35s ease-out, filter 0.35s ease-out !important;\r\n    filter: brightness(1.04) saturate(1.12) !important;\r\n  }\r\n\r\n  .fls-card-body {\r\n    padding: 16px 16px 18px !important;\r\n  }\r\n\r\n  .fls-card-title {\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 18px !important;\r\n    font-weight: 600 !important;\r\n    color: #FFFFFF !important;\r\n    line-height: 1.4 !important;\r\n    text-align: center !important;\r\n    transition: color 0.25s ease-out, font-size 0.2s ease-out !important;\r\n    letter-spacing: 0.2px !important;\r\n  }\r\n\r\n  .fls-balloon-wrap {\r\n    position: relative !important;\r\n    margin-top: 16px !important;\r\n    padding-top: 24px !important;\r\n    padding-bottom: 24px !important;\r\n    width: 100% !important;\r\n    min-height: 196px !important; \/* reserved: keeps layout stable when balloon opens\/closes *\/\r\n  }\r\n\r\n  .fls-indicator {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    height: 4px !important;\r\n    background: #FF8A3D !important;\r\n    border-radius: 2px !important;\r\n    opacity: 0 !important;\r\n    transition: left 0.25s ease, width 0.25s ease, opacity 0.22s ease !important;\r\n    z-index: 2 !important;\r\n  }\r\n\r\n  .fls-indicator.is-on { opacity: 1 !important; }\r\n\r\n  .fls-balloon {\r\n    background: #FFFFFF !important;\r\n    backdrop-filter: blur(12px) !important;\r\n    -webkit-backdrop-filter: blur(12px) !important;\r\n    border: 2px solid #FF8A3D !important;\r\n    box-shadow: 0 8px 40px rgba(255,138,61,0.18), 0 4px 16px rgba(0,0,0,0.07) !important;\r\n    border-radius: 16px !important;\r\n    padding: 0 36px !important;\r\n    margin-top: 6px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    gap: 40px !important;\r\n    max-height: 0 !important;\r\n    overflow: hidden !important;\r\n    opacity: 0 !important;\r\n    transition: max-height 0.32s ease, opacity 0.25s ease, padding 0.28s ease !important;\r\n  }\r\n\r\n  .fls-balloon.is-open {\r\n    max-height: 140px !important;\r\n    opacity: 1 !important;\r\n    padding: 28px 36px !important;\r\n  }\r\n\r\n  .fls-balloon-left { flex: 1 !important; }\r\n\r\n  .fls-balloon-service {\r\n    font-size: 11px !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.14em !important;\r\n    color: #FF8A3D !important;\r\n    margin-bottom: 8px !important;\r\n    display: block !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n  }\r\n\r\n  .fls-balloon-desc {\r\n    font-size: 15px !important;\r\n    font-weight: 300 !important;\r\n    color: #3D3D3D !important;\r\n    line-height: 1.65 !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n  }\r\n\r\n  .fls-balloon-cta {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    background: #FF8A3D !important;\r\n    color: #FFFFFF !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 13.5px !important;\r\n    font-weight: 700 !important;\r\n    padding: 13px 26px !important;\r\n    border-radius: 8px !important;\r\n    text-decoration: none !important;\r\n    white-space: nowrap !important;\r\n    flex-shrink: 0 !important;\r\n    transition: background 0.2s, transform 0.2s !important;\r\n  }\r\n\r\n  .fls-balloon-cta:hover {\r\n    background: #1C1C1C !important;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  @media (max-width: 1000px) {\r\n    .fls-grid     { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; width: 100% !important; }\r\n    .fls-section  { padding: 56px 24px 0 !important; }\r\n    .fls-heading  { font-size: 36px !important; }\r\n    .fls-balloon  { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; }\r\n    .fls-balloon.is-open { max-height: 280px !important; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .fls-grid { grid-template-columns: 1fr !important; }\r\n    .fls-card-title { font-size: 15px !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"fls-section\">\r\n  <div class=\"fls-inner\">\r\n\r\n    <h2 class=\"fls-heading\">Our Services<\/h2>\r\n\r\n    <div class=\"fls-grid\" id=\"fls-grid\">\r\n\r\n      <a class=\"fls-card service-card\"\r\n         href=\"https:\/\/floworacreativelab.com\/services\/#service-label\"\r\n         data-index=\"0\"\r\n         aria-label=\"FDA-Compliant Label and Packaging \u2014 view service\">\r\n        <div class=\"fls-card-img-wrap\">\r\n          <img decoding=\"async\" class=\"fls-card-img\"\r\n               src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/FDA_label_box-1.webp\"\r\n               alt=\"FDA-Compliant Label and Packaging\">\r\n        <\/div>\r\n        <div class=\"fls-card-body\">\r\n          <p class=\"fls-card-title service-title elementor-heading-title\">FDA-Compliant Label and Packaging<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"fls-card service-card\"\r\n         href=\"https:\/\/floworacreativelab.com\/services\/#service-branding\"\r\n         data-index=\"1\"\r\n         aria-label=\"Branding and Visual Identity \u2014 view service\">\r\n        <div class=\"fls-card-img-wrap\">\r\n          <img decoding=\"async\" class=\"fls-card-img\"\r\n               src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/logo_design.webp\"\r\n               alt=\"Branding and Visual Identity\">\r\n        <\/div>\r\n        <div class=\"fls-card-body\">\r\n          <p class=\"fls-card-title service-title elementor-heading-title\">Branding and Visual Identity<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"fls-card service-card\"\r\n         href=\"https:\/\/floworacreativelab.com\/services\/#service-uiux\"\r\n         data-index=\"2\"\r\n         aria-label=\"Web, App and SaaS UX\/UI Design \u2014 view service\">\r\n        <div class=\"fls-card-img-wrap\">\r\n          <img decoding=\"async\" class=\"fls-card-img\"\r\n               src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/responsive_screen_design_2.webp\"\r\n               alt=\"Web, App and SaaS UX\/UI Design\">\r\n        <\/div>\r\n        <div class=\"fls-card-body\">\r\n          <p class=\"fls-card-title service-title elementor-heading-title\">Web, App and SaaS UX\/UI Design<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"fls-card service-card\"\r\n         href=\"https:\/\/floworacreativelab.com\/services\/#service-social\"\r\n         data-index=\"3\"\r\n         aria-label=\"Social Media Design and Content Strategy \u2014 view service\">\r\n        <div class=\"fls-card-img-wrap\">\r\n          <img decoding=\"async\" class=\"fls-card-img\"\r\n               src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/social_media_design.webp\"\r\n               alt=\"Social Media Design and Content Strategy\">\r\n        <\/div>\r\n        <div class=\"fls-card-body\">\r\n          <p class=\"fls-card-title service-title elementor-heading-title\">Social Media Design and Content Strategy<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"fls-card service-card\"\r\n         href=\"https:\/\/floworacreativelab.com\/services\/#service-printing\"\r\n         data-index=\"4\"\r\n         aria-label=\"Print and Marketing Materials Design \u2014 view service\">\r\n        <div class=\"fls-card-img-wrap\">\r\n          <img decoding=\"async\" class=\"fls-card-img\"\r\n               src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/printing_materials.webp\"\r\n               alt=\"Print and Marketing Materials Design\">\r\n        <\/div>\r\n        <div class=\"fls-card-body\">\r\n          <p class=\"fls-card-title service-title elementor-heading-title\">Print and Marketing Materials Design<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"fls-balloon-wrap\">\r\n      <div class=\"fls-indicator\" id=\"fls-indicator\"><\/div>\r\n      <div class=\"fls-balloon\" id=\"fls-balloon\">\r\n        <div class=\"fls-balloon-left\">\r\n          <span class=\"fls-balloon-service\" id=\"fls-svc\"><\/span>\r\n          <p class=\"fls-balloon-desc\" id=\"fls-desc\"><\/p>\r\n        <\/div>\r\n        <a class=\"fls-balloon-cta\" id=\"fls-cta\" href=\"#\">Learn More<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var DATA = [\r\n    {\r\n      title: \"FDA-Compliant Label and Packaging\",\r\n      desc:  \"Packaging and FDA-compliant label layouts for supplement and wellness products, including required label structure, claim hierarchy, and print-ready files.\",\r\n      href:  \"https:\/\/floworacreativelab.com\/services\/#service-label\"\r\n    },\r\n    {\r\n      title: \"Branding and Visual Identity\",\r\n      desc:  \"Logo systems, color palettes, typography, and visual direction designed to make your brand feel clear, consistent, and memorable.\",\r\n      href:  \"https:\/\/floworacreativelab.com\/services\/#service-branding\"\r\n    },\r\n    {\r\n      title: \"Web, App and SaaS UX\/UI Design\",\r\n      desc:  \"Websites, landing pages, apps, and SaaS interfaces designed for clarity, usability, and polished digital experiences.\",\r\n      href:  \"https:\/\/floworacreativelab.com\/services\/#service-uiux\"\r\n    },\r\n    {\r\n      title: \"Social Media Design and Content Strategy\",\r\n      desc:  \"Branded social media visuals, campaign assets, content templates, and launch graphics that keep your brand consistent online.\",\r\n      href:  \"https:\/\/floworacreativelab.com\/services\/#service-social\"\r\n    },\r\n    {\r\n      title: \"Print and Marketing Materials Design\",\r\n      desc:  \"Catalogs, business cards, brochures, stationery, and print-ready marketing materials designed with a premium brand finish.\",\r\n      href:  \"https:\/\/floworacreativelab.com\/services\/#service-printing\"\r\n    }\r\n  ];\r\n\r\n  var cards     = document.querySelectorAll('.fls-card');\r\n  var balloon   = document.getElementById('fls-balloon');\r\n  var indicator = document.getElementById('fls-indicator');\r\n  var svcEl     = document.getElementById('fls-svc');\r\n  var descEl    = document.getElementById('fls-desc');\r\n  var ctaEl     = document.getElementById('fls-cta');\r\n  var hideTimer = null;\r\n\r\n  function show(card, idx) {\r\n    clearTimeout(hideTimer);\r\n    var d = DATA[idx];\r\n    svcEl.textContent  = d.title;\r\n    descEl.textContent = d.desc;\r\n    ctaEl.href         = d.href;\r\n    cards.forEach(function(c){ c.classList.remove('is-active'); });\r\n    card.classList.add('is-active');\r\n    var grid  = document.getElementById('fls-grid');\r\n    var gRect = grid.getBoundingClientRect();\r\n    var cRect = card.getBoundingClientRect();\r\n    indicator.style.left  = (cRect.left - gRect.left) + 'px';\r\n    indicator.style.width = cRect.width + 'px';\r\n    indicator.classList.add('is-on');\r\n    balloon.classList.add('is-open');\r\n  }\r\n\r\n  function hide() {\r\n    hideTimer = setTimeout(function () {\r\n      balloon.classList.remove('is-open');\r\n      indicator.classList.remove('is-on');\r\n      cards.forEach(function(c){ c.classList.remove('is-active'); });\r\n    }, 200);\r\n  }\r\n\r\n  cards.forEach(function (card) {\r\n    var idx = parseInt(card.getAttribute('data-index'), 10);\r\n    card.addEventListener('mouseenter', function () { show(card, idx); });\r\n    card.addEventListener('mouseleave', hide);\r\n    card.addEventListener('focus',      function () { show(card, idx); });\r\n    card.addEventListener('blur',       hide);\r\n  });\r\n\r\n  balloon.addEventListener('mouseenter', function () { clearTimeout(hideTimer); });\r\n  balloon.addEventListener('mouseleave', hide);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7126ca4 e-con-full e-flex e-con e-parent\" data-id=\"7126ca4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b59874f elementor-widget elementor-widget-html\" data-id=\"b59874f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* { box-sizing: border-box; }\r\n\r\n#flowora-fdapromo {\r\n  width: 100% !important;\r\n  font-family: 'Inter', sans-serif !important;\r\n  -webkit-font-smoothing: antialiased !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-band {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  background: linear-gradient(135deg, #E2C9FF 0%, #9B6FD4 38%, #5E2E96 70%, #441C73 100%) !important;\r\n  padding: 80px 56px !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-band::before {\r\n  display: none !important;\r\n}\r\n#flowora-fdapromo .fdp-band::after {\r\n  content: '' !important; position: absolute !important;\r\n  bottom: -120px !important; left: 15% !important;\r\n  width: 380px !important; height: 380px !important;\r\n  background: radial-gradient(circle, rgba(185,143,224,0.16) 0%, transparent 68%) !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 Grid texture overlay \u2014 visible on edges, fades to center \u2500\u2500 *\/\r\n#flowora-fdapromo .fdp-grid-overlay {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background-image:\r\n    linear-gradient(rgba(226,201,255,0.11) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(226,201,255,0.11) 1px, transparent 1px),\r\n    linear-gradient(rgba(226,201,255,0.05) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(226,201,255,0.05) 1px, transparent 1px) !important;\r\n  background-size: 38px 38px, 38px 38px, 76px 76px, 76px 76px !important;\r\n  -webkit-mask-image: radial-gradient(ellipse 55% 50% at 50% 50%,\r\n    transparent 0%, transparent 42%, rgba(0,0,0,0.40) 62%, rgba(0,0,0,0.85) 80%, rgba(0,0,0,1) 95%) !important;\r\n  mask-image: radial-gradient(ellipse 55% 50% at 50% 50%,\r\n    transparent 0%, transparent 42%, rgba(0,0,0,0.40) 62%, rgba(0,0,0,0.85) 80%, rgba(0,0,0,1) 95%) !important;\r\n  pointer-events: none !important;\r\n  z-index: 1 !important;\r\n}\r\n#flowora-fdapromo .fdp-inner {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  width: 100% !important;\r\n  max-width: 1440px !important;\r\n  margin: 0 auto !important;\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1.4fr !important;\r\n  gap: 48px !important;\r\n  align-items: center !important;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT: bottle + orbits \u2500\u2500 *\/\r\n#flowora-fdapromo .fdp-visual {\r\n  position: relative !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  min-height: 500px !important;\r\n}\r\n\r\n\/* Soft background glow *\/\r\n#flowora-fdapromo .fdp-visual-glow {\r\n  position: absolute !important;\r\n  width: 420px !important; height: 420px !important;\r\n  background: radial-gradient(circle, rgba(255,255,255,0.18) 0%, rgba(226,201,255,0.07) 45%, transparent 70%) !important;\r\n  border-radius: 50% !important;\r\n  animation: fdp-glow-pulse 4s ease-in-out infinite !important;\r\n}\r\n\r\n@keyframes fdp-glow-pulse {\r\n  0%,100% { transform: scale(1); opacity: 0.8; }\r\n  50%      { transform: scale(1.08); opacity: 1; }\r\n}\r\n\r\n\/* \u2500\u2500 Scattered arc system \u2500\u2500 *\/\r\n\r\n\/* Arc 1: large outer, only right-top quarter visible, CW *\/\r\n#flowora-fdapromo .fdp-arc-1 {\r\n  position: absolute !important;\r\n  width: 540px !important; height: 540px !important;\r\n  border: 1.5px dashed rgba(226,201,255,0.26) !important;\r\n  border-radius: 50% !important;\r\n  border-bottom-color: transparent !important;\r\n  border-left-color: transparent !important;\r\n  animation: fdp-spin-cw 18s linear infinite !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-arc-1::before {\r\n  content: '' !important; position: absolute !important;\r\n  top: -5px !important; right: 20% !important;\r\n  width: 9px !important; height: 9px !important;\r\n  background: rgba(226,201,255,0.90) !important;\r\n  border-radius: 50% !important;\r\n  box-shadow: 0 0 10px rgba(226,201,255,0.7) !important;\r\n}\r\n\r\n\/* Arc 2: medium, bottom-left quarter, CCW faster *\/\r\n#flowora-fdapromo .fdp-arc-2 {\r\n  position: absolute !important;\r\n  width: 360px !important; height: 360px !important;\r\n  border: 1px solid rgba(255,255,255,0.13) !important;\r\n  border-radius: 50% !important;\r\n  border-top-color: transparent !important;\r\n  border-right-color: transparent !important;\r\n  animation: fdp-spin-ccw 11s linear infinite !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-arc-2::after {\r\n  content: '' !important; position: absolute !important;\r\n  bottom: -4px !important; left: 22% !important;\r\n  width: 6px !important; height: 6px !important;\r\n  background: rgba(255,255,255,0.60) !important;\r\n  border-radius: 50% !important;\r\n}\r\n\r\n\/* Arc 3: small tilted, only top arc, CCW slow *\/\r\n#flowora-fdapromo .fdp-arc-3 {\r\n  position: absolute !important;\r\n  width: 220px !important; height: 220px !important;\r\n  border: 1px dashed rgba(226,201,255,0.20) !important;\r\n  border-radius: 50% !important;\r\n  border-bottom-color: transparent !important;\r\n  border-right-color: transparent !important;\r\n  transform: rotate(30deg) !important;\r\n  animation: fdp-arc3-spin 7s linear infinite !important;\r\n}\r\n\r\n@keyframes fdp-spin-cw    { from { transform: rotate(0deg); }        to { transform: rotate(360deg); } }\r\n@keyframes fdp-spin-ccw   { from { transform: rotate(0deg); }        to { transform: rotate(-360deg); } }\r\n@keyframes fdp-arc3-spin  { from { transform: rotate(30deg); }       to { transform: rotate(390deg); } }\r\n\r\n\/* Bottle image *\/\r\n#flowora-fdapromo .fdp-bottle {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  max-width: 100% !important;\r\n  max-height: 580px !important;\r\n  display: block !important;\r\n  filter: drop-shadow(0 32px 56px rgba(0,0,0,0.42)) !important;\r\n  opacity: 0 !important;\r\n  transform: translateY(56px) !important;\r\n  transition: opacity 1s cubic-bezier(0.22,1,0.36,1), transform 1s cubic-bezier(0.22,1,0.36,1) !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-bottle.fdp-in {\r\n  opacity: 1 !important;\r\n  transform: translateY(0) !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-bottle.fdp-float {\r\n  animation: fdp-bottle-float 4.5s ease-in-out infinite !important;\r\n}\r\n\r\n@keyframes fdp-bottle-float {\r\n  0%, 100% { transform: translateY(0px); }\r\n  50%       { transform: translateY(-14px); }\r\n}\r\n\r\n\/* \u2500\u2500 RIGHT: content \u2500\u2500 *\/\r\n#flowora-fdapromo .fdp-content {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n}\r\n\r\n\/* Eyebrow with spark *\/\r\n#flowora-fdapromo .fdp-eyebrow {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  font-size: 11px !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.18em !important;\r\n  text-transform: uppercase !important;\r\n  color: #E2C9FF !important;\r\n  margin-bottom: 20px !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-spark {\r\n  width: 14px !important; height: 14px !important;\r\n  fill: #E2C9FF !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n\r\n\/* Headline *\/\r\n#flowora-fdapromo .fdp-title {\r\n  font-family: 'Inter', sans-serif !important;\r\n  font-size: clamp(26px, 3.2vw, 44px) !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.2 !important;\r\n  letter-spacing: -0.025em !important;\r\n  color: #FFFFFF !important;\r\n  margin: 0 0 18px 0 !important;\r\n  text-shadow: 0 1px 12px rgba(42,17,71,0.22) !important;\r\n}\r\n\r\n\/* \"FDA-Compliant Packaging for\" \u2014 slightly bolder *\/\r\n#flowora-fdapromo .fdp-title-strong {\r\n  font-weight: 500 !important;\r\n  display: inline !important;\r\n}\r\n\r\n\/* \"Supplement & Wellness Brands\" \u2014 italic Playfair, lighter lilac *\/\r\n#flowora-fdapromo .fdp-title em {\r\n  font-family: 'Playfair Display', serif !important;\r\n  font-style: italic !important;\r\n  font-weight: 300 !important;\r\n  color: rgba(255,255,255,0.88) !important;\r\n  display: block !important;\r\n  padding-bottom: 0.06em !important;\r\n  font-size: 1.02em !important;\r\n}\r\n\r\n\/* Body *\/\r\n#flowora-fdapromo .fdp-sub {\r\n  font-size: 15px !important;\r\n  font-weight: 300 !important;\r\n  line-height: 1.7 !important;\r\n  color: rgba(255,255,255,0.70) !important;\r\n  margin: 0 0 32px 0 !important;\r\n  max-width: 480px !important;\r\n}\r\n\r\n\/* Chips *\/\r\n#flowora-fdapromo .fdp-chips {\r\n  display: flex !important;\r\n  flex-wrap: wrap !important;\r\n  gap: 10px !important;\r\n  margin-bottom: 36px !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-chip {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 7px !important;\r\n  background: rgba(255,255,255,0.10) !important;\r\n  border: 1px solid rgba(255,255,255,0.20) !important;\r\n  border-radius: 100px !important;\r\n  padding: 8px 16px !important;\r\n  font-size: 12.5px !important;\r\n  font-weight: 500 !important;\r\n  color: rgba(255,255,255,0.90) !important;\r\n  transition: background 0.2s, border-color 0.2s !important;\r\n  cursor: default !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-chip:hover {\r\n  background: rgba(255,255,255,0.18) !important;\r\n  border-color: rgba(255,255,255,0.38) !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-chip::before {\r\n  content: '' !important;\r\n  display: block !important;\r\n  width: 5px !important; height: 5px !important;\r\n  border-radius: 50% !important;\r\n  background: #E2C9FF !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n\r\n\/* CTA *\/\r\n#flowora-fdapromo .fdp-btn {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  background: #FFFFFF !important;\r\n  color: #441C73 !important;\r\n  font-family: 'Inter', sans-serif !important;\r\n  font-size: 15px !important;\r\n  font-weight: 600 !important;\r\n  padding: 17px 36px !important;\r\n  border-radius: 100px !important;\r\n  text-decoration: none !important;\r\n  box-shadow: 0 8px 28px rgba(0,0,0,0.20) !important;\r\n  transition:\r\n    transform 0.50s cubic-bezier(0.34, 1.56, 0.64, 1),\r\n    box-shadow 0.35s ease !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-btn:hover {\r\n  transform: scale(1.04) !important;\r\n  box-shadow: 0 12px 44px rgba(0,0,0,0.30) !important;\r\n}\r\n\r\n#flowora-fdapromo .fdp-btn svg {\r\n  width: 16px !important; height: 16px !important;\r\n  stroke: #441C73 !important; fill: none !important;\r\n  stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 880px) {\r\n  \r\n\/* \u2500\u2500 Grid texture overlay \u2014 visible on edges, fades to center \u2500\u2500 *\/\r\n#flowora-fdapromo .fdp-grid-overlay {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background-image:\r\n    linear-gradient(rgba(226,201,255,0.11) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(226,201,255,0.11) 1px, transparent 1px),\r\n    linear-gradient(rgba(226,201,255,0.05) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(226,201,255,0.05) 1px, transparent 1px) !important;\r\n  background-size: 38px 38px, 38px 38px, 76px 76px, 76px 76px !important;\r\n  -webkit-mask-image: radial-gradient(ellipse 55% 50% at 50% 50%,\r\n    transparent 0%, transparent 42%, rgba(0,0,0,0.40) 62%, rgba(0,0,0,0.85) 80%, rgba(0,0,0,1) 95%) !important;\r\n  mask-image: radial-gradient(ellipse 55% 50% at 50% 50%,\r\n    transparent 0%, transparent 42%, rgba(0,0,0,0.40) 62%, rgba(0,0,0,0.85) 80%, rgba(0,0,0,1) 95%) !important;\r\n  pointer-events: none !important;\r\n  z-index: 1 !important;\r\n}\r\n#flowora-fdapromo .fdp-inner {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 40px !important;\r\n    text-align: center !important;\r\n  }\r\n  #flowora-fdapromo .fdp-band { padding: 60px 28px !important; }\r\n  #flowora-fdapromo .fdp-eyebrow { justify-content: center !important; }\r\n  #flowora-fdapromo .fdp-sub { margin-left: auto !important; margin-right: auto !important; }\r\n  #flowora-fdapromo .fdp-chips { justify-content: center !important; }\r\n  #flowora-fdapromo .fdp-visual { order: -1 !important; min-height: 320px !important; }\r\n  #flowora-fdapromo .fdp-bottle { max-height: 280px !important; }\r\n  #flowora-fdapromo .fdp-arc-1 { width: 300px !important; height: 300px !important; }\r\n  #flowora-fdapromo .fdp-arc-2 { width: 220px !important; height: 220px !important; }\r\n  #flowora-fdapromo .fdp-arc-3 { display: none !important; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #flowora-fdapromo .fdp-visual-glow,\r\n  #flowora-fdapromo .fdp-arc-1,\r\n  #flowora-fdapromo .fdp-arc-2,\r\n  #flowora-fdapromo .fdp-arc-3 {\r\n    animation: none !important;\r\n  }\r\n  #flowora-fdapromo .fdp-bottle {\r\n    animation: none !important;\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    transition: none !important;\r\n  }\r\n  #flowora-fdapromo .fdp-btn:hover {\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"flowora-fdapromo\">\r\n  <div class=\"fdp-band\">\r\n    <div class=\"fdp-grid-overlay\"><\/div>\r\n    <div class=\"fdp-inner\">\r\n\r\n      <!-- Left: bottle + orbits -->\r\n      <div class=\"fdp-visual\">\r\n        <div class=\"fdp-visual-glow\"><\/div>\r\n        <div class=\"fdp-arc-1\"><\/div>\r\n        <div class=\"fdp-arc-2\"><\/div>\r\n        <div class=\"fdp-arc-3\"><\/div>\r\n        <img decoding=\"async\" class=\"fdp-bottle\"\r\n             src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/06\/Mockup-scaled.webp\"\r\n             alt=\"FDA-compliant supplement packaging and label design by Flowora Creative Lab\">\r\n      <\/div>\r\n\r\n      <!-- Right: content -->\r\n      <div class=\"fdp-content\">\r\n\r\n        <!-- Eyebrow with spark icon -->\r\n        <div class=\"fdp-eyebrow\">\r\n          <svg class=\"fdp-spark\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 2 L13.8 10.2 L22 12 L13.8 13.8 L12 22 L10.2 13.8 L2 12 L10.2 10.2 Z\"\/>\r\n          <\/svg>\r\n          Specialized Expertise\r\n        <\/div>\r\n\r\n        <!-- h2: primary section keyword \u2014 FDA-Compliant Packaging for Supplement & Wellness Brands -->\r\n        <h2 class=\"fdp-title\" itemprop=\"name\">\r\n          <span class=\"fdp-title-strong\">FDA-Compliant Packaging for<\/span>\r\n          <em>Supplement &amp; Wellness Brands<\/em>\r\n        <\/h2>\r\n\r\n        <p class=\"fdp-sub\">\r\n          For supplement and wellness brands, packaging needs more than a beautiful front label. We design FDA-aware label layouts, Supplement Facts panels, claim hierarchy, required statements, and print-ready packaging systems that feel premium and launch-ready.\r\n        <\/p>\r\n\r\n        <div class=\"fdp-chips\">\r\n          <span class=\"fdp-chip\">FDA-aware label structure<\/span>\r\n          <span class=\"fdp-chip\">Supplement Facts panel<\/span>\r\n          <span class=\"fdp-chip\">Claim hierarchy &amp; required statements<\/span>\r\n          <span class=\"fdp-chip\">Print-ready packaging files<\/span>\r\n          <span class=\"fdp-chip\">Manufacturer communication support<\/span>\r\n        <\/div>\r\n\r\n        <a class=\"fdp-btn\" href=\"https:\/\/floworacreativelab.com\/fda-label-design\/\">\r\n          Explore FDA Label Design\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var bottle = document.querySelector('#flowora-fdapromo .fdp-bottle');\r\n  if (!bottle) return;\r\n\r\n  function startFloat() {\r\n    setTimeout(function() {\r\n      bottle.classList.add('fdp-float');\r\n    }, 1100);\r\n  }\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    var obs = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(e) {\r\n        if (e.isIntersecting) {\r\n          bottle.classList.add('fdp-in');\r\n          startFloat();\r\n          obs.unobserve(bottle);\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n    obs.observe(bottle);\r\n  } else {\r\n    bottle.classList.add('fdp-in');\r\n    startFloat();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05449b7 e-con-full e-flex e-con e-parent\" data-id=\"05449b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48b8c19 elementor-widget elementor-widget-html\" data-id=\"48b8c19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .fhw-section *,\r\n  .fhw-section *::before,\r\n  .fhw-section *::after { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }\r\n\r\n  .fhw-section {\r\n    background: #FFFFFF !important;\r\n    padding: 112px 80px 120px !important;\r\n    width: 100% !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  .fhw-inner { max-width: none !important; margin: 0 !important; }\r\n\r\n  \/* Header *\/\r\n  .fhw-header { text-align: center !important; margin-bottom: 72px !important; }\r\n\r\n  .fhw-eyebrow {\r\n    font-size: 11px !important; font-weight: 600 !important;\r\n    text-transform: uppercase !important; letter-spacing: 0.16em !important;\r\n    color: #9F4DFF !important; margin-bottom: 14px !important; display: block !important;\r\n  }\r\n\r\n  .fhw-heading {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 48px !important; font-weight: 700 !important;\r\n    color: #1C1C1C !important; letter-spacing: -0.025em !important;\r\n    line-height: 1.1 !important; margin-bottom: 14px !important;\r\n  }\r\n\r\n  .fhw-heading em {\r\n    font-style: italic !important; color: #9F4DFF !important;\r\n    font-family: inherit !important; font-size: inherit !important;\r\n  }\r\n\r\n  .fhw-subtitle {\r\n    font-size: 15px !important; font-weight: 300 !important;\r\n    color: #71717A !important; line-height: 1.7 !important;\r\n    max-width: 620px !important; margin: 0 auto !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 Track \u2500\u2500 *\/\r\n  .fhw-track {\r\n    position: relative !important;\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: flex-start !important;\r\n  }\r\n\r\n  \/* Connector line \u2014 center of step 1 to center of step 5 *\/\r\n  \/* Each step = 20% wide, circle center at 10%, 30%, 50%, 70%, 90% *\/\r\n  .fhw-connector {\r\n    position: absolute !important;\r\n    top: 40px !important;\r\n    left: 10% !important;\r\n    width: 80% !important;\r\n    height: 1px !important;\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgba(159,77,255,0.12) 0%,\r\n      rgba(159,77,255,0.42) 30%,\r\n      rgba(159,77,255,0.42) 70%,\r\n      rgba(159,77,255,0.12) 100%\r\n    ) !important;\r\n    z-index: 0 !important;\r\n  }\r\n\r\n  .fhw-connector::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background: repeating-linear-gradient(\r\n      90deg,\r\n      transparent, transparent 6px,\r\n      rgba(255,255,255,1) 6px, rgba(255,255,255,1) 10px\r\n    ) !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 Step \u2500\u2500 *\/\r\n  .fhw-step {\r\n    flex: 1 !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n    position: relative !important;\r\n    z-index: 1 !important;\r\n    padding: 0 20px !important;\r\n  }\r\n\r\n  \/* Circle *\/\r\n  .fhw-circle {\r\n    width: 80px !important;\r\n    height: 80px !important;\r\n    border-radius: 50% !important;\r\n    background: linear-gradient(135deg, #9F4DFF 0%, #441C73 100%) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    margin-bottom: 40px !important;\r\n    flex-shrink: 0 !important;\r\n    box-shadow: 0 8px 28px rgba(159,77,255,0.26) !important;\r\n    transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.30s ease !important;\r\n  }\r\n\r\n  .fhw-step:hover .fhw-circle {\r\n    transform: translateY(-4px) scale(1.07) !important;\r\n    box-shadow: 0 16px 40px rgba(159,77,255,0.38) !important;\r\n  }\r\n\r\n  .fhw-circle svg {\r\n    width: 26px !important; height: 26px !important;\r\n    stroke: #FFFFFF !important; fill: none !important;\r\n    stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important;\r\n  }\r\n\r\n  \/* Step number *\/\r\n  .fhw-num {\r\n    font-size: 11px !important; font-weight: 700 !important;\r\n    text-transform: uppercase !important; letter-spacing: 0.14em !important;\r\n    color: #C4A8FF !important; margin-bottom: 7px !important; display: block !important;\r\n  }\r\n\r\n  \/* Title *\/\r\n  .fhw-title {\r\n    font-size: 21px !important; font-weight: 700 !important;\r\n    color: #1C1C1C !important; line-height: 1.35 !important;\r\n    margin-bottom: 8px !important; font-family: 'Inter', sans-serif !important;\r\n  }\r\n\r\n  \/* Description *\/\r\n  .fhw-desc {\r\n    font-size: 16px !important; font-weight: 300 !important;\r\n    color: #71717A !important; line-height: 1.7 !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 960px) {\r\n    .fhw-track     { flex-direction: column !important; align-items: center !important; }\r\n    .fhw-connector { display: none !important; }\r\n    .fhw-step      { padding: 0 !important; margin-bottom: 0 !important; width: 100% !important; max-width: 360px !important; flex-direction: row !important; text-align: left !important; gap: 20px !important; }\r\n    .fhw-circle    { margin-bottom: 0 !important; flex-shrink: 0 !important; }\r\n    .fhw-step-text { display: flex !important; flex-direction: column !important; }\r\n    .fhw-step:not(:last-child) { margin-bottom: 32px !important; padding-bottom: 32px !important; border-bottom: 1px solid rgba(159,77,255,0.10) !important; }\r\n    .fhw-section   { padding: 72px 32px 80px !important; }\r\n    .fhw-heading   { font-size: 36px !important; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .fhw-section { padding: 60px 20px 72px !important; }\r\n    .fhw-heading { font-size: 30px !important; }\r\n    .fhw-circle  { width: 64px !important; height: 64px !important; }\r\n    .fhw-circle svg { width: 22px !important; height: 22px !important; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .fhw-circle { transition: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"fhw-section\" aria-label=\"How It Works \u2014 Our Process\">\r\n  <div class=\"fhw-inner\">\r\n\r\n    <div class=\"fhw-header\">\r\n      <span class=\"fhw-eyebrow\">Process<\/span>\r\n      <h2 class=\"fhw-heading\">How It <em>Works<\/em><\/h2>\r\n      <p class=\"fhw-subtitle\">A clear, collaborative process from first brief to polished, launch-ready files.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fhw-track\">\r\n      <div class=\"fhw-connector\" aria-hidden=\"true\"><\/div>\r\n\r\n      <!-- 01 -->\r\n      <div class=\"fhw-step\">\r\n        <div class=\"fhw-circle\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n            <polyline points=\"14 2 14 8 20 8\"\/>\r\n            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\r\n            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"fhw-step-text\">\r\n          <span class=\"fhw-num\">01<\/span>\r\n          <h3 class=\"fhw-title\">Share Your Brief<\/h3>\r\n          <p class=\"fhw-desc\">Tell us about your brand, goals, timeline, and what you need. A quick form or call helps us understand the project clearly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 02 -->\r\n      <div class=\"fhw-step\">\r\n        <div class=\"fhw-circle\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <polyline points=\"12 6 12 12 16 14\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"fhw-step-text\">\r\n          <span class=\"fhw-num\">02<\/span>\r\n          <h3 class=\"fhw-title\">Define Scope, Budget & Direction<\/h3>\r\n          <p class=\"fhw-desc\">We align on the creative direction, deliverables, timeline, budget, and revision structure before the project begins.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 03 -->\r\n      <div class=\"fhw-step\">\r\n        <div class=\"fhw-circle\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n            <polyline points=\"9 12 11 14 15 10\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"fhw-step-text\">\r\n          <span class=\"fhw-num\">03<\/span>\r\n          <h3 class=\"fhw-title\">Start with Deposit<\/h3>\r\n          <p class=\"fhw-desc\">Once the scope is approved, the project begins with a 50% upfront payment. This secures your place in the schedule and starts the design phase.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 04 -->\r\n      <div class=\"fhw-step\">\r\n        <div class=\"fhw-circle\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 20h9\"\/>\r\n            <path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"fhw-step-text\">\r\n          <span class=\"fhw-num\">04<\/span>\r\n          <h3 class=\"fhw-title\">Design, Refine & Approve<\/h3>\r\n          <p class=\"fhw-desc\">We design, you review. Structured revision rounds help refine the work until the direction feels polished, aligned, and ready for finalization.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 05 -->\r\n      <div class=\"fhw-step\">\r\n        <div class=\"fhw-circle\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\r\n            <polyline points=\"7 10 12 15 17 10\"\/>\r\n            <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"fhw-step-text\">\r\n          <span class=\"fhw-num\">05<\/span>\r\n          <h3 class=\"fhw-title\">Deliver Files & Support Next Steps<\/h3>\r\n          <p class=\"fhw-desc\">Final files are delivered after the remaining 50% balance is completed. You receive clean, organized files for print, web, developer handoff, or manufacturer coordination, with continued support available.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-927df91 e-con-full e-flex e-con e-parent\" data-id=\"927df91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c58ca0c elementor-widget elementor-widget-html\" data-id=\"c58ca0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .fcs-section *,\r\n  .fcs-section *::before,\r\n  .fcs-section *::after { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }\r\n\r\n  .fcs-section {\r\n    background: #F5EDFF !important;\r\n    padding: 96px 56px 104px !important;\r\n    width: 100% !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  .fcs-inner {\r\n    max-width: 860px !important;\r\n    margin: 0 auto !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  \/* Eyebrow *\/\r\n  .fcs-eyebrow {\r\n    font-size: 11px !important;\r\n    font-weight: 600 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.16em !important;\r\n    color: #9F4DFF !important;\r\n    margin-bottom: 14px !important;\r\n    display: block !important;\r\n  }\r\n\r\n  \/* Italic subtitle \u2014 Words from those... *\/\r\n  .fcs-subline {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-style: italic !important;\r\n    font-size: 20px !important;\r\n    font-weight: 400 !important;\r\n    color: #1C1C1C !important;\r\n    margin-bottom: 40px !important;\r\n    display: block !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 Quote card \u2500\u2500 *\/\r\n  .fcs-card {\r\n    background: #FFFFFF !important;\r\n    border: 1.5px solid rgba(159, 77, 255, 0.12) !important;\r\n    border-radius: 24px !important;\r\n    padding: 56px 56px 48px !important;\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    margin-bottom: 32px !important;\r\n    box-shadow: 0 8px 48px rgba(159, 77, 255, 0.07) !important;\r\n  }\r\n\r\n  \/* Decorative quote mark \u2014 curly, premium *\/\r\n  .fcs-quote-mark {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 140px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 0.75 !important;\r\n    color: #9F4DFF !important;\r\n    opacity: 0.12 !important;\r\n    position: absolute !important;\r\n    top: 32px !important;\r\n    left: 40px !important;\r\n    user-select: none !important;\r\n    pointer-events: none !important;\r\n    font-style: normal !important;\r\n  }\r\n\r\n  \/* Service tag *\/\r\n  .fcs-service-tag {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    background: #F0EAFF !important;\r\n    border: 1px solid rgba(159, 77, 255, 0.18) !important;\r\n    border-radius: 100px !important;\r\n    padding: 6px 16px !important;\r\n    font-size: 11px !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.12em !important;\r\n    color: #7C14F6 !important;\r\n    margin-bottom: 28px !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n  }\r\n\r\n  \/* Quote *\/\r\n  .fcs-quote {\r\n    position: relative !important;\r\n    z-index: 1 !important;\r\n    text-align: left !important;\r\n    margin-bottom: 36px !important;\r\n  }\r\n\r\n  \/* Strong first sentence \u2014 Playfair bold *\/\r\n  .fcs-quote strong {\r\n    display: block !important;\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-style: normal !important;\r\n    font-weight: 700 !important;\r\n    font-size: 20px !important;\r\n    color: #1C1C1C !important;\r\n    line-height: 1.5 !important;\r\n    margin-bottom: 14px !important;\r\n  }\r\n\r\n  \/* Rest of quote \u2014 Inter *\/\r\n  .fcs-quote-body {\r\n    display: block !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-style: normal !important;\r\n    font-size: 15px !important;\r\n    font-weight: 300 !important;\r\n    color: #3D3D3D !important;\r\n    line-height: 1.8 !important;\r\n  }\r\n\r\n  \/* Author *\/\r\n  .fcs-author {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 14px !important;\r\n    text-align: left !important;\r\n  }\r\n\r\n  .fcs-avatar {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n    background: linear-gradient(135deg, #9F4DFF, #7C14F6) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    font-size: 15px !important;\r\n    font-weight: 700 !important;\r\n    color: #FFFFFF !important;\r\n    flex-shrink: 0 !important;\r\n    letter-spacing: 0.04em !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n  }\r\n\r\n  .fcs-author-name {\r\n    font-size: 15px !important;\r\n    font-weight: 700 !important;\r\n    color: #1C1C1C !important;\r\n    display: block !important;\r\n    margin-bottom: 3px !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n  }\r\n\r\n  .fcs-author-role {\r\n    font-size: 13px !important;\r\n    font-weight: 300 !important;\r\n    color: #71717A !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 Trust chips \u2500\u2500 *\/\r\n  .fcs-chips {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    gap: 10px !important;\r\n    justify-content: center !important;\r\n    margin-bottom: 40px !important;\r\n  }\r\n\r\n  .fcs-chip {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 7px !important;\r\n    background: #FFFFFF !important;\r\n    border: 1.5px solid rgba(159, 77, 255, 0.16) !important;\r\n    border-radius: 100px !important;\r\n    padding: 8px 18px !important;\r\n    font-size: 12.5px !important;\r\n    font-weight: 500 !important;\r\n    color: #1C1C1C !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n  }\r\n\r\n  .fcs-chip::before {\r\n    content: '' !important;\r\n    width: 6px !important;\r\n    height: 6px !important;\r\n    border-radius: 50% !important;\r\n    background: #9F4DFF !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n  .fcs-cta {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n    background: #1C1C1C !important;\r\n    color: #FFFFFF !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 15px !important;\r\n    font-weight: 600 !important;\r\n    padding: 16px 36px !important;\r\n    border-radius: 100px !important;\r\n    text-decoration: none !important;\r\n    transition: background 0.25s ease, transform 0.50s cubic-bezier(0.34,1.56,0.64,1) !important;\r\n  }\r\n\r\n  .fcs-cta:hover {\r\n    background: #9F4DFF !important;\r\n    transform: scale(1.04) !important;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .fcs-section  { padding: 72px 24px 80px !important; }\r\n    .fcs-card     { padding: 40px 28px 36px !important; }\r\n    .fcs-quote strong { font-size: 17px !important; }\r\n    .fcs-quote-mark { display: none !important; }\r\n    .fcs-chips { display: none !important; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .fcs-cta { transition: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"fcs-section\" aria-label=\"Client Story\">\r\n  <div class=\"fcs-inner\">\r\n\r\n    <span class=\"fcs-eyebrow\">Client Story<\/span>\r\n    <span class=\"fcs-subline\">Words from those who worked with us<\/span>\r\n\r\n    <!-- Quote card -->\r\n    <div class=\"fcs-card\">\r\n      <div class=\"fcs-quote-mark\" aria-hidden=\"true\">&ldquo;<\/div>\r\n\r\n      <span class=\"fcs-service-tag\">Branding &amp; FDA-Compliant Design<\/span>\r\n\r\n      <blockquote class=\"fcs-quote\">\r\n        <strong>Working with Deyyan was an excellent experience from start to finish.<\/strong>\r\n        <span class=\"fcs-quote-body\">\r\n          Her professionalism, creativity, attention to detail, and responsiveness made the entire process very smooth and enjoyable.\r\n          I especially appreciated her patience during the revision process and her ability to transform the original concept into a highly professional, premium-looking final product.\r\n          The final result exceeded my expectations and gave the product a truly premium and professional identity.\r\n        <\/span>\r\n      <\/blockquote>\r\n\r\n      <div class=\"fcs-author\">\r\n        <div class=\"fcs-avatar\" aria-hidden=\"true\">JA<\/div>\r\n        <div>\r\n          <span class=\"fcs-author-name\">James A.<\/span>\r\n          <span class=\"fcs-author-role\">Owner, DailyPure Supply LLC<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Trust chips -->\r\n    <div class=\"fcs-chips\" role=\"list\" aria-label=\"What clients experience\">\r\n      <span class=\"fcs-chip\" role=\"listitem\">FDA-Compliant Design<\/span>\r\n      <span class=\"fcs-chip\" role=\"listitem\">Premium packaging identity<\/span>\r\n      <span class=\"fcs-chip\" role=\"listitem\">Smooth revision process<\/span>\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n    <a class=\"fcs-cta\" href=\"https:\/\/floworacreativelab.com\/contact\/\">\r\n      Start Your Project\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d08460 e-con-full e-flex e-con e-parent\" data-id=\"3d08460\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49125f4 elementor-widget elementor-widget-html\" data-id=\"49125f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .fpv-section *,\r\n  .fpv-section *::before,\r\n  .fpv-section *::after { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }\r\n\r\n  .fpv-section {\r\n    background: #FFFFFF !important;\r\n    padding: 96px 120px 96px !important;\r\n    width: 100% !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  .fpv-inner { max-width: none !important; margin: 0 !important; }\r\n\r\n  \/* \u2500\u2500 Header \u2500\u2500 *\/\r\n  .fpv-header { text-align: center !important; margin-bottom: 56px !important; }\r\n\r\n  .fpv-eyebrow {\r\n    font-size: 11px !important; font-weight: 600 !important;\r\n    text-transform: uppercase !important; letter-spacing: 0.16em !important;\r\n    color: #9F4DFF !important; margin-bottom: 14px !important; display: block !important;\r\n  }\r\n\r\n  .fpv-heading {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 52px !important; font-weight: 700 !important;\r\n    color: #1C1C1C !important; letter-spacing: -0.025em !important;\r\n    line-height: 1.08 !important; margin-bottom: 16px !important;\r\n  }\r\n\r\n  .fpv-heading em {\r\n    font-style: italic !important; color: #9F4DFF !important;\r\n    font-family: inherit !important; font-size: inherit !important;\r\n  }\r\n\r\n  .fpv-intro {\r\n    font-size: 15.5px !important; font-weight: 300 !important;\r\n    color: #71717A !important; line-height: 1.7 !important;\r\n    max-width: 620px !important; margin: 0 auto !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 Grid \u2500\u2500 *\/\r\n  .fpv-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(4, 1fr) !important;\r\n    gap: 20px !important; margin-bottom: 52px !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 Card \u2014 white \u2500\u2500 *\/\r\n  .fpv-card {\r\n    display: flex !important; flex-direction: column !important;\r\n    background: #FFFFFF !important;\r\n    border: 1.5px solid rgba(159, 77, 255, 0.13) !important;\r\n    border-radius: 18px !important; overflow: hidden !important;\r\n    text-decoration: none !important; cursor: pointer !important;\r\n    transition:\r\n      transform 0.30s cubic-bezier(0.34,1.56,0.64,1),\r\n      box-shadow 0.30s ease,\r\n      border-color 0.28s ease,\r\n      background 0.28s ease !important;\r\n  }\r\n\r\n  .fpv-card:hover {\r\n    transform: translateY(-6px) !important;\r\n    background: linear-gradient(160deg, #FFFFFF 45%, #F5EDFF 100%) !important;\r\n    border-color: rgba(159, 77, 255, 0.38) !important;\r\n    box-shadow:\r\n      0 20px 56px rgba(159, 77, 255, 0.14),\r\n      0 4px 16px rgba(159, 77, 255, 0.08) !important;\r\n  }\r\n\r\n  \/* Image *\/\r\n  .fpv-img-wrap {\r\n    width: 100% !important; aspect-ratio: 4 \/ 3 !important;\r\n    overflow: hidden !important; flex-shrink: 0 !important;\r\n    background: #F0EAFF !important; position: relative !important;\r\n  }\r\n\r\n  .fpv-img {\r\n    width: 100% !important; height: 100% !important;\r\n    object-fit: cover !important; display: block !important;\r\n    transition: transform 0.45s ease !important;\r\n  }\r\n\r\n  .fpv-card:hover .fpv-img { transform: scale(1.06) !important; }\r\n\r\n  \/* Card body *\/\r\n  .fpv-card-body {\r\n    padding: 22px 22px 24px !important;\r\n    display: flex !important; flex-direction: column !important;\r\n    gap: 9px !important; flex: 1 !important;\r\n  }\r\n\r\n  \/* Category chip *\/\r\n  .fpv-chip {\r\n    display: inline-flex !important; align-items: center !important; gap: 5px !important;\r\n    background: #F0EAFF !important;\r\n    border: 1px solid rgba(159, 77, 255, 0.18) !important;\r\n    border-radius: 100px !important; padding: 5px 12px !important;\r\n    font-size: 10.5px !important; font-weight: 700 !important;\r\n    text-transform: uppercase !important; letter-spacing: 0.10em !important;\r\n    color: #7C14F6 !important; align-self: flex-start !important;\r\n    transition: background 0.22s, color 0.22s, border-color 0.22s !important;\r\n  }\r\n\r\n  \/* Chip stays the same on hover \u2014 no color change *\/\r\n\r\n  \/* Project title *\/\r\n  .fpv-title {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 20px !important; font-weight: 700 !important;\r\n    color: #1C1C1C !important; line-height: 1.25 !important;\r\n    transition: color 0.22s !important;\r\n  }\r\n\r\n  \/* Title stays #1C1C1C on hover *\/\r\n\r\n  \/* Description *\/\r\n  .fpv-desc {\r\n    font-size: 13px !important; font-weight: 300 !important;\r\n    color: #71717A !important; line-height: 1.65 !important; flex: 1 !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 CTA \u2014 chip button style \u2500\u2500 *\/\r\n  .fpv-cta {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    align-self: flex-start !important;\r\n    background: transparent !important;\r\n    border: 1.5px solid #9F4DFF !important;\r\n    border-radius: 100px !important;\r\n    padding: 7px 16px !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 12px !important;\r\n    font-weight: 600 !important;\r\n    color: #9F4DFF !important;\r\n    letter-spacing: 0.03em !important;\r\n    margin-top: 4px !important;\r\n    transition: background 0.22s, color 0.22s, border-color 0.22s !important;\r\n  }\r\n\r\n  .fpv-card:hover .fpv-cta {\r\n    background: #1C1C1C !important;\r\n    border-color: #1C1C1C !important;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 Bottom CTA \u2500\u2500 *\/\r\n  .fpv-bottom { text-align: center !important; }\r\n\r\n  .fpv-btn {\r\n    display: inline-flex !important; align-items: center !important;\r\n    background: #1C1C1C !important; color: #FFFFFF !important;\r\n    font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 600 !important;\r\n    padding: 13px 32px !important; border-radius: 100px !important; text-decoration: none !important;\r\n    letter-spacing: 0.02em !important;\r\n    transition: background 0.25s ease, transform 0.50s cubic-bezier(0.34,1.56,0.64,1) !important;\r\n  }\r\n\r\n  .fpv-btn:hover {\r\n    background: #9F4DFF !important;\r\n    transform: scale(1.04) !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 1024px) {\r\n    .fpv-grid    { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }\r\n    .fpv-section { padding: 72px 32px 80px !important; }\r\n    .fpv-heading { font-size: 40px !important; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .fpv-grid    { grid-template-columns: 1fr !important; }\r\n    .fpv-section { padding: 60px 20px 72px !important; }\r\n    .fpv-heading { font-size: 32px !important; }\r\n    .fpv-img-wrap { aspect-ratio: 16 \/ 9 !important; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .fpv-card, .fpv-img, .fpv-chip, .fpv-btn, .fpv-cta { transition: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"fpv-section\" aria-label=\"Selected Works portfolio preview\">\r\n  <div class=\"fpv-inner\">\r\n\r\n    <div class=\"fpv-header\">\r\n      <span class=\"fpv-eyebrow\">Portfolio<\/span>\r\n      <h2 class=\"fpv-heading\">Selected <em>Works<\/em><\/h2>\r\n      <p class=\"fpv-intro\">A curated look at branding, FDA-aware packaging, UI\/UX, and print design projects created for ambitious brands across different industries.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fpv-grid\">\r\n\r\n      <!-- 1. Umay Candles \u2014 Logo Design -->\r\n      <a class=\"fpv-card\"\r\n         href=\"https:\/\/floworacreativelab.com\/selected-works\/?tab=logo-design\"\r\n         aria-label=\"Umay Candles \u2014 Brand Identity, see more logo projects\">\r\n        <div class=\"fpv-img-wrap\">\r\n          <img decoding=\"async\" class=\"fpv-img\"\r\n               src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/umay-logo2.webp\"\r\n               alt=\"Umay Candles logo design \u2014 luxury candle brand identity\">\r\n        <\/div>\r\n        <div class=\"fpv-card-body\">\r\n          <span class=\"fpv-chip\">Brand Identity<\/span>\r\n          <p class=\"fpv-title\">Umay Candles<\/p>\r\n          <p class=\"fpv-desc\">A refined logo for a luxury candle brand, designed to feel warm, elegant, and memorable.<\/p>\r\n          <span class=\"fpv-cta\">See More Logo Projects<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- 2. Ozone \u2014 FDA Label & Packaging -->\r\n      <a class=\"fpv-card\"\r\n         href=\"https:\/\/floworacreativelab.com\/selected-works\/?tab=fda-labels\"\r\n         aria-label=\"Ozone \u2014 FDA Label & Packaging, see more packaging projects\">\r\n        <div class=\"fpv-img-wrap\">\r\n          <img decoding=\"async\" class=\"fpv-img\"\r\n               src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/06\/metabolic-purify-supplement-label-design.webp\"\r\n               alt=\"Ozone supplement packaging \u2014 FDA-aware label and packaging design\">\r\n        <\/div>\r\n        <div class=\"fpv-card-body\">\r\n          <span class=\"fpv-chip\">FDA Label & Packaging<\/span>\r\n          <p class=\"fpv-title\">Ozone<\/p>\r\n          <p class=\"fpv-desc\">Metabolic supplement packaging designed with FDA-aware label structure, clear claim hierarchy, and a premium shelf-ready finish.<\/p>\r\n          <span class=\"fpv-cta\">See More Packaging Projects<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- 3. B2B Juice Manufacturer \u2014 UI\/UX & Web -->\r\n      <a class=\"fpv-card\"\r\n         href=\"https:\/\/floworacreativelab.com\/b2b-juice-manufacturer-website-redesign\"\r\n         aria-label=\"B2B Juice Manufacturer \u2014 UI\/UX & Website Design, view project in detail\">\r\n        <div class=\"fpv-img-wrap\">\r\n          <img decoding=\"async\" class=\"fpv-img\"\r\n               src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/03\/Cover.webp\"\r\n               alt=\"B2B Juice Manufacturer website redesign \u2014 UI\/UX and web design\">\r\n        <\/div>\r\n        <div class=\"fpv-card-body\">\r\n          <span class=\"fpv-chip\">UI\/UX & Web Design<\/span>\r\n          <p class=\"fpv-title\">B2B Juice Manufacturer<\/p>\r\n          <p class=\"fpv-desc\">A refreshed digital experience for a B2B juice manufacturer, built around clearer structure, stronger trust, and easier product discovery.<\/p>\r\n          <span class=\"fpv-cta\">View Project in Detail<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- 4. Ba\u015fkent Hospital \u2014 Catalog & Print -->\r\n      <a class=\"fpv-card\"\r\n         href=\"https:\/\/floworacreativelab.com\/project-baskent-catalog\"\r\n         aria-label=\"Ba\u015fkent Hospital Health Tourism Catalog \u2014 Print Design, view full catalog\">\r\n        <div class=\"fpv-img-wrap\">\r\n          <img decoding=\"async\" class=\"fpv-img\"\r\n               src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/03\/Calisma-yuzeyi-1-2.webp\"\r\n               alt=\"Ba\u015fkent Hospital Health Tourism Catalog \u2014 catalog and print design\">\r\n        <\/div>\r\n        <div class=\"fpv-card-body\">\r\n          <span class=\"fpv-chip\">Catalog & Print<\/span>\r\n          <p class=\"fpv-title\">Ba\u015fkent Hospital Health Tourism<\/p>\r\n          <p class=\"fpv-desc\">A polished health tourism catalog designed for clarity, credibility, and international presentation across print and digital use.<\/p>\r\n          <span class=\"fpv-cta\">View Full Catalog<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom CTA -->\r\n    <div class=\"fpv-bottom\">\r\n      <a class=\"fpv-btn\" href=\"\/selected-works\/\">View All Selected Works<\/a>\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<div class=\"elementor-element elementor-element-3fc4bb5 e-con-full e-flex e-con e-parent\" data-id=\"3fc4bb5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69c888a elementor-widget elementor-widget-html\" data-id=\"69c888a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .ffc-section *,\n  .ffc-section *::before,\n  .ffc-section *::after { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }\n\n  .ffc-section {\n    background: #F5EDFF !important;\n    padding: 96px 80px 104px !important;\n    width: 100% !important;\n    font-family: 'Inter', sans-serif !important;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden !important;\n  }\n\n  .ffc-inner {\n    max-width: none !important; margin: 0 !important;\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 56px !important; align-items: start !important;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LEFT \u2014 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .ffc-eyebrow {\n    font-size: 11px !important; font-weight: 600 !important;\n    text-transform: uppercase !important; letter-spacing: 0.16em !important;\n    color: #9F4DFF !important; margin-bottom: 12px !important; display: block !important;\n  }\n\n  .ffc-heading {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 48px !important; font-weight: 700 !important;\n    color: #1C1C1C !important; letter-spacing: -0.025em !important;\n    line-height: 1.1 !important; margin-bottom: 40px !important;\n  }\n\n  .ffc-faq-list { display: flex !important; flex-direction: column !important; }\n\n  .ffc-faq-item { border-bottom: 1px solid rgba(159,77,255,0.12) !important; }\n  .ffc-faq-item:first-child { border-top: 1px solid rgba(159,77,255,0.12) !important; }\n\n  .ffc-faq-q {\n    width: 100% !important; background: transparent !important; border: none !important;\n    display: flex !important; align-items: center !important;\n    justify-content: space-between !important; gap: 16px !important;\n    padding: 22px 0 !important; cursor: pointer !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 17px !important; font-weight: 500 !important;\n    color: #1C1C1C !important; text-align: left !important;\n    transition: color 0.2s !important;\n  }\n\n  .ffc-faq-item.is-open .ffc-faq-q { color: #7C14F6 !important; }\n\n  .ffc-faq-icon {\n    width: 24px !important; height: 24px !important; flex-shrink: 0 !important;\n    border-radius: 50% !important; background: rgba(159,77,255,0.10) !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    transition: background 0.2s, transform 0.25s !important;\n  }\n\n  .ffc-faq-item.is-open .ffc-faq-icon { background: #9F4DFF !important; transform: rotate(45deg) !important; }\n\n  .ffc-faq-icon svg {\n    width: 11px !important; height: 11px !important;\n    stroke: #9F4DFF !important; fill: none !important; stroke-width: 2.5 !important; stroke-linecap: round !important;\n    transition: stroke 0.2s !important;\n  }\n\n  .ffc-faq-item.is-open .ffc-faq-icon svg { stroke: #FFFFFF !important; }\n\n  .ffc-faq-a {\n    max-height: 0 !important; overflow: hidden !important;\n    transition: max-height 0.35s ease, padding 0.25s ease !important;\n    font-size: 15px !important; font-weight: 300 !important;\n    color: #3D3D3D !important; line-height: 1.75 !important;\n  }\n\n  .ffc-faq-item.is-open .ffc-faq-a { max-height: 400px !important; padding: 0 0 22px !important; }\n\n  \/* More questions button *\/\n  .ffc-more-btn {\n    display: inline-flex !important; align-items: center !important; gap: 8px !important;\n    background: #9F4DFF !important; color: #FFFFFF !important;\n    font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 600 !important;\n    padding: 12px 24px !important; border-radius: 100px !important;\n    text-decoration: none !important; margin-top: 32px !important;\n    transition: background 0.25s, transform 0.50s cubic-bezier(0.34,1.56,0.64,1) !important;\n  }\n\n  .ffc-more-btn:hover { background: #1C1C1C !important; transform: scale(1.04) !important; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RIGHT \u2014 Contact card \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .ffc-contact-card {\n    background: linear-gradient(145deg, #1C1C1C 0%, #2A1245 100%) !important;\n    border-radius: 24px !important; padding: 52px 48px !important;\n    position: sticky !important; top: 100px !important;\n  }\n\n  .ffc-card-title {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 38px !important; font-weight: 700 !important;\n    color: #FFFFFF !important; letter-spacing: 0.02em !important;\n    line-height: 1.25 !important; margin-bottom: 20px !important;\n  }\n\n  .ffc-card-subtitle {\n    font-size: 16px !important; font-weight: 300 !important;\n    color: rgba(255,255,255,0.60) !important; line-height: 1.7 !important;\n    margin-bottom: 36px !important;\n  }\n\n  .ffc-form { display: flex !important; flex-direction: column !important; gap: 16px !important; }\n\n  \/* Timeline + Budget row *\/\n  .ffc-row {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 16px !important;\n  }\n\n  .ffc-label {\n    font-size: 11px !important; font-weight: 600 !important;\n    text-transform: uppercase !important; letter-spacing: 0.12em !important;\n    color: rgba(255,255,255,0.45) !important; margin-bottom: 6px !important; display: block !important;\n  }\n\n  .ffc-input, .ffc-textarea {\n    width: 100% !important;\n    background: rgba(255,255,255,0.07) !important;\n    border: 1px solid rgba(255,255,255,0.12) !important;\n    border-radius: 12px !important; padding: 14px 16px !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 14px !important; font-weight: 300 !important;\n    color: #FFFFFF !important; outline: none !important;\n    transition: border-color 0.2s, background 0.2s !important;\n  }\n\n  .ffc-input::placeholder, .ffc-textarea::placeholder { color: rgba(255,255,255,0.28) !important; }\n  .ffc-input:focus, .ffc-textarea:focus {\n    border-color: rgba(159,77,255,0.55) !important;\n    background: rgba(255,255,255,0.10) !important;\n  }\n\n  .ffc-textarea { resize: vertical !important; min-height: 110px !important; }\n\n  \/* \u2500\u2500 Custom dropdown \u2500\u2500 *\/\n  .ffc-custom-select {\n    position: relative !important; width: 100% !important;\n  }\n\n  .ffc-select-trigger {\n    width: 100% !important;\n    background: rgba(255,255,255,0.07) !important;\n    border: 1px solid rgba(255,255,255,0.12) !important;\n    border-radius: 12px !important; padding: 14px 40px 14px 16px !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 14px !important; font-weight: 300 !important;\n    color: rgba(255,255,255,0.40) !important;\n    cursor: pointer !important; user-select: none !important;\n    transition: border-color 0.2s, background 0.2s !important;\n    display: flex !important; align-items: center !important;\n  }\n\n  .ffc-select-trigger.has-value { color: #FFFFFF !important; }\n\n  .ffc-select-trigger::after {\n    content: '' !important; position: absolute !important;\n    right: 16px !important; top: 50% !important; transform: translateY(-50%) !important;\n    width: 0 !important; height: 0 !important;\n    border-left: 5px solid transparent !important; border-right: 5px solid transparent !important;\n    border-top: 5px solid rgba(255,255,255,0.35) !important;\n    transition: transform 0.2s !important;\n  }\n\n  .ffc-custom-select.is-open .ffc-select-trigger {\n    border-color: rgba(159,77,255,0.55) !important;\n    background: rgba(255,255,255,0.10) !important;\n    border-bottom-left-radius: 0 !important;\n    border-bottom-right-radius: 0 !important;\n  }\n\n  .ffc-custom-select.is-open .ffc-select-trigger::after {\n    transform: translateY(-50%) rotate(180deg) !important;\n  }\n\n  .ffc-select-options {\n    position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important;\n    background: #1E0E38 !important;\n    border: 1px solid rgba(159,77,255,0.45) !important;\n    border-top: none !important;\n    border-bottom-left-radius: 12px !important; border-bottom-right-radius: 12px !important;\n    overflow: hidden !important; z-index: 100 !important;\n    display: none !important;\n  }\n\n  .ffc-custom-select.is-open .ffc-select-options { display: block !important; }\n\n  .ffc-option {\n    padding: 13px 16px !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 14px !important; font-weight: 300 !important;\n    color: rgba(255,255,255,0.75) !important;\n    cursor: pointer !important;\n    transition: background 0.15s, color 0.15s !important;\n  }\n\n  .ffc-option:hover { background: #9F4DFF !important; color: #FFFFFF !important; }\n  .ffc-option.is-selected { background: rgba(159,77,255,0.18) !important; color: #E2C9FF !important; }\n\n  \/* Hidden input to carry selected value *\/\n  .ffc-select-hidden { display: none !important; }\n\n  \/* Honeypot *\/\n  .ffc-hp {\n    position: absolute !important; left: -99999px !important; top: auto !important;\n    width: 1px !important; height: 1px !important; overflow: hidden !important;\n    opacity: 0 !important; pointer-events: none !important;\n  }\n\n  \/* Submit button *\/\n  .ffc-submit {\n    width: 100% !important;\n    background: #9F4DFF !important; color: #FFFFFF !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 16px !important; font-weight: 700 !important;\n    padding: 17px 24px !important; border-radius: 12px !important;\n    border: 2px solid #9F4DFF !important; cursor: pointer !important;\n    letter-spacing: 0.03em !important;\n    display: flex !important; align-items: center !important;\n    justify-content: center !important; gap: 9px !important;\n    transition:\n      background 0.25s ease,\n      color 0.25s ease,\n      border-color 0.25s ease,\n      transform 0.50s cubic-bezier(0.34,1.56,0.64,1) !important;\n    margin-top: 4px !important;\n  }\n\n  .ffc-submit svg {\n    width: 16px !important; height: 16px !important;\n    stroke: #FFFFFF !important; fill: none !important;\n    stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important;\n    transition: stroke 0.25s !important;\n    flex-shrink: 0 !important;\n  }\n\n  .ffc-submit:hover {\n    background: #FFFFFF !important;\n    color: #9F4DFF !important;\n    border-color: #FFFFFF !important;\n    transform: scale(1.02) !important;\n  }\n\n  .ffc-submit:hover svg { stroke: #9F4DFF !important; }\n\n  \/* Book a call *\/\n  .ffc-book-note {\n    text-align: center !important; margin-top: 20px !important;\n    font-size: 15px !important; font-weight: 400 !important;\n    color: #C4A8FF !important;\n  }\n\n  .ffc-book-link {\n    color: #C4A8FF !important; font-weight: 500 !important;\n    text-decoration: underline !important;\n    text-underline-offset: 3px !important;\n    text-decoration-color: rgba(196,168,255,0.40) !important;\n    transition: color 0.2s !important;\n  }\n\n  .ffc-book-link:hover { color: #E2C9FF !important; }\n\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n\n  \/* Tablet \u2014 tek kolon, sticky iptal *\/\n  @media (max-width: 960px) {\n    .ffc-section  { padding: 72px 40px 80px !important; }\n    .ffc-inner    { grid-template-columns: 1fr !important; gap: 48px !important; }\n    .ffc-contact-card { position: static !important; }\n    .ffc-heading  { font-size: 40px !important; }\n    .ffc-faq-q   { font-size: 15px !important; padding: 18px 0 !important; }\n    .ffc-card-title { font-size: 32px !important; }\n    .ffc-card-subtitle { font-size: 15px !important; }\n  }\n\n  \/* Mobil *\/\n  @media (max-width: 600px) {\n    .ffc-section  {\n      padding: 56px 16px 64px !important;\n      overflow-x: hidden !important;\n    }\n    .ffc-inner    {\n      gap: 36px !important;\n      width: 100% !important;\n      max-width: 100% !important;\n      overflow: hidden !important;\n    }\n    .ffc-faq-col  { width: 100% !important; max-width: 100% !important; overflow: hidden !important; }\n    .ffc-heading  { font-size: 30px !important; margin-bottom: 24px !important; }\n    .ffc-faq-q   {\n      font-size: 14px !important; padding: 16px 0 !important;\n      gap: 10px !important; word-break: break-word !important;\n      overflow-wrap: break-word !important; white-space: normal !important;\n    }\n    .ffc-faq-a   { font-size: 13.5px !important; word-break: break-word !important; }\n    .ffc-faq-icon { width: 20px !important; height: 20px !important; flex-shrink: 0 !important; }\n    .ffc-more-btn {\n      font-size: 12.5px !important; padding: 10px 18px !important;\n      margin-top: 24px !important; white-space: normal !important;\n      text-align: center !important; justify-content: center !important;\n      width: 100% !important;\n    }\n    .ffc-more-btn:hover { transform: none !important; }\n    .ffc-contact-card {\n      padding: 28px 18px !important; border-radius: 16px !important;\n      width: 100% !important; max-width: 100% !important;\n    }\n    .ffc-card-title   { font-size: 24px !important; letter-spacing: 0 !important; }\n    .ffc-card-subtitle { font-size: 13.5px !important; margin-bottom: 22px !important; }\n    .ffc-form     { gap: 12px !important; width: 100% !important; }\n    .ffc-row      { grid-template-columns: 1fr !important; gap: 12px !important; }\n    .ffc-input, .ffc-textarea {\n      font-size: 16px !important; padding: 12px 13px !important;\n      width: 100% !important; max-width: 100% !important;\n    }\n    .ffc-select-trigger {\n      font-size: 16px !important; padding: 12px 36px 12px 13px !important;\n      width: 100% !important; max-width: 100% !important;\n    }\n    .ffc-select-options { width: 100% !important; }\n    .ffc-submit   { font-size: 14px !important; padding: 14px 16px !important; width: 100% !important; }\n    .ffc-book-note { font-size: 13px !important; margin-top: 14px !important; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ffc-faq-a, .ffc-faq-icon, .ffc-submit, .ffc-more-btn { transition: none !important; }\n  }\n<\/style>\n\n<section class=\"ffc-section\" aria-label=\"FAQ and Project Inquiry\">\n  <div class=\"ffc-inner\">\n\n    <!-- LEFT: FAQ -->\n    <div class=\"ffc-faq-col\">\n      <span class=\"ffc-eyebrow\">Before We Start<\/span>\n      <h2 class=\"ffc-heading\">FAQ<\/h2>\n\n      <div class=\"ffc-faq-list\" id=\"ffc-faq-list\">\n\n        <div class=\"ffc-faq-item\">\n          <button class=\"ffc-faq-q\" aria-expanded=\"false\">\n            Do you only work with supplement and wellness brands?\n            <span class=\"ffc-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 12 12\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/button>\n          <div class=\"ffc-faq-a\">No. Supplement and wellness packaging is one of our specialty areas, but we also work with B2B companies, digital products, clinics, real estate businesses, lifestyle brands, restaurants, education brands, and other businesses that need polished visual systems.<\/div>\n        <\/div>\n\n        <div class=\"ffc-faq-item\">\n          <button class=\"ffc-faq-q\" aria-expanded=\"false\">\n            Can you work with my manufacturer, developer, or printer?\n            <span class=\"ffc-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 12 12\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/button>\n          <div class=\"ffc-faq-a\">Yes. We can coordinate with your manufacturer, developer, or printer when needed to help ensure the design files are prepared correctly for the next step.<\/div>\n        <\/div>\n\n        <div class=\"ffc-faq-item\">\n          <button class=\"ffc-faq-q\" aria-expanded=\"false\">\n            My packaging and manufacturer are ready. Can you only provide an FDA label review?\n            <span class=\"ffc-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 12 12\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/button>\n          <div class=\"ffc-faq-a\">Yes. In addition to design and manufacturer coordination support, we also provide FDA label review services. If you do not need a full design package, we can support you with a focused FDA label review and report based on your project needs.<\/div>\n        <\/div>\n\n        <div class=\"ffc-faq-item\">\n          <button class=\"ffc-faq-q\" aria-expanded=\"false\">\n            What do I need to provide before starting a project?\n            <span class=\"ffc-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 12 12\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/button>\n          <div class=\"ffc-faq-a\">A short brief, your goals, brand or product details, preferred timeline, and any existing assets are helpful. These may include logo files, product copy, ingredient or supplement information, manufacturer templates, packaging dimensions, references, or previous design files.<\/div>\n        <\/div>\n\n        <div class=\"ffc-faq-item\">\n          <button class=\"ffc-faq-q\" aria-expanded=\"false\">\n            How does payment work?\n            <span class=\"ffc-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 12 12\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/button>\n          <div class=\"ffc-faq-a\">Projects begin with a 50% upfront payment once the scope, timeline, and budget are approved. The remaining 50% balance is completed before final files are delivered. Online payment options are available, and we try to choose the most convenient method with the lowest possible fees depending on your bank location.<\/div>\n        <\/div>\n\n        <div class=\"ffc-faq-item\">\n          <button class=\"ffc-faq-q\" aria-expanded=\"false\">\n            How many revisions are included?\n            <span class=\"ffc-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 12 12\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/button>\n          <div class=\"ffc-faq-a\">Revision rounds depend on the project scope and are confirmed before the project begins. A minimum of 3 revision rounds is included as a starting point. The process is structured to keep feedback clear, organized, and efficient.<\/div>\n        <\/div>\n\n        <div class=\"ffc-faq-item\">\n          <button class=\"ffc-faq-q\" aria-expanded=\"false\">\n            Do you provide print-ready or developer-ready files?\n            <span class=\"ffc-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 12 12\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/button>\n          <div class=\"ffc-faq-a\">Yes. Depending on the project, final files can be prepared for print, packaging production, developer handoff, social media use, or manufacturer coordination.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- More questions CTA -->\n      <a class=\"ffc-more-btn\" href=\"https:\/\/floworacreativelab.com\/frequently-asked-questions\/\">Still have questions? Visit our FAQ page \u2192<\/a>\n    <\/div>\n\n    <!-- RIGHT: Contact card (ilk formun fonksiyonlar\u0131, ikinci tasar\u0131m\u0131n g\u00f6r\u00fcn\u00fcm\u00fc) -->\n    <div class=\"ffc-contact-card\">\n      <h3 class=\"ffc-card-title\">Start Your Project<\/h3>\n      <p class=\"ffc-card-subtitle\">Tell us what you are building, what you need, and where you are in the process. We will get back to you with the next best step.<\/p>\n\n      <form class=\"ffc-form\" id=\"fsc-form\" action=\"\/wp-admin\/admin-post.php\" method=\"POST\">\n\n        <input type=\"hidden\" name=\"action\" value=\"flowora_contact_form\">\n        <input type=\"hidden\" name=\"_subject\" value=\"New project inquiry \u2014 Flowora Creative Lab\">\n\n        <!-- Honeypot -->\n        <div class=\"ffc-hp\" aria-hidden=\"true\">\n          <label for=\"fsc-company\">Company<\/label>\n          <input id=\"fsc-company\" name=\"company\" type=\"text\" tabindex=\"-1\" autocomplete=\"off\">\n        <\/div>\n\n        <div>\n          <label class=\"ffc-label\" for=\"ffc-name\">Name<\/label>\n          <input class=\"ffc-input\" id=\"ffc-name\" type=\"text\" name=\"name\" placeholder=\"Your name\" required>\n        <\/div>\n\n        <div>\n          <label class=\"ffc-label\" for=\"ffc-email\">Email<\/label>\n          <input class=\"ffc-input\" id=\"ffc-email\" type=\"email\" name=\"email\" placeholder=\"your@email.com\" required>\n        <\/div>\n\n        <div>\n          <label class=\"ffc-label\">Service Needed<\/label>\n          <div class=\"ffc-custom-select\" id=\"ffc-service-select\">\n            <div class=\"ffc-select-trigger\" id=\"ffc-select-trigger\">Choose a service<\/div>\n            <div class=\"ffc-select-options\" id=\"ffc-select-options\">\n              <div class=\"ffc-option\" data-value=\"Logo Design\">Logo Design<\/div>\n              <div class=\"ffc-option\" data-value=\"Digital Branding\">Digital Branding<\/div>\n              <div class=\"ffc-option\" data-value=\"FDA Label &amp; Packaging\">FDA Label &amp; Packaging<\/div>\n              <div class=\"ffc-option\" data-value=\"Website Design\">Website Design<\/div>\n              <div class=\"ffc-option\" data-value=\"SaaS \/ App Design\">SaaS \/ App Design<\/div>\n              <div class=\"ffc-option\" data-value=\"Social Media Design\">Social Media Design<\/div>\n              <div class=\"ffc-option\" data-value=\"Printing Materials Design\">Printing Materials Design<\/div>\n              <div class=\"ffc-option\" data-value=\"Other\">Other<\/div>\n            <\/div>\n            <input class=\"ffc-select-hidden\" type=\"hidden\" name=\"service\" id=\"ffc-service-val\">\n          <\/div>\n        <\/div>\n\n        <!-- Timeline + Budget -->\n        <div class=\"ffc-row\">\n          <div>\n            <label class=\"ffc-label\" for=\"ffc-timeline\">Project Timeline<\/label>\n            <input class=\"ffc-input\" id=\"ffc-timeline\" name=\"timeline\" type=\"text\" placeholder=\"e.g. 2 months, by July\u2026\">\n          <\/div>\n          <div>\n            <label class=\"ffc-label\" for=\"ffc-budget\">Project Budget<\/label>\n            <input class=\"ffc-input\" id=\"ffc-budget\" name=\"budget\" type=\"text\" placeholder=\"e.g. $2,000, flexible\u2026\">\n          <\/div>\n        <\/div>\n\n        <div>\n          <label class=\"ffc-label\" for=\"ffc-message\">Message<\/label>\n          <textarea class=\"ffc-textarea\" id=\"ffc-message\" name=\"message\" placeholder=\"Tell us about your project, goals, and timeline\u2026\" required><\/textarea>\n        <\/div>\n\n        <button class=\"ffc-submit\" type=\"submit\">\n          Send Project Brief\n          <svg viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/button>\n\n      <\/form>\n\n      <p class=\"ffc-book-note\">\n        Prefer to talk first?\n        <a class=\"ffc-book-link\" href=\"https:\/\/floworacreativelab.com\/book-a-call\/\">Book a free 30-minute call<\/a>\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  \/* \u2500\u2500 FAQ accordion \u2500\u2500 *\/\n  document.querySelectorAll('.ffc-faq-item').forEach(function (item) {\n    item.querySelector('.ffc-faq-q').addEventListener('click', function () {\n      var open = item.classList.contains('is-open');\n      document.querySelectorAll('.ffc-faq-item').forEach(function (i) {\n        i.classList.remove('is-open');\n        i.querySelector('.ffc-faq-q').setAttribute('aria-expanded', 'false');\n      });\n      if (!open) {\n        item.classList.add('is-open');\n        item.querySelector('.ffc-faq-q').setAttribute('aria-expanded', 'true');\n      }\n    });\n  });\n\n  \/* \u2500\u2500 Custom select \u2500\u2500 *\/\n  var sel     = document.getElementById('ffc-service-select');\n  var trigger = document.getElementById('ffc-select-trigger');\n  var hidden  = document.getElementById('ffc-service-val');\n\n  if (sel && trigger) {\n    trigger.addEventListener('click', function (e) {\n      e.stopPropagation();\n      sel.classList.toggle('is-open');\n    });\n\n    sel.querySelectorAll('.ffc-option').forEach(function (opt) {\n      opt.addEventListener('click', function () {\n        var val = opt.getAttribute('data-value');\n        trigger.textContent = val;\n        trigger.classList.add('has-value');\n        if (hidden) hidden.value = val;\n        sel.querySelectorAll('.ffc-option').forEach(function (o) { o.classList.remove('is-selected'); });\n        opt.classList.add('is-selected');\n        sel.classList.remove('is-open');\n      });\n    });\n\n    document.addEventListener('click', function () { sel.classList.remove('is-open'); });\n    sel.addEventListener('click', function (e) { e.stopPropagation(); });\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-390e222 e-con-full e-flex e-con e-parent\" data-id=\"390e222\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0ab28 elementor-widget elementor-widget-image\" data-id=\"af0ab28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"284\" src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/follow-us-on-socials-scaled.webp\" class=\"attachment-full size-full wp-image-1101 has-transparency\" alt=\"\" srcset=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/follow-us-on-socials-scaled.webp 1920w, https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/follow-us-on-socials-300x44.webp 300w, https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/follow-us-on-socials-1024x152.webp 1024w, https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/follow-us-on-socials-768x114.webp 768w, https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/follow-us-on-socials-1536x228.webp 1536w, https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/follow-us-on-socials-2048x304.webp 2048w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" data-has-transparency=\"true\" data-dominant-color=\"1c1c1c\" style=\"--dominant-color: #1c1c1c\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e48f0c9 elementor-shape-circle elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"e48f0c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\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-linkedin elementor-animation-grow elementor-repeater-item-a4b58bb\" href=\"https:\/\/www.linkedin.com\/company\/flowora-creative-lab\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\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-instagram elementor-animation-grow elementor-repeater-item-b181803\" href=\"https:\/\/www.instagram.com\/flowora.creative.lab\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\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-behance elementor-animation-grow elementor-repeater-item-8f9b9a9\" href=\"https:\/\/www.behance.net\/floworacreativelab\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Behance<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-behance\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z\"><\/path><\/svg>\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","protected":false},"excerpt":{"rendered":"<p>Strategic Branding, Packaging &amp; Digital Design for Ambitious Brands From brand identities and websites to packaging and FDA-aware label design,Flowora creates polished visual systems for brands that value clarity, credibility, and long-term growth. Start Your Project Where Creativity Meets Compliance \u2014 Flowora Why it matters Where Creativity Meets Real-World Requirements 01 Beautiful is not enough. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":6,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":5996,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages\/17\/revisions\/5996"}],"wp:attachment":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}