.elementor-5201 .elementor-element.elementor-element-31221693{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overflow:hidden;border-style:none;--border-style:none;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-5201 .elementor-element.elementor-element-31221693:not(.elementor-motion-effects-element-type-background), .elementor-5201 .elementor-element.elementor-element-31221693 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-5201 .elementor-element.elementor-element-292622a3{--display:flex;--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5201 .elementor-element.elementor-element-292622a3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5201 .elementor-element.elementor-element-65f5a17{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-5201 .elementor-element.elementor-element-65f5a17 .elementor-heading-title{font-family:"Oompa Regular", Sans-serif;font-size:90px;font-weight:400;letter-spacing:0.4px;color:#FFFFFF;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-5201 .elementor-element.elementor-element-24d7b256 .elementor-icon-wrapper{text-align:center;}.elementor-5201 .elementor-element.elementor-element-24d7b256.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-bccefeb );color:var( --e-global-color-secondary );}.elementor-5201 .elementor-element.elementor-element-24d7b256.elementor-view-framed .elementor-icon, .elementor-5201 .elementor-element.elementor-element-24d7b256.elementor-view-default .elementor-icon{color:var( --e-global-color-bccefeb );border-color:var( --e-global-color-bccefeb );}.elementor-5201 .elementor-element.elementor-element-24d7b256.elementor-view-framed .elementor-icon, .elementor-5201 .elementor-element.elementor-element-24d7b256.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-bccefeb );}.elementor-5201 .elementor-element.elementor-element-24d7b256.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-5201 .elementor-element.elementor-element-24d7b256.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5201 .elementor-element.elementor-element-24d7b256.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-secondary );}.elementor-5201 .elementor-element.elementor-element-24d7b256.elementor-view-stacked .elementor-icon:hover{color:var( --e-global-color-secondary );}.elementor-5201 .elementor-element.elementor-element-24d7b256.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-secondary );}.elementor-5201 .elementor-element.elementor-element-7338479f.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-5201 .elementor-element.elementor-element-7338479f{left:0px;}body.rtl .elementor-5201 .elementor-element.elementor-element-7338479f{right:0px;}.elementor-5201 .elementor-element.elementor-element-7338479f{bottom:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5201 .elementor-element.elementor-element-7acabd9 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Oompa Regular", Sans-serif;font-size:17px;font-weight:500;letter-spacing:0.9px;word-spacing:3px;fill:var( --e-global-color-bccefeb );color:var( --e-global-color-bccefeb );padding:0px 0px 0px 0px;}.elementor-5201 .elementor-element.elementor-element-7acabd9{width:var( --container-widget-width, 533px );max-width:533px;padding:10px 0px 10px 0px;--container-widget-width:533px;--container-widget-flex-grow:0;bottom:50px;}body:not(.rtl) .elementor-5201 .elementor-element.elementor-element-7acabd9{left:0px;}body.rtl .elementor-5201 .elementor-element.elementor-element-7acabd9{right:0px;}.elementor-5201 .elementor-element.elementor-element-7acabd9 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5201 .elementor-element.elementor-element-7acabd9 .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:start;}.elementor-5201 .elementor-element.elementor-element-7acabd9 .elementor-button:hover, .elementor-5201 .elementor-element.elementor-element-7acabd9 .elementor-button:focus{color:#FFFFFF;}.elementor-5201 .elementor-element.elementor-element-7acabd9 .elementor-button:hover svg, .elementor-5201 .elementor-element.elementor-element-7acabd9 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-5201 .elementor-element.elementor-element-5c59e6fc{--display:flex;--padding-top:200px;--padding-bottom:200px;--padding-left:50px;--padding-right:50px;}.elementor-5201 .elementor-element.elementor-element-5c59e6fc:not(.elementor-motion-effects-element-type-background), .elementor-5201 .elementor-element.elementor-element-5c59e6fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5201 .elementor-element.elementor-element-70b94836{--grid-columns:1;--grid-row-gap:150px;--load-more-message-alignment:center;--load-more-message-color:#FFFFFF;--load-more-spinner-color:var( --e-global-color-bccefeb );--load-more—spacing:90px;--grid-column-gap:150px;}.elementor-5201 .elementor-element.elementor-element-70b94836 .e-load-more-message{font-family:"Oompa Regular", Sans-serif;font-weight:400;}@media(max-width:1366px){.elementor-5201 .elementor-element.elementor-element-65f5a17 .elementor-heading-title{font-size:90px;}body:not(.rtl) .elementor-5201 .elementor-element.elementor-element-7acabd9{left:1px;}body.rtl .elementor-5201 .elementor-element.elementor-element-7acabd9{right:1px;}.elementor-5201 .elementor-element.elementor-element-7acabd9{bottom:4.386%;}}@media(min-width:768px){.elementor-5201 .elementor-element.elementor-element-31221693{--content-width:1600px;}.elementor-5201 .elementor-element.elementor-element-5c59e6fc{--content-width:1600px;}}@media(min-width:2400px){.elementor-5201 .elementor-element.elementor-element-31221693{--content-width:2560px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-5201 .elementor-element.elementor-element-65f5a17 .elementor-heading-title{font-size:120px;}.elementor-5201 .elementor-element.elementor-element-7acabd9{--container-widget-width:524px;--container-widget-flex-grow:0;width:var( --container-widget-width, 524px );max-width:524px;}}@media(max-width:1024px){.elementor-5201 .elementor-element.elementor-element-31221693{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-5201 .elementor-element.elementor-element-292622a3{--border-radius:0px 0px 0px 0px;}.elementor-5201 .elementor-element.elementor-element-65f5a17 .elementor-heading-title{font-size:40px;}.elementor-5201 .elementor-element.elementor-element-24d7b256 .elementor-icon{font-size:24px;}.elementor-5201 .elementor-element.elementor-element-24d7b256 .elementor-icon svg{height:24px;}.elementor-5201 .elementor-element.elementor-element-5c59e6fc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5201 .elementor-element.elementor-element-70b94836{--grid-columns:2;}}@media(max-width:767px){.elementor-5201 .elementor-element.elementor-element-31221693{--min-height:100vh;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5201 .elementor-element.elementor-element-292622a3{--width:100%;--min-height:100vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:-1px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5201 .elementor-element.elementor-element-65f5a17{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:left;}.elementor-5201 .elementor-element.elementor-element-65f5a17.elementor-element{--align-self:flex-start;}.elementor-5201 .elementor-element.elementor-element-24d7b256{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5201 .elementor-element.elementor-element-24d7b256.elementor-element{--align-self:flex-start;}.elementor-5201 .elementor-element.elementor-element-24d7b256 .elementor-icon{font-size:20px;}.elementor-5201 .elementor-element.elementor-element-24d7b256 .elementor-icon svg{height:20px;}body:not(.rtl) .elementor-5201 .elementor-element.elementor-element-7338479f{left:0px;}body.rtl .elementor-5201 .elementor-element.elementor-element-7338479f{right:0px;}.elementor-5201 .elementor-element.elementor-element-7338479f{bottom:90px;}.elementor-5201 .elementor-element.elementor-element-7acabd9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;bottom:100px;}.elementor-5201 .elementor-element.elementor-element-70b94836{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-65f5a17 *//* Stilizacija za wrapper */
.typewriter-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 45vh;
    text-align: left;
}

/* Stilizacija za svaki red */
.typewriter-wrapper .line {
    font-size: calc(60px + 2vw); /* Dinamička veličina fonta */
    color: inherit; /* Boja preuzeta iz Elementor podešavanja */
    overflow: hidden;
    white-space: nowrap;
    width: 0; /* Postavlja širinu na 0 za efekat kucanja */
    opacity: 1;
    line-height: 1.2;
    position: relative; /* Neophodno za pseudo-elemente */
    margin-bottom: -15px; /* Prilagodite razmak između redova */
}

/* Efekat kucanja */
@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}

/* Efekat boje */
@keyframes flash {
    0% {
        color: inherit;
        background-color: transparent;
    }
    50% {
        color: black;
        background-color: #592fc5;
    }
    100% {
        color: inherit;
        background-color: transparent;
    }
}

/* Primena animacije na svaki red */
.line-1 {
    animation: typing 1.5s steps(30, end) forwards, flash 0.5s ease-in-out 1.7s forwards;
    animation-delay: 0s; /* Bez kašnjenja za prvi red */
}

.line-2 {
    animation: typing 2s steps(30, end) forwards, flash 0.5s ease-in-out 3.2s forwards;
    animation-delay: 1.2s; /* Kašnjenje za drugi red */
}

.line-3 {
    animation: typing 2.3s steps(30, end) forwards, flash 0.5s ease-in-out 4.8s forwards;
    animation-delay: 2.8s; /* Kašnjenje za treći red */
}

/* Media upiti za mobilne uređaje */
@media (max-width: 768px) {
    .typewriter-wrapper {
        padding-left: 3px; /* Smanjite padding za mobilne uređaje */
    }
    
    .typewriter-wrapper .line {
        font-size: calc(14px + 3vw); /* Veći font za mobilne uređaje */
        margin-bottom: 8px; /* Manji razmak između redova */
    }
}

/* Media upiti za mobilne uređaje */
@media (max-width: 1024px) {
    .typewriter-wrapper {
         height: auto;
        display:block;
        padding-left: 3px; /* Smanjite padding za mobilne uređaje */
    }
    
    .typewriter-wrapper .line {
        font-size: calc(14px + 3vw); /* Veći font za mobilne uređaje */
        margin-bottom: 8px; /* Manji razmak između redova */
    }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-24d7b256 */.scroll-down-link{
    
    animation: bounce 2s infinite;
    
}

/* Animacija "bounce" efekta */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7338479f */.scroll-circle-link {
  display: block;
  text-decoration: none; /* Uklanja podvlačenje linka */
}

.scroll-circle {
  position: relative;
  width: 130px;
  height: 130px;
  margin: 0 auto;
}

.text-path-circle {
  width: 100%;
  height: 100%;
}

.custom-text-path {
    font-size: 12.7px; /* Smanjen font */
  fill: #fff; /* Boja teksta */
  letter-spacing: 2px; /* Blago smanjen razmak između slova */
  font-family: 'Oompa Regular', sans-serif; /* Custom font */
}

/* Animacija rotacije SVG elementa */
.scroll-circle svg {
  animation: rotate 20s linear infinite;
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.center-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #fff;
  transition: color 0.3s ease;
}

.scroll-circle:hover .center-arrow {
  color: #D6EB72; /* Promena boje strelice na hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7acabd9 */span.elementor-button-icon {
  display: inline-block;
  animation: bounceDown 1.5s infinite;
}

@keyframes bounceDown {
  0%   { transform: translateY(-2px); opacity: 1; }
  50%  { transform: translateY(3px); opacity: 0.7; }
  100% { transform: translateY(-2px); opacity: 1; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Oompa Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://oompa.de/wp-content/uploads/2024/08/geomanist-regular-webfont.eot');
	src: url('https://oompa.de/wp-content/uploads/2024/08/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://oompa.de/wp-content/uploads/2024/08/geomanist-regular-webfont.woff2') format('woff2'),
		url('https://oompa.de/wp-content/uploads/2024/08/geomanist-regular-webfont.woff') format('woff'),
		url('https://oompa.de/wp-content/uploads/2024/08/geomanist-regular-webfont.ttf') format('truetype'),
		url('https://oompa.de/wp-content/uploads/2024/08/geomanist-regular-webfont.svg#OompaRegular') format('svg');
}
/* End Custom Fonts CSS */