{"id":36,"date":"2024-03-20T14:34:05","date_gmt":"2024-03-20T14:34:05","guid":{"rendered":"https:\/\/warren.qodeinteractive.com\/?page_id=36"},"modified":"2026-09-24T14:06:24","modified_gmt":"2026-09-24T14:06:24","slug":"pocetna","status":"publish","type":"page","link":"https:\/\/svetlanabrkic.rs\/","title":{"rendered":"Po\u010detna"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"36\" class=\"elementor elementor-36\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88c451d e-con-full e-flex e-con e-parent\" data-id=\"88c451d\" 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-ccff3a2 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"ccff3a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 \u2014 FULL WIDTH HERO SLIDER\r\n   ========================================================= *\/\r\n\r\n.sb-hero {\r\n    --sb-green: #4E5C3D;\r\n    --sb-rust: #B95532;\r\n    --sb-cream: #F3EEE4;\r\n\r\n    position: relative;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    min-height: 720px;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    background-color: var(--sb-cream);\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(243, 238, 228, 0.97) 0%,\r\n            rgba(243, 238, 228, 0.92) 20%,\r\n            rgba(243, 238, 228, 0.72) 35%,\r\n            rgba(243, 238, 228, 0.34) 49%,\r\n            rgba(243, 238, 228, 0.05) 63%,\r\n            rgba(243, 238, 228, 0) 72%\r\n        ),\r\n        url('https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/a00dc01a-a684-4f30-ab2a-06ee7a5d680d.png');\r\n\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.sb-hero__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    max-width: 1600px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 90px clamp(45px, 5.5vw, 100px);\r\n}\r\n\r\n\r\n.sb-hero__content {\r\n    width: 100%;\r\n    max-width: 760px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.sb-hero__title {\r\n    margin: 0 0 28px;\r\n\r\n    max-width: 760px;\r\n\r\n    color: var(--sb-green);\r\n\r\n    font-size: 92px;\r\n    font-weight: 400;\r\n    line-height: 0.94;\r\n    letter-spacing: -0.04em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n   ========================================================= *\/\r\n\r\n.sb-hero__text {\r\n    max-width: 650px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-size: 22px;\r\n    font-weight: 400;\r\n    line-height: 1.42;\r\n    letter-spacing: -0.01em;\r\n}\r\n\r\n\r\n.sb-hero__lead {\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* dekorativna linija *\/\r\n\r\n.sb-hero__text::before {\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    width: 54px;\r\n    height: 1px;\r\n\r\n    margin-bottom: 21px;\r\n\r\n    background: var(--sb-rust);\r\n    opacity: 0.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .sb-hero {\r\n        min-height: 650px;\r\n\r\n        background-position: 57% center;\r\n\r\n        background-image:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(243, 238, 228, 0.98) 0%,\r\n                rgba(243, 238, 228, 0.92) 28%,\r\n                rgba(243, 238, 228, 0.65) 47%,\r\n                rgba(243, 238, 228, 0.12) 68%,\r\n                rgba(243, 238, 228, 0) 80%\r\n            ),\r\n            url('https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/a00dc01a-a684-4f30-ab2a-06ee7a5d680d.png');\r\n    }\r\n\r\n    .sb-hero__content {\r\n        max-width: 620px;\r\n    }\r\n\r\n    .sb-hero__title {\r\n        max-width: 620px;\r\n        font-size: 76px;\r\n    }\r\n\r\n    .sb-hero__text {\r\n        max-width: 540px;\r\n        font-size: 20px;\r\n        line-height: 1.4;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-hero {\r\n        min-height: 0;\r\n        height: 560px;\r\n\r\n        align-items: flex-end;\r\n\r\n        background-size: cover;\r\n        background-position: 57% center;\r\n\r\n        background-image:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(243, 238, 228, 0.00) 0%,\r\n                rgba(243, 238, 228, 0.00) 35%,\r\n                rgba(243, 238, 228, 0.08) 46%,\r\n                rgba(243, 238, 228, 0.58) 65%,\r\n                rgba(243, 238, 228, 0.93) 83%,\r\n                rgba(243, 238, 228, 0.98) 100%\r\n            ),\r\n            url('https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/a00dc01a-a684-4f30-ab2a-06ee7a5d680d.png');\r\n    }\r\n\r\n    .sb-hero__inner {\r\n        width: 100%;\r\n\r\n        padding:\r\n            40px\r\n            24px\r\n            36px;\r\n    }\r\n\r\n    .sb-hero__content {\r\n        width: 100%;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-hero__title {\r\n        max-width: 390px;\r\n\r\n        margin-bottom: 15px;\r\n\r\n        font-size: 56px;\r\n        line-height: 0.94;\r\n        letter-spacing: -0.04em;\r\n    }\r\n\r\n    .sb-hero__text {\r\n        max-width: 345px;\r\n\r\n        font-size: 17px;\r\n        line-height: 1.4;\r\n        letter-spacing: 0;\r\n    }\r\n\r\n    .sb-hero__lead {\r\n        margin-bottom: 2px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .sb-hero__text::before {\r\n        width: 38px;\r\n        margin-bottom: 14px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n    .sb-hero {\r\n        height: 535px;\r\n        background-position: 58% center;\r\n    }\r\n\r\n    .sb-hero__inner {\r\n        padding:\r\n            35px\r\n            21px\r\n            31px;\r\n    }\r\n\r\n    .sb-hero__title {\r\n        max-width: 350px;\r\n        font-size: 52px;\r\n    }\r\n\r\n    .sb-hero__text {\r\n        max-width: 320px;\r\n\r\n        font-size: 16px;\r\n        line-height: 1.4;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n    .sb-hero {\r\n        height: 510px;\r\n    }\r\n\r\n    .sb-hero__title {\r\n        font-size: 47px;\r\n    }\r\n\r\n    .sb-hero__text {\r\n        font-size: 15px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-hero\">\r\n\r\n    <div class=\"sb-hero__inner\">\r\n\r\n        <div class=\"sb-hero__content\">\r\n\r\n            <h1 class=\"sb-hero__title\">\r\n                Arhitektura i dizajn\r\n            <\/h1>\r\n\r\n            <div class=\"sb-hero__text\">\r\n\r\n                <span class=\"sb-hero__lead\">\r\n                    Dom nije samo prostor.\r\n                <\/span>\r\n\r\n                On je ogledalo na\u0161eg bi\u0107a. Sigurna luka na\u0161eg tela, uma i Du\u0161e.\r\n                Prostor u kome smo voljeni, podr\u017eani i vi\u0111eni.\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59c1e54 elementor-widget elementor-widget-html\" data-id=\"59c1e54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 \u2014 MOJ PRISTUP\r\n   ========================================================= *\/\r\n\r\n.sb-approach {\r\n    --sb-green: #4E5C3D;\r\n    --sb-rust: #B95532;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: transparent;\r\n\r\n    padding:\r\n        clamp(90px, 9vw, 145px)\r\n        clamp(28px, 6vw, 100px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.sb-approach__inner {\r\n    width: 100%;\r\n    max-width: 1440px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: minmax(180px, 0.55fr) minmax(0, 1.7fr);\r\n\r\n    gap: clamp(55px, 7vw, 120px);\r\n\r\n    align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEVA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-approach__side {\r\n    padding-top: 5px;\r\n}\r\n\r\n\r\n.sb-approach__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.sb-approach__eyebrow::before {\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    width: 42px;\r\n    height: 1px;\r\n\r\n    background: currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLAVNI SADR\u017dAJ\r\n   ========================================================= *\/\r\n\r\n.sb-approach__content {\r\n    width: 100%;\r\n    max-width: 900px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEKST\r\n   ========================================================= *\/\r\n\r\n.sb-approach__text {\r\n    max-width: 850px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--sb-green);\r\n\r\n    font-size: 22px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.5;\r\n    letter-spacing: -0.01em;\r\n}\r\n\r\n\r\n\/* nagla\u0161eni deo *\/\r\n\r\n.sb-approach__accent {\r\n    color: var(--sb-rust);\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.sb-approach__actions {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 14px;\r\n\r\n    margin-top: 42px;\r\n}\r\n\r\n\r\n\/* BUTTON BASE *\/\r\n\r\n.sb-approach__btn {\r\n    min-height: 54px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 15px 26px;\r\n\r\n    border: 1px solid var(--sb-green);\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.01em;\r\n\r\n    transition:\r\n        background-color 0.25s ease,\r\n        color 0.25s ease,\r\n        border-color 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n.sb-approach__btn--primary {\r\n    background: var(--sb-green);\r\n    color: #F3EEE4;\r\n}\r\n\r\n\r\n.sb-approach__btn--primary:hover {\r\n    background: var(--sb-rust);\r\n    border-color: var(--sb-rust);\r\n    color: #fff;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n.sb-approach__btn--secondary {\r\n    background: transparent;\r\n    color: var(--sb-green);\r\n}\r\n\r\n\r\n.sb-approach__btn--secondary:hover {\r\n    background: var(--sb-green);\r\n    color: #F3EEE4;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* ARROW *\/\r\n\r\n.sb-approach__btn-arrow {\r\n    margin-left: 18px;\r\n\r\n    font-size: 20px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n\r\n.sb-approach__btn:hover .sb-approach__btn-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .sb-approach {\r\n        padding:\r\n            85px\r\n            45px;\r\n    }\r\n\r\n\r\n    .sb-approach__inner {\r\n        grid-template-columns: 140px minmax(0, 1fr);\r\n        gap: 45px;\r\n    }\r\n\r\n\r\n    .sb-approach__text {\r\n        font-size: 20px;\r\n        line-height: 1.48;\r\n    }\r\n\r\n\r\n    .sb-approach__btn {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-approach {\r\n        padding:\r\n            68px\r\n            22px\r\n            74px;\r\n    }\r\n\r\n\r\n    .sb-approach__inner {\r\n        display: block;\r\n    }\r\n\r\n\r\n    .sb-approach__side {\r\n        padding: 0;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n\r\n    .sb-approach__eyebrow {\r\n        gap: 12px;\r\n\r\n        font-size: 12px;\r\n        letter-spacing: 0.16em;\r\n    }\r\n\r\n\r\n    .sb-approach__eyebrow::before {\r\n        width: 30px;\r\n    }\r\n\r\n\r\n    .sb-approach__content {\r\n        width: 100%;\r\n        max-width: 100%;\r\n    }\r\n\r\n\r\n    .sb-approach__text {\r\n        max-width: 100%;\r\n\r\n        font-size: 17px;\r\n        line-height: 1.5;\r\n        letter-spacing: 0;\r\n    }\r\n\r\n\r\n    .sb-approach__actions {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n\r\n        gap: 11px;\r\n\r\n        margin-top: 34px;\r\n    }\r\n\r\n\r\n    .sb-approach__btn {\r\n        width: 100%;\r\n        min-height: 54px;\r\n\r\n        justify-content: space-between;\r\n\r\n        padding:\r\n            14px\r\n            19px;\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    .sb-approach__btn-arrow {\r\n        font-size: 19px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n    .sb-approach {\r\n        padding:\r\n            60px\r\n            21px\r\n            66px;\r\n    }\r\n\r\n\r\n    .sb-approach__side {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n\r\n    .sb-approach__text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n\r\n    .sb-approach__actions {\r\n        margin-top: 30px;\r\n    }\r\n\r\n\r\n    .sb-approach__btn {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n    .sb-approach {\r\n        padding-left: 18px;\r\n        padding-right: 18px;\r\n    }\r\n\r\n\r\n    .sb-approach__text {\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    .sb-approach__btn {\r\n        font-size: 15px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-approach\">\r\n\r\n    <div class=\"sb-approach__inner\">\r\n\r\n        <!-- LEVA STRANA -->\r\n\r\n        <div class=\"sb-approach__side\">\r\n\r\n            <div class=\"sb-approach__eyebrow\">\r\n                Moj pristup\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- DESNA STRANA -->\r\n\r\n        <div class=\"sb-approach__content\">\r\n\r\n            <p class=\"sb-approach__text\">\r\n\r\n                Kroz spoj arhitekture, dizajna, energetskih principa,\r\n                astrolo\u0161ke analize i li\u010dnog rada, poma\u017eem ti da zaviri\u0161\r\n                u <span class=\"sb-approach__accent\">esenciju svoje Du\u0161e<\/span>\r\n                i da iz tog mesta zajedno stvorimo dom koji \u0107e biti tvoje\r\n                sigurno mesto. Ono kojem se sa rado\u0161\u0107u vra\u0107a\u0161, koje podr\u017eava\r\n                tvoje potencijale, smisao i svrhu uz toplinu, ljubav i mir\r\n                kojim zajedno di\u0161ete.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"sb-approach__actions\">\r\n\r\n                <a\r\n                    href=\"https:\/\/svetlanabrkic.rs\/index.php\/nacin-rada-i-metodologija\/\"\r\n                    class=\"sb-approach__btn sb-approach__btn--primary\"\r\n                >\r\n                    <span>Istra\u017ei moj pristup<\/span>\r\n                    <span class=\"sb-approach__btn-arrow\">\u2192<\/span>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/svetlanabrkic.rs\/index.php\/e-book-izdanja\/\"\r\n                 class=\"sb-approach__btn sb-approach__btn--secondary\"\r\n                >\r\n                    <span>Pogledaj e-book izdanja<\/span>\r\n                    <span class=\"sb-approach__btn-arrow\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4eb4826 e-con-full qodef-elementor-content-grid e-flex e-con e-parent\" data-id=\"4eb4826\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f46d828 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-warren_core_section_title\" data-id=\"f46d828\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"warren_core_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-section-title qodef-alignment--center\" data-appear-delay=\"32\">\n\t\t\t<h2 class=\"qodef-m-title\" >\n\t\t\t\t\tVrednosti iz kojih stvaram\t\t\t<\/h2>\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41de09d elementor-widget elementor-widget-html\" data-id=\"41de09d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 \u2014 VREDNOSTI\r\n   Desktop \/ Tablet \/ Mobile\r\n   ========================================================= *\/\r\n\r\n.sb-values,\r\n.sb-values *,\r\n.sb-values *::before,\r\n.sb-values *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-values {\r\n    --sb-green: #445236;\r\n    --sb-green-soft: #5b6b4a;\r\n    --sb-moss: #9baa82;\r\n    --sb-rust: #b05330;\r\n    --sb-gold: #b5762a;\r\n    --sb-cream: #f5f1e5;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n\r\n    padding:\r\n        clamp(20px, 3vw, 40px)\r\n        clamp(24px, 6vw, 90px)\r\n        clamp(70px, 7vw, 110px);\r\n\r\n    background: var(--sb-cream);\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-values__inner {\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   POJEDINA\u010cNA VREDNOST\r\n   ========================================================= *\/\r\n\r\n.sb-value {\r\n    position: relative;\r\n\r\n    display: grid;\r\n    grid-template-columns:\r\n        minmax(250px, 0.8fr)\r\n        minmax(0, 1.6fr);\r\n\r\n    gap: clamp(45px, 7vw, 110px);\r\n    align-items: start;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        clamp(38px, 4vw, 58px)\r\n        0;\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.22);\r\n}\r\n\r\n.sb-value:last-child {\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.22);\r\n}\r\n\r\n\r\n\/* AKCENT NA LINIJI *\/\r\n\r\n.sb-value::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n\r\n    width: 52px;\r\n    height: 2px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-value--trust::before {\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-value--clarity::before {\r\n    background: var(--sb-gold);\r\n}\r\n\r\n.sb-value--courage::before {\r\n    background: var(--sb-moss);\r\n}\r\n\r\n.sb-value--joy::before {\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEVA STRANA \u2014 BROJ + NASLOV\r\n   ========================================================= *\/\r\n\r\n.sb-value__heading {\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    gap: 16px;\r\n\r\n    width: 100%;\r\n}\r\n\r\n.sb-value__number {\r\n    display: block;\r\n\r\n    min-width: 26px;\r\n\r\n    padding-top: 9px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.14em;\r\n\r\n    color: var(--sb-rust);\r\n}\r\n\r\n.sb-value__title {\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(50px, 5vw, 74px);\r\n    font-weight: 400;\r\n    line-height: 0.92;\r\n\r\n    letter-spacing: -0.02em;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESNA STRANA \u2014 TEKST\r\n   ========================================================= *\/\r\n\r\n.sb-value__content {\r\n    width: 100%;\r\n    max-width: 760px;\r\n\r\n    padding-top: 4px;\r\n}\r\n\r\n.sb-value__text {\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: clamp(17px, 1.3vw, 19px);\r\n    font-weight: 400;\r\n    line-height: 1.62;\r\n\r\n    letter-spacing: 0;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .sb-values {\r\n        padding:\r\n            15px\r\n            clamp(28px, 6vw, 52px)\r\n            65px;\r\n    }\r\n\r\n    .sb-value {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 20px;\r\n\r\n        padding: 40px 0 44px;\r\n    }\r\n\r\n    .sb-value__content {\r\n        max-width: 680px;\r\n        padding: 0 0 0 42px;\r\n    }\r\n\r\n    .sb-value__title {\r\n        font-size: clamp(52px, 9vw, 68px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .sb-values {\r\n        padding:\r\n            10px\r\n            22px\r\n            55px;\r\n    }\r\n\r\n    .sb-value {\r\n        display: block;\r\n\r\n        padding:\r\n            32px\r\n            0\r\n            35px;\r\n    }\r\n\r\n    .sb-value::before {\r\n        width: 42px;\r\n    }\r\n\r\n    .sb-value__heading {\r\n        gap: 11px;\r\n\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n    .sb-value__number {\r\n        min-width: 21px;\r\n\r\n        padding-top: 7px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-value__title {\r\n        font-size: clamp(43px, 14vw, 56px);\r\n        line-height: 0.92;\r\n    }\r\n\r\n    .sb-value__content {\r\n        max-width: none;\r\n\r\n        padding: 0 0 0 32px;\r\n    }\r\n\r\n    .sb-value__text {\r\n        font-size: 16px;\r\n        line-height: 1.58;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VEOMA MALI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .sb-values {\r\n        padding-left: 18px;\r\n        padding-right: 18px;\r\n    }\r\n\r\n    .sb-value__number {\r\n        display: none;\r\n    }\r\n\r\n    .sb-value__content {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .sb-value__title {\r\n        font-size: 44px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-values\">\r\n\r\n    <div class=\"sb-values__inner\">\r\n\r\n\r\n        <!-- 01 \u2014 POVERENJE -->\r\n        <article class=\"sb-value sb-value--trust\">\r\n\r\n            <div class=\"sb-value__heading\">\r\n\r\n                <span class=\"sb-value__number\">\r\n                    01\r\n                <\/span>\r\n\r\n                <h2 class=\"sb-value__title\">\r\n                    Poverenje\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-value__content\">\r\n\r\n                <p class=\"sb-value__text\">\r\n                    Verujem da pravi prostor nastaje tek kada se ose\u0107amo\r\n                    dovoljno sigurno. Sigurni da budemo svoji, pred sobom i\r\n                    drugima. Bez maski, iskreni u svojoj istini. Zato \u017eelim da\r\n                    se u na\u0161em procesu ose\u0107a\u0161 vi\u0111eno, saslu\u0161ano i ravnopravno.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- 02 \u2014 JASNO\u0106A -->\r\n        <article class=\"sb-value sb-value--clarity\">\r\n\r\n            <div class=\"sb-value__heading\">\r\n\r\n                <span class=\"sb-value__number\">\r\n                    02\r\n                <\/span>\r\n\r\n                <h2 class=\"sb-value__title\">\r\n                    Jasno\u0107a\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-value__content\">\r\n\r\n                <p class=\"sb-value__text\">\r\n                    Dubina ne mora da bude komplikovana. Volim jasno\u0107u.\r\n                    Jasne procese, konkretne korake i re\u0161enja koja imaju\r\n                    smisao i razlog da postoje.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- 03 \u2014 HRABROST -->\r\n        <article class=\"sb-value sb-value--courage\">\r\n\r\n            <div class=\"sb-value__heading\">\r\n\r\n                <span class=\"sb-value__number\">\r\n                    03\r\n                <\/span>\r\n\r\n                <h2 class=\"sb-value__title\">\r\n                    Hrabrost\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-value__content\">\r\n\r\n                <p class=\"sb-value__text\">\r\n                    Verujem da dom mo\u017ee da nam poka\u017ee i pru\u017ei mnogo vi\u0161e od\r\n                    toga koji stil volimo. Ponekad je potrebno da pogledamo\r\n                    malo dublje u sebe - u svoje potrebe, emocije, odnose i\r\n                    ono \u0161to tek \u017eelimo da postanemo. Ja sam podr\u0161ka i oslonac\r\n                    u tom procesu.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- 04 \u2014 RADOST -->\r\n        <article class=\"sb-value sb-value--joy\">\r\n\r\n            <div class=\"sb-value__heading\">\r\n\r\n                <span class=\"sb-value__number\">\r\n                    04\r\n                <\/span>\r\n\r\n                <h2 class=\"sb-value__title\">\r\n                    Radost\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-value__content\">\r\n\r\n                <p class=\"sb-value__text\">\r\n                    Verujem da je \u017eivot radost. I igra. Zato \u017eelim da i proces\r\n                    stvaranja doma nosi i tebi i meni lako\u0107u, radoznalost,\r\n                    toplinu i u\u017eivanje.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9229396 e-con-full e-flex e-con e-parent\" data-id=\"9229396\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-913f820 e-con-full e-flex e-con e-child\" data-id=\"913f820\" 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-8ced7ee elementor-widget elementor-widget-html\" data-id=\"8ced7ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 \u2014 QUOTE PHOTO SECTION\r\n   ========================================================= *\/\r\n\r\n.sb-quote-photo,\r\n.sb-quote-photo *,\r\n.sb-quote-photo *::before,\r\n.sb-quote-photo *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ELEMENTOR \u2014 ISTA VISINA KAO DESNA KOLONA\r\n   ========================================================= *\/\r\n\r\n@media (min-width: 768px) {\r\n\r\n    .elementor-widget-html:has(.sb-quote-photo) {\r\n        height: 100%;\r\n        align-self: stretch;\r\n    }\r\n\r\n    .elementor-widget-html:has(.sb-quote-photo) > .elementor-widget-container {\r\n        height: 100%;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO SECTION\r\n   ========================================================= *\/\r\n\r\n.sb-quote-photo {\r\n    --sb-green: #445236;\r\n    --sb-rust: #B05330;\r\n    --sb-cream: #F5F1E5;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n    min-height: 840px;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    padding:\r\n        72px\r\n        clamp(34px, 5vw, 70px);\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(245, 241, 229, 0.82) 0%,\r\n            rgba(245, 241, 229, 0.68) 24%,\r\n            rgba(245, 241, 229, 0.42) 48%,\r\n            rgba(245, 241, 229, 0.14) 72%,\r\n            rgba(245, 241, 229, 0.02) 100%\r\n        ),\r\n        url('https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0667-scaled.jpg');\r\n\r\n    background-size: cover;\r\n    background-position: center 44%;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.sb-quote-photo__content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    max-width: 365px;\r\n\r\n    margin-top: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL LABEL\r\n   ========================================================= *\/\r\n\r\n.sb-quote-photo__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin: 0 0 22px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 11px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.28em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-quote-photo__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUOTE\r\n   ========================================================= *\/\r\n\r\n.sb-quote-photo__quote {\r\n    width: 100%;\r\n    max-width: 365px;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: 40px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.02 !important;\r\n    letter-spacing: -0.02em !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n\/* REDOVI *\/\r\n\r\n.sb-quote-photo__line {\r\n    display: block;\r\n}\r\n\r\n\r\n.sb-quote-photo__line + .sb-quote-photo__line {\r\n    margin-top: 3px;\r\n}\r\n\r\n\r\n\/* RUST ITALIC AKCENAT *\/\r\n\r\n.sb-quote-photo__accent {\r\n    color: var(--sb-rust) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n    font-style: italic !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM LINE\r\n   ========================================================= *\/\r\n\r\n.sb-quote-photo__bottom-line {\r\n    width: 38px;\r\n    height: 1px;\r\n\r\n    margin-top: 24px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) and (min-width: 768px) {\r\n\r\n    .sb-quote-photo {\r\n        height: 100%;\r\n        min-height: 760px;\r\n\r\n        align-items: flex-start;\r\n\r\n        padding:\r\n            58px\r\n            36px;\r\n\r\n        background-position: 55% 44%;\r\n    }\r\n\r\n\r\n    .sb-quote-photo__content {\r\n        max-width: 340px;\r\n    }\r\n\r\n\r\n    .sb-quote-photo__quote {\r\n        max-width: 340px;\r\n\r\n        font-size: 32px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-quote-photo {\r\n        height: auto;\r\n        min-height: 540px;\r\n\r\n        align-items: flex-start;\r\n\r\n        padding:\r\n            38px\r\n            21px\r\n            34px;\r\n\r\n        background-position: 57% center;\r\n\r\n        background-image:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(245, 241, 229, 0.72) 0%,\r\n                rgba(245, 241, 229, 0.55) 30%,\r\n                rgba(245, 241, 229, 0.26) 55%,\r\n                rgba(245, 241, 229, 0.08) 78%,\r\n                rgba(245, 241, 229, 0.02) 100%\r\n            ),\r\n            url('https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0667-scaled.jpg');\r\n    }\r\n\r\n\r\n    .sb-quote-photo__content {\r\n        max-width: 285px;\r\n    }\r\n\r\n\r\n    .sb-quote-photo__eyebrow {\r\n        gap: 10px;\r\n\r\n        margin-bottom: 17px;\r\n\r\n        font-size: 9px !important;\r\n        letter-spacing: 0.21em !important;\r\n    }\r\n\r\n\r\n    .sb-quote-photo__eyebrow::before {\r\n        width: 27px;\r\n    }\r\n\r\n\r\n    .sb-quote-photo__quote {\r\n        max-width: 285px;\r\n\r\n        font-size: 27px !important;\r\n        line-height: 1.02 !important;\r\n    }\r\n\r\n\r\n    .sb-quote-photo__bottom-line {\r\n        width: 31px;\r\n\r\n        margin-top: 19px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n    .sb-quote-photo {\r\n        min-height: 500px;\r\n\r\n        padding:\r\n            32px\r\n            19px\r\n            30px;\r\n\r\n        background-position: 58% center;\r\n    }\r\n\r\n\r\n    .sb-quote-photo__content {\r\n        max-width: 265px;\r\n    }\r\n\r\n\r\n    .sb-quote-photo__quote {\r\n        max-width: 265px;\r\n\r\n        font-size: 25px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n    .sb-quote-photo__content {\r\n        max-width: 245px;\r\n    }\r\n\r\n\r\n    .sb-quote-photo__quote {\r\n        max-width: 245px;\r\n\r\n        font-size: 23px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-quote-photo\">\r\n\r\n    <div class=\"sb-quote-photo__content\">\r\n\r\n        <div class=\"sb-quote-photo__eyebrow\">\r\n            Za ljude koji veruju u vi\u0161e\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"sb-quote-photo__quote\">\r\n\r\n            <span class=\"sb-quote-photo__line\">\r\n                Mo\u017eda ti ne treba \u201elep\u0161i\u201c dom.\r\n            <\/span>\r\n\r\n            <span class=\"sb-quote-photo__line\">\r\n                Mo\u017eda ti treba dom\r\n            <\/span>\r\n\r\n            <span class=\"sb-quote-photo__line\">\r\n                u kome je\r\n                <span class=\"sb-quote-photo__accent\">\r\n                    srce na mestu\r\n                <\/span>\r\n            <\/span>\r\n\r\n            <span class=\"sb-quote-photo__line\">\r\n                na kome treba da bude.\r\n            <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <div class=\"sb-quote-photo__bottom-line\"><\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dae81fb e-con-full e-flex e-con e-child\" data-id=\"dae81fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-05f1f08 e-con-full e-flex e-con e-child\" data-id=\"05f1f08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a972313 e-con-full qodef-elementor-content-grid e-flex e-con e-child\" data-id=\"a972313\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62db3dc elementor-widget elementor-widget-html\" data-id=\"62db3dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 \u2014 DESNA STRANA SEKCIJE\r\n   Brandbook:\r\n   Imbue + Arial\r\n   Green #445236\r\n   Rust  #B05330\r\n   Cream #F5F1E5\r\n   ========================================================= *\/\r\n\r\n.sb-audience,\r\n.sb-audience *,\r\n.sb-audience *::before,\r\n.sb-audience *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.sb-audience {\r\n    --sb-green: #445236;\r\n    --sb-rust: #B05330;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-soft-green: #9BAA82;\r\n\r\n    width: 100%;\r\n\r\n    background: transparent;\r\n\r\n    padding:\r\n        clamp(56px, 6vw, 82px)\r\n        clamp(30px, 5vw, 72px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.sb-audience__inner {\r\n    width: 100%;\r\n    max-width: 650px;\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.sb-audience__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin: 0 0 29px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 11px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.27em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-audience__eyebrow::before {\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BODY TEXT\r\n   ========================================================= *\/\r\n\r\n.sb-audience__body {\r\n    width: 100%;\r\n}\r\n\r\n\r\n.sb-audience__body p {\r\n    margin:\r\n        0\r\n        0\r\n        16px !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 18px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.58 !important;\r\n    letter-spacing: 0 !important;\r\n}\r\n\r\n\r\n.sb-audience__body p:last-child {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BLAGI NAGLASAK U TEKSTU\r\n   ========================================================= *\/\r\n\r\n.sb-audience__body strong {\r\n    color: var(--sb-green);\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLAVNO PITANJE\r\n   ========================================================= *\/\r\n\r\n.sb-audience__question {\r\n    position: relative;\r\n\r\n    margin-top: 35px;\r\n\r\n    padding:\r\n        28px\r\n        0\r\n        28px\r\n        30px;\r\n\r\n    border-left: 1px solid var(--sb-rust);\r\n}\r\n\r\n\r\n.sb-audience__question-label {\r\n    display: block;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 10px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.25em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-audience__question-text {\r\n    max-width: 570px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: 36px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.03 !important;\r\n    letter-spacing: -0.02em !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n\/* deo pitanja u rust boji *\/\r\n\r\n.sb-audience__question-accent {\r\n    color: var(--sb-rust) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n    font-style: italic !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.sb-audience__actions {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 12px;\r\n\r\n    margin-top: 38px;\r\n}\r\n\r\n\r\n.sb-audience__btn {\r\n    min-height: 54px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 18px;\r\n\r\n    padding:\r\n        14px\r\n        24px;\r\n\r\n    border: 1px solid var(--sb-green);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 16px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.01em !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        background-color 0.25s ease,\r\n        color 0.25s ease,\r\n        border-color 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n.sb-audience__btn--primary {\r\n    background: var(--sb-green);\r\n\r\n    color: var(--sb-cream) !important;\r\n}\r\n\r\n\r\n.sb-audience__btn--primary:hover {\r\n    background: var(--sb-rust);\r\n\r\n    border-color: var(--sb-rust);\r\n\r\n    color: #fff !important;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n.sb-audience__btn--secondary {\r\n    background: transparent;\r\n\r\n    color: var(--sb-green) !important;\r\n}\r\n\r\n\r\n.sb-audience__btn--secondary:hover {\r\n    background: var(--sb-green);\r\n\r\n    color: var(--sb-cream) !important;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* ARROW *\/\r\n\r\n.sb-audience__arrow {\r\n    font-size: 18px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n\r\n.sb-audience__btn:hover .sb-audience__arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sb-audience {\r\n        padding:\r\n            54px\r\n            38px;\r\n    }\r\n\r\n\r\n    .sb-audience__body p {\r\n        font-size: 17px !important;\r\n    }\r\n\r\n\r\n    .sb-audience__question-text {\r\n        font-size: 32px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-audience {\r\n        padding:\r\n            48px\r\n            21px\r\n            56px;\r\n    }\r\n\r\n\r\n    .sb-audience__inner {\r\n        max-width: 100%;\r\n    }\r\n\r\n\r\n    .sb-audience__eyebrow {\r\n        gap: 10px;\r\n\r\n        margin-bottom: 24px;\r\n\r\n        font-size: 9px !important;\r\n        letter-spacing: 0.21em !important;\r\n    }\r\n\r\n\r\n    .sb-audience__eyebrow::before {\r\n        width: 28px;\r\n    }\r\n\r\n\r\n    .sb-audience__body p {\r\n        margin-bottom: 14px !important;\r\n\r\n        font-size: 16px !important;\r\n        line-height: 1.55 !important;\r\n    }\r\n\r\n\r\n    .sb-audience__question {\r\n        margin-top: 28px;\r\n\r\n        padding:\r\n            22px\r\n            0\r\n            22px\r\n            20px;\r\n    }\r\n\r\n\r\n    .sb-audience__question-label {\r\n        font-size: 9px !important;\r\n    }\r\n\r\n\r\n    .sb-audience__question-text {\r\n        max-width: 100%;\r\n\r\n        font-size: 29px !important;\r\n        line-height: 1.04 !important;\r\n    }\r\n\r\n\r\n    .sb-audience__actions {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n\r\n        gap: 10px;\r\n\r\n        margin-top: 30px;\r\n    }\r\n\r\n\r\n    .sb-audience__btn {\r\n        width: 100%;\r\n        min-height: 52px;\r\n\r\n        justify-content: space-between;\r\n\r\n        padding:\r\n            14px\r\n            19px;\r\n\r\n        font-size: 15px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n    .sb-audience {\r\n        padding:\r\n            44px\r\n            19px\r\n            50px;\r\n    }\r\n\r\n\r\n    .sb-audience__body p {\r\n        font-size: 15.5px !important;\r\n    }\r\n\r\n\r\n    .sb-audience__question-text {\r\n        font-size: 27px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"sb-audience\">\r\n\r\n    <div class=\"sb-audience__inner\">\r\n\r\n\r\n        <!-- EYEBROW -->\r\n\r\n        <div class=\"sb-audience__eyebrow\">\r\n            Moj rad je namenjen\r\n        <\/div>\r\n\r\n\r\n        <!-- GLAVNI TEKST -->\r\n\r\n        <div class=\"sb-audience__body\">\r\n\r\n            <p>\r\n                Ljudima koji vole \u017eivot, ula\u017eu u sebe i ne \u010dekaju\r\n                da ne\u0161to postane lo\u0161e da bi po\u017eeleli promenu.\r\n            <\/p>\r\n\r\n            <p>\r\n                Ljudima koje pokre\u0107e radost \u017eivljenja i veruju da smo\r\n                podr\u017eani na ovom zajedni\u010dkom putovanju na\u0161ih du\u0161a.\r\n            <\/p>\r\n\r\n            <p>\r\n                Ljudima koji su li\u010dno i profesionalno porasli, ali tek\r\n                sada uvi\u0111aju i ose\u0107aju da njihov prostor nije rastao\r\n                zajedno sa njima.\r\n            <\/p>\r\n\r\n            <p>\r\n                Ljudima koji su godinama ulagali u posao, odnose,\r\n                zdravlje, putovanja, edukacije i li\u010dni razvoj.\r\n            <\/p>\r\n\r\n            <p>\r\n                Onima koji su nau\u010dili mnogo o sebi - ali nikada nisu\r\n                zastali pred pitanjem:\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- KLJU\u010cNO PITANJE -->\r\n\r\n        <div class=\"sb-audience__question\">\r\n\r\n            <span class=\"sb-audience__question-label\">\r\n            <\/span>\r\n\r\n            <p class=\"sb-audience__question-text\">\r\n\r\n                Da li moj \u017eivotni prostor podr\u017eava osobu koja sam danas\r\n                i onu koja\r\n                <span class=\"sb-audience__question-accent\">\r\n                    tek \u017eelim da budem?\r\n                <\/span>\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CTA -->\r\n\r\n        <div class=\"sb-audience__actions\">\r\n\r\n            <a\r\n                href=\"https:\/\/svetlanabrkic.rs\/index.php\/nacin-rada-i-metodologija\/\"\r\n                class=\"sb-audience__btn sb-audience__btn--primary\"\r\n            >\r\n                <span>Istra\u017ei moj pristup<\/span>\r\n                <span class=\"sb-audience__arrow\">\u2192<\/span>\r\n            <\/a>\r\n\r\n\r\n            <a\r\n                href=\"https:\/\/svetlanabrkic.rs\/index.php\/oblasti-rada\/\"\r\n                class=\"sb-audience__btn sb-audience__btn--secondary\"\r\n            >\r\n                <span>Saznaj vi\u0161e<\/span>\r\n                <span class=\"sb-audience__arrow\">\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-b135a19 e-con-full e-flex e-con e-parent\" data-id=\"b135a19\" 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-f1c0dde elementor-widget elementor-widget-html\" data-id=\"f1c0dde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 \u2014 OSOBA ISPRED PROSTORA\r\n   INTERACTIVE STORY SLIDER\r\n   ========================================================= *\/\r\n\r\n.sb-person-first,\r\n.sb-person-first *,\r\n.sb-person-first *::before,\r\n.sb-person-first *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-person-first {\r\n    --sb-green: #445236;\r\n    --sb-green-soft: #9BAA82;\r\n    --sb-rust: #B05330;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-cream-light: #FDFBF5;\r\n    --sb-sand: #E8B86D;\r\n\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    background: var(--sb-cream);\r\n    color: var(--sb-green);\r\n\r\n    padding:\r\n        clamp(75px, 8vw, 125px)\r\n        clamp(24px, 5vw, 80px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN LAYOUT\r\n   ========================================================= *\/\r\n\r\n.sb-person-first__inner {\r\n    width: 100%;\r\n    max-width: 1500px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns:\r\n        minmax(280px, 0.72fr)\r\n        minmax(0, 1.6fr);\r\n\r\n    gap: clamp(55px, 7vw, 115px);\r\n\r\n    align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT INTRO\r\n   ========================================================= *\/\r\n\r\n.sb-person-first__intro {\r\n    position: sticky;\r\n    top: 100px;\r\n\r\n    padding-top: 4px;\r\n}\r\n\r\n\r\n.sb-person-first__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n\r\n    margin-bottom: 31px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n    font-size: 11px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.28em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-person-first__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 42px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n.sb-person-first__title {\r\n    max-width: 470px;\r\n\r\n    margin: 0 0 27px !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: clamp(53px, 4.5vw, 76px) !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 0.96 !important;\r\n    letter-spacing: -0.035em !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.sb-person-first__title-accent {\r\n    color: var(--sb-rust) !important;\r\n    font-style: italic;\r\n}\r\n\r\n\r\n.sb-person-first__lead {\r\n    max-width: 410px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 17px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.55 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n   ========================================================= *\/\r\n\r\n.sb-person-first__slider {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n   ========================================================= *\/\r\n\r\n.sb-person-first__progress {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin-bottom: 22px;\r\n}\r\n\r\n\r\n.sb-person-first__progress-step {\r\n    appearance: none;\r\n\r\n    border: 0;\r\n    background: transparent;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n\r\n    padding: 6px 0;\r\n\r\n    cursor: pointer;\r\n\r\n    color: rgba(68, 82, 54, 0.42);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n\r\n    letter-spacing: 0.12em;\r\n}\r\n\r\n\r\n.sb-person-first__progress-step span {\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n.sb-person-first__progress-line {\r\n    width: 28px;\r\n    height: 1px;\r\n\r\n    background: rgba(68, 82, 54, 0.22);\r\n\r\n    transition:\r\n        width 0.3s ease,\r\n        background-color 0.3s ease;\r\n}\r\n\r\n\r\n.sb-person-first__progress-step.is-active {\r\n    color: var(--sb-rust);\r\n}\r\n\r\n\r\n.sb-person-first__progress-step.is-active\r\n.sb-person-first__progress-line {\r\n    width: 58px;\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n   ========================================================= *\/\r\n\r\n.sb-person-first__track {\r\n    width: 100%;\r\n\r\n    display: flex;\r\n\r\n    gap: 18px;\r\n\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n\r\n    scroll-snap-type: x mandatory;\r\n    scroll-behavior: smooth;\r\n\r\n    padding:\r\n        0\r\n        10%\r\n        10px\r\n        0;\r\n\r\n    scrollbar-width: none;\r\n\r\n    overscroll-behavior-x: contain;\r\n}\r\n\r\n\r\n.sb-person-first__track::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD BASE\r\n   ========================================================= *\/\r\n\r\n.sb-person-card {\r\n    position: relative;\r\n\r\n    flex: 0 0 88%;\r\n    min-width: 0;\r\n\r\n    min-height: 590px;\r\n\r\n    scroll-snap-align: start;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding:\r\n        clamp(34px, 4vw, 58px);\r\n\r\n    border: 1px solid rgba(68, 82, 54, 0.16);\r\n\r\n    background: var(--sb-cream-light);\r\n}\r\n\r\n\r\n\/* BACKGROUND NUMBER *\/\r\n\r\n.sb-person-card__number {\r\n    position: absolute;\r\n\r\n    top: -38px;\r\n    right: 20px;\r\n\r\n    pointer-events: none;\r\n\r\n    color: rgba(68, 82, 54, 0.055);\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: 190px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1;\r\n}\r\n\r\n\r\n\/* META *\/\r\n\r\n.sb-person-card__meta {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-bottom: auto;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.sb-person-card__meta::before {\r\n    content: \"\";\r\n\r\n    width: 32px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: currentColor;\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n.sb-person-card__content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n\r\n    margin-top: 75px;\r\n}\r\n\r\n\r\n.sb-person-card__title {\r\n    max-width: 610px;\r\n\r\n    margin: 0 0 25px !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: clamp(41px, 4vw, 59px) !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 0.98 !important;\r\n    letter-spacing: -0.025em !important;\r\n\r\n    text-transform: none !important;\r\n\r\n    word-break: normal !important;\r\n    overflow-wrap: normal !important;\r\n    hyphens: none !important;\r\n}\r\n\r\n\r\n.sb-person-card__text {\r\n    max-width: 600px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 17px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.55 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD 01\r\n   ========================================================= *\/\r\n\r\n.sb-person-card--01 {\r\n    background: var(--sb-cream-light);\r\n}\r\n\r\n\r\n.sb-person-card__essentials {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 9px;\r\n\r\n    max-width: 570px;\r\n\r\n    margin-top: 31px;\r\n}\r\n\r\n\r\n.sb-person-card__essential {\r\n    padding:\r\n        9px\r\n        13px;\r\n\r\n    border: 1px solid rgba(68, 82, 54, 0.2);\r\n\r\n    color: var(--sb-green);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 12px;\r\n\r\n    line-height: 1;\r\n}\r\n\r\n\r\n.sb-person-card__statement {\r\n    margin-top: 34px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n\r\n    font-size: 31px;\r\n    font-style: italic;\r\n\r\n    line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD 02\r\n   ========================================================= *\/\r\n\r\n.sb-person-card--02 {\r\n    background: var(--sb-green);\r\n    color: var(--sb-cream);\r\n}\r\n\r\n\r\n.sb-person-card--02 .sb-person-card__number {\r\n    color: rgba(245, 241, 229, 0.055);\r\n}\r\n\r\n\r\n.sb-person-card--02 .sb-person-card__meta {\r\n    color: var(--sb-sand);\r\n}\r\n\r\n\r\n.sb-person-card--02 .sb-person-card__title {\r\n    color: var(--sb-cream) !important;\r\n}\r\n\r\n\r\n.sb-question-cloud {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 29px;\r\n}\r\n\r\n\r\n.sb-question-cloud__item {\r\n    appearance: none;\r\n\r\n    border: 1px solid rgba(245, 241, 229, 0.3);\r\n\r\n    background: transparent;\r\n\r\n    padding:\r\n        10px\r\n        14px;\r\n\r\n    color: var(--sb-cream);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.25;\r\n\r\n    text-align: left;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.sb-question-cloud__item.is-selected {\r\n    background: var(--sb-rust);\r\n    border-color: var(--sb-rust);\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD 03\r\n   ========================================================= *\/\r\n\r\n.sb-person-card--03 {\r\n    background: #EBE5D3;\r\n}\r\n\r\n\r\n.sb-method-map {\r\n    position: relative;\r\n\r\n    width: min(100%, 580px);\r\n    height: 340px;\r\n\r\n    margin:\r\n        32px\r\n        auto\r\n        0;\r\n}\r\n\r\n\r\n.sb-method-map__center {\r\n    position: absolute;\r\n\r\n    top: 30%;\r\n    left: 50%;\r\n\r\n    width: 106px;\r\n    height: 106px;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid var(--sb-rust);\r\n    border-radius: 50%;\r\n\r\n    background: var(--sb-cream);\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n\r\n    font-size: 32px;\r\n\r\n    line-height: 1;\r\n\r\n    z-index: 4;\r\n}\r\n\r\n\r\n.sb-method-map__item {\r\n    position: absolute;\r\n\r\n    padding:\r\n        9px\r\n        12px;\r\n\r\n    border: 1px solid rgba(68, 82, 54, 0.22);\r\n\r\n    background: rgba(245, 241, 229, 0.82);\r\n\r\n    color: var(--sb-green);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 12px;\r\n    line-height: 1.2;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n.sb-method-map__item--1 {\r\n    top: 0;\r\n    left: 5%;\r\n}\r\n\r\n.sb-method-map__item--2 {\r\n    top: 0;\r\n    right: 7%;\r\n}\r\n\r\n.sb-method-map__item--3 {\r\n    top: 34%;\r\n    left: 0;\r\n}\r\n\r\n.sb-method-map__item--4 {\r\n    top: 34%;\r\n    right: 0;\r\n}\r\n\r\n.sb-method-map__item--7 {\r\n    bottom: 27%;\r\n    left: 16%;\r\n}\r\n\r\n.sb-method-map__item--8 {\r\n    bottom: 27%;\r\n    right: 13%;\r\n}\r\n\r\n.sb-method-map__item--5 {\r\n    bottom: 0;\r\n    left: 5%;\r\n}\r\n\r\n.sb-method-map__item--6 {\r\n    bottom: 0;\r\n    right: 7%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD 04\r\n   ========================================================= *\/\r\n\r\n.sb-person-card--04 {\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n.sb-person-card--04 .sb-person-card__number {\r\n    color: rgba(255, 255, 255, 0.055);\r\n}\r\n\r\n\r\n.sb-person-card--04 .sb-person-card__meta {\r\n    color: var(--sb-cream);\r\n}\r\n\r\n\r\n.sb-person-card--04 .sb-person-card__title {\r\n    color: var(--sb-cream) !important;\r\n}\r\n\r\n\r\n.sb-person-card--04 .sb-person-card__text {\r\n    color: var(--sb-cream) !important;\r\n}\r\n\r\n\r\n.sb-person-card__final-accent {\r\n    display: block;\r\n\r\n    margin-top: 6px;\r\n\r\n    color: #fff;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.sb-person-card__cta {\r\n    width: fit-content;\r\n\r\n    min-height: 54px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    margin-top: 35px;\r\n\r\n    padding:\r\n        14px\r\n        23px;\r\n\r\n    border: 1px solid var(--sb-cream);\r\n\r\n    color: var(--sb-cream) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.15;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n.sb-person-card__cta-arrow {\r\n    flex-shrink: 0;\r\n\r\n    font-size: 19px;\r\n}\r\n\r\n\r\n.sb-person-card__cta-mobile-break {\r\n    display: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n   ========================================================= *\/\r\n\r\n.sb-person-first__controls {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-top: 22px;\r\n}\r\n\r\n\r\n.sb-person-first__counter {\r\n    color: var(--sb-green);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    letter-spacing: 0.15em;\r\n}\r\n\r\n\r\n.sb-person-first__arrows {\r\n    display: flex;\r\n    gap: 8px;\r\n}\r\n\r\n\r\n.sb-person-first__arrow {\r\n    appearance: none;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    border: 1px solid rgba(68, 82, 54, 0.34);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: transparent;\r\n\r\n    color: var(--sb-green);\r\n\r\n    font-size: 20px;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.sb-person-first__arrow:disabled {\r\n    opacity: 0.25;\r\n    cursor: default;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .sb-person-first__inner {\r\n        grid-template-columns:\r\n            minmax(230px, 0.65fr)\r\n            minmax(0, 1.5fr);\r\n\r\n        gap: 48px;\r\n    }\r\n\r\n\r\n    .sb-person-first__title {\r\n        font-size: 55px !important;\r\n    }\r\n\r\n\r\n    .sb-person-card {\r\n        flex-basis: 92%;\r\n\r\n        min-height: 560px;\r\n    }\r\n\r\n\r\n    .sb-person-card__title {\r\n        font-size: 43px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE \u2014 COMPLETELY REDESIGNED\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    \/* -----------------------------------------\r\n       SECTION\r\n       ----------------------------------------- *\/\r\n\r\n    .sb-person-first {\r\n        padding:\r\n            52px\r\n            18px\r\n            55px;\r\n    }\r\n\r\n\r\n    .sb-person-first__inner {\r\n        display: block;\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       INTRO\r\n       ----------------------------------------- *\/\r\n\r\n    .sb-person-first__intro {\r\n        position: relative;\r\n        top: auto;\r\n\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n\r\n    .sb-person-first__eyebrow {\r\n        gap: 10px;\r\n\r\n        margin-bottom: 18px;\r\n\r\n        font-size: 9px !important;\r\n        letter-spacing: 0.20em !important;\r\n    }\r\n\r\n\r\n    .sb-person-first__eyebrow::before {\r\n        width: 28px;\r\n    }\r\n\r\n\r\n    .sb-person-first__title {\r\n        max-width: 330px;\r\n\r\n        margin-bottom: 16px !important;\r\n\r\n        font-size: 42px !important;\r\n        line-height: 0.98 !important;\r\n    }\r\n\r\n\r\n    .sb-person-first__lead {\r\n        max-width: 330px;\r\n\r\n        font-size: 15px !important;\r\n        line-height: 1.45 !important;\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       PROGRESS\r\n       ----------------------------------------- *\/\r\n\r\n    .sb-person-first__progress {\r\n        gap: 5px;\r\n\r\n        margin-bottom: 13px;\r\n    }\r\n\r\n\r\n    .sb-person-first__progress-step {\r\n        gap: 5px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    .sb-person-first__progress-line {\r\n        width: 13px;\r\n    }\r\n\r\n\r\n    .sb-person-first__progress-step.is-active\r\n    .sb-person-first__progress-line {\r\n        width: 25px;\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       TRACK\r\n       ----------------------------------------- *\/\r\n\r\n    .sb-person-first__track {\r\n        gap: 10px;\r\n\r\n        padding:\r\n            0\r\n            9%\r\n            4px\r\n            0;\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       ALL MOBILE CARDS\r\n       SAME HEIGHT\r\n       ----------------------------------------- *\/\r\n\r\n    .sb-person-card {\r\n        flex: 0 0 91%;\r\n\r\n        \/*\r\n           Sve kartice imaju istu visinu.\r\n           Nikada ne prelaze raspolo\u017eivu visinu telefona.\r\n        *\/\r\n        height: min(560px, calc(100svh - 115px));\r\n        min-height: 0;\r\n        max-height: 560px;\r\n\r\n        padding:\r\n            22px\r\n            20px\r\n            22px;\r\n\r\n        overflow: hidden;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       NUMBER\r\n       ----------------------------------------- *\/\r\n\r\n    .sb-person-card__number {\r\n        top: -17px;\r\n        right: 10px;\r\n\r\n        font-size: 96px;\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       META\r\n       ----------------------------------------- *\/\r\n\r\n    .sb-person-card__meta {\r\n        flex: 0 0 auto;\r\n\r\n        gap: 9px;\r\n\r\n        \/*\r\n           VA\u017dNO:\r\n           uklanja ogroman prazan prostor\r\n           koji se video na kartici 04.\r\n        *\/\r\n        margin-bottom: 0;\r\n\r\n        font-size: 9px;\r\n        letter-spacing: 0.18em;\r\n    }\r\n\r\n\r\n    .sb-person-card__meta::before {\r\n        width: 28px;\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       CONTENT\r\n       ----------------------------------------- *\/\r\n\r\n    .sb-person-card__content {\r\n        flex: 1 1 auto;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        min-height: 0;\r\n\r\n        \/*\r\n           Umesto ogromnih 58\u201375px.\r\n        *\/\r\n        margin-top: 22px;\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       ALL CARD TITLES\r\n       ----------------------------------------- *\/\r\n\r\n    .sb-person-card__title,\r\n    .sb-person-card--04 .sb-person-card__title {\r\n        width: 100%;\r\n        max-width: 100%;\r\n\r\n        margin:\r\n            0\r\n            0\r\n            14px !important;\r\n\r\n        \/*\r\n           SVE KARTICE USKLA\u0110ENE\r\n        *\/\r\n        font-size: 30px !important;\r\n        line-height: 0.98 !important;\r\n        letter-spacing: -0.015em !important;\r\n\r\n        \/*\r\n           ZABRANJUJE:\r\n           komplikovaniji\r\n           m.\r\n        *\/\r\n        word-break: normal !important;\r\n        overflow-wrap: normal !important;\r\n        hyphens: none !important;\r\n    }\r\n\r\n\r\n    .sb-person-card__final-accent {\r\n        margin-top: 4px;\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       BODY\r\n       ----------------------------------------- *\/\r\n\r\n    .sb-person-card__text {\r\n        font-size: 13.5px !important;\r\n        line-height: 1.38 !important;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CARD 01\r\n       ===================================================== *\/\r\n\r\n    .sb-person-card__essentials {\r\n        display: grid;\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 6px;\r\n\r\n        margin-top: 18px;\r\n    }\r\n\r\n\r\n    .sb-person-card__essential {\r\n        min-height: 36px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        padding:\r\n            6px\r\n            7px;\r\n\r\n        font-size: 10.5px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .sb-person-card__essential:last-child {\r\n        grid-column: 1 \/ -1;\r\n    }\r\n\r\n\r\n    .sb-person-card__statement {\r\n        margin-top: 18px;\r\n\r\n        font-size: 23px;\r\n\r\n        line-height: 1.02;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CARD 02\r\n       ===================================================== *\/\r\n\r\n    .sb-question-cloud {\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 5px;\r\n\r\n        margin-top: 15px;\r\n    }\r\n\r\n\r\n    .sb-question-cloud__item {\r\n        min-height: 44px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        padding:\r\n            5px\r\n            6px;\r\n\r\n        font-size: 10px;\r\n        line-height: 1.15;\r\n\r\n        text-align: center;\r\n\r\n        word-break: normal;\r\n        overflow-wrap: normal;\r\n    }\r\n\r\n\r\n    .sb-question-cloud__item:last-child {\r\n        grid-column: 1 \/ -1;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CARD 03 \u2014 COMPACT MOBILE GRID\r\n       ===================================================== *\/\r\n\r\n    .sb-method-map {\r\n        position: static;\r\n\r\n        width: 100%;\r\n        height: auto;\r\n\r\n        display: grid;\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 5px;\r\n\r\n        margin-top: 15px;\r\n    }\r\n\r\n\r\n    .sb-method-map__center {\r\n        position: static;\r\n\r\n        grid-column: 1 \/ -1;\r\n\r\n        width: 100%;\r\n        height: 52px;\r\n\r\n        transform: none;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        padding: 0;\r\n\r\n        border-radius: 0;\r\n\r\n        font-size: 26px;\r\n        line-height: 1;\r\n    }\r\n\r\n\r\n    .sb-method-map__item,\r\n    .sb-method-map__item--1,\r\n    .sb-method-map__item--2,\r\n    .sb-method-map__item--3,\r\n    .sb-method-map__item--4,\r\n    .sb-method-map__item--5,\r\n    .sb-method-map__item--6,\r\n    .sb-method-map__item--7,\r\n    .sb-method-map__item--8 {\r\n        position: static;\r\n\r\n        min-width: 0;\r\n        height: 45px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        padding:\r\n            5px\r\n            7px;\r\n\r\n        white-space: normal;\r\n\r\n        text-align: center;\r\n\r\n        font-size: 10.5px;\r\n        line-height: 1.08;\r\n\r\n        word-break: normal;\r\n        overflow-wrap: normal;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CARD 04\r\n       ===================================================== *\/\r\n\r\n    .sb-person-card--04 .sb-person-card__content {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        height: 100%;\r\n    }\r\n\r\n\r\n    \/*\r\n       Na poslednjoj kartici tekst kre\u0107e odmah ispod meta oznake.\r\n    *\/\r\n\r\n    .sb-person-card--04 .sb-person-card__title {\r\n        margin-top: 0 !important;\r\n    }\r\n\r\n\r\n    \/*\r\n       CTA ide pri dnu ali bez ogromnog praznog prostora.\r\n    *\/\r\n\r\n    .sb-person-card__cta {\r\n        width: 100%;\r\n        min-height: 54px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(0, 1fr)\r\n            auto;\r\n\r\n        align-items: center;\r\n\r\n        gap: 12px;\r\n\r\n        margin-top: auto;\r\n\r\n        padding:\r\n            10px\r\n            15px;\r\n\r\n        font-size: 14px;\r\n        line-height: 1.08;\r\n    }\r\n\r\n\r\n    .sb-person-card__cta-text {\r\n        display: block;\r\n\r\n        min-width: 0;\r\n\r\n        text-align: left;\r\n\r\n        line-height: 1.08;\r\n\r\n        \/*\r\n           Ta\u010dno dva reda preko ru\u010dnog <br>.\r\n        *\/\r\n        white-space: normal;\r\n    }\r\n\r\n\r\n    .sb-person-card__cta-mobile-break {\r\n        display: block;\r\n    }\r\n\r\n\r\n    .sb-person-card__cta-arrow {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       CONTROLS\r\n       ----------------------------------------- *\/\r\n\r\n    .sb-person-first__controls {\r\n        margin-top: 13px;\r\n    }\r\n\r\n\r\n    .sb-person-first__arrow {\r\n        width: 40px;\r\n        height: 40px;\r\n\r\n        font-size: 17px;\r\n    }\r\n\r\n\r\n    .sb-person-first__counter {\r\n        font-size: 9px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHORT \/ SMALL PHONES\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-person-first {\r\n        padding-left: 15px;\r\n        padding-right: 15px;\r\n    }\r\n\r\n\r\n    .sb-person-first__title {\r\n        font-size: 39px !important;\r\n    }\r\n\r\n\r\n    .sb-person-card {\r\n        flex-basis: 93%;\r\n\r\n        height: min(535px, calc(100svh - 105px));\r\n\r\n        padding:\r\n            19px\r\n            17px\r\n            19px;\r\n    }\r\n\r\n\r\n    .sb-person-card__content {\r\n        margin-top: 18px;\r\n    }\r\n\r\n\r\n    .sb-person-card__title,\r\n    .sb-person-card--04 .sb-person-card__title {\r\n        font-size: 28px !important;\r\n        line-height: 0.98 !important;\r\n    }\r\n\r\n\r\n    .sb-person-card__text {\r\n        font-size: 12.5px !important;\r\n        line-height: 1.34 !important;\r\n    }\r\n\r\n\r\n    .sb-method-map {\r\n        gap: 4px;\r\n    }\r\n\r\n\r\n    .sb-method-map__center {\r\n        height: 48px;\r\n\r\n        font-size: 24px;\r\n    }\r\n\r\n\r\n    .sb-method-map__item,\r\n    .sb-method-map__item--1,\r\n    .sb-method-map__item--2,\r\n    .sb-method-map__item--3,\r\n    .sb-method-map__item--4,\r\n    .sb-method-map__item--5,\r\n    .sb-method-map__item--6,\r\n    .sb-method-map__item--7,\r\n    .sb-method-map__item--8 {\r\n        height: 41px;\r\n\r\n        padding: 4px;\r\n\r\n        font-size: 10px;\r\n        line-height: 1.05;\r\n    }\r\n\r\n\r\n    .sb-question-cloud__item {\r\n        min-height: 40px;\r\n\r\n        font-size: 9.5px;\r\n    }\r\n\r\n\r\n    .sb-person-card__cta {\r\n        min-height: 51px;\r\n\r\n        padding:\r\n            9px\r\n            13px;\r\n\r\n        font-size: 13.5px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY NARROW PHONES\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 350px) {\r\n\r\n    .sb-person-card__title,\r\n    .sb-person-card--04 .sb-person-card__title {\r\n        font-size: 26px !important;\r\n    }\r\n\r\n\r\n    .sb-person-card__text {\r\n        font-size: 12px !important;\r\n    }\r\n\r\n\r\n    .sb-person-card__cta {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .sb-person-first__track {\r\n        scroll-behavior: auto;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-person-first\" id=\"sb-person-first\">\r\n\r\n    <div class=\"sb-person-first__inner\">\r\n\r\n\r\n        <!-- LEFT INTRO -->\r\n\r\n        <div class=\"sb-person-first__intro\">\r\n\r\n            <div class=\"sb-person-first__eyebrow\">\r\n                Osoba ispred prostora\r\n            <\/div>\r\n\r\n            <h2 class=\"sb-person-first__title\">\r\n                Ne kre\u0107emo od prostora.\r\n                <span class=\"sb-person-first__title-accent\">\r\n                    Kre\u0107emo od tebe.\r\n                <\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"sb-person-first__lead\">\r\n                Pre nego \u0161to govorimo o stilu, bojama i funkciji,\r\n                \u017eelim da razumem ko si, kako \u017eivi\u0161 i \u0161ta ti je\r\n                zaista potrebno.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SLIDER -->\r\n\r\n        <div class=\"sb-person-first__slider\">\r\n\r\n\r\n            <!-- PROGRESS -->\r\n\r\n            <div class=\"sb-person-first__progress\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"sb-person-first__progress-step is-active\"\r\n                    data-slide=\"0\"\r\n                    aria-label=\"Kartica 1\"\r\n                >\r\n                    <span>01<\/span>\r\n                    <span class=\"sb-person-first__progress-line\"><\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"sb-person-first__progress-step\"\r\n                    data-slide=\"1\"\r\n                    aria-label=\"Kartica 2\"\r\n                >\r\n                    <span>02<\/span>\r\n                    <span class=\"sb-person-first__progress-line\"><\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"sb-person-first__progress-step\"\r\n                    data-slide=\"2\"\r\n                    aria-label=\"Kartica 3\"\r\n                >\r\n                    <span>03<\/span>\r\n                    <span class=\"sb-person-first__progress-line\"><\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"sb-person-first__progress-step\"\r\n                    data-slide=\"3\"\r\n                    aria-label=\"Kartica 4\"\r\n                >\r\n                    <span>04<\/span>\r\n                    <span class=\"sb-person-first__progress-line\"><\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- TRACK -->\r\n\r\n            <div\r\n                class=\"sb-person-first__track\"\r\n                tabindex=\"0\"\r\n            >\r\n\r\n\r\n                <!-- CARD 01 -->\r\n\r\n                <article class=\"sb-person-card sb-person-card--01\">\r\n\r\n                    <div class=\"sb-person-card__number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-person-card__meta\">\r\n                        Polazna ta\u010dka\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sb-person-card__content\">\r\n\r\n                        <h3 class=\"sb-person-card__title\">\r\n                            Klasi\u010dan proces po\u010dinje prostorom.\r\n                        <\/h3>\r\n\r\n\r\n                        <p class=\"sb-person-card__text\">\r\n                            Naj\u010de\u0161\u0107e po\u010dinjemo dimenzijama, stilom koji\r\n                            klijent preferira, bud\u017eetom, funkcijom i\r\n                            vizuelnim referencama.\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"sb-person-card__essentials\">\r\n\r\n                            <span class=\"sb-person-card__essential\">\r\n                                Dimenzije\r\n                            <\/span>\r\n\r\n                            <span class=\"sb-person-card__essential\">\r\n                                Stil\r\n                            <\/span>\r\n\r\n                            <span class=\"sb-person-card__essential\">\r\n                                Bud\u017eet\r\n                            <\/span>\r\n\r\n                            <span class=\"sb-person-card__essential\">\r\n                                Funkcija\r\n                            <\/span>\r\n\r\n                            <span class=\"sb-person-card__essential\">\r\n                                Vizuelne reference\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"sb-person-card__statement\">\r\n                            Sve to jeste va\u017eno. Ali meni nije dovoljno.\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- CARD 02 -->\r\n\r\n                <article class=\"sb-person-card sb-person-card--02\">\r\n\r\n                    <div class=\"sb-person-card__number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-person-card__meta\">\r\n                        Pre prostora - ti\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sb-person-card__content\">\r\n\r\n                        <h3 class=\"sb-person-card__title\">\r\n                            Pre nego \u0161to mi ka\u017ee\u0161 koji stil \u017eeli\u0161,\r\n                            zanima me kako \u017eivi\u0161.\r\n                        <\/h3>\r\n\r\n\r\n                        <div class=\"sb-question-cloud\">\r\n\r\n                            <button type=\"button\" class=\"sb-question-cloud__item\">\r\n                                Ko si zaista ti, iza zatvorenih vrata?\r\n                            <\/button>\r\n\r\n                            <button type=\"button\" class=\"sb-question-cloud__item\">\r\n                                Gde se povla\u010di\u0161 kada ti treba mir?\r\n                            <\/button>\r\n\r\n                            <button type=\"button\" class=\"sb-question-cloud__item\">\r\n                                \u0160ta je za tebe mir?\r\n                            <\/button>\r\n\r\n                            <button type=\"button\" class=\"sb-question-cloud__item\">\r\n                                \u0160ta ti budi radost?\r\n                            <\/button>\r\n\r\n                            <button type=\"button\" class=\"sb-question-cloud__item\">\r\n                                \u0160ta te puni, a \u0161ta iscrpljuje?\r\n                            <\/button>\r\n\r\n                            <button type=\"button\" class=\"sb-question-cloud__item\">\r\n                                U kojoj oblasti \u017eivota ose\u0107a\u0161 stagnaciju?\r\n                            <\/button>\r\n\r\n                            <button type=\"button\" class=\"sb-question-cloud__item\">\r\n                                Koje navike \u017eeli\u0161 da podr\u017ei\u0161?\r\n                            <\/button>\r\n\r\n                            <button type=\"button\" class=\"sb-question-cloud__item\">\r\n                                Koje potencijale \u017eeli\u0161 da oja\u010da\u0161?\r\n                            <\/button>\r\n\r\n                            <button type=\"button\" class=\"sb-question-cloud__item\">\r\n                                Sa kim deli\u0161 svoj prostor?\r\n                            <\/button>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- CARD 03 -->\r\n\r\n                <article class=\"sb-person-card sb-person-card--03\">\r\n\r\n                    <div class=\"sb-person-card__number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-person-card__meta\">\r\n                        Integrativni pristup\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sb-person-card__content\">\r\n\r\n                        <h3 class=\"sb-person-card__title\">\r\n                            Prostor posmatram kao celinu.\r\n                        <\/h3>\r\n\r\n\r\n                        <p class=\"sb-person-card__text\">\r\n                            U zavisnosti od programa, povezujem\r\n                            arhitektonsko i dizajnersko znanje sa razli\u010ditim\r\n                            energetskim i introspektivnim alatima.\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"sb-method-map\">\r\n\r\n                            <div class=\"sb-method-map__center\">\r\n                                TI\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"sb-method-map__item sb-method-map__item--1\">\r\n                                Arhitektura\r\n                            <\/div>\r\n\r\n                            <div class=\"sb-method-map__item sb-method-map__item--2\">\r\n                                Dizajn\r\n                            <\/div>\r\n\r\n                            <div class=\"sb-method-map__item sb-method-map__item--3\">\r\n                                \u010cakre\r\n                            <\/div>\r\n\r\n                            <div class=\"sb-method-map__item sb-method-map__item--4\">\r\n                                Vastu\r\n                            <\/div>\r\n\r\n                            <div class=\"sb-method-map__item sb-method-map__item--5\">\r\n                                Color design\r\n                            <\/div>\r\n\r\n                            <div class=\"sb-method-map__item sb-method-map__item--6\">\r\n                                \u0110oti\u0161 analiza\r\n                            <\/div>\r\n\r\n                            <div class=\"sb-method-map__item sb-method-map__item--7\">\r\n                                Energetska mapa\r\n                            <\/div>\r\n\r\n                            <div class=\"sb-method-map__item sb-method-map__item--8\">\r\n                                Samospoznaja\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- CARD 04 -->\r\n\r\n                <article class=\"sb-person-card sb-person-card--04\">\r\n\r\n                    <div class=\"sb-person-card__number\">\r\n                        04\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sb-person-card__meta\">\r\n                        Cilj procesa\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sb-person-card__content\">\r\n\r\n                        <h3 class=\"sb-person-card__title\">\r\n                            Ne da bismo proces u\u010dinili komplikovanijim.\r\n\r\n                            <span class=\"sb-person-card__final-accent\">\r\n                                Naprotiv.\r\n                            <\/span>\r\n                        <\/h3>\r\n\r\n\r\n                        <p class=\"sb-person-card__text\">\r\n                            Da bismo do\u0161li do jednostavnosti. Do spoznaje\r\n                            \u0161ta je to \u0161to tvom bi\u0107u istinski treba i da\r\n                            bismo stvorili prostor koji podr\u017eava esenciju\r\n                            tvog postojanja - svega onoga \u0161to ve\u0107 jesi ili\r\n                            \u010demu te\u017ei\u0161 da bude\u0161.\r\n                        <\/p>\r\n\r\n\r\n                        <a\r\n                            href=\"https:\/\/svetlanabrkic.rs\/index.php\/nacin-rada-i-metodologija\/\"\r\n                            class=\"sb-person-card__cta\"\r\n                        >\r\n\r\n                            <span class=\"sb-person-card__cta-text\">\r\n                                Kako izgleda\r\n                                <br class=\"sb-person-card__cta-mobile-break\">\r\n  moj na\u010din rada\r\n                            <\/span>\r\n\r\n                            <span class=\"sb-person-card__cta-arrow\">\r\n                                \u2192\r\n                            <\/span>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CONTROLS -->\r\n\r\n            <div class=\"sb-person-first__controls\">\r\n\r\n                <div class=\"sb-person-first__counter\">\r\n                    <span class=\"sb-person-first__current\">\r\n                        01\r\n                    <\/span>\r\n                    \/\r\n                    <span>04<\/span>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-person-first__arrows\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"sb-person-first__arrow sb-person-first__arrow--prev\"\r\n                        aria-label=\"Prethodna kartica\"\r\n                        disabled\r\n                    >\r\n                        \u2190\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"sb-person-first__arrow sb-person-first__arrow--next\"\r\n                        aria-label=\"Slede\u0107a kartica\"\r\n                    >\r\n                        \u2192\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const root = document.getElementById('sb-person-first');\r\n\r\n    if (!root || root.dataset.initialized === 'true') {\r\n        return;\r\n    }\r\n\r\n    root.dataset.initialized = 'true';\r\n\r\n\r\n    const track =\r\n        root.querySelector('.sb-person-first__track');\r\n\r\n    const cards =\r\n        Array.from(\r\n            root.querySelectorAll('.sb-person-card')\r\n        );\r\n\r\n    const progressButtons =\r\n        Array.from(\r\n            root.querySelectorAll(\r\n                '.sb-person-first__progress-step'\r\n            )\r\n        );\r\n\r\n    const prevButton =\r\n        root.querySelector(\r\n            '.sb-person-first__arrow--prev'\r\n        );\r\n\r\n    const nextButton =\r\n        root.querySelector(\r\n            '.sb-person-first__arrow--next'\r\n        );\r\n\r\n    const currentCounter =\r\n        root.querySelector(\r\n            '.sb-person-first__current'\r\n        );\r\n\r\n\r\n    let currentIndex = 0;\r\n    let scrollTimer = null;\r\n\r\n\r\n    function clampIndex(index) {\r\n\r\n        return Math.max(\r\n            0,\r\n            Math.min(index, cards.length - 1)\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function goToSlide(index) {\r\n\r\n        currentIndex = clampIndex(index);\r\n\r\n        const card = cards[currentIndex];\r\n\r\n        track.scrollTo({\r\n            left:\r\n                card.offsetLeft -\r\n                track.offsetLeft,\r\n\r\n            behavior: 'smooth'\r\n        });\r\n\r\n        updateUI();\r\n\r\n    }\r\n\r\n\r\n    function updateUI() {\r\n\r\n        progressButtons.forEach(\r\n            function (button, index) {\r\n\r\n                button.classList.toggle(\r\n                    'is-active',\r\n                    index === currentIndex\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        currentCounter.textContent =\r\n            String(currentIndex + 1).padStart(\r\n                2,\r\n                '0'\r\n            );\r\n\r\n\r\n        prevButton.disabled =\r\n            currentIndex === 0;\r\n\r\n\r\n        nextButton.disabled =\r\n            currentIndex === cards.length - 1;\r\n\r\n    }\r\n\r\n\r\n    function detectCurrentSlide() {\r\n\r\n        const trackRect =\r\n            track.getBoundingClientRect();\r\n\r\n        const trackCenter =\r\n            trackRect.left +\r\n            trackRect.width \/ 2;\r\n\r\n\r\n        let closestIndex = 0;\r\n        let closestDistance = Infinity;\r\n\r\n\r\n        cards.forEach(\r\n            function (card, index) {\r\n\r\n                const rect =\r\n                    card.getBoundingClientRect();\r\n\r\n                const cardCenter =\r\n                    rect.left +\r\n                    rect.width \/ 2;\r\n\r\n                const distance =\r\n                    Math.abs(\r\n                        cardCenter -\r\n                        trackCenter\r\n                    );\r\n\r\n\r\n                if (\r\n                    distance <\r\n                    closestDistance\r\n                ) {\r\n\r\n                    closestDistance =\r\n                        distance;\r\n\r\n                    closestIndex =\r\n                        index;\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        currentIndex =\r\n            closestIndex;\r\n\r\n        updateUI();\r\n\r\n    }\r\n\r\n\r\n    prevButton.addEventListener(\r\n        'click',\r\n        function () {\r\n\r\n            goToSlide(\r\n                currentIndex - 1\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    nextButton.addEventListener(\r\n        'click',\r\n        function () {\r\n\r\n            goToSlide(\r\n                currentIndex + 1\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    progressButtons.forEach(\r\n        function (button) {\r\n\r\n            button.addEventListener(\r\n                'click',\r\n                function () {\r\n\r\n                    goToSlide(\r\n                        Number(\r\n                            button.dataset.slide\r\n                        )\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    track.addEventListener(\r\n        'scroll',\r\n        function () {\r\n\r\n            clearTimeout(\r\n                scrollTimer\r\n            );\r\n\r\n\r\n            scrollTimer =\r\n                setTimeout(\r\n                    detectCurrentSlide,\r\n                    80\r\n                );\r\n\r\n        },\r\n        {\r\n            passive: true\r\n        }\r\n    );\r\n\r\n\r\n    root\r\n        .querySelectorAll(\r\n            '.sb-question-cloud__item'\r\n        )\r\n        .forEach(\r\n            function (button) {\r\n\r\n                button.addEventListener(\r\n                    'click',\r\n                    function () {\r\n\r\n                        button.classList.toggle(\r\n                            'is-selected'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n    updateUI();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be51e5e elementor-widget elementor-widget-html\" data-id=\"be51e5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 - MATERIJALNO X DUHOVNO\r\n   ========================================================= *\/\r\n\r\n.sb-energy,\r\n.sb-energy *,\r\n.sb-energy *::before,\r\n.sb-energy *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-energy {\r\n    --green: #445236;\r\n    --rust: #B05330;\r\n    --cream: #F5F1E5;\r\n    --cream-light: #FDFBF5;\r\n    --soft-green: #9BAA82;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: var(--cream);\r\n\r\n    padding:\r\n        clamp(80px, 8vw, 130px)\r\n        clamp(24px, 5vw, 80px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.sb-energy__header {\r\n    width: 100%;\r\n    max-width: 1450px;\r\n\r\n    margin:\r\n        0\r\n        auto\r\n        clamp(55px, 7vw, 95px);\r\n}\r\n\r\n\r\n.sb-energy__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    margin-bottom: 27px;\r\n\r\n    color: var(--rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 11px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.28em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-energy__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 42px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: var(--rust);\r\n}\r\n\r\n\r\n.sb-energy__title {\r\n    max-width: 930px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: var(--green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: clamp(62px, 6vw, 92px) !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 0.94 !important;\r\n    letter-spacing: -0.035em !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.sb-energy__title em {\r\n    color: var(--rust);\r\n\r\n    font-style: italic;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n   ========================================================= *\/\r\n\r\n.sb-energy__main {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 1450px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 0.88fr)\r\n        90px\r\n        minmax(0, 1.12fr);\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT PHOTO STACK\r\n   ========================================================= *\/\r\n\r\n.sb-energy__photos {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-rows:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 12px;\r\n\r\n    align-self: stretch;\r\n}\r\n\r\n\r\n.sb-energy__photo {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #EBE5D3;\r\n}\r\n\r\n\r\n.sb-energy__photo img {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.8s cubic-bezier(.2,.65,.3,1);\r\n}\r\n\r\n\r\n\/* PHOTO 1 *\/\r\n\r\n.sb-energy__photo--one img {\r\n    object-position: center 44%;\r\n}\r\n\r\n\r\n\/* PHOTO 2 - DETAIL *\/\r\n\r\n.sb-energy__photo--two img {\r\n    object-position: center 52%;\r\n}\r\n\r\n\r\n\/* PHOTO 3 *\/\r\n\r\n.sb-energy__photo--three img {\r\n    object-position: center 46%;\r\n}\r\n\r\n\r\n\/* SUBTLE OVERLAY *\/\r\n\r\n.sb-energy__photo::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(68, 82, 54, 0) 66%,\r\n            rgba(68, 82, 54, 0.13) 100%\r\n        );\r\n}\r\n\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n\r\n    .sb-energy__photo:hover img {\r\n        transform: scale(1.025);\r\n    }\r\n}\r\n\r\n\r\n\/* PHOTO LABEL *\/\r\n\r\n.sb-energy__photo-label {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    left: 25px;\r\n    bottom: 22px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    color: var(--cream);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 9px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.22em !important;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.sb-energy__photo-label::before {\r\n    content: \"\";\r\n\r\n    width: 28px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTRAL AXIS\r\n   ========================================================= *\/\r\n\r\n.sb-energy__axis {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n.sb-energy__axis-line {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    left: 50%;\r\n\r\n    width: 1px;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            rgba(176, 83, 48, 0),\r\n            rgba(176, 83, 48, 0.7) 17%,\r\n            rgba(176, 83, 48, 0.7) 83%,\r\n            rgba(176, 83, 48, 0)\r\n        );\r\n}\r\n\r\n\r\n.sb-energy__axis-content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    gap: 22px;\r\n\r\n    padding:\r\n        20px\r\n        0;\r\n\r\n    background: var(--cream);\r\n}\r\n\r\n\r\n.sb-energy__axis-word {\r\n    writing-mode: vertical-rl;\r\n\r\n    transform: rotate(180deg);\r\n\r\n    color: var(--green);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 9px !important;\r\n\r\n    letter-spacing: 0.25em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-energy__axis-dot {\r\n    width: 9px;\r\n    height: 9px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--rust);\r\n}\r\n\r\n\r\n.sb-energy__axis-symbol {\r\n    color: var(--rust);\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n\r\n    font-size: 32px;\r\n\r\n    line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT SIDE\r\n   ========================================================= *\/\r\n\r\n.sb-energy__content {\r\n    padding:\r\n        20px\r\n        0\r\n        20px\r\n        clamp(20px, 4vw, 65px);\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n   ========================================================= *\/\r\n\r\n.sb-energy__block {\r\n    max-width: 700px;\r\n}\r\n\r\n\r\n.sb-energy__block + .sb-energy__block {\r\n    margin-top: 30px;\r\n}\r\n\r\n\r\n.sb-energy__text {\r\n    margin: 0 !important;\r\n\r\n    color: var(--green) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 18px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.58 !important;\r\n}\r\n\r\n\r\n.sb-energy__text + .sb-energy__text {\r\n    margin-top: 13px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUESTION\r\n   ========================================================= *\/\r\n\r\n.sb-energy__question {\r\n    position: relative;\r\n\r\n    max-width: 680px;\r\n\r\n    margin:\r\n        35px\r\n        0;\r\n\r\n    padding:\r\n        24px\r\n        0\r\n        24px\r\n        28px;\r\n\r\n    border-left: 1px solid var(--rust);\r\n}\r\n\r\n\r\n.sb-energy__question-small {\r\n    display: block;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    color: var(--rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 9px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.24em !important;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.sb-energy__question-text {\r\n    margin: 0 !important;\r\n\r\n    color: var(--green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: 35px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.03 !important;\r\n    letter-spacing: -0.02em !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CORE STATEMENT\r\n   ========================================================= *\/\r\n\r\n.sb-energy__statement {\r\n    position: relative;\r\n\r\n    width: calc(100% + 90px);\r\n\r\n    margin:\r\n        clamp(60px, 7vw, 95px)\r\n        0\r\n        clamp(60px, 7vw, 90px)\r\n        -90px;\r\n\r\n    padding:\r\n        clamp(40px, 5vw, 68px)\r\n        clamp(35px, 5vw, 70px);\r\n\r\n    background: var(--green);\r\n\r\n    color: var(--cream);\r\n\r\n    z-index: 4;\r\n}\r\n\r\n\r\n.sb-energy__statement-label {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 23px;\r\n\r\n    color: #E8B86D;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 9px !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.25em !important;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.sb-energy__statement-label::before {\r\n    content: \"\";\r\n\r\n    width: 30px;\r\n    height: 1px;\r\n\r\n    background: currentColor;\r\n}\r\n\r\n\r\n.sb-energy__statement-text {\r\n    max-width: 820px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: var(--cream) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: clamp(40px, 4vw, 60px) !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1 !important;\r\n    letter-spacing: -0.025em !important;\r\n}\r\n\r\n\r\n.sb-energy__statement-text em {\r\n    color: #E8B86D;\r\n\r\n    font-style: italic;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSING\r\n   ========================================================= *\/\r\n\r\n.sb-energy__closing {\r\n    max-width: 700px;\r\n}\r\n\r\n\r\n.sb-energy__closing-highlight {\r\n    margin:\r\n        0\r\n        0\r\n        20px !important;\r\n\r\n    color: var(--rust) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: 32px !important;\r\n    font-style: italic;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.05 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.sb-energy__cta {\r\n    width: fit-content;\r\n\r\n    min-height: 56px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 28px;\r\n\r\n    margin-top: 34px;\r\n\r\n    padding:\r\n        15px\r\n        25px;\r\n\r\n    border: 1px solid var(--green);\r\n\r\n    background: var(--green);\r\n\r\n    color: var(--cream) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 16px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        background 0.25s ease,\r\n        border-color 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n\r\n.sb-energy__cta:hover {\r\n    background: var(--rust);\r\n    border-color: var(--rust);\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n.sb-energy__cta-arrow {\r\n    font-size: 20px;\r\n\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n\r\n.sb-energy__cta:hover\r\n.sb-energy__cta-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .sb-energy__main {\r\n        grid-template-columns:\r\n            minmax(0, 0.9fr)\r\n            55px\r\n            minmax(0, 1.1fr);\r\n    }\r\n\r\n\r\n    .sb-energy__photos {\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .sb-energy__text {\r\n        font-size: 16px !important;\r\n    }\r\n\r\n\r\n    .sb-energy__question-text {\r\n        font-size: 31px !important;\r\n    }\r\n\r\n\r\n    .sb-energy__statement {\r\n        width: calc(100% + 55px);\r\n\r\n        margin-left: -55px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-energy {\r\n        padding:\r\n            58px\r\n            19px\r\n            64px;\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .sb-energy__header {\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n\r\n    .sb-energy__eyebrow {\r\n        gap: 10px;\r\n\r\n        margin-bottom: 19px;\r\n\r\n        font-size: 9px !important;\r\n        letter-spacing: 0.2em !important;\r\n    }\r\n\r\n\r\n    .sb-energy__eyebrow::before {\r\n        width: 28px;\r\n    }\r\n\r\n\r\n    .sb-energy__title {\r\n        max-width: 340px;\r\n\r\n        font-size: 47px !important;\r\n        line-height: 0.96 !important;\r\n    }\r\n\r\n\r\n    \/* MAIN *\/\r\n\r\n    .sb-energy__main {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n\r\n    \/* PHOTO STACK *\/\r\n\r\n    .sb-energy__photos {\r\n        order: 1;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        height: auto;\r\n\r\n        gap: 7px;\r\n    }\r\n\r\n\r\n    .sb-energy__photo {\r\n        width: 100%;\r\n        height: 285px;\r\n        min-height: 285px;\r\n    }\r\n\r\n\r\n    .sb-energy__photo--one img {\r\n        object-position: center 43%;\r\n    }\r\n\r\n\r\n    .sb-energy__photo--two img {\r\n        object-position: center 53%;\r\n    }\r\n\r\n\r\n    .sb-energy__photo--three img {\r\n        object-position: center 45%;\r\n    }\r\n\r\n\r\n    .sb-energy__photo-label {\r\n        left: 15px;\r\n        bottom: 14px;\r\n\r\n        font-size: 8px !important;\r\n    }\r\n\r\n\r\n    \/* AXIS *\/\r\n\r\n    .sb-energy__axis {\r\n        order: 2;\r\n\r\n        height: 72px;\r\n\r\n        justify-content: center;\r\n    }\r\n\r\n\r\n    .sb-energy__axis-line {\r\n        top: 50%;\r\n        bottom: auto;\r\n\r\n        left: 0;\r\n        right: 0;\r\n\r\n        width: 100%;\r\n        height: 1px;\r\n\r\n        transform: none;\r\n\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(176, 83, 48, 0),\r\n                rgba(176, 83, 48, 0.65),\r\n                rgba(176, 83, 48, 0)\r\n            );\r\n    }\r\n\r\n\r\n    .sb-energy__axis-content {\r\n        flex-direction: row;\r\n\r\n        gap: 12px;\r\n\r\n        padding:\r\n            0\r\n            15px;\r\n\r\n        background: var(--cream);\r\n    }\r\n\r\n\r\n    .sb-energy__axis-word {\r\n        writing-mode: initial;\r\n\r\n        transform: none;\r\n\r\n        font-size: 8px !important;\r\n    }\r\n\r\n\r\n    .sb-energy__axis-symbol {\r\n        font-size: 24px;\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .sb-energy__content {\r\n        order: 3;\r\n\r\n        padding: 0;\r\n    }\r\n\r\n\r\n    .sb-energy__block + .sb-energy__block {\r\n        margin-top: 22px;\r\n    }\r\n\r\n\r\n    .sb-energy__text {\r\n        font-size: 15px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n\r\n    \/* QUESTION *\/\r\n\r\n    .sb-energy__question {\r\n        margin:\r\n            28px\r\n            0;\r\n\r\n        padding:\r\n            18px\r\n            0\r\n            18px\r\n            18px;\r\n    }\r\n\r\n\r\n    .sb-energy__question-text {\r\n        font-size: 28px !important;\r\n        line-height: 1.02 !important;\r\n    }\r\n\r\n\r\n    \/* STATEMENT *\/\r\n\r\n    .sb-energy__statement {\r\n        width: 100%;\r\n\r\n        margin:\r\n            35px\r\n            0;\r\n\r\n        padding:\r\n            29px\r\n            22px;\r\n    }\r\n\r\n\r\n    .sb-energy__statement-label {\r\n        margin-bottom: 17px;\r\n\r\n        font-size: 8px !important;\r\n    }\r\n\r\n\r\n    .sb-energy__statement-text {\r\n        font-size: 34px !important;\r\n        line-height: 0.98 !important;\r\n    }\r\n\r\n\r\n    \/* CLOSING *\/\r\n\r\n    .sb-energy__closing-highlight {\r\n        font-size: 28px !important;\r\n    }\r\n\r\n\r\n    \/* CTA *\/\r\n\r\n    .sb-energy__cta {\r\n        width: 100%;\r\n\r\n        min-height: 54px;\r\n\r\n        margin-top: 27px;\r\n\r\n        padding:\r\n            14px\r\n            18px;\r\n\r\n        font-size: 15px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-energy {\r\n        padding-left: 16px;\r\n        padding-right: 16px;\r\n    }\r\n\r\n\r\n    .sb-energy__title {\r\n        font-size: 43px !important;\r\n    }\r\n\r\n\r\n    .sb-energy__photo {\r\n        height: 250px;\r\n        min-height: 250px;\r\n    }\r\n\r\n\r\n    .sb-energy__statement-text {\r\n        font-size: 31px !important;\r\n    }\r\n\r\n\r\n    .sb-energy__question-text {\r\n        font-size: 26px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-energy\">\r\n\r\n\r\n    <!-- HEADER -->\r\n\r\n    <div class=\"sb-energy__header\">\r\n\r\n     \r\n\r\n\r\n        <h2 class=\"sb-energy__title\">\r\n            Prostor je energija,\r\n            <em>ba\u0161 kao i mi.<\/em>\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- MAIN -->\r\n\r\n    <div class=\"sb-energy__main\">\r\n\r\n\r\n        <!-- LEFT PHOTO STACK -->\r\n\r\n        <div class=\"sb-energy__photos\">\r\n\r\n\r\n            <!-- PHOTO 1 -->\r\n\r\n            <div class=\"sb-energy__photo sb-energy__photo--one\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0335-scaled.jpg\"\r\n                    alt=\"Svetlana Brki\u0107 u radu na projektu\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"sb-energy__photo-label\">\r\n                    Arhitektura\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- PHOTO 2 - MIDDLE -->\r\n\r\n            <div class=\"sb-energy__photo sb-energy__photo--two\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0317-scaled.jpg\"\r\n                    alt=\"Detalj rada na arhitektonskom projektu\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"sb-energy__photo-label\">\r\n                    Proces\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- PHOTO 3 -->\r\n\r\n            <div class=\"sb-energy__photo sb-energy__photo--three\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0390-scaled.jpg\"\r\n                    alt=\"Svetlana Brki\u0107 za radnim stolom\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"sb-energy__photo-label\">\r\n                    \u010covek\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CENTRAL AXIS -->\r\n\r\n        <div class=\"sb-energy__axis\">\r\n\r\n            <div class=\"sb-energy__axis-line\"><\/div>\r\n\r\n            <div class=\"sb-energy__axis-content\">\r\n\r\n                <span class=\"sb-energy__axis-word\">\r\n                    Materijalno\r\n                <\/span>\r\n\r\n                <span class=\"sb-energy__axis-dot\"><\/span>\r\n\r\n                <span class=\"sb-energy__axis-symbol\">\r\n                    \u00d7\r\n                <\/span>\r\n\r\n                <span class=\"sb-energy__axis-dot\"><\/span>\r\n\r\n                <span class=\"sb-energy__axis-word\">\r\n                    Duhovno\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONTENT -->\r\n\r\n        <div class=\"sb-energy__content\">\r\n\r\n\r\n            <!-- INTRO -->\r\n\r\n            <div class=\"sb-energy__block\">\r\n\r\n                <p class=\"sb-energy__text\">\r\n                    Arhitektura me prati gotovo \u010ditav \u017eivot.\r\n                    Od starta sam ose\u0107ala neku prazninu u profesiji\r\n                    i vremenom je jedno pitanje postajalo sve glasnije\r\n                    u meni:\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- QUESTION -->\r\n\r\n            <div class=\"sb-energy__question\">\r\n\r\n                <span class=\"sb-energy__question-small\">\r\n                    Pitanje koje je promenilo moj pogled\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy__question-text\">\r\n                    Gde je ta\u010dno u svim nacrtima, pravilima,\r\n                    kvadratima i trendovima - \u010dovek?\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- HUMAN -->\r\n\r\n            <div class=\"sb-energy__block\">\r\n\r\n                <p class=\"sb-energy__text\">\r\n                    Osoba u svom autenti\u010dnom postojanju.\r\n                    Ne samo njegovo telo i njegove funkcionalne\r\n                    potrebe i \u017eelje.\r\n                <\/p>\r\n\r\n                <p class=\"sb-energy__text\">\r\n                    Ve\u0107 njegove emocije. Ritam. Odnosi. Intuicija.\r\n                    Vrednosti. Ono \u010demu te\u017ei i ono \u0161to \u017eeli da ose\u0107a\r\n                    kada se vrati ku\u0107i.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CORE STATEMENT -->\r\n\r\n            <div class=\"sb-energy__statement\">\r\n\r\n                <div class=\"sb-energy__statement-label\">\r\n                    Ta\u010dka spajanja\r\n                <\/div>\r\n\r\n                <p class=\"sb-energy__statement-text\">\r\n                    Materijalno - na\u0161 dom i telo - i\r\n                    <em>duhovno - na\u0161a du\u0161a -<\/em>\r\n                    za mene nisu odvojeni svetovi.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CONCLUSION -->\r\n\r\n            <div class=\"sb-energy__closing\">\r\n\r\n                <p class=\"sb-energy__text\">\r\n                    \r\n            Godine rada u arhitekturi i godine li\u010dnog razvoja\r\n                    dovele su me do istog zaklju\u010dka.<br><br>\r\n                <\/p>\r\n\r\n\r\n                <p class=\"sb-energy__closing-highlight\">\r\n                    Ako je telo dom na\u0161e du\u0161e, \u017eivotni prostor je\r\n                    mesto koje \u010duva i jedno i drugo.\r\n                <\/p>\r\n\r\n\r\n                <p class=\"sb-energy__text\">\r\n                    Zato danas \u017eelim da arhitekturu vratim ljudskosti -\r\n                    i da stvaramo prostore koji nisu samo pravilno\r\n                    projektovani i lepo ure\u0111eni, ve\u0107 su odraz na\u0161ih\r\n                    najdubljih emocija, podr\u0161ka na\u0161oj ranjivosti,\r\n                    mesto pripadnosti i topline.\r\n                <\/p>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/svetlanabrkic.rs\/index.php\/o-meni\/\"\r\n                    class=\"sb-energy__cta\"\r\n                >\r\n\r\n                    <span>\r\n                        Upoznaj moju pri\u010du\r\n                    <\/span>\r\n\r\n                    <span class=\"sb-energy__cta-arrow\">\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cee127b elementor-widget elementor-widget-html\" data-id=\"cee127b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 - NA\u010cINI RADA\r\n   ========================================================= *\/\r\n\r\n.sb-depth,\r\n.sb-depth *,\r\n.sb-depth *::before,\r\n.sb-depth *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-depth {\r\n    --sb-green: #445236;\r\n    --sb-rust: #B05330;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FBF8F1;\r\n    --sb-line: rgba(68, 82, 54, 0.20);\r\n\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    background: var(--sb-cream);\r\n\r\n    padding:\r\n        clamp(85px, 8vw, 135px)\r\n        clamp(24px, 5vw, 80px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.sb-depth__inner {\r\n    width: 100%;\r\n    max-width: 1500px;\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.sb-depth__header {\r\n    width: 100%;\r\n\r\n    margin-bottom: clamp(55px, 7vw, 90px);\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.sb-depth__title {\r\n    max-width: 980px;\r\n\r\n    margin:\r\n        0\r\n        auto !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: clamp(58px, 5.4vw, 86px) !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 0.95 !important;\r\n    letter-spacing: -0.035em !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.sb-depth__title em {\r\n    color: var(--sb-rust);\r\n\r\n    font-style: italic;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS GRID\r\n   ========================================================= *\/\r\n\r\n.sb-depth__grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 16px;\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD BASE\r\n   ========================================================= *\/\r\n\r\n.sb-depth-card {\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    border: 1px solid var(--sb-line);\r\n\r\n    background: var(--sb-light);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n   ========================================================= *\/\r\n\r\n.sb-depth-card__image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 4 \/ 5;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #E8E2D4;\r\n}\r\n\r\n\r\n.sb-depth-card__image > img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.7s cubic-bezier(.2,.65,.3,1);\r\n}\r\n\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n\r\n    .sb-depth-card:hover\r\n    .sb-depth-card__image > img {\r\n        transform: scale(1.025);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   E-BOOK VISUAL\r\n   ========================================================= *\/\r\n\r\n.sb-depth-card__image--ebooks {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #EEE8D9 0%,\r\n            #F8F4EA 100%\r\n        );\r\n\r\n    padding:\r\n        34px\r\n        28px;\r\n}\r\n\r\n\r\n.sb-depth-card__ebook-stage {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n\r\n.sb-depth-card__ebook-cover {\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n\r\n    width: 58%;\r\n    height: 86%;\r\n\r\n    object-fit: cover;\r\n\r\n    box-shadow:\r\n        0 18px 34px rgba(68,82,54,0.16);\r\n\r\n    transition:\r\n        transform 0.35s ease;\r\n}\r\n\r\n\r\n.sb-depth-card__ebook-cover--one {\r\n    left: 5%;\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        rotate(-2.5deg);\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n.sb-depth-card__ebook-cover--two {\r\n    right: 5%;\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        rotate(2.5deg);\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n\r\n    .sb-depth-card:hover\r\n    .sb-depth-card__ebook-cover--one {\r\n        transform:\r\n            translateY(-50%)\r\n            rotate(-4deg)\r\n            translateX(-4px);\r\n    }\r\n\r\n\r\n    .sb-depth-card:hover\r\n    .sb-depth-card__ebook-cover--two {\r\n        transform:\r\n            translateY(-50%)\r\n            rotate(4deg)\r\n            translateX(4px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.sb-depth-card__body {\r\n    flex: 1;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding:\r\n        30px\r\n        28px\r\n        28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   META\r\n   ========================================================= *\/\r\n\r\n.sb-depth-card__meta {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 9.5px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.14em !important;\r\n    text-transform: uppercase !important;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n.sb-depth-card__number {\r\n    flex-shrink: 0;\r\n\r\n    color: var(--sb-green);\r\n\r\n    letter-spacing: 0.04em;\r\n}\r\n\r\n\r\n.sb-depth-card__meta-line {\r\n    width: 16px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: currentColor;\r\n}\r\n\r\n\r\n.sb-depth-card__meta-label {\r\n    min-width: 0;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.sb-depth-card__title {\r\n    margin:\r\n        0\r\n        0\r\n        20px !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: clamp(34px, 2.6vw, 45px) !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 0.98 !important;\r\n    letter-spacing: -0.025em !important;\r\n\r\n    text-transform: none !important;\r\n\r\n    word-break: normal !important;\r\n    overflow-wrap: normal !important;\r\n    hyphens: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n   ========================================================= *\/\r\n\r\n.sb-depth-card__text {\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 15px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.52 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.sb-depth-card__cta {\r\n    width: 100%;\r\n\r\n    min-height: 54px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-top: auto;\r\n\r\n    padding:\r\n        16px\r\n        0\r\n        0;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    border-top: 1px solid var(--sb-line);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 15px !important;\r\n    font-weight: 500 !important;\r\n\r\n    line-height: 1.2 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        color 0.25s ease;\r\n}\r\n\r\n\r\n.sb-depth-card__cta-arrow {\r\n    flex-shrink: 0;\r\n\r\n    font-size: 20px;\r\n\r\n    transition:\r\n        transform 0.25s ease;\r\n}\r\n\r\n\r\n.sb-depth-card__cta:hover {\r\n    color: var(--sb-rust) !important;\r\n}\r\n\r\n\r\n.sb-depth-card__cta:hover\r\n.sb-depth-card__cta-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURED CARD\r\n   ========================================================= *\/\r\n\r\n.sb-depth-card--featured {\r\n    background: var(--sb-green);\r\n\r\n    border-color: var(--sb-green);\r\n}\r\n\r\n\r\n.sb-depth-card--featured\r\n.sb-depth-card__body {\r\n    background: var(--sb-green);\r\n}\r\n\r\n\r\n.sb-depth-card--featured\r\n.sb-depth-card__meta {\r\n    color: #E8B86D;\r\n}\r\n\r\n\r\n.sb-depth-card--featured\r\n.sb-depth-card__number {\r\n    color: var(--sb-cream);\r\n}\r\n\r\n\r\n.sb-depth-card--featured\r\n.sb-depth-card__title,\r\n.sb-depth-card--featured\r\n.sb-depth-card__text {\r\n    color: var(--sb-cream) !important;\r\n}\r\n\r\n\r\n.sb-depth-card--featured\r\n.sb-depth-card__cta {\r\n    color: var(--sb-cream) !important;\r\n\r\n    border-top-color:\r\n        rgba(245,241,229,0.28);\r\n}\r\n\r\n\r\n.sb-depth-card--featured\r\n.sb-depth-card__cta:hover {\r\n    color: #E8B86D !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO POSITIONS\r\n   ========================================================= *\/\r\n\r\n.sb-depth-card__image--mentor img {\r\n    object-position: center 44%;\r\n}\r\n\r\n\r\n.sb-depth-card__image--tantra img {\r\n    object-position: center 46%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .sb-depth__grid {\r\n        gap: 12px;\r\n    }\r\n\r\n\r\n    .sb-depth-card__body {\r\n        padding:\r\n            25px\r\n            22px\r\n            24px;\r\n    }\r\n\r\n\r\n    .sb-depth-card__title {\r\n        font-size: 34px !important;\r\n    }\r\n\r\n\r\n    .sb-depth-card__text {\r\n        font-size: 14px !important;\r\n    }\r\n\r\n\r\n    .sb-depth-card__meta {\r\n        gap: 6px;\r\n\r\n        font-size: 8.5px !important;\r\n\r\n        letter-spacing: 0.10em !important;\r\n    }\r\n\r\n\r\n    .sb-depth-card__meta-line {\r\n        width: 11px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-depth {\r\n        padding:\r\n            58px\r\n            18px\r\n            64px;\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .sb-depth__header {\r\n        margin-bottom: 38px;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n\r\n    .sb-depth__title {\r\n        max-width: 355px;\r\n\r\n        margin: 0 !important;\r\n\r\n        font-size: 47px !important;\r\n        line-height: 0.96 !important;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n\r\n    \/* CARDS *\/\r\n\r\n    .sb-depth__grid {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        gap: 14px;\r\n    }\r\n\r\n\r\n    .sb-depth-card {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .sb-depth-card__image {\r\n        aspect-ratio: 16 \/ 10;\r\n    }\r\n\r\n\r\n    \/* EBOOK *\/\r\n\r\n    .sb-depth-card__image--ebooks {\r\n        aspect-ratio: 16 \/ 11;\r\n\r\n        padding:\r\n            18px\r\n            20px;\r\n    }\r\n\r\n\r\n    .sb-depth-card__ebook-cover {\r\n        width: 43%;\r\n        height: 90%;\r\n    }\r\n\r\n\r\n    .sb-depth-card__ebook-cover--one {\r\n        left: 17%;\r\n    }\r\n\r\n\r\n    .sb-depth-card__ebook-cover--two {\r\n        right: 17%;\r\n    }\r\n\r\n\r\n    \/* PHOTO CROPS *\/\r\n\r\n    .sb-depth-card__image--mentor img {\r\n        object-position: center 43%;\r\n    }\r\n\r\n\r\n    .sb-depth-card__image--tantra img {\r\n        object-position: center 42%;\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .sb-depth-card__body {\r\n        padding:\r\n            23px\r\n            20px\r\n            21px;\r\n    }\r\n\r\n\r\n    \/* META *\/\r\n\r\n    .sb-depth-card__meta {\r\n        gap: 7px;\r\n\r\n        margin-bottom: 17px;\r\n\r\n        font-size: 9px !important;\r\n\r\n        letter-spacing: 0.10em !important;\r\n    }\r\n\r\n\r\n    .sb-depth-card__meta-line {\r\n        width: 13px;\r\n    }\r\n\r\n\r\n    \/* TITLE *\/\r\n\r\n    .sb-depth-card__title {\r\n        margin-bottom: 14px !important;\r\n\r\n        font-size: 34px !important;\r\n        line-height: 0.98 !important;\r\n    }\r\n\r\n\r\n    \/* TEXT *\/\r\n\r\n    .sb-depth-card__text {\r\n        font-size: 14px !important;\r\n        line-height: 1.46 !important;\r\n    }\r\n\r\n\r\n    \/* CTA *\/\r\n\r\n    .sb-depth-card__cta {\r\n        min-height: 49px;\r\n\r\n        margin-top: 24px;\r\n\r\n        padding-top: 14px;\r\n\r\n        font-size: 14px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-depth {\r\n        padding-left: 15px;\r\n        padding-right: 15px;\r\n    }\r\n\r\n\r\n    .sb-depth__title {\r\n        max-width: 335px;\r\n\r\n        font-size: 43px !important;\r\n    }\r\n\r\n\r\n    .sb-depth-card__image {\r\n        aspect-ratio: 16 \/ 11;\r\n    }\r\n\r\n\r\n    .sb-depth-card__image--ebooks {\r\n        aspect-ratio: 16 \/ 12;\r\n    }\r\n\r\n\r\n    .sb-depth-card__ebook-cover {\r\n        width: 45%;\r\n        height: 88%;\r\n    }\r\n\r\n\r\n    .sb-depth-card__ebook-cover--one {\r\n        left: 14%;\r\n    }\r\n\r\n\r\n    .sb-depth-card__ebook-cover--two {\r\n        right: 14%;\r\n    }\r\n\r\n\r\n    .sb-depth-card__title {\r\n        font-size: 32px !important;\r\n    }\r\n\r\n\r\n    .sb-depth-card__text {\r\n        font-size: 13.5px !important;\r\n    }\r\n\r\n\r\n    .sb-depth-card__meta {\r\n        font-size: 8.3px !important;\r\n\r\n        letter-spacing: 0.07em !important;\r\n    }\r\n\r\n\r\n    .sb-depth-card__meta-line {\r\n        width: 9px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-depth\">\r\n\r\n    <div class=\"sb-depth__inner\">\r\n\r\n\r\n        <!-- =============================================\r\n             HEADER\r\n             ============================================= -->\r\n\r\n        <div class=\"sb-depth__header\">\r\n\r\n            <h2 class=\"sb-depth__title\">\r\n                Koliko duboko \u017eeli\u0161 da\r\n                <em>zaroni\u0161  <\/em>&nbsp;u svoj prostor i svet?\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =============================================\r\n             CARDS\r\n             ============================================= -->\r\n\r\n        <div class=\"sb-depth__grid\">\r\n\r\n\r\n            <!-- =========================================\r\n                 01 - E-BOOK\r\n                 ========================================= -->\r\n\r\n            <article class=\"sb-depth-card\">\r\n\r\n                <div class=\"sb-depth-card__image sb-depth-card__image--ebooks\">\r\n\r\n                    <div class=\"sb-depth-card__ebook-stage\">\r\n\r\n                        <img decoding=\"async\"\r\n                            class=\"sb-depth-card__ebook-cover sb-depth-card__ebook-cover--one\"\r\n                            src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/Svetlana-Brkic-Ebook-Energetska-mapa-doma-1_radna-verzija.jpg\"\r\n                            alt=\"Energetska mapa doma - e-book Svetlane Brki\u0107\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n                        <img decoding=\"async\"\r\n                            class=\"sb-depth-card__ebook-cover sb-depth-card__ebook-cover--two\"\r\n                            src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/Svetlana-Brkic-Ebook-Tantricke-sobe-Sveti-prostor-intime.jpg\"\r\n                            alt=\"Tantri\u010dke sobe - e-book Svetlane Brki\u0107\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-depth-card__body\">\r\n\r\n                    <div class=\"sb-depth-card__meta\">\r\n\r\n                        <span class=\"sb-depth-card__number\">\r\n                            01\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-depth-card__meta-line\"><\/span>\r\n\r\n                        <span class=\"sb-depth-card__meta-label\">\r\n                            Samostalno istra\u017eivanje\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"sb-depth-card__title\">\r\n                        E-book izdanja\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"sb-depth-card__text\">\r\n                        Za samostalno istra\u017eivanje odnosa izme\u0111u prostora,\r\n                        energije i tebe. Tri e-book vodi\u010da otvaraju razli\u010dite\r\n                        teme - od energetske mape doma, preko boja i Vastu\r\n                        principa, do intime, seksualnosti i tantri\u010dkog\r\n                        ure\u0111enja prostora.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/svetlanabrkic.rs\/index.php\/e-book-izdanja\/\"\r\n                        class=\"sb-depth-card__cta\"\r\n                    >\r\n\r\n                        <span>\r\n                            Istra\u017ei e-bookove\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-depth-card__cta-arrow\">\r\n                            \u2192\r\n                    <\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =========================================\r\n                 02 - ARHITEKTURA DU\u0160E\r\n                 ========================================= -->\r\n\r\n            <article class=\"sb-depth-card sb-depth-card--featured\">\r\n\r\n                <div class=\"sb-depth-card__image sb-depth-card__image--mentor\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0612-scaled.jpg\"\r\n                        alt=\"Svetlana Brki\u0107 - Arhitektura du\u0161e mentorski program\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-depth-card__body\">\r\n\r\n                    <div class=\"sb-depth-card__meta\">\r\n\r\n                        <span class=\"sb-depth-card__number\">\r\n                            02\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-depth-card__meta-line\"><\/span>\r\n\r\n                        <span class=\"sb-depth-card__meta-label\">\r\n                            Individualan proces\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"sb-depth-card__title\">\r\n                        Arhitektura du\u0161e - mentorski 1:1 program\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"sb-depth-card__text\">\r\n                        Za osobu koja \u017eeli dubok, holisti\u010dki, individualno\r\n                        vo\u0111en mentorski proces. Kroz rad na li\u010dnim temama\r\n                        i tvojim prostorom zajedno otkrivamo \u0161ta ti je\r\n                        zaista potrebno, a zatim uvide iz vi\u0161enedeljnog\r\n                        procesa i saradnje prevodimo u konkretne smernice\r\n                        za unapre\u0111enje tvog doma i \u017eivota.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/svetlanabrkic.rs\/index.php\/individualni-program-arhitektura-duse\/\"\r\n                        class=\"sb-depth-card__cta\"\r\n                    >\r\n\r\n                        <span>\r\n                            Otkrij program Arhitektura du\u0161e\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-depth-card__cta-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =========================================\r\n                 03 - TANTRI\u010cKE SOBE\r\n                 ========================================= -->\r\n\r\n            <article class=\"sb-depth-card\">\r\n\r\n                <div class=\"sb-depth-card__image sb-depth-card__image--tantra\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR1027-scaled.jpg\"\r\n                        alt=\"Tantri\u010dke sobe - Svetlana Brki\u0107\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-depth-card__body\">\r\n\r\n                    <div class=\"sb-depth-card__meta\">\r\n\r\n                        <span class=\"sb-depth-card__number\">\r\n                            03\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-depth-card__meta-line\"><\/span>\r\n\r\n                        <span class=\"sb-depth-card__meta-label\">\r\n                            Intimni prostor\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"sb-depth-card__title\">\r\n                        Tantri\u010dke sobe\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"sb-depth-card__text\">\r\n                        Za radoznale du\u0161e koje \u017eele da istra\u017ee intimni\r\n                        prostor i kreiraju svoj kutak prisutnosti,\r\n                        povezanosti, u\u017eivanja i \u017eivotne energije.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"sb-depth-card__cta\"\r\n                    >\r\n\r\n                        <span>\r\n                            Prijavi se za informacije\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-depth-card__cta-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0320cd e-con-full qodef-elementor-content-grid e-flex e-con e-parent\" data-id=\"c0320cd\" 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-569b1cf elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"569b1cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 - ARHITEKTURA DU\u0160E\r\n   PREMIUM 1:1 PROGRAM HIGHLIGHT\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program,\r\n.sb-soul-program *,\r\n.sb-soul-program *::before,\r\n.sb-soul-program *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.sb-soul-program {\r\n    --sb-green: #445236;\r\n    --sb-rust: #B05330;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-sand: #E8B86D;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: var(--sb-green);\r\n    color: var(--sb-cream);\r\n\r\n    padding:\r\n        clamp(85px, 8vw, 135px)\r\n        clamp(24px, 6vw, 95px);\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE BACKGROUND 1:1\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program::before {\r\n    content: \"1:1\";\r\n\r\n    position: absolute;\r\n\r\n    top: -55px;\r\n    right: clamp(15px, 5vw, 85px);\r\n\r\n    z-index: -1;\r\n\r\n    color: rgba(245, 241, 229, 0.035);\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n\r\n    font-size: clamp(190px, 24vw, 400px);\r\n    font-weight: 400;\r\n\r\n    line-height: 0.8;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program__inner {\r\n    width: 100%;\r\n    max-width: 1480px;\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program__top {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 0.72fr)\r\n        minmax(0, 1.28fr);\r\n\r\n    gap: clamp(55px, 8vw, 135px);\r\n\r\n    align-items: end;\r\n\r\n    padding-bottom: clamp(50px, 6vw, 85px);\r\n\r\n    border-bottom:\r\n        1px solid rgba(245, 241, 229, 0.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program__heading {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.sb-soul-program__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    color: var(--sb-sand);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 11px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.28em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-soul-program__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 42px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: currentColor;\r\n}\r\n\r\n\r\n.sb-soul-program__title {\r\n    max-width: 650px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-cream) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: clamp(70px, 7vw, 112px) !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 0.88 !important;\r\n    letter-spacing: -0.04em !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTITLE\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program__subtitle-wrap {\r\n    min-width: 0;\r\n\r\n    padding-bottom: 4px;\r\n}\r\n\r\n\r\n.sb-soul-program__subtitle {\r\n    max-width: 720px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-cream) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: clamp(31px, 3vw, 48px) !important;\r\n    font-weight: 400 !important;\r\n    font-style: italic;\r\n\r\n    line-height: 1.04 !important;\r\n    letter-spacing: -0.02em !important;\r\n}\r\n\r\n\r\n.sb-soul-program__subtitle-accent {\r\n    color: var(--sb-sand);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM CONTENT\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program__content {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 0.9fr)\r\n        minmax(0, 1.1fr);\r\n\r\n    gap: clamp(55px, 8vw, 130px);\r\n\r\n    padding-top: clamp(50px, 6vw, 80px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIRST TEXT COLUMN\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program__intro {\r\n    max-width: 590px;\r\n}\r\n\r\n\r\n.sb-soul-program__text {\r\n    margin: 0 !important;\r\n\r\n    color: rgba(245, 241, 229, 0.90) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 17px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.58 !important;\r\n}\r\n\r\n\r\n.sb-soul-program__text + .sb-soul-program__text {\r\n    margin-top: 21px !important;\r\n}\r\n\r\n\r\n.sb-soul-program__text--lead {\r\n    color: var(--sb-cream) !important;\r\n\r\n    font-size: 19px !important;\r\n    line-height: 1.55 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT SIDE\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program__right {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIGHLIGHT STATEMENT\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program__statement {\r\n    position: relative;\r\n\r\n    padding:\r\n        30px\r\n        0\r\n        30px\r\n        32px;\r\n\r\n    border-left:\r\n        1px solid var(--sb-sand);\r\n}\r\n\r\n\r\n.sb-soul-program__statement-label {\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color: var(--sb-sand);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 9px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.24em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-soul-program__statement-text {\r\n    max-width: 650px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-cream) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: clamp(35px, 3.5vw, 52px) !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1 !important;\r\n    letter-spacing: -0.025em !important;\r\n}\r\n\r\n\r\n.sb-soul-program__statement-text em {\r\n    color: var(--sb-sand);\r\n\r\n    font-style: italic;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program__process {\r\n    max-width: 650px;\r\n\r\n    margin-top: 34px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program__cta {\r\n    width: fit-content;\r\n\r\n    min-height: 58px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 34px;\r\n\r\n    margin-top: 38px;\r\n\r\n    padding:\r\n        16px\r\n        25px;\r\n\r\n    border: 1px solid var(--sb-cream);\r\n\r\n    background: transparent;\r\n\r\n    color: var(--sb-cream) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 16px !important;\r\n    font-weight: 500 !important;\r\n\r\n    line-height: 1.1 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        background-color 0.25s ease,\r\n        color 0.25s ease,\r\n        border-color 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n\r\n.sb-soul-program__cta:hover {\r\n    background: var(--sb-rust);\r\n    border-color: var(--sb-rust);\r\n\r\n    color: #fff !important;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n.sb-soul-program__cta-text {\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n.sb-soul-program__cta-arrow {\r\n    flex-shrink: 0;\r\n\r\n    font-size: 21px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n\r\n.sb-soul-program__cta:hover\r\n.sb-soul-program__cta-arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER DETAIL\r\n   ========================================================= *\/\r\n\r\n.sb-soul-program__footer {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-top: clamp(55px, 6vw, 85px);\r\n\r\n    color: rgba(245, 241, 229, 0.50);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 9px !important;\r\n\r\n    letter-spacing: 0.22em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-soul-program__footer::before,\r\n.sb-soul-program__footer::after {\r\n    content: \"\";\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        rgba(245, 241, 229, 0.20);\r\n}\r\n\r\n\r\n.sb-soul-program__footer::before {\r\n    width: 42px;\r\n}\r\n\r\n\r\n.sb-soul-program__footer::after {\r\n    flex: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .sb-soul-program__top {\r\n        grid-template-columns:\r\n            minmax(0, 0.8fr)\r\n            minmax(0, 1.2fr);\r\n\r\n        gap: 55px;\r\n    }\r\n\r\n\r\n    .sb-soul-program__content {\r\n        gap: 55px;\r\n    }\r\n\r\n\r\n    .sb-soul-program__text {\r\n        font-size: 16px !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__text--lead {\r\n        font-size: 18px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-soul-program {\r\n        padding:\r\n            62px\r\n            20px\r\n            68px;\r\n    }\r\n\r\n\r\n    .sb-soul-program::before {\r\n        top: -8px;\r\n        right: -14px;\r\n\r\n        font-size: 170px;\r\n    }\r\n\r\n\r\n    \/* TOP *\/\r\n\r\n    .sb-soul-program__top {\r\n        display: block;\r\n\r\n        padding-bottom: 37px;\r\n    }\r\n\r\n\r\n    .sb-soul-program__eyebrow {\r\n        gap: 10px;\r\n\r\n        margin-bottom: 22px;\r\n\r\n        font-size: 9px !important;\r\n        letter-spacing: 0.20em !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__eyebrow::before {\r\n        width: 28px;\r\n    }\r\n\r\n\r\n    .sb-soul-program__title {\r\n        max-width: 340px;\r\n\r\n        font-size: 57px !important;\r\n        line-height: 0.90 !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__subtitle-wrap {\r\n        margin-top: 29px;\r\n        padding: 0;\r\n    }\r\n\r\n\r\n    .sb-soul-program__subtitle {\r\n        max-width: 335px;\r\n\r\n        font-size: 29px !important;\r\n        line-height: 1.03 !important;\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .sb-soul-program__content {\r\n        display: block;\r\n\r\n        padding-top: 37px;\r\n    }\r\n\r\n\r\n    .sb-soul-program__intro {\r\n        max-width: 100%;\r\n    }\r\n\r\n\r\n    .sb-soul-program__text {\r\n        font-size: 15px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__text--lead {\r\n        font-size: 16px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__text + .sb-soul-program__text {\r\n        margin-top: 18px !important;\r\n    }\r\n\r\n\r\n    \/* STATEMENT *\/\r\n\r\n    .sb-soul-program__right {\r\n        margin-top: 34px;\r\n    }\r\n\r\n\r\n    .sb-soul-program__statement {\r\n        padding:\r\n            22px\r\n            0\r\n            22px\r\n            20px;\r\n    }\r\n\r\n\r\n    .sb-soul-program__statement-label {\r\n        font-size: 8px !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__statement-text {\r\n        max-width: 320px;\r\n\r\n        font-size: 31px !important;\r\n        line-height: 1 !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__process {\r\n        margin-top: 25px;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE CTA - SVE U JEDNOM REDU\r\n       ===================================================== *\/\r\n\r\n    .sb-soul-program__cta {\r\n        width: 100%;\r\n        min-height: 54px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n\r\n        gap: 8px;\r\n\r\n        margin-top: 29px;\r\n\r\n        padding:\r\n            13px\r\n            14px;\r\n\r\n        font-size: 13.5px !important;\r\n\r\n        line-height: 1 !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__cta-text {\r\n        flex: 1;\r\n\r\n        min-width: 0;\r\n\r\n        white-space: nowrap !important;\r\n\r\n        word-break: normal !important;\r\n        overflow-wrap: normal !important;\r\n        hyphens: none !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__cta-arrow {\r\n        flex: 0 0 auto;\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n\r\n    .sb-soul-program__footer {\r\n        margin-top: 48px;\r\n\r\n        font-size: 8px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-soul-program {\r\n        padding-left: 17px;\r\n        padding-right: 17px;\r\n    }\r\n\r\n\r\n    .sb-soul-program__title {\r\n        font-size: 52px !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__subtitle {\r\n        font-size: 27px !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__statement-text {\r\n        font-size: 29px !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__cta {\r\n        padding:\r\n            12px\r\n            11px;\r\n\r\n        gap: 6px;\r\n\r\n        font-size: 12.5px !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__cta-arrow {\r\n        font-size: 18px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 350px) {\r\n\r\n    .sb-soul-program__cta {\r\n        padding-left: 9px;\r\n        padding-right: 9px;\r\n\r\n        font-size: 11.5px !important;\r\n    }\r\n\r\n\r\n    .sb-soul-program__cta-arrow {\r\n        font-size: 17px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-soul-program\">\r\n\r\n    <div class=\"sb-soul-program__inner\">\r\n\r\n\r\n        <!-- TOP -->\r\n\r\n        <div class=\"sb-soul-program__top\">\r\n\r\n\r\n            <div class=\"sb-soul-program__heading\">\r\n\r\n                <div class=\"sb-soul-program__eyebrow\">\r\n                    Individualni program\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"sb-soul-program__title\">\r\n                    Arhitektura du\u0161e\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-soul-program__subtitle-wrap\">\r\n\r\n                <p class=\"sb-soul-program__subtitle\">\r\n                    Kada \u017eeli\u0161 da tvoj dom upoznamo kroz tebe -\r\n                    a <span class=\"sb-soul-program__subtitle-accent\">\r\n                    tebe malo bolje kroz tvoj dom.\r\n                    <\/span>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONTENT -->\r\n\r\n        <div class=\"sb-soul-program__content\">\r\n\r\n\r\n            <div class=\"sb-soul-program__intro\">\r\n\r\n                <p class=\"sb-soul-program__text sb-soul-program__text--lead\">\r\n                    Mo\u017eda tvoj dom nije lo\u0161. Mo\u017eda ga \u010dak jako voli\u0161\r\n                    i u\u017eiva\u0161 u njemu. A mo\u017eda si ga i prerasla na neki\r\n                    na\u010din, jer ti vi\u0161e nisi ista osoba koja ga je birala.\r\n                <\/p>\r\n\r\n\r\n                <p class=\"sb-soul-program__text\">\r\n                    Arhitektura du\u0161e nastala je za trenutak kada shvati\u0161\r\n                    da nikada nisi ni razmi\u0161ljala o odnosu sebe i svog doma,\r\n                    a sada osve\u0161\u0107uje\u0161 da prostor mo\u017ee i treba da podr\u017eava\r\n                    i prati svoj rast, potencijal i ono gde \u017eeli\u0161 da stigne\u0161.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-soul-program__right\">\r\n\r\n\r\n                <div class=\"sb-soul-program__statement\">\r\n\r\n                    <span class=\"sb-soul-program__statement-label\">\r\n                        Unutra\u0161nji rad \u00d7 prostor\r\n                    <\/span>\r\n\r\n\r\n                    <p class=\"sb-soul-program__statement-text\">\r\n                        Tvoj dom ne posmatramo odvojeno od tebe.\r\n                        <em>Rastete zajedno.<\/em>\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-soul-program__process\">\r\n\r\n                    <p class=\"sb-soul-program__text\">\r\n                        Individualni proces u kojem unutra\u0161nji rad i rad\r\n                        sa prostorom teku paralelno, kako bismo na kraju\r\n                        dobili konkretan pravac za ure\u0111enje doma koji\r\n                        podr\u017eava tvoju li\u010dnu esenciju, potrebe i \u017eivot.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"sb-soul-program__cta\"\r\n                    >\r\n\r\n                        <span class=\"sb-soul-program__cta-text\">\r\n                            Prijavi interesovanje za 1:1 rad\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-soul-program__cta-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sb-soul-program__footer\">\r\n            Individualno vo\u0111en proces\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e21c4e e-con-full qodef-elementor-content-grid e-flex e-con e-parent\" data-id=\"1e21c4e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67d7893 elementor-widget elementor-widget-html\" data-id=\"67d7893\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 - \u0160TA \u017dELIM DA PONESE\u0160 IZ SARADNJE\r\n   ========================================================= *\/\r\n\r\n.sb-takeaway,\r\n.sb-takeaway *,\r\n.sb-takeaway *::before,\r\n.sb-takeaway *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-takeaway {\r\n    --sb-green: #445236;\r\n    --sb-rust: #B05330;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FBF8F1;\r\n    --sb-line: rgba(68, 82, 54, 0.18);\r\n    --sb-rust-line: rgba(245, 241, 229, 0.22);\r\n\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    background: var(--sb-cream);\r\n\r\n    padding:\r\n        clamp(85px, 8vw, 135px)\r\n        clamp(24px, 6vw, 95px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.sb-takeaway__inner {\r\n    width: 100%;\r\n    max-width: 1450px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.sb-takeaway__header {\r\n    display: grid;\r\n    grid-template-columns:\r\n        minmax(190px, 0.48fr)\r\n        minmax(0, 1.52fr);\r\n    gap: clamp(50px, 8vw, 125px);\r\n\r\n    align-items: start;\r\n    margin-bottom: clamp(60px, 7vw, 95px);\r\n}\r\n\r\n\r\n\/* EYEBROW *\/\r\n\r\n.sb-takeaway__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    padding-top: 12px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n    font-size: 11px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.22em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n.sb-takeaway__eyebrow::before {\r\n    content: \"\";\r\n    width: 40px;\r\n    height: 1px;\r\n    flex-shrink: 0;\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.sb-takeaway__title {\r\n    max-width: 860px;\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n    font-size: clamp(62px, 6vw, 92px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 0.94 !important;\r\n    letter-spacing: -0.035em !important;\r\n    text-transform: none !important;\r\n}\r\n\r\n.sb-takeaway__title em {\r\n    color: var(--sb-rust);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n.sb-takeaway__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    align-items: stretch;\r\n\r\n    border-top: 1px solid var(--sb-line);\r\n    border-bottom: 1px solid var(--sb-line);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ITEM\r\n   ========================================================= *\/\r\n\r\n.sb-takeaway__item {\r\n    position: relative;\r\n\r\n    min-height: 430px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding:\r\n        34px\r\n        clamp(30px, 3vw, 46px)\r\n        38px;\r\n\r\n    background: transparent;\r\n}\r\n\r\n.sb-takeaway__item + .sb-takeaway__item {\r\n    border-left: 1px solid var(--sb-line);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURED LAST CARD\r\n   ========================================================= *\/\r\n\r\n.sb-takeaway__item--featured {\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-takeaway__item--featured + .sb-takeaway__item {\r\n    border-left-color: var(--sb-rust-line);\r\n}\r\n\r\n.sb-takeaway__item--featured .sb-takeaway__number {\r\n    color: #F3D0A8;\r\n}\r\n\r\n.sb-takeaway__item--featured .sb-takeaway__content {\r\n    color: var(--sb-cream);\r\n}\r\n\r\n.sb-takeaway__item--featured .sb-takeaway__highlight {\r\n    color: var(--sb-cream);\r\n}\r\n\r\n.sb-takeaway__item--featured .sb-takeaway__highlight em {\r\n    color: #F3D0A8;\r\n}\r\n\r\n.sb-takeaway__item--featured .sb-takeaway__body {\r\n    color: var(--sb-cream) !important;\r\n}\r\n\r\n.sb-takeaway__item--featured::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 34px;\r\n    right: clamp(30px, 3vw, 46px);\r\n\r\n    width: 36px;\r\n    height: 1px;\r\n    background: rgba(245, 241, 229, 0.36);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.sb-takeaway__number {\r\n    margin-bottom: 28px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n    font-size: 10px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.16em !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT LAYOUT\r\n   - sve kartice kre\u0107u iz iste ravni\r\n   - naslovi imaju istu rezervisanu visinu\r\n   ========================================================= *\/\r\n\r\n.sb-takeaway__content {\r\n    flex: 1;\r\n\r\n    display: grid;\r\n    grid-template-rows: minmax(128px, auto) 1fr;\r\n    gap: 22px;\r\n}\r\n\r\n.sb-takeaway__head {\r\n    display: flex;\r\n    align-items: flex-start;\r\n}\r\n\r\n.sb-takeaway__copy {\r\n    display: flex;\r\n    align-items: flex-start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIGHLIGHT TITLE\r\n   ========================================================= *\/\r\n\r\n.sb-takeaway__highlight {\r\n    display: block;\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-green);\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n    font-size: clamp(32px, 2.8vw, 43px);\r\n    font-weight: 400;\r\n    line-height: 0.98;\r\n    letter-spacing: -0.02em;\r\n}\r\n\r\n.sb-takeaway__highlight em {\r\n    color: var(--sb-rust);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* third card title one line on desktop *\/\r\n\r\n.sb-takeaway__item--featured .sb-takeaway__highlight {\r\n    white-space: nowrap;\r\n    font-size: clamp(30px, 2.25vw, 39px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BODY TEXT\r\n   ========================================================= *\/\r\n\r\n.sb-takeaway__body {\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n    font-size: 17px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.55 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSING\r\n   ========================================================= *\/\r\n\r\n.sb-takeaway__closing {\r\n    max-width: 880px;\r\n    margin:\r\n        clamp(55px, 6vw, 85px)\r\n        auto\r\n        0;\r\n    text-align: center;\r\n}\r\n\r\n.sb-takeaway__closing-text {\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n    font-size: clamp(34px, 3.4vw, 50px) !important;\r\n    font-weight: 400 !important;\r\n    font-style: italic;\r\n    line-height: 1.02 !important;\r\n    letter-spacing: -0.02em !important;\r\n}\r\n\r\n.sb-takeaway__closing-line {\r\n    width: 42px;\r\n    height: 1px;\r\n\r\n    margin:\r\n        28px\r\n        auto\r\n        0;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .sb-takeaway__header {\r\n        grid-template-columns:\r\n            150px\r\n            minmax(0, 1fr);\r\n        gap: 45px;\r\n    }\r\n\r\n    .sb-takeaway__item {\r\n        min-height: 410px;\r\n        padding:\r\n            30px\r\n            24px\r\n            34px;\r\n    }\r\n\r\n    .sb-takeaway__content {\r\n        grid-template-rows: minmax(118px, auto) 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .sb-takeaway__highlight {\r\n        font-size: 34px;\r\n    }\r\n\r\n    .sb-takeaway__item--featured .sb-takeaway__highlight {\r\n        font-size: 33px;\r\n    }\r\n\r\n    .sb-takeaway__body {\r\n        font-size: 15.5px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-takeaway {\r\n        padding:\r\n            62px\r\n            20px\r\n            68px;\r\n    }\r\n\r\n    .sb-takeaway__header {\r\n        display: block;\r\n        margin-bottom: 42px;\r\n    }\r\n\r\n    .sb-takeaway__eyebrow {\r\n        gap: 10px;\r\n        padding: 0;\r\n        margin-bottom: 22px;\r\n\r\n        font-size: 9px !important;\r\n        letter-spacing: 0.18em !important;\r\n    }\r\n\r\n    .sb-takeaway__eyebrow::before {\r\n        width: 28px;\r\n    }\r\n\r\n    .sb-takeaway__title {\r\n        max-width: 350px;\r\n        font-size: 50px !important;\r\n        line-height: 0.95 !important;\r\n    }\r\n\r\n    .sb-takeaway__grid {\r\n        display: block;\r\n        border-bottom: none;\r\n    }\r\n\r\n    .sb-takeaway__item {\r\n        min-height: 0;\r\n        padding:\r\n            26px\r\n            0\r\n            30px;\r\n    }\r\n\r\n    .sb-takeaway__item + .sb-takeaway__item {\r\n        border-left: none;\r\n        border-top: 1px solid var(--sb-line);\r\n    }\r\n\r\n    .sb-takeaway__item--featured {\r\n        margin-top: 10px;\r\n        padding:\r\n            28px\r\n            18px\r\n            30px;\r\n        border-top: none !important;\r\n    }\r\n\r\n    .sb-takeaway__item--featured::after {\r\n        top: 28px;\r\n        right: 18px;\r\n    }\r\n\r\n    .sb-takeaway__number {\r\n        margin-bottom: 22px;\r\n        font-size: 9px !important;\r\n    }\r\n\r\n    .sb-takeaway__content {\r\n        display: block;\r\n    }\r\n\r\n    .sb-takeaway__head {\r\n        display: block;\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .sb-takeaway__highlight {\r\n        max-width: 300px;\r\n        font-size: 31px;\r\n        line-height: 0.98;\r\n    }\r\n\r\n    .sb-takeaway__item--featured .sb-takeaway__highlight {\r\n        white-space: normal;\r\n        max-width: 100%;\r\n        font-size: 31px;\r\n    }\r\n\r\n    .sb-takeaway__body {\r\n        font-size: 15px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    .sb-takeaway__closing {\r\n        margin-top: 45px;\r\n        text-align: left;\r\n    }\r\n\r\n    .sb-takeaway__closing-text {\r\n        max-width: 330px;\r\n        font-size: 30px !important;\r\n        line-height: 1.02 !important;\r\n    }\r\n\r\n    .sb-takeaway__closing-line {\r\n        margin:\r\n            23px\r\n            0\r\n            0;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-takeaway {\r\n        padding-left: 17px;\r\n        padding-right: 17px;\r\n    }\r\n\r\n    .sb-takeaway__title {\r\n        font-size: 46px !important;\r\n    }\r\n\r\n    .sb-takeaway__highlight {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .sb-takeaway__item--featured .sb-takeaway__highlight {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .sb-takeaway__body {\r\n        font-size: 14.5px !important;\r\n    }\r\n\r\n    .sb-takeaway__closing-text {\r\n        font-size: 28px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-takeaway\">\r\n\r\n    <div class=\"sb-takeaway__inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"sb-takeaway__header\">\r\n\r\n            <div class=\"sb-takeaway__eyebrow\">\r\n                \u0160ta \u017eelim da ponese\u0161 iz na\u0161e saradnje\r\n            <\/div>\r\n\r\n            <h2 class=\"sb-takeaway__title\">\r\n                Prostor kao\r\n                <em>produ\u017eetak tebe.<\/em>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- GRID -->\r\n        <div class=\"sb-takeaway__grid\">\r\n\r\n            <!-- 01 -->\r\n            <article class=\"sb-takeaway__item\">\r\n\r\n                <div class=\"sb-takeaway__number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"sb-takeaway__content\">\r\n\r\n                    <div class=\"sb-takeaway__head\">\r\n                        <p class=\"sb-takeaway__highlight\">\r\n                            Da razume\u0161\r\n                            <em>za\u0161to ne\u0161to bira\u0161.<\/em>\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-takeaway__copy\">\r\n                        <p class=\"sb-takeaway__body\">\r\n                            \u017delim da na kraju na\u0161eg rada iz unutra\u0161nje\r\n                            jasno\u0107e razume\u0161 svoje izbore i ono \u0161to iza njih\r\n                            zaista stoji.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 02 -->\r\n            <article class=\"sb-takeaway__item\">\r\n\r\n                <div class=\"sb-takeaway__number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"sb-takeaway__content\">\r\n\r\n                    <div class=\"sb-takeaway__head\">\r\n                        <p class=\"sb-takeaway__highlight\">\r\n                            Da razlikuje\u0161\r\n                            <em>\u0161ta ti zaista treba.<\/em>\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-takeaway__copy\">\r\n                        <p class=\"sb-takeaway__body\">\r\n                            Od onoga \u0161to trendovi i dru\u0161tvo name\u0107u,\r\n                            a realno nema du\u0161u niti je u skladu sa tobom.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 03 -->\r\n            <article class=\"sb-takeaway__item sb-takeaway__item--featured\">\r\n\r\n                <div class=\"sb-takeaway__number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"sb-takeaway__content\">\r\n\r\n                    <div class=\"sb-takeaway__head\">\r\n                        <p class=\"sb-takeaway__highlight\">\r\n                            Da tvoj prostor <em>radi za tebe.<\/em>\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-takeaway__copy\">\r\n                        <p class=\"sb-takeaway__body\">\r\n                            Da prepozna\u0161 \u0161ta ti je potrebno za mir,\r\n                            lako\u0107u \u017eivljenja i duboki u\u017eitak i na koji na\u010din\r\n                            tvoj \u017eivotni prostor mo\u017ee i treba da te podr\u017ei.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CLOSING -->\r\n        <div class=\"sb-takeaway__closing\">\r\n\r\n            <p class=\"sb-takeaway__closing-text\">\r\n                Da dom vi\u0161e ne bira\u0161 samo o\u010dima,\r\n                ve\u0107 iz mesta iz kojeg zna\u0161 ko si.\r\n            <\/p>\r\n\r\n            <div class=\"sb-takeaway__closing-line\"><\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba4abfb e-con e-atomic-element e-flexbox-base e-default-div e-8957b47 \" data-id=\"ba4abfb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ba4abfb\">\n    \t\t<div class=\"elementor-element elementor-element-8166298 elementor-widget elementor-widget-html\" data-id=\"8166298\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 - NEWSLETTER\r\n   USKLA\u0110ENO SA OSTATKOM SAJTA\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter,\r\n.sb-newsletter *,\r\n.sb-newsletter *::before,\r\n.sb-newsletter *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-newsletter {\r\n    --sb-green: #445236;\r\n    --sb-green-soft: #5B6B4A;\r\n    --sb-rust: #B05330;\r\n\r\n    --sb-cream: #F5F1E5;\r\n    --sb-cream-light: #FDFBF5;\r\n    --sb-cream-deep: #EBE5D3;\r\n\r\n    --sb-line: rgba(68, 82, 54, 0.16);\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: var(--sb-cream);\r\n\r\n    padding:\r\n        clamp(85px, 8vw, 130px)\r\n        clamp(24px, 6vw, 95px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__inner {\r\n    width: 100%;\r\n    max-width: 1450px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.08fr)\r\n        minmax(390px, 0.92fr);\r\n\r\n    gap: clamp(65px, 8vw, 125px);\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__content {\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-bottom: 27px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 11px !important;\r\n    font-weight: 500 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.24em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-newsletter__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 40px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   Imbue koristimo samo ovde\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__title {\r\n    max-width: 760px;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        40px !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: clamp(62px, 5.7vw, 88px) !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 0.94 !important;\r\n    letter-spacing: -0.035em !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n.sb-newsletter__title em {\r\n    color: var(--sb-rust);\r\n\r\n    font-style: italic;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__copy {\r\n    max-width: 675px;\r\n}\r\n\r\n\r\n.sb-newsletter__text {\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 17px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.58 !important;\r\n}\r\n\r\n\r\n.sb-newsletter__text + .sb-newsletter__text {\r\n    margin-top: 18px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT FORM CARD\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__panel {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 520px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    padding:\r\n        clamp(38px, 4vw, 58px);\r\n\r\n    background: var(--sb-cream-deep);\r\n\r\n    border:\r\n        1px solid rgba(68, 82, 54, 0.12);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* very subtle decorative number *\/\r\n\r\n.sb-newsletter__panel::before {\r\n    content: \"09\";\r\n\r\n    position: absolute;\r\n\r\n    top: -30px;\r\n    right: 22px;\r\n\r\n    color: rgba(68, 82, 54, 0.045);\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n\r\n    font-size: clamp(130px, 13vw, 200px);\r\n    font-weight: 400;\r\n\r\n    line-height: 1;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL LABEL\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__panel-label {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-bottom: 26px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 10px !important;\r\n    font-weight: 500 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.21em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-newsletter__panel-label::before {\r\n    content: \"\";\r\n\r\n    width: 28px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEADING\r\n   Arial umesto Imbue\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__statement {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    max-width: 470px;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        42px !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: clamp(25px, 2.1vw, 32px) !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.25 !important;\r\n    letter-spacing: -0.02em !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__form {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIELD\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__field {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    border-bottom:\r\n        1px solid rgba(68, 82, 54, 0.45);\r\n}\r\n\r\n\r\n.sb-newsletter__input {\r\n    width: 100%;\r\n\r\n    min-height: 58px;\r\n\r\n    padding:\r\n        8px\r\n        0;\r\n\r\n    border: 0 !important;\r\n    outline: 0 !important;\r\n\r\n    background: transparent !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 16px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.2 !important;\r\n\r\n    box-shadow: none !important;\r\n}\r\n\r\n\r\n.sb-newsletter__input::placeholder {\r\n    color: rgba(68, 82, 54, 0.58);\r\n\r\n    opacity: 1;\r\n}\r\n\r\n\r\n.sb-newsletter__input:focus {\r\n    border: 0 !important;\r\n    outline: 0 !important;\r\n\r\n    box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* focus line *\/\r\n\r\n.sb-newsletter__field::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: -1px;\r\n\r\n    width: 0;\r\n    height: 1px;\r\n\r\n    background: var(--sb-rust);\r\n\r\n    transition: width 0.3s ease;\r\n}\r\n\r\n\r\n.sb-newsletter__field:focus-within::after {\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__button {\r\n    width: 100%;\r\n    min-height: 56px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-top: 18px;\r\n\r\n    padding:\r\n        14px\r\n        18px;\r\n\r\n    border:\r\n        1px solid var(--sb-green) !important;\r\n\r\n    background:\r\n        var(--sb-green) !important;\r\n\r\n    color:\r\n        var(--sb-cream-light) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 16px !important;\r\n    font-weight: 500 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.25s ease,\r\n        border-color 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n\r\n.sb-newsletter__button:hover {\r\n    background:\r\n        var(--sb-rust) !important;\r\n\r\n    border-color:\r\n        var(--sb-rust) !important;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n.sb-newsletter__button-arrow {\r\n    flex-shrink: 0;\r\n\r\n    font-size: 20px;\r\n\r\n    transition:\r\n        transform 0.25s ease;\r\n}\r\n\r\n\r\n.sb-newsletter__button:hover\r\n.sb-newsletter__button-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__note {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    max-width: 480px;\r\n\r\n    margin:\r\n        27px\r\n        0\r\n        0 !important;\r\n\r\n    padding-top: 20px;\r\n\r\n    border-top:\r\n        1px solid rgba(68, 82, 54, 0.14);\r\n\r\n    color:\r\n        rgba(68, 82, 54, 0.68) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 12px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.5 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n.sb-newsletter__label {\r\n    position: absolute;\r\n\r\n    width: 1px;\r\n    height: 1px;\r\n\r\n    padding: 0;\r\n    margin: -1px;\r\n\r\n    overflow: hidden;\r\n\r\n    clip: rect(0, 0, 0, 0);\r\n\r\n    white-space: nowrap;\r\n\r\n    border: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .sb-newsletter__inner {\r\n        grid-template-columns:\r\n            minmax(0, 1fr)\r\n            minmax(330px, 0.88fr);\r\n\r\n        gap: 50px;\r\n    }\r\n\r\n\r\n    .sb-newsletter__title {\r\n        font-size: 64px !important;\r\n    }\r\n\r\n\r\n    .sb-newsletter__text {\r\n        font-size: 16px !important;\r\n    }\r\n\r\n\r\n    .sb-newsletter__panel {\r\n        min-height: 500px;\r\n    }\r\n\r\n\r\n    .sb-newsletter__statement {\r\n        font-size: 25px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-newsletter {\r\n        padding:\r\n            62px\r\n            20px\r\n            68px;\r\n    }\r\n\r\n\r\n    .sb-newsletter__inner {\r\n        display: block;\r\n    }\r\n\r\n\r\n    \/* LEFT *\/\r\n\r\n    .sb-newsletter__eyebrow {\r\n        gap: 10px;\r\n\r\n        margin-bottom: 21px;\r\n\r\n        font-size: 9px !important;\r\n        letter-spacing: 0.18em !important;\r\n    }\r\n\r\n\r\n    .sb-newsletter__eyebrow::before {\r\n        width: 28px;\r\n    }\r\n\r\n\r\n    .sb-newsletter__title {\r\n        max-width: 350px;\r\n\r\n        margin-bottom: 30px !important;\r\n\r\n        font-size: 49px !important;\r\n        line-height: 0.95 !important;\r\n    }\r\n\r\n\r\n    .sb-newsletter__copy {\r\n        max-width: 100%;\r\n    }\r\n\r\n\r\n    .sb-newsletter__text {\r\n        font-size: 15px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n\r\n    .sb-newsletter__text + .sb-newsletter__text {\r\n        margin-top: 16px !important;\r\n    }\r\n\r\n\r\n    \/* PANEL *\/\r\n\r\n    .sb-newsletter__panel {\r\n        min-height: 0;\r\n\r\n        margin-top: 42px;\r\n\r\n        padding:\r\n            31px\r\n            22px\r\n            29px;\r\n    }\r\n\r\n\r\n    .sb-newsletter__panel::before {\r\n        top: -13px;\r\n        right: 9px;\r\n\r\n        font-size: 105px;\r\n    }\r\n\r\n\r\n    .sb-newsletter__panel-label {\r\n        gap: 9px;\r\n\r\n        margin-bottom: 22px;\r\n\r\n        font-size: 8px !important;\r\n    }\r\n\r\n\r\n    .sb-newsletter__panel-label::before {\r\n        width: 24px;\r\n    }\r\n\r\n\r\n    .sb-newsletter__statement {\r\n        max-width: 300px;\r\n\r\n        margin-bottom: 34px !important;\r\n\r\n        font-size: 22px !important;\r\n        line-height: 1.28 !important;\r\n    }\r\n\r\n\r\n    \/* FORM *\/\r\n\r\n    .sb-newsletter__input {\r\n        min-height: 54px;\r\n\r\n        font-size: 15px !important;\r\n    }\r\n\r\n\r\n    .sb-newsletter__button {\r\n        min-height: 53px;\r\n\r\n        padding:\r\n            13px\r\n            15px;\r\n\r\n        font-size: 15px !important;\r\n    }\r\n\r\n\r\n    .sb-newsletter__note {\r\n        margin-top: 24px !important;\r\n\r\n        padding-top: 18px;\r\n\r\n        font-size: 11.5px !important;\r\n        line-height: 1.45 !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-newsletter {\r\n        padding-left: 17px;\r\n        padding-right: 17px;\r\n    }\r\n\r\n\r\n    .sb-newsletter__title {\r\n        font-size: 45px !important;\r\n    }\r\n\r\n\r\n    .sb-newsletter__panel {\r\n        padding:\r\n            28px\r\n            19px\r\n            27px;\r\n    }\r\n\r\n\r\n    .sb-newsletter__statement {\r\n        font-size: 21px !important;\r\n    }\r\n\r\n\r\n    .sb-newsletter__button {\r\n        font-size: 14px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-newsletter\">\r\n\r\n    <div class=\"sb-newsletter__inner\">\r\n\r\n\r\n        <!-- LEFT CONTENT -->\r\n\r\n        <div class=\"sb-newsletter__content\">\r\n\r\n            <div class=\"sb-newsletter__eyebrow\">\r\n                Newsletter\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"sb-newsletter__title\">\r\n                O domu \u0107emo pri\u010dati\r\n                <em>malo druga\u010dije.<\/em>\r\n            <\/h2>\r\n\r\n\r\n            <div class=\"sb-newsletter__copy\">\r\n\r\n                <p class=\"sb-newsletter__text\">\r\n                    Ako te zanimaju prostor, energija, \u010dakre, Vastu,\r\n                    boje, arhitektura i ono \u0161to se doga\u0111a kada dom\r\n                    prestanemo da posmatramo povr\u0161no, ve\u0107 kao energiju\r\n                    koja \u017eivi sa nama - ostani sa mnom.\r\n                <\/p>\r\n\r\n\r\n                <p class=\"sb-newsletter__text\">\r\n                    Pisa\u0107u o temama koje otvaraju nova pitanja.\r\n                    Pri\u010da\u0107emo o prakti\u010dnim na\u010dinima da pa\u017eljivije\r\n                    posmatra\u0161 svoj prostor i idejama i praksama koje\r\n                    mo\u017ee\u0161 da isproba\u0161 samostalno u svom domu.\r\n                <\/p>\r\n\r\n\r\n                <p class=\"sb-newsletter__text\">\r\n                    Blagovremeno \u0107u ti javljati kada budu dostupni\r\n                    novi e-bookovi, programi i sadr\u017eaji.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FORM PANEL -->\r\n\r\n        <div class=\"sb-newsletter__panel\">\r\n\r\n\r\n            <div class=\"sb-newsletter__panel-label\">\r\n                Ostani sa mnom\r\n            <\/div>\r\n\r\n\r\n            <p class=\"sb-newsletter__statement\">\r\n                Sadr\u017eaj koji ti daje razlog da svoj prostor\r\n                pogleda\u0161 malo pa\u017eljivije.\r\n            <\/p>\r\n\r\n\r\n            <!--\r\n                KASNIJE POVEZIVANJE NEWSLETTER ALATA\r\n\r\n                FORM ID:\r\n                sb-newsletter-form\r\n\r\n                EMAIL:\r\n                name=\"email\"\r\n\r\n                action=\"#\" kasnije zameniti URL-om\r\n                newsletter platforme ili povezati pluginom.\r\n            -->\r\n\r\n            <form\r\n                class=\"sb-newsletter__form\"\r\n                id=\"sb-newsletter-form\"\r\n                action=\"#\"\r\n                method=\"post\"\r\n            >\r\n\r\n\r\n                <div class=\"sb-newsletter__field\">\r\n\r\n                    <label\r\n                        class=\"sb-newsletter__label\"\r\n                        for=\"sb-newsletter-email\"\r\n                    >\r\n                        Tvoj e-mail\r\n                    <\/label>\r\n\r\n\r\n                    <input\r\n                        class=\"sb-newsletter__input\"\r\n                        id=\"sb-newsletter-email\"\r\n                        name=\"email\"\r\n                        type=\"email\"\r\n                        placeholder=\"Tvoj e-mail\"\r\n                        autocomplete=\"email\"\r\n                        required\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <button\r\n                    class=\"sb-newsletter__button\"\r\n                    type=\"submit\"\r\n                >\r\n\r\n                    <span>\r\n                        \u017delim da \u010ditam\r\n                    <\/span>\r\n\r\n                    <span class=\"sb-newsletter__button-arrow\">\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/form>\r\n\r\n\r\n            <p class=\"sb-newsletter__note\">\r\n                Bez buke i svakodnevnih mailova. Samo sadr\u017eaj za koji\r\n                verujem da vredi \u010ditati jer \u0107e ti otvoriti nove vidike.\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3323609 e-con e-atomic-element e-flexbox-base e-default-div e-73749df \" data-id=\"3323609\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3323609\">\n    \t\t<div class=\"elementor-element elementor-element-005074c elementor-widget elementor-widget-html\" data-id=\"005074c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 - ZAVR\u0160NI CTA\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta,\r\n.sb-final-cta *,\r\n.sb-final-cta *::before,\r\n.sb-final-cta *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-final-cta {\r\n    --sb-green: #445236;\r\n    --sb-rust: #B05330;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-cream-light: #FDFBF5;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 720px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--sb-cream);\r\n\r\n    padding:\r\n        clamp(85px, 8vw, 130px)\r\n        clamp(24px, 6vw, 95px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND PHOTO\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(245, 241, 229, 0.97) 0%,\r\n            rgba(245, 241, 229, 0.94) 24%,\r\n            rgba(245, 241, 229, 0.82) 46%,\r\n            rgba(245, 241, 229, 0.53) 67%,\r\n            rgba(245, 241, 229, 0.28) 100%\r\n        ),\r\n        url('https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0579-scaled.jpg');\r\n\r\n    background-size: cover;\r\n\r\n    \/*\r\n       Svetlana je vi\u0161e desno u kadru,\r\n       pa ostavljamo levi deo mirnijim za tekst.\r\n    *\/\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* vrlo suptilan zavr\u0161ni sloj *\/\r\n\r\n.sb-final-cta::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(253, 251, 245, 0.04) 0%,\r\n            rgba(245, 241, 229, 0.10) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    max-width: 1450px;\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta__content {\r\n    width: 100%;\r\n    max-width: 720px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-bottom: 27px;\r\n\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 11px !important;\r\n    font-weight: 500 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 0.22em !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n\r\n.sb-final-cta__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 40px;\r\n    height: 1px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta__title {\r\n    max-width: 700px;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        29px !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n\r\n    font-size: clamp(64px, 6vw, 92px) !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 0.93 !important;\r\n    letter-spacing: -0.035em !important;\r\n\r\n    text-transform: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta__copy {\r\n    max-width: 610px;\r\n}\r\n\r\n\r\n.sb-final-cta__text {\r\n    margin: 0 !important;\r\n\r\n    color: var(--sb-green) !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 18px !important;\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.58 !important;\r\n}\r\n\r\n\r\n.sb-final-cta__text + .sb-final-cta__text {\r\n    margin-top: 13px !important;\r\n}\r\n\r\n\r\n.sb-final-cta__text strong {\r\n    color: var(--sb-rust);\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta__actions {\r\n    margin-top: 36px;\r\n}\r\n\r\n\r\n.sb-final-cta__button {\r\n    width: fit-content;\r\n\r\n    min-height: 57px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 32px;\r\n\r\n    padding:\r\n        15px\r\n        23px;\r\n\r\n    border:\r\n        1px solid var(--sb-green);\r\n\r\n    background:\r\n        var(--sb-green);\r\n\r\n    color:\r\n        var(--sb-cream-light) !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n    font-size: 16px !important;\r\n    font-weight: 500 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    transition:\r\n        background-color 0.25s ease,\r\n        border-color 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n\r\n.sb-final-cta__button:hover {\r\n    background: var(--sb-rust);\r\n    border-color: var(--sb-rust);\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n.sb-final-cta__button-arrow {\r\n    flex-shrink: 0;\r\n\r\n    font-size: 20px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n\r\n.sb-final-cta__button:hover\r\n.sb-final-cta__button-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .sb-final-cta {\r\n        min-height: 660px;\r\n    }\r\n\r\n\r\n    .sb-final-cta::before {\r\n        background-image:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(245, 241, 229, 0.98) 0%,\r\n                rgba(245, 241, 229, 0.93) 35%,\r\n                rgba(245, 241, 229, 0.65) 64%,\r\n                rgba(245, 241, 229, 0.30) 100%\r\n            ),\r\n            url('https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0579-scaled.jpg');\r\n\r\n        background-position: 55% center;\r\n    }\r\n\r\n\r\n    .sb-final-cta__content {\r\n        max-width: 630px;\r\n    }\r\n\r\n\r\n    .sb-final-cta__title {\r\n        max-width: 620px;\r\n\r\n        font-size: 67px !important;\r\n    }\r\n\r\n\r\n    .sb-final-cta__text {\r\n        font-size: 17px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-final-cta {\r\n        min-height: 650px;\r\n\r\n        align-items: flex-end;\r\n\r\n        padding:\r\n            55px\r\n            20px\r\n            58px;\r\n    }\r\n\r\n\r\n    \/*\r\n       Na telefonu fotografija ostaje vidljiva gore,\r\n       dok se \u010ditljivost gradi prema dnu.\r\n    *\/\r\n\r\n    .sb-final-cta::before {\r\n        background-image:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(245, 241, 229, 0.18) 0%,\r\n                rgba(245, 241, 229, 0.28) 26%,\r\n                rgba(245, 241, 229, 0.70) 55%,\r\n                rgba(245, 241, 229, 0.94) 78%,\r\n                rgba(245, 241, 229, 0.98) 100%\r\n            ),\r\n            url('https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0579-scaled.jpg');\r\n\r\n        background-position: 56% center;\r\n    }\r\n\r\n\r\n    .sb-final-cta::after {\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(245, 241, 229, 0) 0%,\r\n                rgba(245, 241, 229, 0.08) 100%\r\n            );\r\n    }\r\n\r\n\r\n    .sb-final-cta__inner {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .sb-final-cta__content {\r\n        width: 100%;\r\n        max-width: 100%;\r\n    }\r\n\r\n\r\n    \/* EYEBROW *\/\r\n\r\n    .sb-final-cta__eyebrow {\r\n        gap: 10px;\r\n\r\n        margin-bottom: 20px;\r\n\r\n        font-size: 9px !important;\r\n        letter-spacing: 0.18em !important;\r\n    }\r\n\r\n\r\n    .sb-final-cta__eyebrow::before {\r\n        width: 28px;\r\n    }\r\n\r\n\r\n    \/* TITLE *\/\r\n\r\n    .sb-final-cta__title {\r\n        max-width: 340px;\r\n\r\n        margin-bottom: 20px !important;\r\n\r\n        font-size: 49px !important;\r\n        line-height: 0.95 !important;\r\n    }\r\n\r\n\r\n    \/* TEXT *\/\r\n\r\n    .sb-final-cta__copy {\r\n        max-width: 100%;\r\n    }\r\n\r\n\r\n    .sb-final-cta__text {\r\n        font-size: 15px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n\r\n    \/* BUTTON *\/\r\n\r\n    .sb-final-cta__actions {\r\n        margin-top: 28px;\r\n    }\r\n\r\n\r\n    .sb-final-cta__button {\r\n        width: 100%;\r\n        min-height: 54px;\r\n\r\n        padding:\r\n            13px\r\n            16px;\r\n\r\n        gap: 12px;\r\n\r\n        font-size: 15px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-final-cta {\r\n        min-height: 620px;\r\n\r\n        padding:\r\n            48px\r\n            17px\r\n            52px;\r\n    }\r\n\r\n\r\n    .sb-final-cta::before {\r\n        background-position: 57% center;\r\n    }\r\n\r\n\r\n    .sb-final-cta__title {\r\n        max-width: 315px;\r\n\r\n        font-size: 45px !important;\r\n    }\r\n\r\n\r\n    .sb-final-cta__text {\r\n        font-size: 14.5px !important;\r\n    }\r\n\r\n\r\n    .sb-final-cta__button {\r\n        font-size: 14px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-final-cta\">\r\n\r\n    <div class=\"sb-final-cta__inner\">\r\n\r\n        <div class=\"sb-final-cta__content\">\r\n\r\n\r\n            <div class=\"sb-final-cta__eyebrow\">\r\n                Za kraj\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"sb-final-cta__title\">\r\n                Dom nije scenografija na\u0161eg \u017eivota.\r\n            <\/h2>\r\n\r\n\r\n            <div class=\"sb-final-cta__copy\">\r\n\r\n                <p class=\"sb-final-cta__text\">\r\n                    On je deo njega. Energija koja sa nama postoji i di\u0161e.\r\n                <\/p>\r\n\r\n\r\n                <p class=\"sb-final-cta__text\">\r\n                    A kada prostor po\u010dne da podr\u017eava osobu koja u njemu\r\n                    boravi i \u017eivi, menja se mnogo vi\u0161e od njegovog izgleda.\r\n                    <strong>Menjamo se mi.<\/strong>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-final-cta__actions\">\r\n\r\n                <a\r\n                    href=\"https:\/\/svetlanabrkic.rs\/index.php\/oblasti-rada\/\"\r\n                    class=\"sb-final-cta__button\"\r\n                >\r\n\r\n                    <span>\r\n                        Prona\u0111i svoj na\u010din da po\u010dne\u0161\r\n                    <\/span>\r\n\r\n                    <span class=\"sb-final-cta__button-arrow\">\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Arhitektura i dizajn Dom nije samo prostor. On je ogledalo na\u0161eg bi\u0107a. Sigurna luka na\u0161eg tela, uma i Du\u0161e. Prostor u kome smo voljeni, podr\u017eani i vi\u0111eni. Moj pristup Kroz spoj arhitekture, dizajna, energetskih principa, astrolo\u0161ke analize i li\u010dnog rada, poma\u017eem ti da zaviri\u0161 u esenciju svoje Du\u0161e i da iz tog mesta zajedno stvorimo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8218,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":50,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":8486,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions\/8486"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/media\/8218"}],"wp:attachment":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}