.elementor-kit-6{--e-global-color-primary:#333333;--e-global-color-secondary:#E4584B;--e-global-color-text:#22272D;--e-global-color-accent:#E4584B;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Rubik", Sans-serif;font-size:1.125rem;line-height:1.5em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0px;}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.elementor-kit-6 h1{font-family:"Rubik", Sans-serif;font-size:3.375rem;line-height:1em;}.elementor-kit-6 h2{font-family:"Rubik", Sans-serif;font-size:2.625rem;line-height:1em;}.elementor-kit-6 h3{font-family:"Rubik", Sans-serif;font-size:2rem;line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--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:1024px){.elementor-kit-6{font-size:1rem;}.elementor-kit-6 h1{font-size:2.625rem;}.elementor-kit-6 h2{font-size:2rem;}.elementor-kit-6 h3{font-size:1.625rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1025px;}.e-con{--container-max-width:1025px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:2rem;}.elementor-kit-6 h2{font-size:1.5rem;}.elementor-kit-6 h3{font-size:1.5rem;}.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;}}
/* 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 */