{"id":3006,"date":"2024-07-05T06:53:50","date_gmt":"2024-07-05T06:53:50","guid":{"rendered":"https:\/\/warren.qodeinteractive.com\/?page_id=3006"},"modified":"2026-09-24T14:08:27","modified_gmt":"2026-09-24T14:08:27","slug":"nacin-rada-i-metodologija","status":"publish","type":"page","link":"https:\/\/svetlanabrkic.rs\/index.php\/nacin-rada-i-metodologija\/","title":{"rendered":"Na\u010din rada i metodologija"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3006\" class=\"elementor elementor-3006\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d284d13 e-con e-atomic-element e-flexbox-base e-default-div e-677dd7a \" data-id=\"d284d13\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d284d13\">\n    \t\t<div class=\"elementor-element elementor-element-daf7b40 elementor-widget elementor-widget-html\" data-id=\"daf7b40\" 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\r\n   NA\u010cIN RADA I METODOLOGIJA - HERO\r\n   ========================================================= *\/\r\n\r\n.sb-method-hero,\r\n.sb-method-hero *,\r\n.sb-method-hero *::before,\r\n.sb-method-hero *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-method-hero {\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    min-height: 680px;\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEVA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-method-hero__title-side {\r\n    background: #f5f1e5;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    padding: 100px clamp(42px, 6vw, 110px);\r\n}\r\n\r\n.sb-method-hero__title-wrap {\r\n    width: 100%;\r\n    max-width: 760px;\r\n}\r\n\r\n.sb-method-hero__title {\r\n    margin: 0 0 34px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(58px, 5.4vw, 82px);\r\n    font-weight: 400;\r\n    line-height: 0.98;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-method-hero__title-secondary {\r\n    margin: 0;\r\n\r\n    max-width: 520px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.11em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESNA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-method-hero__content-side {\r\n    position: relative;\r\n\r\n    background: #445236;\r\n    color: #f5f1e5;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    padding: 100px clamp(42px, 6vw, 110px);\r\n}\r\n\r\n.sb-method-hero__content-side::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 1px;\r\n    height: 100%;\r\n\r\n    background: rgba(245, 241, 229, 0.18);\r\n}\r\n\r\n.sb-method-hero__content {\r\n    width: 100%;\r\n    max-width: 560px;\r\n}\r\n\r\n.sb-method-hero__copy {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 19px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n\r\n    color: #f5f1e5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ZAISTA SPU\u0160TEN ISPOD TEKSTA\r\n   ========================================================= *\/\r\n\r\n.sb-method-hero__cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n\r\n    margin-top: 30px;\r\n\r\n    padding: 15px 25px;\r\n\r\n    border: 1px solid #f5f1e5;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n\r\n    color: #f5f1e5;\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        background-color 0.3s ease,\r\n        border-color 0.3s ease,\r\n        color 0.3s ease;\r\n}\r\n\r\n.sb-method-hero__cta::after {\r\n    content: \"\u2192\";\r\n\r\n    font-size: 16px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.sb-method-hero__cta:hover {\r\n    background: #b05330;\r\n    border-color: #b05330;\r\n    color: #f5f1e5;\r\n}\r\n\r\n.sb-method-hero__cta:hover::after {\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-method-hero {\r\n        min-height: 600px;\r\n        grid-template-columns: 54% 46%;\r\n    }\r\n\r\n    .sb-method-hero__title-side,\r\n    .sb-method-hero__content-side {\r\n        padding: 75px 42px;\r\n    }\r\n\r\n    .sb-method-hero__title {\r\n        font-size: clamp(50px, 6vw, 66px);\r\n    }\r\n\r\n    .sb-method-hero__title-secondary {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .sb-method-hero__copy {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .sb-method-hero__cta {\r\n        margin-top: 75px;\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-method-hero {\r\n        display: block;\r\n        min-height: 0;\r\n    }\r\n\r\n    .sb-method-hero__title-side {\r\n        min-height: 390px;\r\n\r\n        padding:\r\n            68px\r\n            22px\r\n            58px;\r\n\r\n        align-items: flex-end;\r\n    }\r\n\r\n    .sb-method-hero__title-wrap {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-method-hero__title {\r\n        margin-bottom: 28px;\r\n\r\n        font-size: clamp(46px, 13vw, 60px);\r\n        line-height: 0.98;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .sb-method-hero__title-secondary {\r\n        max-width: 100%;\r\n\r\n        font-size: 12px;\r\n        line-height: 1.55;\r\n        letter-spacing: 0.1em;\r\n    }\r\n\r\n    .sb-method-hero__content-side {\r\n        min-height: 360px;\r\n\r\n        padding:\r\n            50px\r\n            22px\r\n            58px;\r\n    }\r\n\r\n    .sb-method-hero__content-side::before {\r\n        width: 100%;\r\n        height: 1px;\r\n    }\r\n\r\n    .sb-method-hero__content {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-method-hero__copy {\r\n        font-size: 16px;\r\n        line-height: 1.62;\r\n    }\r\n\r\n    .sb-method-hero__cta {\r\n        margin-top: 60px;\r\n\r\n        padding: 14px 21px;\r\n\r\n        font-size: 11px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .sb-method-hero__title-side {\r\n        min-height: 360px;\r\n    }\r\n\r\n    .sb-method-hero__title {\r\n        font-size: 44px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-method-hero\">\r\n\r\n    <div class=\"sb-method-hero__title-side\">\r\n\r\n        <div class=\"sb-method-hero__title-wrap\">\r\n\r\n            <h1 class=\"sb-method-hero__title\">\r\n                Kre\u0107emo od tvog unutra\u0161njeg \"prostora\".\r\n            <\/h1>\r\n\r\n            <p class=\"sb-method-hero__title-secondary\">\r\n                Upoznajem tebe. Tek onda menjam dom.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"sb-method-hero__content-side\">\r\n\r\n        <div class=\"sb-method-hero__content\">\r\n\r\n            <p class=\"sb-method-hero__copy\">\r\n                Moj pristup polazi od jednostavne ideje: ne postoji univerzalno dobar dom ako ne znamo za koga ga stvaramo.\r\n            <\/p>\r\n\r\n            <a class=\"sb-method-hero__cta\" href=\"#proces\">\r\n                Pogledaj proces\r\n            <\/a>\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-b845a9a e-con e-atomic-element e-flexbox-base e-default-div e-9eb263c \" data-id=\"b845a9a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b845a9a\">\n    \t\t<div class=\"elementor-element elementor-element-d3fef7f elementor-widget elementor-widget-html\" data-id=\"d3fef7f\" 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\r\n   NA\u010cIN RADA I METODOLOGIJA\r\n   ESTETIKA DOLAZI KASNIJE\r\n   ========================================================= *\/\r\n\r\n.sb-estetika,\r\n.sb-estetika *,\r\n.sb-estetika *::before,\r\n.sb-estetika *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-estetika {\r\n    width: 100%;\r\n    background: #f5f1e5;\r\n    color: #445236;\r\n\r\n    padding: 78px 6vw 82px;\r\n}\r\n\r\n.sb-estetika__inner {\r\n    width: min(1280px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GORNJI DEO\r\n   ========================================================= *\/\r\n\r\n.sb-estetika__eyebrow {\r\n    display: block;\r\n\r\n    margin: 0 0 15px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n.sb-estetika__title {\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(48px, 4.6vw, 66px);\r\n    font-weight: 400;\r\n    line-height: 0.96;\r\n    letter-spacing: -0.02em;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-estetika__accent-line {\r\n    width: 55px;\r\n    height: 1px;\r\n\r\n    margin: 23px 0 30px;\r\n\r\n    background: #b05330;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UVOD\r\n   ========================================================= *\/\r\n\r\n.sb-estetika__intro {\r\n    max-width: 900px;\r\n}\r\n\r\n.sb-estetika__intro p {\r\n    margin: 0 0 10px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-estetika__intro p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.sb-estetika__lead {\r\n    margin-bottom: 14px !important;\r\n\r\n    font-family: \"Imbue\", Georgia, serif !important;\r\n    font-size: 31px !important;\r\n    line-height: 1.08 !important;\r\n\r\n    color: #445236 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PITANJA\r\n   ========================================================= *\/\r\n\r\n.sb-estetika__questions {\r\n    margin-top: 34px;\r\n    padding-top: 30px;\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.16);\r\n}\r\n\r\n.sb-estetika__questions-label {\r\n    margin: 0 0 16px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n\r\n\/* 3 KOLONE X 3 PITANJA *\/\r\n.sb-estetika__questions-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n\r\n    column-gap: 34px;\r\n    row-gap: 0;\r\n}\r\n\r\n.sb-estetika__question {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    min-height: 55px;\r\n\r\n    margin: 0;\r\n    padding: 15px 8px 15px 18px;\r\n\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.13);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1.45;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-estetika__question::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 24px;\r\n\r\n    width: 6px;\r\n    height: 1px;\r\n\r\n    background: #b05330;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ZAVR\u0160NA RE\u010cENICA\r\n   ========================================================= *\/\r\n\r\n.sb-estetika__closing {\r\n    margin-top: 34px;\r\n    padding-top: 30px;\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.16);\r\n}\r\n\r\n.sb-estetika__closing p {\r\n    margin: 0;\r\n\r\n    max-width: 820px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(25px, 2.2vw, 32px);\r\n    font-weight: 400;\r\n    line-height: 1.12;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-estetika__closing span {\r\n    color: #b05330;\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-estetika {\r\n        padding:\r\n            68px\r\n            42px\r\n            72px;\r\n    }\r\n\r\n    .sb-estetika__title {\r\n        font-size: 52px;\r\n    }\r\n\r\n    .sb-estetika__questions-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        column-gap: 25px;\r\n    }\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-estetika {\r\n        padding:\r\n            58px\r\n            22px\r\n            64px;\r\n    }\r\n\r\n    .sb-estetika__eyebrow {\r\n        margin-bottom: 12px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-estetika__title {\r\n        font-size: 44px;\r\n        line-height: 0.98;\r\n    }\r\n\r\n    .sb-estetika__accent-line {\r\n        margin:\r\n            20px\r\n            0\r\n            25px;\r\n\r\n        width: 48px;\r\n    }\r\n\r\n    .sb-estetika__intro {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-estetika__intro p {\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .sb-estetika__lead {\r\n        font-size: 27px !important;\r\n    }\r\n\r\n    .sb-estetika__questions {\r\n        margin-top: 28px;\r\n        padding-top: 25px;\r\n    }\r\n\r\n    .sb-estetika__questions-label {\r\n        margin-bottom: 12px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-estetika__questions-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sb-estetika__question {\r\n        min-height: 0;\r\n\r\n        padding:\r\n            11px\r\n            5px\r\n            11px\r\n            17px;\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n    .sb-estetika__question::before {\r\n        top: 20px;\r\n    }\r\n\r\n    .sb-estetika__closing {\r\n        margin-top: 28px;\r\n        padding-top: 25px;\r\n    }\r\n\r\n    .sb-estetika__closing p {\r\n        font-size: 27px;\r\n        line-height: 1.1;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-estetika\">\r\n\r\n    <div class=\"sb-estetika__inner\">\r\n\r\n\r\n        <!-- NASLOV -->\r\n\r\n        <span class=\"sb-estetika__eyebrow\">\r\n            Prvo \u010dovek, zatim prostor\r\n        <\/span>\r\n\r\n        <h2 class=\"sb-estetika__title\">\r\n            Estetika dolazi kasnije.\r\n        <\/h2>\r\n\r\n        <div class=\"sb-estetika__accent-line\"><\/div>\r\n\r\n\r\n        <!-- UVOD -->\r\n\r\n        <div class=\"sb-estetika__intro\">\r\n\r\n            <p class=\"sb-estetika__lead\">\r\n                Volim lepe prostore.\r\n            <\/p>\r\n\r\n            <p>\r\n                Ali lepota bez odnosa sa \u010dovekom lako postaje scenografija.\r\n            <\/p>\r\n\r\n            <p>\r\n                Zato po\u010detak saradnje ne svodim samo na pitanje: \u201eKoji stil voli\u0161?\"\r\n            <\/p>\r\n\r\n            <p>\r\n                Mnogo vi\u0161e me interesuju pitanja:\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PITANJA -->\r\n\r\n        <div class=\"sb-estetika__questions\">\r\n\r\n            <p class=\"sb-estetika__questions-label\">\r\n                Ono \u0161to \u017eelim da razumem\r\n            <\/p>\r\n\r\n            <div class=\"sb-estetika__questions-grid\">\r\n\r\n                <p class=\"sb-estetika__question\">\r\n                    Kako \u017eivi\u0161?\r\n                <\/p>\r\n\r\n                <p class=\"sb-estetika__question\">\r\n                    Kako \u017eeli\u0161 da \u017eivi\u0161?\r\n                <\/p>\r\n\r\n                <p class=\"sb-estetika__question\">\r\n                    \u0160ta ti trenutno nedostaje?\r\n                <\/p>\r\n\r\n                <p class=\"sb-estetika__question\">\r\n                    Kako se ose\u0107a\u0161 kada u\u0111e\u0161 u svoj dom?\r\n                <\/p>\r\n\r\n                <p class=\"sb-estetika__question\">\r\n                    Koje delove prostora voli\u0161, a koje izbegava\u0161?\r\n                <\/p>\r\n\r\n                <p class=\"sb-estetika__question\">\r\n                    Gde ti je lako da odmori\u0161?\r\n                <\/p>\r\n\r\n                <p class=\"sb-estetika__question\">\r\n                    Gde stvara\u0161?\r\n                <\/p>\r\n\r\n                <p class=\"sb-estetika__question\">\r\n                    Kako se kre\u0107e\u0161 kroz svoj dan?\r\n                <\/p>\r\n\r\n                <p class=\"sb-estetika__question\">\r\n                    \u0160ta \u017eeli\u0161 da ose\u0107a\u0161 vi\u0161e?\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ZAKLJU\u010cAK -->\r\n\r\n        <div class=\"sb-estetika__closing\">\r\n\r\n            <p>\r\n                Odgovori na ova i mnogo drugih pitanja postaju jednako va\u017ean\r\n                <span>materijal<\/span> kao i sam nacrt prostorije.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\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-794ff1b e-con e-atomic-element e-flexbox-base e-default-div e-43a4a55 \" data-id=\"794ff1b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"794ff1b\">\n    \t\t<div class=\"elementor-element elementor-element-dcc4888 elementor-widget elementor-widget-html\" data-id=\"dcc4888\" 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\r\n   NA\u010cIN RADA I METODOLOGIJA\r\n   SEDAM SLOJEVA DIZAJNA - CAROUSEL\r\n   ========================================================= *\/\r\n\r\n.sb-layers-carousel,\r\n.sb-layers-carousel *,\r\n.sb-layers-carousel *::before,\r\n.sb-layers-carousel *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-layers-carousel {\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: #445236;\r\n    color: #f5f1e5;\r\n\r\n    padding: 82px 0 88px;\r\n}\r\n\r\n.sb-layers-carousel__inner {\r\n    width: min(1320px, calc(100% - 12vw));\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.sb-layers-carousel__header {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n\r\n    margin-bottom: 38px;\r\n}\r\n\r\n.sb-layers-carousel__heading {\r\n    max-width: 760px;\r\n}\r\n\r\n.sb-layers-carousel__eyebrow {\r\n    display: block;\r\n\r\n    margin: 0 0 13px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: #d07a4d;\r\n}\r\n\r\n.sb-layers-carousel__title {\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(48px, 4.6vw, 68px);\r\n    font-weight: 400;\r\n    line-height: 0.96;\r\n    letter-spacing: -0.02em;\r\n\r\n    color: #f5f1e5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVIGACIJA\r\n   ========================================================= *\/\r\n\r\n.sb-layers-carousel__controls {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    flex-shrink: 0;\r\n}\r\n\r\n.sb-layers-carousel__counter {\r\n    min-width: 60px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.12em;\r\n\r\n    color: rgba(245, 241, 229, 0.72);\r\n}\r\n\r\n.sb-layers-carousel__button {\r\n    width: 42px;\r\n    height: 42px;\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: 1px solid rgba(245, 241, 229, 0.42);\r\n    border-radius: 50%;\r\n\r\n    background: transparent;\r\n    color: #f5f1e5;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 18px;\r\n    line-height: 1;\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        color 0.25s ease;\r\n}\r\n\r\n.sb-layers-carousel__button:hover {\r\n    background: #f5f1e5;\r\n    border-color: #f5f1e5;\r\n    color: #445236;\r\n}\r\n\r\n.sb-layers-carousel__button:disabled {\r\n    opacity: 0.3;\r\n    cursor: default;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAROUSEL VIEWPORT\r\n   ========================================================= *\/\r\n\r\n.sb-layers-carousel__viewport {\r\n    width: 100%;\r\n    overflow: visible;\r\n}\r\n\r\n.sb-layers-carousel__track {\r\n    display: flex;\r\n    gap: 20px;\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    scrollbar-width: none;\r\n    -ms-overflow-style: none;\r\n\r\n    padding: 0 11vw 8px 0;\r\n}\r\n\r\n.sb-layers-carousel__track::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE\r\n   ========================================================= *\/\r\n\r\n.sb-layers-carousel__slide {\r\n    position: relative;\r\n\r\n    flex: 0 0 86%;\r\n    min-height: 405px;\r\n\r\n    scroll-snap-align: start;\r\n\r\n    display: grid;\r\n    grid-template-columns: 0.37fr 0.63fr;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #f5f1e5;\r\n    color: #445236;\r\n\r\n    border-radius: 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEVA STRANA KARTICE\r\n   ========================================================= *\/\r\n\r\n.sb-layers-carousel__slide-heading {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n\r\n    padding: 34px 34px 32px;\r\n\r\n    border-right: 1px solid rgba(68, 82, 54, 0.15);\r\n}\r\n\r\n.sb-layers-carousel__number {\r\n    display: block;\r\n\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n.sb-layers-carousel__slide-title {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: auto 0 0;\r\n\r\n    max-width: 300px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(40px, 3.4vw, 54px);\r\n    font-weight: 400;\r\n    line-height: 0.95;\r\n    letter-spacing: -0.015em;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-layers-carousel__ghost {\r\n    position: absolute;\r\n\r\n    left: 26px;\r\n    bottom: -20px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: 170px;\r\n    font-weight: 400;\r\n    line-height: 0.8;\r\n\r\n    color: rgba(176, 83, 48, 0.055);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESNA STRANA KARTICE\r\n   ========================================================= *\/\r\n\r\n.sb-layers-carousel__content {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    padding: 42px 48px;\r\n}\r\n\r\n.sb-layers-carousel__text {\r\n    width: 100%;\r\n    max-width: 660px;\r\n}\r\n\r\n.sb-layers-carousel__text p {\r\n    margin: 0 0 15px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.68;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-layers-carousel__text p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DONJA PROGRESS LINIJA\r\n   ========================================================= *\/\r\n\r\n.sb-layers-carousel__progress {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 1px;\r\n\r\n    margin-top: 28px;\r\n\r\n    background: rgba(245, 241, 229, 0.18);\r\n}\r\n\r\n.sb-layers-carousel__progress-bar {\r\n    width: calc(100% \/ 7);\r\n    height: 1px;\r\n\r\n    background: #d07a4d;\r\n\r\n    transform: translateX(0);\r\n    transition: transform 0.35s ease;\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-layers-carousel {\r\n        padding: 70px 0 76px;\r\n    }\r\n\r\n    .sb-layers-carousel__inner {\r\n        width: calc(100% - 84px);\r\n    }\r\n\r\n    .sb-layers-carousel__slide {\r\n        flex-basis: 92%;\r\n        min-height: 390px;\r\n\r\n        grid-template-columns: 0.4fr 0.6fr;\r\n    }\r\n\r\n    .sb-layers-carousel__slide-heading {\r\n        padding: 30px;\r\n    }\r\n\r\n    .sb-layers-carousel__content {\r\n        padding: 36px;\r\n    }\r\n\r\n    .sb-layers-carousel__slide-title {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .sb-layers-carousel__ghost {\r\n        font-size: 145px;\r\n    }\r\n\r\n    .sb-layers-carousel__text p {\r\n        font-size: 14px;\r\n        line-height: 1.62;\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-layers-carousel {\r\n        padding: 60px 0 64px;\r\n    }\r\n\r\n    .sb-layers-carousel__inner {\r\n        width: calc(100% - 44px);\r\n    }\r\n\r\n    .sb-layers-carousel__header {\r\n        display: block;\r\n\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .sb-layers-carousel__eyebrow {\r\n        margin-bottom: 11px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-layers-carousel__title {\r\n        font-size: 44px;\r\n        line-height: 0.97;\r\n    }\r\n\r\n    .sb-layers-carousel__controls {\r\n        justify-content: space-between;\r\n\r\n        margin-top: 24px;\r\n    }\r\n\r\n    .sb-layers-carousel__counter {\r\n        flex: 1;\r\n    }\r\n\r\n    .sb-layers-carousel__button {\r\n        width: 39px;\r\n        height: 39px;\r\n    }\r\n\r\n    .sb-layers-carousel__track {\r\n        gap: 14px;\r\n\r\n        padding-right: 12vw;\r\n    }\r\n\r\n    .sb-layers-carousel__slide {\r\n        flex: 0 0 90%;\r\n        min-height: 0;\r\n\r\n        display: block;\r\n\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .sb-layers-carousel__slide-heading {\r\n        min-height: 170px;\r\n\r\n        display: block;\r\n\r\n        padding: 24px 22px;\r\n\r\n        border-right: 0;\r\n        border-bottom: 1px solid rgba(68, 82, 54, 0.14);\r\n    }\r\n\r\n    .sb-layers-carousel__number {\r\n        margin-bottom: 42px;\r\n    }\r\n\r\n    .sb-layers-carousel__slide-title {\r\n        max-width: 85%;\r\n\r\n        margin: 0;\r\n\r\n        font-size: 36px;\r\n        line-height: 0.96;\r\n    }\r\n\r\n    .sb-layers-carousel__ghost {\r\n        left: auto;\r\n        right: 12px;\r\n        bottom: -7px;\r\n\r\n        font-size: 110px;\r\n    }\r\n\r\n    .sb-layers-carousel__content {\r\n        display: block;\r\n\r\n        padding: 25px 22px 28px;\r\n    }\r\n\r\n    .sb-layers-carousel__text p {\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .sb-layers-carousel__progress {\r\n        margin-top: 22px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-layers-carousel\">\r\n\r\n    <div class=\"sb-layers-carousel__inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"sb-layers-carousel__header\">\r\n\r\n            <div class=\"sb-layers-carousel__heading\">\r\n\r\n                <span class=\"sb-layers-carousel__eyebrow\">\r\n                    Sedam slojeva dizajna\r\n                <\/span>\r\n\r\n                <h2 class=\"sb-layers-carousel__title\">\r\n                    Dizajn posmatram kroz vi\u0161e slojeva.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-layers-carousel__controls\">\r\n\r\n                <span class=\"sb-layers-carousel__counter\">\r\n                    <span class=\"sb-layers-current\">01<\/span> \/ 07\r\n                <\/span>\r\n\r\n                <button\r\n                    class=\"sb-layers-carousel__button sb-layers-prev\"\r\n                    type=\"button\"\r\n                    aria-label=\"Prethodni sloj\">\r\n                    \u2190\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"sb-layers-carousel__button sb-layers-next\"\r\n                    type=\"button\"\r\n                    aria-label=\"Slede\u0107i sloj\">\r\n                    \u2192\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CAROUSEL -->\r\n        <div class=\"sb-layers-carousel__viewport\">\r\n\r\n            <div class=\"sb-layers-carousel__track\">\r\n\r\n\r\n                <!-- 01 -->\r\n                <article class=\"sb-layers-carousel__slide\">\r\n\r\n                    <div class=\"sb-layers-carousel__slide-heading\">\r\n\r\n                        <span class=\"sb-layers-carousel__number\">\r\n                            Sloj 01\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-layers-carousel__ghost\">\r\n                            01\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-layers-carousel__slide-title\">\r\n                            Osoba\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-layers-carousel__content\">\r\n\r\n                        <div class=\"sb-layers-carousel__text\">\r\n\r\n                            <p>\r\n                                Tvoje potrebe, vrednosti, emocije, \u017eivotni ritam, odnosi, navike i ono \u0161to \u017eeli\u0161 da prostor podr\u017ei.\r\n                            <\/p>\r\n\r\n                            <p>\r\n                                U mojim programima klijent nije pasivni primalac gotovog dizajna.\r\n                            <\/p>\r\n\r\n                            <p>\r\n                                Kroz razgovor i ve\u017ebe samospoznaje aktivno u\u010destvuje u procesu kako bi odluke o prostoru proiza\u0161le iz jasnijeg razumevanja sebe.\r\n                            <\/p>\r\n\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-layers-carousel__slide\">\r\n\r\n                    <div class=\"sb-layers-carousel__slide-heading\">\r\n\r\n                        <span class=\"sb-layers-carousel__number\">\r\n                            Sloj 02\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-layers-carousel__ghost\">\r\n                            02\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-layers-carousel__slide-title\">\r\n                            Arhitektura\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-layers-carousel__content\">\r\n\r\n                        <div class=\"sb-layers-carousel__text\">\r\n\r\n                            <p>\r\n                                Funkcija, organizacija, proporcije, kretanje kroz prostor, svetlost, stil i sve ono \u0161to dom mora prakti\u010dno da podr\u017ei.\r\n                            <\/p>\r\n\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-layers-carousel__slide\">\r\n\r\n                    <div class=\"sb-layers-carousel__slide-heading\">\r\n\r\n                        <span class=\"sb-layers-carousel__number\">\r\n                            Sloj 03\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-layers-carousel__ghost\">\r\n                            03\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-layers-carousel__slide-title\">\r\n                            Vastu\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-layers-carousel__content\">\r\n\r\n                        <div class=\"sb-layers-carousel__text\">\r\n\r\n                            <p>\r\n                                U uslugama u kojima je relevantno, posmatramo raspored prostorija, tok, potencijale pojedinih zona doma i primenjujemo osnovne prirodne principe Vastu tradicije.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 04 -->\r\n                <article class=\"sb-layers-carousel__slide\">\r\n\r\n                    <div class=\"sb-layers-carousel__slide-heading\">\r\n\r\n                        <span class=\"sb-layers-carousel__number\">\r\n                            Sloj 04\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-layers-carousel__ghost\">\r\n                            04\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-layers-carousel__slide-title\">\r\n                            \u010cakre i energija doma\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-layers-carousel__content\">\r\n\r\n                        <div class=\"sb-layers-carousel__text\">\r\n\r\n                            <p>\r\n                                Pojedina\u010dne prostorije na\u0161eg doma su u korelaciji sa \u010dakrama - energetskim centrima du\u017e na\u0161eg ki\u010dmenog stuba. Sagledavamo energiju doma i na\u0161ih emocija u svim prostorijama.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 05 -->\r\n                <article class=\"sb-layers-carousel__slide\">\r\n\r\n                    <div class=\"sb-layers-carousel__slide-heading\">\r\n\r\n                        <span class=\"sb-layers-carousel__number\">\r\n                            Sloj 05\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-layers-carousel__ghost\">\r\n                            05\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-layers-carousel__slide-title\">\r\n                            \u0110oti\u0161\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-layers-carousel__content\">\r\n\r\n                        <div class=\"sb-layers-carousel__text\">\r\n\r\n                            <p>\r\n                                U astrolo\u0161koj postavci tvoje natalne karte sagledavamo planete koje treba da se oja\u010daju ili \u010diji uticaj treba da se umanji kako bi prostor podr\u017eao razvoj tvojih potencijala.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 06 -->\r\n                <article class=\"sb-layers-carousel__slide\">\r\n\r\n                    <div class=\"sb-layers-carousel__slide-heading\">\r\n\r\n                        <span class=\"sb-layers-carousel__number\">\r\n                            Sloj 06\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-layers-carousel__ghost\">\r\n                            06\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-layers-carousel__slide-title\">\r\n                            Color design\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-layers-carousel__content\">\r\n\r\n                        <div class=\"sb-layers-carousel__text\">\r\n\r\n                            <p>\r\n                                Boju ne posmatram samo kao dekorativni izbor. Ona mo\u017ee postati deo identiteta i atmosfere prostora.\r\n                            <\/p>\r\n\r\n                            <p>\r\n                                U odre\u0111enim programima povezujemo je i sa drugim analizama sa ciljem aktiviranja energije prostora ili podsticaja potencijala prepoznatih \u0110oti\u0161 analizom.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 07 -->\r\n                <article class=\"sb-layers-carousel__slide\">\r\n\r\n                    <div class=\"sb-layers-carousel__slide-heading\">\r\n\r\n                        <span class=\"sb-layers-carousel__number\">\r\n                            Sloj 07\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-layers-carousel__ghost\">\r\n                            07\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-layers-carousel__slide-title\">\r\n                            Tantri\u010dke sobe\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-layers-carousel__content\">\r\n\r\n                        <div class=\"sb-layers-carousel__text\">\r\n\r\n                            <p>\r\n                                Pri\u010damo o u\u017eitku i intimi na malo druga\u010diji na\u010din. Otkrivamo skrivene ili mo\u017eda zaboravljenje iskre u nama koje nam razbu\u0111uju strast.\r\n                            <\/p>\r\n\r\n                            <p>\r\n                                Odatle stvaramo prostor koji podr\u017eava i rasplamsava \u017eivotnu i kreativnu energiju u nama.\r\n                            <\/p>\r\n\r\n                        <\/div>\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\r\n        <!-- PROGRESS -->\r\n        <div class=\"sb-layers-carousel__progress\">\r\n\r\n            <div class=\"sb-layers-carousel__progress-bar\"><\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const section = document.querySelector(\".sb-layers-carousel\");\r\n\r\n    if (!section) return;\r\n\r\n    const track = section.querySelector(\".sb-layers-carousel__track\");\r\n    const slides = Array.from(\r\n        section.querySelectorAll(\".sb-layers-carousel__slide\")\r\n    );\r\n\r\n    const prevButton = section.querySelector(\".sb-layers-prev\");\r\n    const nextButton = section.querySelector(\".sb-layers-next\");\r\n\r\n    const currentNumber = section.querySelector(\".sb-layers-current\");\r\n    const progressBar = section.querySelector(\r\n        \".sb-layers-carousel__progress-bar\"\r\n    );\r\n\r\n    let currentIndex = 0;\r\n\r\n\r\n    function goToSlide(index) {\r\n\r\n        index = Math.max(\r\n            0,\r\n            Math.min(index, slides.length - 1)\r\n        );\r\n\r\n        const slide = slides[index];\r\n\r\n        track.scrollTo({\r\n            left: slide.offsetLeft,\r\n            behavior: \"smooth\"\r\n        });\r\n\r\n        currentIndex = index;\r\n\r\n        updateUI();\r\n    }\r\n\r\n\r\n    function updateUI() {\r\n\r\n        currentNumber.textContent =\r\n            String(currentIndex + 1).padStart(2, \"0\");\r\n\r\n        prevButton.disabled =\r\n            currentIndex === 0;\r\n\r\n        nextButton.disabled =\r\n            currentIndex === slides.length - 1;\r\n\r\n        progressBar.style.transform =\r\n            \"translateX(\" + (currentIndex * 100) + \"%)\";\r\n    }\r\n\r\n\r\n    prevButton.addEventListener(\"click\", function () {\r\n        goToSlide(currentIndex - 1);\r\n    });\r\n\r\n\r\n    nextButton.addEventListener(\"click\", function () {\r\n        goToSlide(currentIndex + 1);\r\n    });\r\n\r\n\r\n    let scrollTimeout;\r\n\r\n    track.addEventListener(\"scroll\", function () {\r\n\r\n        clearTimeout(scrollTimeout);\r\n\r\n        scrollTimeout = setTimeout(function () {\r\n\r\n            let closestIndex = 0;\r\n            let closestDistance = Infinity;\r\n\r\n            slides.forEach(function (slide, index) {\r\n\r\n                const distance = Math.abs(\r\n                    slide.offsetLeft - track.scrollLeft\r\n                );\r\n\r\n                if (distance < closestDistance) {\r\n                    closestDistance = distance;\r\n                    closestIndex = index;\r\n                }\r\n\r\n            });\r\n\r\n            currentIndex = closestIndex;\r\n            updateUI();\r\n\r\n        }, 80);\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\n<\/div>\n<div class=\"elementor-element elementor-element-637466d e-flex e-con-boxed e-con e-parent\" data-id=\"637466d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a78882 elementor-widget elementor-widget-html\" data-id=\"1a78882\" 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\r\n   NA\u010cIN RADA I METODOLOGIJA\r\n   ALATI NISU CILJ\r\n   ========================================================= *\/\r\n\r\n.sb-tools,\r\n.sb-tools *,\r\n.sb-tools *::before,\r\n.sb-tools *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-tools {\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: #f5f1e5;\r\n    color: #445236;\r\n\r\n    padding: 76px 6vw 80px;\r\n}\r\n\r\n.sb-tools__inner {\r\n    width: min(1240px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.sb-tools__eyebrow {\r\n    display: block;\r\n\r\n    margin: 0 0 13px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n.sb-tools__title {\r\n    max-width: 930px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(46px, 4.4vw, 64px);\r\n    font-weight: 400;\r\n    line-height: 0.98;\r\n    letter-spacing: -0.02em;\r\n\r\n    color: #445236;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOL INDEX\r\n   ========================================================= *\/\r\n\r\n.sb-tools__index {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 0;\r\n\r\n    margin-top: 30px;\r\n    padding: 16px 0;\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.17);\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.17);\r\n}\r\n\r\n.sb-tools__index span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(68, 82, 54, 0.72);\r\n}\r\n\r\n.sb-tools__index span:not(:last-child)::after {\r\n    content: \"\/\";\r\n\r\n    display: inline-block;\r\n\r\n    margin: 0 16px;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLAVNI SADR\u017dAJ\r\n   ========================================================= *\/\r\n\r\n.sb-tools__main {\r\n    display: grid;\r\n    grid-template-columns: 0.82fr 1.18fr;\r\n    gap: clamp(50px, 7vw, 105px);\r\n\r\n    align-items: start;\r\n\r\n    padding: 45px 0 42px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEVI MANIFEST\r\n   ========================================================= *\/\r\n\r\n.sb-tools__manifest {\r\n    position: relative;\r\n\r\n    padding-left: 26px;\r\n\r\n    border-left: 1px solid #b05330;\r\n}\r\n\r\n.sb-tools__manifest-label {\r\n    margin: 0 0 17px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n.sb-tools__manifest-main {\r\n    margin: 0;\r\n\r\n    max-width: 390px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(46px, 4vw, 60px);\r\n    font-weight: 400;\r\n    line-height: 0.94;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n.sb-tools__manifest-small {\r\n    margin: 21px 0 0;\r\n\r\n    max-width: 310px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    line-height: 1.55;\r\n\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n\r\n    color: #445236;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESNI TEKST\r\n   ========================================================= *\/\r\n\r\n.sb-tools__copy {\r\n    max-width: 690px;\r\n}\r\n\r\n.sb-tools__copy p {\r\n    margin: 0 0 14px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.68;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-tools__copy p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* Prvi deo teksta malo izdvojen *\/\r\n.sb-tools__copy-intro {\r\n    margin-bottom: 22px !important;\r\n\r\n    font-size: 17px !important;\r\n    line-height: 1.6 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ZAVR\u0160NI POJAS\r\n   ========================================================= *\/\r\n\r\n.sb-tools__closing {\r\n    position: relative;\r\n\r\n    margin-top: 2px;\r\n    padding: 30px 34px;\r\n\r\n    background: rgba(176, 83, 48, 0.065);\r\n\r\n    border-left: 3px solid #b05330;\r\n}\r\n\r\n.sb-tools__closing-label {\r\n    display: block;\r\n\r\n    margin: 0 0 9px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n.sb-tools__closing p {\r\n    max-width: 950px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(27px, 2.4vw, 35px);\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-tools__closing em {\r\n    font-style: normal;\r\n    color: #b05330;\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-tools {\r\n        padding: 66px 42px 70px;\r\n    }\r\n\r\n    .sb-tools__title {\r\n        max-width: 850px;\r\n        font-size: 54px;\r\n    }\r\n\r\n    .sb-tools__main {\r\n        grid-template-columns: 0.78fr 1.22fr;\r\n        gap: 48px;\r\n\r\n        padding: 38px 0;\r\n    }\r\n\r\n    .sb-tools__manifest-main {\r\n        font-size: 48px;\r\n    }\r\n\r\n    .sb-tools__copy p {\r\n        font-size: 14px;\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-tools {\r\n        padding: 58px 22px 62px;\r\n    }\r\n\r\n    .sb-tools__eyebrow {\r\n        margin-bottom: 11px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-tools__title {\r\n        max-width: 100%;\r\n\r\n        font-size: 42px;\r\n        line-height: 0.98;\r\n    }\r\n\r\n\r\n    \/* alati horizontalno, bez ogromne visine *\/\r\n    .sb-tools__index {\r\n        gap: 10px 0;\r\n\r\n        margin-top: 25px;\r\n        padding: 14px 0;\r\n    }\r\n\r\n    .sb-tools__index span {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-tools__index span:not(:last-child)::after {\r\n        margin: 0 9px;\r\n    }\r\n\r\n\r\n    .sb-tools__main {\r\n        display: block;\r\n\r\n        padding: 34px 0 32px;\r\n    }\r\n\r\n    .sb-tools__manifest {\r\n        margin-bottom: 31px;\r\n\r\n        padding-left: 19px;\r\n    }\r\n\r\n    .sb-tools__manifest-label {\r\n        margin-bottom: 13px;\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-tools__manifest-main {\r\n        max-width: 100%;\r\n\r\n        font-size: 43px;\r\n    }\r\n\r\n    .sb-tools__manifest-small {\r\n        margin-top: 16px;\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n    .sb-tools__copy {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-tools__copy p {\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 14px;\r\n        line-height: 1.62;\r\n    }\r\n\r\n    .sb-tools__copy-intro {\r\n        margin-bottom: 18px !important;\r\n\r\n        font-size: 15px !important;\r\n    }\r\n\r\n    .sb-tools__closing {\r\n        padding: 24px 22px;\r\n    }\r\n\r\n    .sb-tools__closing-label {\r\n        margin-bottom: 8px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-tools__closing p {\r\n        font-size: 27px;\r\n        line-height: 1.1;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-tools\">\r\n\r\n    <div class=\"sb-tools__inner\">\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <span class=\"sb-tools__eyebrow\">\r\n            Alati nisu cilj\r\n        <\/span>\r\n\r\n        <h2 class=\"sb-tools__title\">\r\n            Ne mora\u0161 da veruje\u0161 u svaku metodu da bi po\u010deo\/la pa\u017eljivije da slu\u0161a\u0161 sebe.\r\n        <\/h2>\r\n\r\n\r\n        <!-- DISKRETAN PREGLED ALATA -->\r\n\r\n        <div class=\"sb-tools__index\">\r\n\r\n            <span>Vastu<\/span>\r\n            <span>\u0110oti\u0161<\/span>\r\n            <span>\u010cakre<\/span>\r\n            <span>Boje<\/span>\r\n            <span>NLP<\/span>\r\n            <span>Drugi pristupi<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- GLAVNI SADR\u017dAJ -->\r\n\r\n        <div class=\"sb-tools__main\">\r\n\r\n\r\n            <!-- LEVO -->\r\n\r\n            <div class=\"sb-tools__manifest\">\r\n\r\n                <p class=\"sb-tools__manifest-label\">\r\n                    Su\u0161tina\r\n                <\/p>\r\n\r\n                <p class=\"sb-tools__manifest-main\">\r\n                    Za mene su alati.\r\n                <\/p>\r\n\r\n                <p class=\"sb-tools__manifest-small\">\r\n                    Ne etikete. Ne pravila. Ne gotova formula.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- DESNO -->\r\n\r\n            <div class=\"sb-tools__copy\">\r\n\r\n                <p class=\"sb-tools__copy-intro\">\r\n                    Vastu, \u0110oti\u0161, \u010dakre, boje, NLP i drugi pristupi nisu etikete koje \u017eelim da stavim preko tvog prostora.\r\n                <\/p>\r\n\r\n                <p>\r\n                    I nisu lista koju automatski primenjujem na svakoga i u svakom programu.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Razli\u010diti na\u010dini da otvorimo pitanje, pogledamo ono \u0161to nam mo\u017eda nije odmah o\u010digledno, ranije ti nije bilo vidljivo i da prona\u0111emo vezu izme\u0111u tvojih unutra\u0161njih potreba i prostora u kome \u017eivi\u0161.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ZAKLJU\u010cAK -->\r\n\r\n        <div class=\"sb-tools__closing\">\r\n\r\n            <span class=\"sb-tools__closing-label\">\r\n                Ono \u0161to ostaje va\u017eno\r\n            <\/span>\r\n\r\n            <p>\r\n                Kona\u010dan rezultat mora biti ne\u0161to \u0161to je\r\n                <em>autenti\u010dno, tebi blisko, razumljivo i podr\u017eavaju\u0107e.<\/em>\r\n            <\/p>\r\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e16f240 e-flex e-con-boxed e-con e-parent\" data-id=\"e16f240\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99b1653 elementor-widget elementor-widget-html\" data-id=\"99b1653\" 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\r\n   NA\u010cIN RADA I METODOLOGIJA\r\n   SEKCIJA 5 - KAKO IZGLEDA PROCES\r\n   ========================================================= *\/\r\n\r\n.sb-process,\r\n.sb-process *,\r\n.sb-process *::before,\r\n.sb-process *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-process {\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: #f5f1e5;\r\n    color: #445236;\r\n\r\n    padding: 84px 6vw 92px;\r\n}\r\n\r\n.sb-process__inner {\r\n    width: min(1280px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.sb-process__eyebrow {\r\n    display: block;\r\n\r\n    margin: 0 0 13px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n.sb-process__top {\r\n    display: grid;\r\n    grid-template-columns: 1fr 0.9fr;\r\n    gap: clamp(36px, 6vw, 90px);\r\n    align-items: end;\r\n\r\n    margin-bottom: 38px;\r\n}\r\n\r\n.sb-process__title-wrap {\r\n    max-width: 720px;\r\n}\r\n\r\n.sb-process__title {\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(50px, 4.8vw, 70px);\r\n    font-weight: 400;\r\n    line-height: 0.96;\r\n    letter-spacing: -0.02em;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-process__intro {\r\n    max-width: 470px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-process__line {\r\n    width: 58px;\r\n    height: 1px;\r\n\r\n    margin: 24px 0 0;\r\n\r\n    background: #b05330;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n.sb-process__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, minmax(0, 1fr));\r\n    gap: 22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE CARD - 01\r\n   ========================================================= *\/\r\n\r\n.sb-process__card {\r\n    position: relative;\r\n\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n}\r\n\r\n.sb-process__card--featured {\r\n    grid-column: span 12;\r\n    min-height: 430px;\r\n\r\n    display: flex;\r\n    align-items: flex-end;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(68, 82, 54, 0.08) 0%,\r\n            rgba(68, 82, 54, 0.38) 38%,\r\n            rgba(68, 82, 54, 0.78) 100%\r\n        ),\r\n        url(\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0579-scaled.jpg\");\r\n    background-size: cover;\r\n    background-position: center center;\r\n}\r\n\r\n.sb-process__card--featured .sb-process__card-inner {\r\n    width: 100%;\r\n    max-width: 860px;\r\n\r\n    padding: 34px 34px 32px;\r\n}\r\n\r\n.sb-process__featured-top {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.sb-process__featured-number {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 48px;\r\n    height: 48px;\r\n    padding: 0 12px;\r\n\r\n    border: 1px solid rgba(245, 241, 229, 0.34);\r\n    border-radius: 999px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n\r\n    color: #f5f1e5;\r\n\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n\r\n    background: rgba(245, 241, 229, 0.08);\r\n}\r\n\r\n.sb-process__featured-label {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.78);\r\n}\r\n\r\n.sb-process__featured-title {\r\n    margin: 0 0 12px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(38px, 3.6vw, 54px);\r\n    font-weight: 400;\r\n    line-height: 0.95;\r\n    letter-spacing: -0.015em;\r\n\r\n    color: #f5f1e5;\r\n}\r\n\r\n.sb-process__featured-text {\r\n    max-width: 760px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n\r\n    color: rgba(245, 241, 229, 0.94);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REGULAR CARDS\r\n   ========================================================= *\/\r\n\r\n.sb-process__card--regular {\r\n    grid-column: span 6;\r\n\r\n    min-height: 280px;\r\n\r\n    background: #efe8da;\r\n    border: 1px solid rgba(68, 82, 54, 0.12);\r\n\r\n    transition:\r\n        transform 0.28s ease,\r\n        box-shadow 0.28s ease,\r\n        border-color 0.28s ease;\r\n}\r\n\r\n.sb-process__card--regular:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 36px rgba(68, 82, 54, 0.08);\r\n    border-color: rgba(176, 83, 48, 0.22);\r\n}\r\n\r\n.sb-process__card--regular .sb-process__card-inner {\r\n    height: 100%;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 28px 26px 24px;\r\n}\r\n\r\n.sb-process__card-head {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.sb-process__card-number {\r\n    flex: 0 0 auto;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 40px;\r\n    height: 40px;\r\n    padding: 0 10px;\r\n\r\n    border-radius: 999px;\r\n    background: rgba(176, 83, 48, 0.09);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n.sb-process__card-line {\r\n    flex: 1 1 auto;\r\n    height: 1px;\r\n    background: rgba(68, 82, 54, 0.12);\r\n}\r\n\r\n.sb-process__card-title {\r\n    margin: 0 0 12px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(30px, 2.5vw, 40px);\r\n    font-weight: 400;\r\n    line-height: 0.98;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-process__card-text {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.68;\r\n\r\n    color: #445236;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SPECIAL HEIGHT BALANCE\r\n   ========================================================= *\/\r\n\r\n.sb-process__card--tall {\r\n    min-height: 315px;\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-process {\r\n        padding: 72px 42px 78px;\r\n    }\r\n\r\n    .sb-process__top {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n    }\r\n\r\n    .sb-process__title {\r\n        font-size: 58px;\r\n    }\r\n\r\n    .sb-process__intro {\r\n        max-width: 100%;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .sb-process__card--featured {\r\n        min-height: 390px;\r\n    }\r\n\r\n    .sb-process__card--regular {\r\n        min-height: 270px;\r\n    }\r\n\r\n    .sb-process__card--tall {\r\n        min-height: 295px;\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-process {\r\n        padding: 60px 22px 66px;\r\n    }\r\n\r\n    .sb-process__eyebrow {\r\n        margin-bottom: 11px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-process__top {\r\n        display: block;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .sb-process__title {\r\n        font-size: 44px;\r\n        line-height: 0.98;\r\n    }\r\n\r\n    .sb-process__intro {\r\n        margin-top: 18px;\r\n        font-size: 15px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .sb-process__line {\r\n        width: 48px;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .sb-process__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n    }\r\n\r\n    .sb-process__card--featured,\r\n    .sb-process__card--regular {\r\n        grid-column: auto;\r\n    }\r\n\r\n    .sb-process__card--featured {\r\n        min-height: 360px;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .sb-process__card--featured .sb-process__card-inner {\r\n        padding: 24px 20px 22px;\r\n    }\r\n\r\n    .sb-process__featured-top {\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .sb-process__featured-number {\r\n        min-width: 44px;\r\n        height: 44px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .sb-process__featured-label {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-process__featured-title {\r\n        font-size: 36px;\r\n        line-height: 0.97;\r\n    }\r\n\r\n    .sb-process__featured-text {\r\n        font-size: 14px;\r\n        line-height: 1.62;\r\n    }\r\n\r\n    .sb-process__card--regular,\r\n    .sb-process__card--tall {\r\n        min-height: 0;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .sb-process__card--regular .sb-process__card-inner {\r\n        padding: 22px 20px 20px;\r\n    }\r\n\r\n    .sb-process__card-head {\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .sb-process__card-number {\r\n        min-width: 36px;\r\n        height: 36px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .sb-process__card-title {\r\n        font-size: 31px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .sb-process__card-text {\r\n        font-size: 14px;\r\n        line-height: 1.62;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-process\">\r\n\r\n    <div class=\"sb-process__inner\">\r\n\r\n        <span class=\"sb-process__eyebrow\">\r\n            Sekcija 5 - Kako izgleda proces\r\n        <\/span>\r\n\r\n        <div class=\"sb-process__top\">\r\n\r\n            <div class=\"sb-process__title-wrap\">\r\n                <h2 class=\"sb-process__title\">\r\n                    Jasno\u0107a pre svega.\r\n                <\/h2>\r\n                <div class=\"sb-process__line\"><\/div>\r\n            <\/div>\r\n\r\n            <p class=\"sb-process__intro\">\r\n                Ta\u010dan proces zavisi od usluge, ali princip ostaje isti.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sb-process__grid\">\r\n\r\n\r\n            <!-- 01 -->\r\n            <article class=\"sb-process__card sb-process__card--featured\">\r\n\r\n                <div class=\"sb-process__card-inner\">\r\n\r\n                    <div class=\"sb-process__featured-top\">\r\n                        <span class=\"sb-process__featured-number\">01<\/span>\r\n                        <span class=\"sb-process__featured-label\">Po\u010detak procesa<\/span>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"sb-process__featured-title\">\r\n                        Upoznajemo situaciju\r\n                    <\/h3>\r\n\r\n                    <p class=\"sb-process__featured-text\">\r\n                        Dobijam informacije o tebi, tvom domu, trenutnim izazovima i ciljevima.\r\n                        Kod usluga koje uklju\u010duju analizu prostora potrebni su i nacrt, fotografije\r\n                        i druge relevantne informacije.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 02 -->\r\n            <article class=\"sb-process__card sb-process__card--regular sb-process__card--tall\">\r\n\r\n                <div class=\"sb-process__card-inner\">\r\n\r\n                    <div class=\"sb-process__card-head\">\r\n                        <span class=\"sb-process__card-number\">02<\/span>\r\n                        <span class=\"sb-process__card-line\"><\/span>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"sb-process__card-title\">\r\n                        Posmatramo osobu i prostor zajedno\r\n                    <\/h3>\r\n\r\n                    <p class=\"sb-process__card-text\">\r\n                        Ne tra\u017eimo samo \u0161ta \u201enije dobro\" u prostoru.\r\n                        Tra\u017eimo \u0161ta ti prostor trenutno govori o na\u010dinu na koji \u017eivi\u0161 - i \u0161ta bi mogao bolje da podr\u017ei.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 03 -->\r\n            <article class=\"sb-process__card sb-process__card--regular\">\r\n\r\n                <div class=\"sb-process__card-inner\">\r\n\r\n                    <div class=\"sb-process__card-head\">\r\n                        <span class=\"sb-process__card-number\">03<\/span>\r\n                        <span class=\"sb-process__card-line\"><\/span>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"sb-process__card-title\">\r\n                        Biramo relevantne alate\r\n                    <\/h3>\r\n\r\n                    <p class=\"sb-process__card-text\">\r\n                        U zavisnosti od usluge i cilja mogu biti uklju\u010deni Vastu, color design, \u0110oti\u0161,\r\n                        energetsko mapiranje, arhitektonska analiza i ve\u017ebe samospoznaje.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 04 -->\r\n            <article class=\"sb-process__card sb-process__card--regular sb-process__card--tall\">\r\n\r\n                <div class=\"sb-process__card-inner\">\r\n\r\n                    <div class=\"sb-process__card-head\">\r\n                        <span class=\"sb-process__card-number\">04<\/span>\r\n                        <span class=\"sb-process__card-line\"><\/span>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"sb-process__card-title\">\r\n                        Uvide prevodimo u prostor\r\n                    <\/h3>\r\n\r\n                    <p class=\"sb-process__card-text\">\r\n                        Ovo je va\u017ean deo.\r\n                        Rad ne ostaje samo na razgovoru i apstraktnim spoznajama.\r\n                        Dobijeni uvidi postaju smernice za konkretne odluke u prostoru, a ti dobija\u0161 i jasno\u0107u o sebi i svom bi\u0107u.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 05 -->\r\n            <article class=\"sb-process__card sb-process__card--regular\">\r\n\r\n                <div class=\"sb-process__card-inner\">\r\n\r\n                    <div class=\"sb-process__card-head\">\r\n                        <span class=\"sb-process__card-number\">05<\/span>\r\n                        <span class=\"sb-process__card-line\"><\/span>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"sb-process__card-title\">\r\n                        Dobija\u0161 pravac\r\n                    <\/h3>\r\n\r\n                    <p class=\"sb-process__card-text\">\r\n                        Cilj je da nakon procesa ne zavisi\u0161 od mene za svaku slede\u0107u odluku.\r\n                        \u017delim da sebe i svoj prostor poznaje\u0161 bolje - i da jasnije zna\u0161 \u0161ta ti slu\u017ei, a \u0161ta vi\u0161e ne.\r\n                    <\/p>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f1bc4c e-con e-atomic-element e-flexbox-base e-default-div e-2a3c2d1 \" data-id=\"8f1bc4c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8f1bc4c\">\n    \t\t<div class=\"elementor-element elementor-element-096d03b elementor-widget elementor-widget-html\" data-id=\"096d03b\" 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\r\n   NA\u010cIN RADA I METODOLOGIJA\r\n   SEKCIJA 6 - PAR \/ PORODICA\r\n   ========================================================= *\/\r\n\r\n.sb-family,\r\n.sb-family *,\r\n.sb-family *::before,\r\n.sb-family *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-family {\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: #f5f1e5;\r\n    color: #445236;\r\n\r\n    padding: 82px 6vw 88px;\r\n}\r\n\r\n.sb-family__inner {\r\n    width: min(1240px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.sb-family__eyebrow {\r\n    display: block;\r\n\r\n    margin: 0 0 14px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n.sb-family__title {\r\n    margin: 0;\r\n\r\n    max-width: 900px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(54px, 5.2vw, 76px);\r\n    font-weight: 400;\r\n    line-height: 0.94;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-family__title span {\r\n    color: #b05330;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JA \/ TI \/ MI\r\n   ========================================================= *\/\r\n\r\n.sb-family__voices {\r\n    position: relative;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    margin-top: 44px;\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.19);\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.19);\r\n}\r\n\r\n.sb-family__voice {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-height: 86px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-family__voice:not(:last-child) {\r\n    border-right: 1px solid rgba(68, 82, 54, 0.16);\r\n}\r\n\r\n.sb-family__voice::before {\r\n    content: \"\";\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    margin-right: 12px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #b05330;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTRALNA PORUKA\r\n   ========================================================= *\/\r\n\r\n.sb-family__statement {\r\n    padding: 46px 0 42px;\r\n\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.16);\r\n}\r\n\r\n.sb-family__statement p {\r\n    max-width: 930px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(30px, 2.8vw, 40px);\r\n    font-weight: 400;\r\n    line-height: 1.08;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-family__statement span {\r\n    color: #b05330;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEKST\r\n   ========================================================= *\/\r\n\r\n.sb-family__copy {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: clamp(40px, 6vw, 90px);\r\n\r\n    padding-top: 38px;\r\n}\r\n\r\n.sb-family__copy-column {\r\n    max-width: 560px;\r\n}\r\n\r\n.sb-family__copy p {\r\n    margin: 0 0 14px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-family__copy p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* zavr\u0161na re\u010denica *\/\r\n.sb-family__closing {\r\n    position: relative;\r\n\r\n    padding-left: 22px;\r\n\r\n    border-left: 1px solid #b05330;\r\n}\r\n\r\n.sb-family__closing p {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n\r\n    color: #445236;\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-family {\r\n        padding: 70px 42px 74px;\r\n    }\r\n\r\n    .sb-family__title {\r\n        max-width: 820px;\r\n        font-size: 58px;\r\n    }\r\n\r\n    .sb-family__voices {\r\n        margin-top: 36px;\r\n    }\r\n\r\n    .sb-family__statement {\r\n        padding: 38px 0 36px;\r\n    }\r\n\r\n    .sb-family__copy {\r\n        gap: 45px;\r\n        padding-top: 34px;\r\n    }\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-family {\r\n        padding: 58px 22px 64px;\r\n    }\r\n\r\n    .sb-family__eyebrow {\r\n        margin-bottom: 11px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-family__title {\r\n        max-width: 100%;\r\n\r\n        font-size: 44px;\r\n        line-height: 0.97;\r\n    }\r\n\r\n    .sb-family__voices {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .sb-family__voice {\r\n        min-height: 64px;\r\n\r\n        font-size: 9px;\r\n        letter-spacing: 0.14em;\r\n    }\r\n\r\n    .sb-family__voice::before {\r\n        width: 5px;\r\n        height: 5px;\r\n\r\n        margin-right: 7px;\r\n    }\r\n\r\n    .sb-family__statement {\r\n        padding: 30px 0 29px;\r\n    }\r\n\r\n    .sb-family__statement p {\r\n        font-size: 28px;\r\n        line-height: 1.08;\r\n    }\r\n\r\n    .sb-family__copy {\r\n        display: block;\r\n\r\n        padding-top: 28px;\r\n    }\r\n\r\n    .sb-family__copy-column {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-family__copy p {\r\n        font-size: 14px;\r\n        line-height: 1.63;\r\n    }\r\n\r\n    .sb-family__closing {\r\n        margin-top: 23px;\r\n        padding-left: 17px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-family\">\r\n\r\n    <div class=\"sb-family__inner\">\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <span class=\"sb-family__eyebrow\">\r\n            Kada radimo sa parom ili porodicom\r\n        <\/span>\r\n\r\n        <h2 class=\"sb-family__title\">\r\n            Dom nije prostor <span>najglasnije osobe.<\/span>\r\n        <\/h2>\r\n\r\n\r\n        <!-- JEDNAKI GLASOVI -->\r\n\r\n        <div class=\"sb-family__voices\" aria-label=\"Svako ima jednako mesto u procesu\">\r\n\r\n            <div class=\"sb-family__voice\">\r\n                Ja\r\n            <\/div>\r\n\r\n            <div class=\"sb-family__voice\">\r\n                Ti\r\n            <\/div>\r\n\r\n            <div class=\"sb-family__voice\">\r\n                Mi\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- KLJU\u010cNA MISAO -->\r\n\r\n        <div class=\"sb-family__statement\">\r\n\r\n            <p>\r\n                Svako ko u domu \u017eivi ostavlja u njemu\r\n                <span>deo sebe.<\/span>\r\n                Uklju\u010duju\u0107i i decu.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TEKST -->\r\n\r\n        <div class=\"sb-family__copy\">\r\n\r\n            <div class=\"sb-family__copy-column\">\r\n\r\n                <p>\r\n                    Ako prostor deli vi\u0161e ljudi, verujem da ne treba i ne sme jedna osoba da ima vi\u0161e prava glasa zato \u0161to vi\u0161e zara\u0111uje, vi\u0161e se bavi ure\u0111enjem ili je glasnija u svojim \u017eeljama.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-family__copy-column sb-family__closing\">\r\n\r\n                <p>\r\n                    Zato je va\u017eno da \u010dujemo razli\u010dite potrebe i prona\u0111emo prostor u kojem svi \u010dlanovi doma\u0107instva mogu da prepoznaju i sebe i zajedni\u0161tvo.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\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-6cd5bb7 e-con e-atomic-element e-flexbox-base e-default-div e-410f5ae \" data-id=\"6cd5bb7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6cd5bb7\">\n    \t\t<div class=\"elementor-element elementor-element-fb8d0f5 elementor-widget elementor-widget-html\" data-id=\"fb8d0f5\" 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\r\n   NA\u010cIN RADA I METODOLOGIJA\r\n   KOME MOJ PRISTUP VEROVATNO NE\u0106E ODGOVARATI\r\n   ========================================================= *\/\r\n\r\n.sb-not-for,\r\n.sb-not-for *,\r\n.sb-not-for *::before,\r\n.sb-not-for *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-not-for {\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: #b05330;\r\n    color: #f5f1e5;\r\n\r\n    padding: 82px 6vw 88px;\r\n}\r\n\r\n.sb-not-for__inner {\r\n    width: min(1240px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.sb-not-for__eyebrow {\r\n    display: block;\r\n\r\n    margin: 0 0 14px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.72);\r\n}\r\n\r\n.sb-not-for__title {\r\n    margin: 0;\r\n\r\n    max-width: 900px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(52px, 5vw, 72px);\r\n    font-weight: 400;\r\n    line-height: 0.95;\r\n    letter-spacing: -0.02em;\r\n\r\n    color: #f5f1e5;\r\n}\r\n\r\n.sb-not-for__line {\r\n    width: 56px;\r\n    height: 1px;\r\n\r\n    margin: 26px 0 38px;\r\n\r\n    background: rgba(245, 241, 229, 0.8);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LISTA\r\n   ========================================================= *\/\r\n\r\n.sb-not-for__list {\r\n    width: 100%;\r\n\r\n    border-top: 1px solid rgba(245, 241, 229, 0.25);\r\n}\r\n\r\n.sb-not-for__item {\r\n    display: grid;\r\n    grid-template-columns: 58px 1fr;\r\n    gap: 20px;\r\n\r\n    align-items: center;\r\n\r\n    min-height: 82px;\r\n\r\n    padding: 18px 4px;\r\n\r\n    border-bottom: 1px solid rgba(245, 241, 229, 0.22);\r\n\r\n    transition:\r\n        padding-left 0.28s ease,\r\n        background-color 0.28s ease;\r\n}\r\n\r\n.sb-not-for__item:hover {\r\n    padding-left: 12px;\r\n\r\n    background: rgba(245, 241, 229, 0.045);\r\n}\r\n\r\n.sb-not-for__number {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.14em;\r\n\r\n    color: rgba(245, 241, 229, 0.58);\r\n}\r\n\r\n.sb-not-for__text {\r\n    margin: 0;\r\n\r\n    max-width: 1000px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n\r\n    color: #f5f1e5;\r\n}\r\n\r\n\r\n\/* Prva stavka malo ja\u010da jer nosi karakter *\/\r\n.sb-not-for__item:first-child .sb-not-for__text {\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ZAKLJU\u010cAK\r\n   ========================================================= *\/\r\n\r\n.sb-not-for__closing {\r\n    position: relative;\r\n\r\n    margin-top: 38px;\r\n    padding: 29px 32px;\r\n\r\n    background: #f5f1e5;\r\n}\r\n\r\n.sb-not-for__closing-label {\r\n    display: block;\r\n\r\n    margin: 0 0 8px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n.sb-not-for__closing p {\r\n    margin: 0;\r\n\r\n    max-width: 920px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(27px, 2.4vw, 35px);\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n\r\n    color: #445236;\r\n}\r\n\r\n.sb-not-for__closing span {\r\n    color: #b05330;\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-not-for {\r\n        padding: 70px 42px 74px;\r\n    }\r\n\r\n    .sb-not-for__title {\r\n        font-size: 58px;\r\n    }\r\n\r\n    .sb-not-for__item {\r\n        grid-template-columns: 48px 1fr;\r\n\r\n        min-height: 76px;\r\n    }\r\n\r\n    .sb-not-for__text,\r\n    .sb-not-for__item:first-child .sb-not-for__text {\r\n        font-size: 15px;\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-not-for {\r\n        padding: 58px 22px 64px;\r\n    }\r\n\r\n    .sb-not-for__eyebrow {\r\n        margin-bottom: 11px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-not-for__title {\r\n        max-width: 100%;\r\n\r\n        font-size: 44px;\r\n        line-height: 0.97;\r\n    }\r\n\r\n    .sb-not-for__line {\r\n        width: 48px;\r\n\r\n        margin: 21px 0 29px;\r\n    }\r\n\r\n    .sb-not-for__item {\r\n        grid-template-columns: 32px 1fr;\r\n        gap: 10px;\r\n\r\n        min-height: 0;\r\n\r\n        padding: 15px 0;\r\n    }\r\n\r\n    .sb-not-for__item:hover {\r\n        padding-left: 0;\r\n\r\n        background: transparent;\r\n    }\r\n\r\n    .sb-not-for__number {\r\n        padding-top: 3px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-not-for__text,\r\n    .sb-not-for__item:first-child .sb-not-for__text {\r\n        font-size: 14px;\r\n        line-height: 1.58;\r\n    }\r\n\r\n    .sb-not-for__closing {\r\n        margin-top: 30px;\r\n\r\n        padding: 23px 20px;\r\n    }\r\n\r\n    .sb-not-for__closing-label {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-not-for__closing p {\r\n        font-size: 27px;\r\n        line-height: 1.1;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-not-for\">\r\n\r\n    <div class=\"sb-not-for__inner\">\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <span class=\"sb-not-for__eyebrow\">\r\n            Kome moj pristup verovatno ne\u0107e odgovarati\r\n        <\/span>\r\n\r\n        <h2 class=\"sb-not-for__title\">\r\n            Nismo pravi izbor jedni za druge ako\u2026\r\n        <\/h2>\r\n\r\n        <div class=\"sb-not-for__line\"><\/div>\r\n\r\n\r\n        <!-- LISTA -->\r\n\r\n        <div class=\"sb-not-for__list\">\r\n\r\n\r\n            <div class=\"sb-not-for__item\">\r\n\r\n                <span class=\"sb-not-for__number\">\r\n                    01\r\n                <\/span>\r\n\r\n                <p class=\"sb-not-for__text\">\r\n                    Ako \u017eeli\u0161 da mi preda\u0161 klju\u010deve i ka\u017ee\u0161:\r\n                    \u201eUradi \u0161ta ho\u0107e\u0161, samo neka izgleda skupo.\"\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-not-for__item\">\r\n\r\n                <span class=\"sb-not-for__number\">\r\n                    02\r\n                <\/span>\r\n\r\n                <p class=\"sb-not-for__text\">\r\n                    Ako tra\u017ei\u0161 univerzalnu formulu koja va\u017ei za svaki dom.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-not-for__item\">\r\n\r\n                <span class=\"sb-not-for__number\">\r\n                    03\r\n                <\/span>\r\n\r\n                <p class=\"sb-not-for__text\">\r\n                    Ako o\u010dekuje\u0161 da proces bude jednosmeran i da u njemu ne u\u010destvuje\u0161.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-not-for__item\">\r\n\r\n                <span class=\"sb-not-for__number\">\r\n                    04\r\n                <\/span>\r\n\r\n                <p class=\"sb-not-for__text\">\r\n                    Ako nema prostora za poverenje.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-not-for__item\">\r\n\r\n                <span class=\"sb-not-for__number\">\r\n                    05\r\n                <\/span>\r\n\r\n                <p class=\"sb-not-for__text\">\r\n                    Ako ti je jedino va\u017eno kako \u0107e prostor izgledati na fotografiji.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ZAKLJU\u010cAK -->\r\n\r\n        <div class=\"sb-not-for__closing\">\r\n\r\n            <span class=\"sb-not-for__closing-label\">\r\n                I to je u redu\r\n            <\/span>\r\n\r\n            <p>\r\n                Sve ovo je potpuno legitimno.\r\n                <span>Samo nije na\u010din na koji ja pristupam saradnji.<\/span>\r\n            <\/p>\r\n\r\n        <\/div>\r\n\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-66d868a e-con e-atomic-element e-flexbox-base e-default-div e-40eda46 \" data-id=\"66d868a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"66d868a\">\n    \t\t<div class=\"elementor-element elementor-element-d748cae elementor-widget elementor-widget-html\" data-id=\"d748cae\" 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\r\n   ZAVR\u0160NA CTA SEKCIJA\r\n   LIGHT EDITORIAL VERSION\r\n   ========================================================= *\/\r\n\r\n.sb-final-light,\r\n.sb-final-light *,\r\n.sb-final-light *::before,\r\n.sb-final-light *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-final-light {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 620px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    overflow: hidden;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(245, 241, 229, 0.96) 0%,\r\n            rgba(245, 241, 229, 0.91) 34%,\r\n            rgba(245, 241, 229, 0.68) 57%,\r\n            rgba(245, 241, 229, 0.18) 82%,\r\n            rgba(245, 241, 229, 0.06) 100%\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\/* vrlo blag dodatni sloj pri dnu *\/\r\n.sb-final-light::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 120px;\r\n\r\n    background: linear-gradient(\r\n        180deg,\r\n        rgba(245, 241, 229, 0) 0%,\r\n        rgba(245, 241, 229, 0.22) 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-light__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1280px, 100%);\r\n    margin: 0 auto;\r\n\r\n    padding: 88px 6vw;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.sb-final-light__content {\r\n    max-width: 690px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.sb-final-light__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    margin: 0 0 22px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n}\r\n\r\n.sb-final-light__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n\r\n    background: #b05330;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NASLOV\r\n   ========================================================= *\/\r\n\r\n.sb-final-light__title {\r\n    margin: 0;\r\n\r\n    max-width: 680px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(48px, 4.6vw, 68px);\r\n    font-weight: 400;\r\n    line-height: 0.98;\r\n    letter-spacing: -0.02em;\r\n\r\n    color: #445236;\r\n}\r\n\r\n\r\n\/* mala terakota intervencija *\/\r\n.sb-final-light__title span {\r\n    color: #b05330;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.sb-final-light__actions {\r\n    margin-top: 36px;\r\n}\r\n\r\n.sb-final-light__button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n\r\n    padding: 14px 22px;\r\n\r\n    border: 1px solid #b05330;\r\n    background: rgba(245, 241, 229, 0.52);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n\r\n    color: #b05330;\r\n    text-decoration: none;\r\n\r\n    backdrop-filter: blur(5px);\r\n    -webkit-backdrop-filter: blur(5px);\r\n\r\n    transition:\r\n        background-color 0.3s ease,\r\n        color 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n.sb-final-light__button::after {\r\n    content: \"\u2192\";\r\n\r\n    font-size: 15px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.sb-final-light__button:hover {\r\n    background: #b05330;\r\n    color: #f5f1e5;\r\n\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.sb-final-light__button:hover::after {\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-final-light {\r\n        min-height: 560px;\r\n\r\n        background-image:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(245, 241, 229, 0.96) 0%,\r\n                rgba(245, 241, 229, 0.88) 46%,\r\n                rgba(245, 241, 229, 0.48) 74%,\r\n                rgba(245, 241, 229, 0.12) 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-final-light__inner {\r\n        padding: 72px 42px;\r\n    }\r\n\r\n    .sb-final-light__content {\r\n        max-width: 610px;\r\n    }\r\n\r\n    .sb-final-light__title {\r\n        font-size: 56px;\r\n    }\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-light {\r\n        min-height: 560px;\r\n\r\n        align-items: flex-end;\r\n\r\n        background-position: center center;\r\n\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.48) 36%,\r\n                rgba(245, 241, 229, 0.90) 69%,\r\n                rgba(245, 241, 229, 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-final-light::after {\r\n        display: none;\r\n    }\r\n\r\n    .sb-final-light__inner {\r\n        width: 100%;\r\n\r\n        padding:\r\n            200px\r\n            22px\r\n            54px;\r\n    }\r\n\r\n    .sb-final-light__content {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-final-light__eyebrow {\r\n        margin-bottom: 17px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-final-light__eyebrow::before {\r\n        width: 30px;\r\n    }\r\n\r\n    .sb-final-light__title {\r\n        max-width: 100%;\r\n\r\n        font-size: 43px;\r\n        line-height: 0.98;\r\n    }\r\n\r\n    .sb-final-light__actions {\r\n        margin-top: 28px;\r\n    }\r\n\r\n    .sb-final-light__button {\r\n        width: auto;\r\n\r\n        padding: 14px 19px;\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-final-light\">\r\n\r\n    <div class=\"sb-final-light__inner\">\r\n\r\n        <div class=\"sb-final-light__content\">\r\n\r\n            <div class=\"sb-final-light__eyebrow\">\r\n                Od osobe ka prostoru\r\n            <\/div>\r\n\r\n            <h2 class=\"sb-final-light__title\">\r\n                Ako je prostor produ\u017eetak osobe, njegovo stvaranje mora po\u010deti\r\n                <span>upoznavanjem te osobe.<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"sb-final-light__actions\">\r\n\r\n                <a\r\n                    class=\"sb-final-light__button\"\r\n                    href=\"\/saradnja\/\"\r\n                >\r\n                    Istra\u017ei mogu\u0107nosti saradnje\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\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kre\u0107emo od tvog unutra\u0161njeg &#8220;prostora&#8221;. Upoznajem tebe. Tek onda menjam dom. Moj pristup polazi od jednostavne ideje: ne postoji univerzalno dobar dom ako ne znamo za koga ga stvaramo. Pogledaj proces Prvo \u010dovek, zatim prostor Estetika dolazi kasnije. Volim lepe prostore. Ali lepota bez odnosa sa \u010dovekom lako postaje scenografija. Zato po\u010detak saradnje ne svodim [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-3006","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/3006","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=3006"}],"version-history":[{"count":20,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/3006\/revisions"}],"predecessor-version":[{"id":8489,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/3006\/revisions\/8489"}],"wp:attachment":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/media?parent=3006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}