.elementor-kit-6{--e-global-color-primary:#10B981;--e-global-color-secondary:#F59E0B;--e-global-color-text:#0F172A;--e-global-color-accent:#475569;--e-global-color-a4cd3d8:#0A1628;--e-global-color-291d64b:#F8FAFC;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:64px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-291d64b );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-6{--e-global-typography-primary-font-size:56px;--e-global-typography-secondary-font-size:42px;}}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:42px;--e-global-typography-secondary-font-size:34px;--e-global-typography-text-font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:26px;--e-global-typography-text-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}:root { --heading_font:Plus Jakarta Sans; --btn-hero-green:#10B981; --Btn-hero-green-hover:#026f4a; }
/* Start custom CSS */:root {
    /* =========================================
       VERTIKALNI RAZMACI (Y-osa: Gore i dole)
       1rem = 16px
       ========================================= */
    --space-xs: clamp(1.5rem, 2vw + 1rem, 2.5rem);   /* Mob: ~24px | Desk: ~40px */
    --space-s:  clamp(2rem, 3vw + 1.25rem, 3.5rem);  /* Mob: ~32px | Desk: ~56px */
    --space-m:  clamp(1rem, 4vw + 2rem, 5rem);       /* Mob: ~48px | Desk: ~80px */
    --space-l:  clamp(4rem, 6vw + 2rem, 7rem);       /* Mob: ~64px | Desk: ~112px */
    --space-xl: clamp(5rem, 8vw + 2.5rem, 9.5rem);   /* Mob: ~80px | Desk: ~152px */

    /* =========================================
       HORIZONTALNI RAZMAK (X-osa: Levo i desno)
       Savršeno pogađa tvoje vrednosti!
       Mob: 24px (1.5rem) | Tab: ~48px | Desk: 80px (5rem)
       ========================================= */
    --space-x: clamp(0.2rem, 6vw + 0.1rem, 1rem);
}

/* =========================================
   KLASE ZA SEKCIJE - VERTIKALNO (Gore i Dole)
   Optimizovano: 'padding-block' menja i top i bottom odjednom!
   ========================================= */
.section-xs { padding-block: var(--space-xs) !important; }
.section-s  { padding-block: var(--space-s) !important; }
.section-m  { padding-block: var(--space-m) !important; }
.section-l  { padding-block: var(--space-l) !important; }
.section-xl { padding-block: var(--space-xl) !important; }

/* Klase ako ti nekad zatreba samo gore (pt) ili samo dole (pb) */
.pt-m { padding-top: var(--space-m) !important; }
.pb-m { padding-bottom: var(--space-m) !important; }
.pt-l { padding-top: var(--space-l) !important; }
.pb-l { padding-bottom: var(--space-l) !important; }

/* =========================================
   KLASE ZA SEKCIJE - HORIZONTALNO (Levo i Desno)
   Optimizovano: 'padding-inline' menja i left i right odjednom!
   ========================================= */

/* Ovu klasu dodaješ tamo gde želiš tvoj fluidni levi i desni razmak */
.pad-x { 
    padding-inline: var(--space-x) !important; 
}

/* KOMBINOVANA KLASA (Sve strane istovremeno)
   Ako želiš jedan "box" koji ima i M razmak gore/dole i tvoj fluidni X razmak levo/desno */
.section-box-m {
    padding-block: var(--space-m) !important;
    padding-inline: var(--space-x) !important;
}
.elementor-icon-wrapper {line-height: 0;}/* End custom CSS */