.elementor-67 .elementor-element.elementor-element-cbdf1da{--display:flex;}.elementor-67 .elementor-element.elementor-element-722aa08{--display:flex;}.elementor-67 .elementor-element.elementor-element-a509759{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-67 .elementor-element.elementor-element-8f61384{--display:flex;}.elementor-67 .elementor-element.elementor-element-ae39c79{--display:flex;}.elementor-67 .elementor-element.elementor-element-c80cd97{--display:flex;}.elementor-67 .elementor-element.elementor-element-bf97f3d{--display:flex;}.elementor-67 .elementor-element.elementor-element-fa91f65{--display:flex;}.elementor-67 .elementor-element.elementor-element-a7da3af{--display:flex;}.elementor-67 .elementor-element.elementor-element-a0d0873{--display:flex;}.elementor-67 .elementor-element.elementor-element-bb95f3b{--display:flex;}.elementor-67 .elementor-element.elementor-element-cf1e5b2{--display:flex;}.elementor-67 .elementor-element.elementor-element-96b519d{--display:flex;}.elementor-67 .elementor-element.elementor-element-9c41435{--display:flex;}.elementor-67 .elementor-element.elementor-element-d3a555a{--display:flex;}.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-67 .elementor-element.elementor-element-c51b990 .elementor-heading-title{font-weight:600;}.elementor-67 .elementor-element.elementor-element-77c8fe9{--display:flex;}.elementor-67 .elementor-element.elementor-element-dd5ea06{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-67 .elementor-element.elementor-element-75bdbc6{--display:flex;}.elementor-67 .elementor-element.elementor-element-56cac18{--display:flex;}.elementor-67 .elementor-element.elementor-element-664f523{--display:flex;}.elementor-67 .elementor-element.elementor-element-664f523:not(.elementor-motion-effects-element-type-background), .elementor-67 .elementor-element.elementor-element-664f523 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zadatak.avokado.dev/wp-content/uploads/2026/08/OIU9OI1-1-1.png");}.elementor-67 .elementor-element.elementor-element-fffb2e4{--display:flex;}.elementor-67 .elementor-element.elementor-element-392cb70{--swiper-slides-to-display:1;--swiper-slides-gap:10px;}.elementor-67 .elementor-element.elementor-element-f3ca6af{--display:flex;}.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-67 .elementor-element.elementor-element-85fd8fe{--display:flex;}.elementor-67 .elementor-element.elementor-element-0b1530b{--display:flex;}.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-67 .elementor-element.elementor-element-cf7d504 .elementor-icon-wrapper{text-align:center;}.elementor-67 .elementor-element.elementor-element-da28f81 .elementor-icon-wrapper{text-align:center;}.elementor-67 .elementor-element.elementor-element-563f3bc{--display:flex;}.elementor-67 .elementor-element.elementor-element-54664c0{--display:flex;}.elementor-67 .elementor-element.elementor-element-f52afec{--display:flex;}.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-67 .elementor-element.elementor-element-316a163{--grid-columns:1;}.elementor-67 .elementor-element.elementor-element-49c5bed{--display:flex;}.elementor-67 .elementor-element.elementor-element-0f39efa{--display:flex;}.elementor-67 .elementor-element.elementor-element-319c6f8{--display:flex;}.elementor-67 .elementor-element.elementor-element-285a995{--display:flex;}.elementor-67 .elementor-element.elementor-element-bc607b7{--display:flex;}.elementor-67 .elementor-element.elementor-element-3e27ec8{--display:flex;}.elementor-67 .elementor-element.elementor-element-66c96bb{--display:flex;}.elementor-67 .elementor-element.elementor-element-3017b78{--display:flex;}.elementor-67 .elementor-element.elementor-element-7a7d653{--display:flex;}.elementor-67 .elementor-element.elementor-element-89c0163{--display:flex;}.elementor-67 .elementor-element.elementor-element-d19f131{--display:flex;}.elementor-67 .elementor-element.elementor-element-d22d24e{--display:flex;}.elementor-67 .elementor-element.elementor-element-60f0fef{--display:flex;}.elementor-67 .elementor-element.elementor-element-2903bf5{--display:flex;}.elementor-67 .elementor-element.elementor-element-0144d96{--display:flex;}.elementor-67 .elementor-element.elementor-element-1e8a67d{--display:flex;}.elementor-67 .elementor-element.elementor-element-8fc1bc2{--display:flex;}.elementor-67 .elementor-element.elementor-element-b919f98{--display:flex;}.elementor-67 .elementor-element.elementor-element-4dc7115{--display:flex;}.elementor-67 .elementor-element.elementor-element-6240311{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-67 .elementor-element.elementor-element-a0fa3dc{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-67 .elementor-element.elementor-element-a0fa3dc .elementor-divider-separator{width:100%;}.elementor-67 .elementor-element.elementor-element-a0fa3dc .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-67 .elementor-element.elementor-element-1e2111e{--display:flex;}.elementor-67 .elementor-element.elementor-element-d6cbcb6 .elementor-icon-wrapper{text-align:center;}.elementor-67 .elementor-element.elementor-element-563943f .elementor-icon-wrapper{text-align:center;}.elementor-67 .elementor-element.elementor-element-563943f.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-67 .elementor-element.elementor-element-563943f.elementor-view-framed .elementor-icon, .elementor-67 .elementor-element.elementor-element-563943f.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-67 .elementor-element.elementor-element-563943f.elementor-view-framed .elementor-icon, .elementor-67 .elementor-element.elementor-element-563943f.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-67 .elementor-element.elementor-element-e7cdbc8{--display:flex;}.elementor-67 .elementor-element.elementor-element-c6c2d49{--display:flex;}.elementor-67 .elementor-element.elementor-element-54f8063{--display:flex;}.elementor-67 .elementor-element.elementor-element-2ccf88e{--display:flex;}.elementor-67 .elementor-element.elementor-element-9495bc8{--display:flex;}.elementor-67 .elementor-element.elementor-element-6af6cfd{--display:flex;}.elementor-67 .elementor-element.elementor-element-76b43e0{--display:flex;}.elementor-67 .elementor-element.elementor-element-9581c72{--display:flex;}.elementor-67 .elementor-element.elementor-element-49fed12{--display:flex;}.elementor-67 .elementor-element.elementor-element-e080c42{--display:flex;}.elementor-67 .elementor-element.elementor-element-124f305{--display:flex;}.elementor-67 .elementor-element.elementor-element-3d21784{--display:flex;}.elementor-67 .elementor-element.elementor-element-23f0139{--display:flex;}.elementor-67 .elementor-element.elementor-element-d755ee3{--display:flex;}.elementor-67 .elementor-element.elementor-element-06039f5{--display:flex;}.elementor-67 .elementor-element.elementor-element-1701e1e{--display:flex;}.elementor-67 .elementor-element.elementor-element-0ed1ce4{--display:flex;}.elementor-67 .elementor-element.elementor-element-ff2c15f{--display:flex;}.elementor-67 .elementor-element.elementor-element-33044ab{--display:flex;}.elementor-67 .elementor-element.elementor-element-5ea4111{--display:flex;}.elementor-67 .elementor-element.elementor-element-0e712d7{--display:flex;}.elementor-67 .elementor-element.elementor-element-12bf7e7{--display:flex;}.elementor-67 .elementor-element.elementor-element-a9c408f{--display:flex;}.elementor-67 .elementor-element.elementor-element-39ae39b{--display:flex;}.elementor-67 .elementor-element.elementor-element-4eecaa7{--display:flex;}.elementor-67 .elementor-element.elementor-element-35ec8c2{--display:flex;}.elementor-67 .elementor-element.elementor-element-9ec346d{--display:flex;}.elementor-67 .elementor-element.elementor-element-4a58a9b .elementor-icon-wrapper{text-align:center;}.elementor-67 .elementor-element.elementor-element-afce1a0{--display:flex;}.elementor-67 .elementor-element.elementor-element-1b83fe5 .elementor-icon-wrapper{text-align:center;}.elementor-67 .elementor-element.elementor-element-60f7596{--display:flex;}.elementor-67 .elementor-element.elementor-element-9cd3ec1 .elementor-icon-wrapper{text-align:center;}.elementor-67 .elementor-element.elementor-element-cf8bed6{--display:flex;}.elementor-67 .elementor-element.elementor-element-16980c8 .elementor-icon-wrapper{text-align:center;}.elementor-67 .elementor-element.elementor-element-df93641{--display:flex;}.elementor-67 .elementor-element.elementor-element-0941eb4 .elementor-icon-wrapper{text-align:center;}.elementor-67 .elementor-element.elementor-element-d7a4369{--display:flex;}@media(min-width:768px){.elementor-67 .elementor-element.elementor-element-e7cdbc8{--width:100%;}}@media(max-width:1024px){.elementor-67 .elementor-element.elementor-element-392cb70{--swiper-slides-to-display:2;}.elementor-67 .elementor-element.elementor-element-316a163{--grid-columns:1;}}@media(max-width:767px){.elementor-67 .elementor-element.elementor-element-392cb70{--swiper-slides-to-display:1;}.elementor-67 .elementor-element.elementor-element-316a163{--grid-columns:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-392cb70 *//* =========================================================
   FINALNA KOREKCIJA VISINE KARTICA
   ========================================================= */

/* Elementor više ne određuje visinu kartice */
.services-slider .swiper-slide,
.services-slider .e-loop-item,
.services-slider .service-card {
  height: auto !important;
  min-height: 0 !important;
}

/* Kartica dobija visinu od sadržaja */
.service-card {
  height: auto !important;
  align-self: stretch !important;
}

/* Boxed Elementor wrapper ne sme imati forsiranu visinu */
.service-card > .e-con-inner {
  height: auto !important;
  min-height: 0 !important;
}

/* Grid poravnava kartice samo unutar istog reda */
.services-custom-page {
  align-items: stretch !important;
  grid-auto-rows: auto !important;
}

.services-custom-page > .service-card {
  height: 100% !important;
}

/* Content ne sme stvarati dodatnu praznu visinu */
.service-card-content {
  flex: 0 1 auto !important;
  min-height: 0 !important;
}

/* Tačne boje iz originala */
.service-card-description,
.service-card-description *,
.service-feature,
.service-feature *,
.service-feature .elementor-heading-title {
  color: #000 !important;
}

/* Tačan naslov */
.service-card-title .elementor-heading-title {
  font-family: "Zalando Sans Expanded", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 28px !important;
  color: #000 !important;
}

/* Tačna crvena linija */
.service-card-title::after {
  width: 70px !important;
  height: 4px !important;
  background: #e30613 !important;
}

/* Sakrij Elementor Divider jer original koristi liniju na naslovu */
.service-card-divider {
  display: none !important;
}

/* Tačan donji razmak */
.service-card-content {
  gap: 24px !important;
  padding: 0 20px 20px !important;
}

/* Bez dodatnog prostora ispod poslednjih stavki */
.service-card-features {
  margin-bottom: 0 !important;
}

/* Elementor widgeti često imaju sopstveni bottom margin */
.service-card .elementor-widget {
  margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-664f523 */@media (max-width: 899px) {
  .services-custom-track {
    padding-left: 20px !important;
    padding-right: 20px !important;
    scroll-padding-left: 20px;
    scroll-padding-right: 20px;
  }

  .services-custom-page > .service-card {
    flex: 0 0 calc(100vw - 40px) !important;
    width: calc(100vw - 40px) !important;
    max-width: 320px !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d3309c */.projects-title {
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d6afe28 */.projects-filter {
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-285a995 */@media (max-width: 899px) {
  .elementor-element.elementor-element-285a995.references-grid,
  .references-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    width: 100% !important;

    column-gap: 40px !important;
    row-gap: 34px !important;

    --display: grid !important;
  }

  .references-grid > .reference-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .references-grid > .reference-card[hidden] {
    display: none !important;
  }

  .reference-card__logo {
    display: flex !important;
    align-items: flex-end !important;

    width: 100% !important;
    height: 48px !important;

    margin: 0 !important;
  }

  .reference-card__logo img {
    display: block !important;

    width: auto !important;
    max-width: 154px !important;
    height: auto !important;
    max-height: 48px !important;

    object-fit: contain !important;
    object-position: left bottom !important;
  }

  .reference-card__name {
    width: 100% !important;
    margin: 0 !important;
  }

  .reference-card__name .elementor-heading-title {
    margin: 0 !important;

    font-size: 17px !important;
    line-height: 21px !important;
  }
}
@media (max-width: 899px) {
  .references-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 40px !important;
    row-gap: 34px !important;

    --display: grid !important;
  }

  .references-grid > .reference-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .references-grid > .reference-card[hidden] {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e2111e *//* =========================================================
   ISTI OBLIK STRELICE KAO ORIGINALNI SVG
   ========================================================= */

.references-nav__prev,
.references-nav__next {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;

  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-radius: 50% !important;

  background: transparent !important;

  opacity: 1 !important;
  visibility: visible !important;
}

/* Sakrij postojeći Elementor sadržaj */

.references-nav__prev .elementor-widget-container,
.references-nav__next .elementor-widget-container {
  opacity: 0 !important;
}

/* Jedan isti SVG oblik za obe strelice */

.references-nav__prev::before,
.references-nav__next::before {
  content: "" !important;

  position: absolute !important;

  top: 50% !important;
  left: 50% !important;

  width: 20px !important;
  height: 20px !important;

  background: #000 !important;

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2323 10.4167H4.16663V9.58341H14.2323L9.40538 4.75654L9.99996 4.16675L15.8333 10.0001L9.99996 15.8334L9.40538 15.2436L14.2323 10.4167Z' fill='black'/%3E%3C/svg%3E") !important;

  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2323 10.4167H4.16663V9.58341H14.2323L9.40538 4.75654L9.99996 4.16675L15.8333 10.0001L9.99996 15.8334L9.40538 15.2436L14.2323 10.4167Z' fill='black'/%3E%3C/svg%3E") !important;

  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;

  -webkit-mask-position: center !important;
  mask-position: center !important;

  -webkit-mask-size: 20px 20px !important;
  mask-size: 20px 20px !important;

  pointer-events: none !important;
}

/* Desna */

.references-nav__next::before {
  transform: translate(-50%, -50%) !important;
}

/* Leva */

.references-nav__prev::before {
  transform:
    translate(-50%, -50%)
    rotate(180deg) !important;
}

/* Ukloni stari CSS nacrtani rep i vrh */

.references-nav__prev::after,
.references-nav__next::after {
  content: none !important;
  display: none !important;
}

/* Hover */

.references-nav__prev:hover,
.references-nav__next:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}

/* Disabled ostaje vidljiv */

.references-nav__prev.is-disabled,
.references-nav__next.is-disabled {
  opacity: 1 !important;
  visibility: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7cdbc8 */@import url("https://fonts.googleapis.com/css2?family=Zalando+Sans+Expanded:wght@400;500;600&display=swap");

:root {
  --project-cta-container: 1300px;
  --project-cta-height: 295px;
  --project-cta-red: #d4000f;
  --project-cta-font: "Zalando Sans Expanded", sans-serif;

  /*
   * Glatka leva ivica fotografije:
   * - zaobljen početak gore
   * - blaga dijagonala
   * - široko zaobljenje pri dnu
   */
  --project-cta-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 300' preserveAspectRatio='none'%3E%3Cpath d='M460 0H1000V300H0C105 300 171 280 220 230L382 52C405 20 430 0 460 0Z' fill='black'/%3E%3C/svg%3E");
}

/* =========================================================
   RESET
   ========================================================= */

.project-cta,
.project-cta *,
.project-cta *::before,
.project-cta *::after {
  box-sizing: border-box;
}

.project-cta .elementor-widget {
  margin: 0 !important;
}

.project-cta,
.project-cta__inner {
  --padding-top: 0;
  --padding-right: 0;
  --padding-bottom: 0;
  --padding-left: 0;

  --margin-top: 0;
  --margin-right: 0;
  --margin-bottom: 0;
  --margin-left: 0;
}

/* =========================================================
   SPOLJNI ELEMENT — FULL WIDTH
   ========================================================= */

.project-cta,
.project-cta.e-con-boxed {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: #ffffff !important;
}

/* Uklanja Elementor boxed ograničenje */

.project-cta > .e-con-inner {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   UNUTRAŠNJA SCENA
   ========================================================= */

.project-cta__inner {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  max-width: none !important;
  height: var(--project-cta-height) !important;
  min-height: var(--project-cta-height) !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: #ffffff !important;
}

/* Donja crvena linija preko cele širine */

.project-cta__inner::after {
  content: "";

  position: absolute;
  z-index: 30;

  right: 0;
  bottom: 0;
  left: 0;

  height: 4px;

  background: var(--project-cta-red);
}

/* =========================================================
   NASLOV
   ========================================================= */

.project-cta__title {
  position: absolute !important;
  z-index: 20 !important;

  top: 50% !important;

  left: max(
    30px,
    calc((100vw - var(--project-cta-container)) / 2)
  ) !important;

  transform: translateY(-50%) !important;

  width: 470px !important;
  max-width: 470px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.project-cta__title .elementor-heading-title {
  width: 100% !important;

  margin: 0 !important;

  color: #111111 !important;

  font-family: var(--project-cta-font) !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

/* =========================================================
   FOTOGRAFIJA — FULL BLEED DESNO
   ========================================================= */

.project-cta__image {
  position: absolute !important;
  z-index: 1 !important;

  top: 48px !important;
  right: 0 !important;
  bottom: 4px !important;
  left: auto !important;

  display: block !important;

  width: 58vw !important;
  min-width: 820px !important;
  max-width: none !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: var(--project-cta-red) !important;

  -webkit-mask-image: var(--project-cta-mask) !important;
  mask-image: var(--project-cta-mask) !important;

  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;

  -webkit-mask-position: center !important;
  mask-position: center !important;

  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}

.project-cta__image .elementor-widget-container {
  position: relative !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Fotografija */

.project-cta__image img {
  display: block !important;

  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;
  object-position: center 42% !important;
}

/* Crveni overlay */

.project-cta__image::after {
  content: "";

  position: absolute;
  z-index: 5;

  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(214, 0, 15, 0.38) 0%,
      rgba(214, 0, 15, 0.52) 55%,
      rgba(214, 0, 15, 0.88) 100%
    );

  mix-blend-mode: multiply;
}

/* =========================================================
   ŠIRI EKRANI
   ========================================================= */

@media (min-width: 1600px) {
  .project-cta__image {
    width: 57vw !important;
    min-width: 900px !important;
  }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  :root {
    --project-cta-height: 255px;
  }

  .project-cta__title {
    left: 40px !important;

    width: 390px !important;
    max-width: 390px !important;
  }

  .project-cta__title .elementor-heading-title {
    font-size: 27px !important;
    line-height: 1.4 !important;
  }

  .project-cta__image {
    top: 38px !important;

    width: 62vw !important;
    min-width: 600px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .project-cta__inner {
    height: auto !important;
    min-height: 0 !important;

    padding-top: 38px !important;
  }

  .project-cta__title {
    position: relative !important;

    top: auto !important;
    left: auto !important;

    transform: none !important;

    width: 100% !important;
    max-width: none !important;

    padding: 0 20px 32px !important;
  }

  .project-cta__title .elementor-heading-title {
    max-width: 360px !important;

    font-size: 24px !important;
    line-height: 1.4 !important;
  }

  .project-cta__image {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 220px !important;

    /*
     * Druga maska za mobilni:
     * fotografija ide ispod teksta.
     */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 220' preserveAspectRatio='none'%3E%3Cpath d='M120 0H400V220H0V183C33 177 50 151 65 112L94 35C101 14 108 0 120 0Z' fill='black'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 220' preserveAspectRatio='none'%3E%3Cpath d='M120 0H400V220H0V183C33 177 50 151 65 112L94 35C101 14 108 0 120 0Z' fill='black'/%3E%3C/svg%3E") !important;
  }

  .project-cta__inner::after {
    height: 3px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a9c408f */@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&family=Zalando+Sans+Expanded:wght@400;500&display=swap");

:root {
  --contact-width: 1300px;

  --contact-text: #1f1f1f;
  --contact-muted: #666666;
  --contact-border: #d1d1d1;

  --contact-red: #e30613;
  --contact-red-hover: #c00d0d;

  --contact-display-font: "Zalando Sans Expanded", sans-serif;
  --contact-body-font: "Archivo", sans-serif;
}

/* =========================================================
   RESET
   ========================================================= */

.contact-page,
.contact-page *,
.contact-page *::before,
.contact-page *::after {
  box-sizing: border-box;
}

.contact-page .elementor-widget {
  margin: 0 !important;
}

.contact-page,
.contact-page__inner,
.contact-page__left,
.contact-page__right,
.contact-info,
.contact-info__item {
  --padding-top: 0;
  --padding-right: 0;
  --padding-bottom: 0;
  --padding-left: 0;

  --margin-top: 0;
  --margin-right: 0;
  --margin-bottom: 0;
  --margin-left: 0;
}

/* =========================================================
   GLAVNA SEKCIJA
   ========================================================= */

.contact-page {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100vh - 80px) !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff !important;
}

.contact-page > .e-con-inner {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   UNUTRAŠNJI CONTAINER
   ========================================================= */

.contact-page__inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;

  width: calc(100% - 40px) !important;
  max-width: var(--contact-width) !important;

  gap: 90px !important;

  margin: 0 auto !important;
  padding: 62px 0 70px !important;
}

/* =========================================================
   LEVI STUBAC
   ========================================================= */

.contact-page__left {
  flex: 0 0 40% !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  width: 40% !important;
  max-width: 470px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Naslov */

.contact-page__title {
  width: 100% !important;

  margin: 0 0 42px !important;
}

.contact-page__title .elementor-heading-title {
  margin: 0 !important;

  color: #000000 !important;

  font-family: var(--contact-display-font) !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}

/* Uvodni tekst */

.contact-page__intro {
  width: 100% !important;
  max-width: 440px !important;

  margin: 0 0 40px !important;
}

.contact-page__intro,
.contact-page__intro p {
  color: var(--contact-text) !important;

  font-family: var(--contact-body-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}

.contact-page__intro p {
  margin: 0 !important;
}

/* =========================================================
   KONTAKT PODACI
   ========================================================= */

.contact-info {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  width: 100% !important;

  gap: 14px !important;

  margin: 0 !important;
  padding: 0 0 0 20px !important;
}

/* Vertikalna linija */

.contact-info::before {
  content: "";

  position: absolute;

  top: 0;
  bottom: 0;
  left: 0;

  width: 1px;

  background: #111111;
}

/* Jedna kontakt stavka */

.contact-info__item {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;

  width: 100% !important;

  gap: 12px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Ikona */

.contact-info__icon {
  flex: 0 0 18px !important;

  width: 18px !important;
  min-width: 18px !important;
  height: 22px !important;

  margin: 1px 0 0 !important;
  padding: 0 !important;
}

.contact-info__icon .elementor-icon-wrapper,
.contact-info__icon .elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 18px !important;
  height: 18px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.contact-info__icon .elementor-icon {
  color: #000000 !important;
  fill: #000000 !important;

  background: transparent !important;
  border: 0 !important;
}

.contact-info__icon svg {
  display: block !important;

  width: 18px !important;
  height: 18px !important;
}

/* Tekst */

.contact-info__text {
  flex: 1 1 auto !important;

  width: auto !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

.contact-info__text,
.contact-info__text p {
  margin: 0 !important;

  color: var(--contact-text) !important;

  font-family: var(--contact-body-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}

.contact-info__text a {
  color: inherit !important;
  text-decoration: none !important;
}

.contact-info__text a:hover {
  color: var(--contact-red) !important;
}

/* =========================================================
   DESNI STUBAC
   ========================================================= */

.contact-page__right {
  flex: 1 1 auto !important;

  display: flex !important;
  flex-direction: column !important;

  width: 60% !important;
  max-width: 705px !important;

  margin: 0 !important;
  padding: 24px 0 0 !important;
}

/* =========================================================
   WPFORMS
   ========================================================= */

.contact-form {
  width: 100% !important;
  max-width: none !important;
}

.contact-form .elementor-widget-container,
.contact-form .elementor-shortcode {
  width: 100% !important;
  max-width: none !important;
}

/* Forma wrapper */

.contact-form #wpforms-11 {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.contact-form #wpforms-form-11 {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   FORM GRID
   ========================================================= */

.contact-form #wpforms-11 .wpforms-field-container {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr) !important;

  column-gap: 20px !important;
  row-gap: 20px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.contact-form #wpforms-11 .wpforms-field {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  clear: none !important;
}

/* Ime i prezime */

.contact-form #wpforms-11-field_1-container {
  grid-column: 1 / -1 !important;
}

/* Email */

.contact-form #wpforms-11-field_2-container {
  grid-column: 1 !important;
}

/* Telefon */

.contact-form #wpforms-11-field_4-container {
  grid-column: 2 !important;
}

/* Tema */

.contact-form #wpforms-11-field_5-container {
  grid-column: 1 / -1 !important;
}

/* Poruka */

.contact-form #wpforms-11-field_3-container {
  grid-column: 1 / -1 !important;
}

/* Honeypot polja */

.contact-form #wpforms-11-field_6-container,
.contact-form #wpforms-11-field_7-container {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  overflow: hidden !important;
  opacity: 0 !important;

  pointer-events: none !important;
}

/* =========================================================
   LABEL
   ========================================================= */

.contact-form #wpforms-11 .wpforms-field-label {
  display: block !important;

  margin: 0 0 8px !important;
  padding: 0 !important;

  color: var(--contact-muted) !important;

  font-family: var(--contact-body-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 18px !important;

  text-transform: uppercase !important;
}

.contact-form #wpforms-11 .wpforms-required-label {
  color: var(--contact-red) !important;
}

/* =========================================================
   INPUTI
   ========================================================= */

.contact-form #wpforms-11 input[type="text"],
.contact-form #wpforms-11 input[type="email"],
.contact-form #wpforms-11 input[type="number"],
.contact-form #wpforms-11 input[type="tel"],
.contact-form #wpforms-11 select,
.contact-form #wpforms-11 textarea {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  border: 1px solid var(--contact-border) !important;
  border-radius: 8px !important;

  background-color: #ffffff !important;
  color: #222222 !important;

  outline: none !important;
  box-shadow: none !important;

  font-family: var(--contact-body-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 20px !important;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

.contact-form #wpforms-11 input[type="text"],
.contact-form #wpforms-11 input[type="email"],
.contact-form #wpforms-11 input[type="number"],
.contact-form #wpforms-11 input[type="tel"],
.contact-form #wpforms-11 select {
  height: 43px !important;
  min-height: 43px !important;

  padding: 10px 14px !important;
}

.contact-form #wpforms-11 textarea {
  height: 130px !important;
  min-height: 130px !important;

  padding: 12px 14px !important;

  resize: vertical !important;
}

/* Uklanja WPForms medium limit */

.contact-form #wpforms-11 .wpforms-field-medium {
  width: 100% !important;
  max-width: none !important;
}

/* Focus */

.contact-form #wpforms-11 input:focus,
.contact-form #wpforms-11 select:focus,
.contact-form #wpforms-11 textarea:focus {
  border-color: #999999 !important;

  box-shadow:
    0 0 0 2px rgba(0, 0, 0, 0.05) !important;
}

/* Placeholder */

.contact-form #wpforms-11 input::placeholder,
.contact-form #wpforms-11 textarea::placeholder {
  color: #999999 !important;
  opacity: 1 !important;
}

/* =========================================================
   SELECT
   ========================================================= */

.contact-form #wpforms-11 select {
  appearance: none !important;
  -webkit-appearance: none !important;

  padding-right: 46px !important;

  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      #000000 50%
    ),
    linear-gradient(
      135deg,
      #000000 50%,
      transparent 50%
    ) !important;

  background-position:
    calc(100% - 18px) 18px,
    calc(100% - 13px) 18px !important;

  background-size:
    5px 5px,
    5px 5px !important;

  background-repeat: no-repeat !important;
}

/* =========================================================
   GREŠKE
   ========================================================= */

.contact-form #wpforms-11 label.wpforms-error {
  display: block !important;

  margin: 6px 0 0 !important;

  color: var(--contact-red) !important;

  font-family: var(--contact-body-font) !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

.contact-form #wpforms-11 .wpforms-field.wpforms-has-error input,
.contact-form #wpforms-11 .wpforms-field.wpforms-has-error select,
.contact-form #wpforms-11 .wpforms-field.wpforms-has-error textarea {
  border-color: var(--contact-red) !important;
}

/* =========================================================
   SUBMIT
   ========================================================= */

.contact-form #wpforms-11 .wpforms-submit-container {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;

  width: 100% !important;

  margin: 20px 0 0 !important;
  padding: 0 !important;
}

.contact-form #wpforms-submit-11 {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 128px !important;
  min-height: 43px !important;

  margin: 0 !important;
  padding: 11px 44px 11px 20px !important;

  border: 0 !important;
  border-radius: 100px !important;

  background: var(--contact-red) !important;
  color: #ffffff !important;

  box-shadow: none !important;

  font-family: var(--contact-body-font) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px !important;

  cursor: pointer !important;

  transition:
    background-color 0.2s ease,
    transform 0.2s ease !important;
}

/* Strelica */

.contact-form #wpforms-submit-11::after {
  content: "→";

  position: absolute;

  top: 50%;
  right: 18px;

  transform: translateY(-50%);

  color: #ffffff;

  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.contact-form #wpforms-submit-11:hover,
.contact-form #wpforms-submit-11:focus {
  background: var(--contact-red-hover) !important;

  transform: translateY(-1px);
}

/* Spinner */

.contact-form #wpforms-11 .wpforms-submit-spinner {
  margin-left: 12px !important;
}

/* =========================================================
   WPFORMS POTVRDA I PORUKE
   ========================================================= */

.contact-form .wpforms-confirmation-container-full {
  margin: 0 !important;
  padding: 18px 20px !important;

  border: 1px solid #b7d8b7 !important;
  border-radius: 8px !important;

  background: #f2faf2 !important;
  color: #245524 !important;

  font-family: var(--contact-body-font) !important;
  font-size: 15px !important;
  line-height: 22px !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .contact-page__inner {
    gap: 50px !important;

    padding-top: 50px !important;
  }

  .contact-page__left {
    flex-basis: 42% !important;

    width: 42% !important;
  }

  .contact-page__right {
    width: 58% !important;
  }

  .contact-page__title .elementor-heading-title {
    font-size: 36px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .contact-page {
    min-height: 0 !important;
  }

  .contact-page__inner {
    flex-direction: column !important;

    width: 100% !important;
    max-width: none !important;

    gap: 50px !important;

    padding: 40px 20px 60px !important;
  }

  .contact-page__left,
  .contact-page__right {
    flex: 0 0 auto !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .contact-page__title {
    margin-bottom: 30px !important;
  }

  .contact-page__title .elementor-heading-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  .contact-page__intro {
    max-width: none !important;

    margin-bottom: 32px !important;
  }

  .contact-info {
    gap: 16px !important;
  }

  /* Forma postaje jedna kolona */

  .contact-form #wpforms-11 .wpforms-field-container {
    grid-template-columns: minmax(0, 1fr) !important;

    column-gap: 0 !important;
    row-gap: 20px !important;
  }

  .contact-form #wpforms-11-field_1-container,
  .contact-form #wpforms-11-field_2-container,
  .contact-form #wpforms-11-field_4-container,
  .contact-form #wpforms-11-field_5-container,
  .contact-form #wpforms-11-field_3-container {
    grid-column: 1 !important;
  }

  .contact-form #wpforms-11 .wpforms-submit-container {
    justify-content: flex-start !important;
  }
}/* End custom CSS */