*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;overflow-x:hidden;scroll-behavior:smooth}img,picture,svg,video{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}span{display:inline-block}li,ul{list-style:none}figure{margin:0}section{position:relative}section:not(:first-child){padding-block:100px}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background-color:#000}::-webkit-scrollbar-thumb{background-color:#7495c3}::-webkit-scrollbar-thumb:hover{background-color:#7dbbee}:root{--black:#000;--dark:#272b2f;--white:#fff;--primary-clr:#5641b4}body{color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6{text-wrap:balance}a{cursor:pointer;display:inline-block;text-decoration:none}p{color:var(--dark);line-height:160%}.h2-headline{color:var(--primary-clr);font-size:40px;font-weight:500;line-height:109%;margin-bottom:48px;position:relative;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.h2-headline:after{background-color:var(--primary-clr);bottom:-8px;content:"";display:block;height:3px;position:absolute;width:100px}.cjenik-headline{margin-bottom:64px;text-transform:uppercase}@media (min-width:1200px){.h2-headline{margin-bottom:94px}}.header{align-items:center;background:linear-gradient(90deg,#6368d5,#543bb1);border:2px solid #fff;box-shadow:0 16px 20px rgba(0,0,0,.196);display:flex;left:0;padding-inline:1rem;position:fixed;right:0;top:0;z-index:10}.header__logo{color:var(--white);font-size:2rem}.nav{background-color:rgba(0,0,0,.9);display:grid;height:100vh;inset:0;place-items:center;position:fixed;width:100vw}.nav[aria-expanded=true]{animation:nav-open .5s forwards;display:grid}@keyframes nav-open{0%{opacity:0;pointer-events:none}to{opacity:1;pointer-events:visible}}.nav[aria-expanded=false]{animation:nav-closed .5s forwards}@keyframes nav-closed{0%{opacity:1;pointer-events:visible}to{opacity:0;pointer-events:none}}.nav__list{display:flex;flex-direction:column;gap:10vh}.nav__list:hover .nav__link{opacity:.5}.nav__list .nav__link:hover{opacity:1;scale:1.1}.nav__link{color:var(--white);font-weight:400;transition:.3s}.ham-btn{aspect-ratio:1;cursor:pointer;display:grid;margin-left:auto;position:relative;width:3.5rem}.ham-line{background-color:var(--white);height:2px;left:50%;margin-inline:auto;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.4s;width:90%}@media (min-width:768px){.header .footer__socials{display:none}}.ham-btn[data-active=false] .ham-line:first-child{top:16px}.ham-btn[data-active=false] .ham-line:nth-child(3){top:40px}.ham-btn[data-active=true] .ham-line:first-child{left:3px;transform:rotate(45deg)}.ham-btn[data-active=true] .ham-line:nth-child(2){transform:translateX(50px)}.ham-btn[data-active=true] .ham-line:nth-child(3){left:3px;transform:rotate(-45deg)}@media (min-width:1152px){.nav{background-color:transparent;height:auto;inset:unset;margin-inline:auto;position:static;width:auto}.nav__list{flex-direction:row;gap:5vw}.nav__link{padding:1.5rem}.nav[aria-expanded=false]{animation:unset;opacity:1;pointer-events:visible}.ham-btn{display:none}}button{background-color:transparent;border:0}.hero-phone-btn{background-color:#45b645!important}.btn{align-items:center;background-color:var(--primary-clr);border-radius:100px;box-shadow:0 8px 8px rgba(0,0,0,.171);color:var(--white);display:flex;font-weight:500;gap:8px;justify-content:center;outline:2px solid var(--white);padding-block:12px;padding-inline:24px;text-transform:uppercase;width:min(100%,220px)}.back-to-top-btn{aspect-ratio:1;background-color:var(--black);border:2px solid #292929;border-radius:100vmax;bottom:1.7rem;color:var(--white);cursor:pointer;display:grid;place-items:center;position:fixed;right:1rem;transition:.2s;width:50px;z-index:5}.back-to-top-btn:hover{background-color:#121212}.back-to-top-btn[data-visible=false]{opacity:0;pointer-events:none}.back-to-top-btn[data-visible=true]{opacity:1;pointer-events:visible}.download-btn{background-color:#54a054;position:relative;transition:.35s;width:-moz-max-content;width:max-content}.download-btn:hover{background-color:#69b069}.usluge-card{background:linear-gradient(150deg,#94c7e1,#3993c0);border-radius:8px;box-shadow:0 2px 24px #00a0d1;display:grid;outline:3px solid #fff;padding-block:40px;padding-inline:32px;place-items:center;transition:.8s}.usluge-card:hover{box-shadow:0 2px 40px #006a8a;scale:1.05}.usluge-card__img{margin-bottom:16px}.usluge-card h3,.usluge__paragraph{text-align:center}.h3-heading{font-weight:500;margin-bottom:8px;text-transform:uppercase}.usluge__paragraph{color:var(--white)}.kontakt-card{aspect-ratio:2/1;background-color:#6aa6d7;border-radius:16px;display:grid;margin:auto;outline:1px solid #6aa6d7;outline-offset:2px;padding:4rem;place-items:center;transition:.8s;width:300px}.kontakt-card:hover{box-shadow:0 0 16px #0a5095;scale:1.1}.kontakt-card img{width:100px}.footer{background-color:var(--primary-clr);padding-bottom:10rem;padding-top:5rem;position:relative}.footer__container{display:grid;gap:60px;place-items:center}.footer__logo img{width:220px}.footer__nav{text-align:center}.footer__list{display:flex;flex-direction:column;gap:24px}.footer__link{color:var(--white);font-weight:400}.footer__socials{border-radius:100px;display:flex;gap:50px;outline:2px solid #fff;padding:16px;padding-inline:50px}.copyright{background-color:var(--black);bottom:0;left:0;padding:16px;position:absolute;right:0;text-align:center}.copyright p{color:var(--white)}.hero-section{height:100%;overflow:hidden;position:relative}.hero-section:before{background:url(/src/assets/images/hero-overlay.jpg) no-repeat 50%/cover;background-attachment:fixed;content:"";height:100%;inset:0;isolation:isolate;position:absolute;width:100%;z-index:-1}.hero-section .container{display:grid;height:100%;place-items:center}.hero__headline{margin-bottom:10px}.hero__headline span{font-size:48px;text-shadow:0 4px 8px rgba(0,0,0,.3);text-transform:uppercase}.hero__subheadline{margin-bottom:24px}.hero__headline span:first-child{animation:span-1 3s forwards;opacity:0;text-align:center}.hero__headline span:last-child{animation:span-1 4s .2s forwards;opacity:0;text-align:center;width:-moz-max-content;width:max-content}@keyframes span-1{0%{transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.hero__btns{display:flex;flex-direction:column;gap:16px}.hero__subheadline{color:var(--primary-clr);font-weight:500}.hero__socials{background-color:var(--primary-clr);border-radius:100px;bottom:24px;box-shadow:0 4px 8px rgba(0,0,0,.248);display:flex;gap:8px;left:16px;outline:3px;outline:2px solid #fff;padding-block:8px;padding-inline:16px;position:absolute}@media (min-width:1200px){.hero__headline{margin-bottom:10px}.hero__headline span{font-size:100px;text-shadow:0 4px 8px rgba(0,0,0,.3);text-transform:uppercase}.hero__subheadline{margin-bottom:24px}.hero__headline span:first-child{text-align:center}.hero__headline span:last-child{text-align:center;width:-moz-max-content;width:max-content}.hero__btns{display:flex;flex-direction:row;gap:16px}}.o-nama__inner-container{display:flex;flex-wrap:wrap;gap:32px}.o-nama__inner-container>*{flex:1}.o-nama__text-wrapper{display:flex;flex-direction:column;gap:16px}.usluge-section{isolation:isolate}.usluge-section:before{background:url(/src/assets/images/usluge-overlay.jpg) no-repeat 50%/cover;background-attachment:fixed;content:"";inset:0;position:absolute;z-index:-1}.usluge__inner-container{display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.radovi__inner-container{display:grid;gap:64px}.radovi__inner-container img{border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.437);transition:.8s}.radovi__inner-container img:hover{scale:1.1}.kompetencije-section:before{background:url(/src/assets/images/kompetencije-overlay.jpg) no-repeat 50%/cover;content:"";height:100%;inset:0;position:absolute;width:100%;z-index:-1}.kompetencije-section p{color:var(--white);margin-bottom:32px}.kompetencije__inner-container{display:flex;flex-wrap:wrap;gap:32px}.kompetencije__inner-container a{flex:1}.kompetencije__inner-container img{border-radius:12px;box-shadow:0 0 16px rgba(0,0,0,.385);transition:1s}.kompetencije__inner-container img:hover{scale:1.2}.cjenik-section{background:linear-gradient(150deg,var(--primary-clr),#a365cb)}.cjenik__container{display:grid;place-items:center}.kontakt-section p{margin-bottom:24px}.kontakt__inner-container{display:flex;flex-direction:column;gap:24px;justify-content:center}@media (min-width:1200px){.kontakt__inner-container{display:flex;flex-direction:row;margin-block:5rem}}.hidden-left{opacity:0;transform:translateX(-50%)}.hidden-left.active{animation:left 1.2s ease-out forwards}@keyframes left{0%{opacity:0}to{opacity:1;transform:translateX(0)}}.hidden-right{opacity:0;transform:translateX(50%)}.hidden-right.active{animation:right 1.2s ease-out forwards}@keyframes right{0%{opacity:0}to{opacity:1;transform:translateX(0)}}.hidden-fade{opacity:0}.hidden-fade.active{animation:fade 2s ease-out forwards}@keyframes fade{0%{opacity:0}to{opacity:1}}.container{margin-inline:auto;width:min(100% - 32px,1024px)}.main{min-height:100%}.img-contain{-o-object-fit:contain;object-fit:contain}