.services-sc.layout-portfolio-simple {
    justify-content: center;
}


/* === STEPS SECTION – OUTLINE ONLY (NO FILL) === */

.steps-section {
  margin-top: 20px;
}

/* raspored */
.steps-section .ltx-block-icon {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}

.steps-section .ltx-block-icon > li {
  flex: 1 1 160px;
  min-width: 160px;
}

/* makni sve moguće pozadine/highlightove */
.steps-section .ltx-block-icon > li,
.steps-section .ltx-block-icon > li:hover,
.steps-section .ltx-block-icon > li.active,
.steps-section .ltx-block-icon > li:before,
.steps-section .ltx-block-icon > li:after,
.steps-section .ltx-block-icon .in,
.steps-section .ltx-block-icon .in.matchHeight,
.steps-section .bg-transparent {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* BROJEVI: samo outline, unutra providno */
.steps-section .ltx-icon.ltx-icon-text {
  color: transparent !important;               /* unutra providno */
  -webkit-text-fill-color: transparent !important; /* bitno za Chrome/Safari */
  -webkit-text-stroke: 2px #1c5274;
  text-stroke: 2px #1c5274;
  font-weight: 800;
  line-height: 1;
  display: inline-block;
  margin-bottom: 20px; /* odmak od teksta ispod */
  text-shadow: none !important; /* da ne “popuni” unutra */
}

/* NASLOV */
.steps-section h6.header {
  color: #1c5274 !important;
  font-weight: 700;
  margin: 0 0 4px;
}

/* OPIS */
.steps-section .descr {
  color: #5fa8d3 !important;
  font-weight: 600;
  margin: 0;
}

/* === RAZMAK SAMO ZA STEPS SEKCIJU === */

.steps-wrapper {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.steps-wrapper .es-resp,
.steps-wrapper .es-resp > div {
    height: 30px !important;
}

.mobile-controls {
    display: none !important;
}

.ltx-before-footer {
    display: none !important;
}

/* === UGASI BACKGROUND SAMO NA MOBITELU (WPBakery / Like-Themes) === */
@media (max-width: 767px) {

  /* sam section + WPBakery fill varijante */
  section.vc_section.no-bg-mobile,
  section.vc_section.no-bg-mobile.vc_section-has-fill,
  section.vc_section.no-bg-mobile > .vc_row,
  section.vc_section.no-bg-mobile .vc_row,
  section.vc_section.no-bg-mobile .vc_column,
  section.vc_section.no-bg-mobile .vc_column-inner,
  section.vc_section.no-bg-mobile .wpb_wrapper {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
  }

  /* često tema crta overlay/bg preko pseudo elemenata */
  section.vc_section.no-bg-mobile::before,
  section.vc_section.no-bg-mobile::after,
  section.vc_section.no-bg-mobile .vc_row::before,
  section.vc_section.no-bg-mobile .vc_row::after,
  section.vc_section.no-bg-mobile .vc_column-inner::before,
  section.vc_section.no-bg-mobile .vc_column-inner::after {
    background: none !important;
    background-image: none !important;
    content: none !important;
    display: none !important;
  }
}

/* FIX: slike u karticama da ne bježe na velikim ekranima */
.cards-section-fix .services-sc.layout-photos article .inner{
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

/* wrapper link za sliku */
.cards-section-fix .services-sc.layout-photos article .photo{
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;

  transform: none !important;
  margin: 0 0 30px 0 !important;

  display: flex !important;
  align-items: flex-start !important;   /* ključno: gore */
  justify-content: center !important;

  width: 100% !important;
  min-height: 220px;                   /* prilagodi po želji */
}

/* img unutar .photo */
.cards-section-fix .services-sc.layout-photos article .photo img{
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;

  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* ako tema koristi pseudo-elemente preko slike */
.cards-section-fix .services-sc.layout-photos article .photo:before,
.cards-section-fix .services-sc.layout-photos article .photo:after{
  transform: none !important;
  top: auto !important;
  bottom: auto !important;
}

/* Fix paddinga u karticama samo na velikim ekranima (TV/ultra-wide) */
@media (min-width: 1600px) {
  .cards-section-fix .services-sc.layout-photos article .inner{
    padding: 55px 60px 60px 60px !important; /* gore desno dole lijevo */
  }
}

/* Samo MOBILNI: poništi negativni margin-top koji dolazi iz vc_custom_* */
@media (max-width: 767px) {
  section.cards-section-fix .services-sc.vc_custom_1767134261901{
    margin-top: 0 !important;
  }
}