.ml-module-card {
  margin-top: 20px;
}

#mlstats-113 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#mlprocess-114 {padding-left: 10px !important;
  padding-right: 10px !important;}
  
#mlcta-115 {
  padding: 0 !important;
}

.ml-module-card.ml-module-card--id-115 {
  padding: 0 !important;
}

.mlcta__panel {padding:34px!important;}

#mlmp-177 .mlmp__lead-icon {display: none;}

.mlmp__inner {padding: 28px 0;}

.mlmi__slide p {font-size: 16px;max-width: 820px;}

.mlfq-item__answer, .mlbp-card-text, .mlfq__footer-note, .mlcta__text, .mlmt__card-text, .mlmp__card p {font-size: 16px!important;font-weight: 400;color: #45464f;}

.mlpf-single--polished .mlpf-project-box, .mlpf-btn, .mlpf-single--polished .mlpf-related-card, .mlsp-card-link, .mlpf-client-review-card, .ml-contact-submit, .ml-contact-field input, .ml-contact-form, .ml-contact-trust, #ml-newsletter-signup-126 button, .ml-article-related-card, .mlps-card, .mlmt__warning, .mlmt__card, .mlpp-info, .mlmi--radius-small .mlmi__cta,.mlsp-cta, .mlbn-card {border-radius: 6px !important;}
.mlpf-related-img {aspect-ratio: 16/9;}
.mlpf-pill-list span, .mlpf-cats a, .mlsp-card-title, .ml-contact-direct a, .mlpf-tagsline, .mlcta__contact a, .mlpp-info__summary, .mlpr-button {font-weight: 500;}
.mlpf-back-link, .mlpf-btn, .ml-floating-cta, .mlpf-pill-list--links a, .mlfq-item__question, .ml-blog-readmore, .mlhp__btn, .mlsp-card-more, .mlsp-cta-button, .mlpf-more,   .ml-mobile-menu li > a, .ml-mobile-menu ul ul a, .ml-mobile-bottom-bar a, .mltp-cta__button, .mlcta__btn {font-weight: 600;}
.ml-article-content a, .mlpf-field-row strong {font-weight: 500;}

.mlbn__intro {max-width: 1020px;font-size: clamp(1rem, 1.3vw, 1.18rem);}

.mlpf-pill-list.mlpf-pill-list--links a:hover {
  color: #fff !important;
  
}

.mlcta__panel {padding: 54px !important;}

.mltp-cta {padding: 22px 32px;}

.ml-article-cta, .ml-article-tags a, .ml-article-cta a {border-radius:10px!important;}

#ml-hero-pro-122 {
  border: 1px solid #d8d8d8;
}

.ml-logo {
  
  margin-top: 10px;
}

.mlpr-intro {
  max-width: 1100px !important;
}

.mlsf-slider__stage {border: 0;background: transparent;box-shadow: none;}
.mlsf-slide.is-active {padding: 20px 0;}

.mlpr-header {max-width: 1140px;}

.ml-module-card.ml-module-card--id-147 {padding: 0px;background: rgba(255,255,255,.9);}
.ml-process-pro {padding: 42px 0;}
#mlprocess-147 .mlpr-number {font-size: 1.9rem;font-weight: 800;color: #f2f873;}
#mlprocess-147 .ml-process-pro--container-wide .mlpr-container {width: auto;}


#ml-hero-pro-137 {
  padding-top: 0;padding-bottom: 0;
}

/* Usluge Hub Hero - jedna slika kao pozadinski vizual */
#ml-hero-pro-122 {
  position: relative !important;
  overflow: hidden !important;
  min-height: 520px !important;
  padding-top: 40px !important;
  padding-bottom: 30px !important;
}

/* tekst uvijek iznad slike */
#ml-hero-pro-122 .mlhp__content,
#ml-hero-pro-122 .mlhp__body,
#ml-hero-pro-122 .mlhp__copy {
  position: relative !important;
  z-index: 5 !important;
}

/* veliki pozadinski prostor - NE smanjivati ovo previše */
#ml-hero-pro-122 .mlhp__visual {
  position: absolute !important;
  top: -120px !important;
  right: -220px !important;
  bottom: -120px !important;
  left: auto !important;

  width: 70vw !important;
  max-width: 1050px !important;
  min-width: 760px !important;

  height: auto !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: visible !important;
  transform: none !important;
}

/* smanjujemo i mičemo SAMO sliku */
#ml-hero-pro-122 .mlhp__visual img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;

  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;

  transform: translateX(40px) scale(0.82) !important;
  transform-origin: center center !important;
}

/* meki prijelaz lijevog ruba slike */
#ml-hero-pro-122 .mlhp__visual img {
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,0.35) 8%,
    black 18%,
    black 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,0.35) 8%,
    black 18%,
    black 100%
  );
}


.mlhp--services_trust .mlhp__trust-board {
  justify-content: flex-end;
  transform: translateX(clamp(54px, 6.8vw, 128px))!important;
}


.mlsp-eyebrow::before, .mlfq__kicker::before, .mlbp-eyebrow::before, .mlmi__eyebrow span, .mlmp__eyebrow span, .mlst-eyebrow span, .mlhp__eyebrow::before {background: #ffd23f;}

.mlpr-button {padding: 8px 12px; margin-top:15px;}


/* Centriraj Joomla breadcrumbs */
.ml-breadcrumbs,
.breadcrumb,
.mod-breadcrumbs {
  justify-content: center;
  text-align: center;
}

.ml-breadcrumbs ol,
.breadcrumb,
.mod-breadcrumbs__wrapper {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.mlpf-cats a:hover, .mlpf-cats a.is-active {
  border-color: #000;
  color: #fff;
  background: #000;
  box-shadow: 0 12px 26px rgba(90,65,191,.18);
}


@media (max-width: 980px) {
  .mlpf-archive .mlpf-card, .mlpf-archive .mlpf-card--featured {border-radius: 6px !important;}
.ml-floating-cta.is-visible {display: none;}
    
    }


@media (max-width: 760px) {
   .ml-component {
    padding: 0px !important;
  }
}


/* Usluge Hub Hero - sakrij pozadinsku hero sliku na mobitelu */
@media (max-width: 767px) {
  #ml-hero-pro-122 .mlhp__visual {
    display: none !important;
  }

  #ml-hero-pro-122 .mlhp__visual img {
    display: none !important;
  }
  .ml-logo-mobile { max-height: 40px; height: 40px;}
  
  
  
  
  
  
}




.mlpf-archive .mlpf-featured-showcase {border-radius: 6px !important;}
.ml-reviews-summary {background: #3C2791;}


@media (max-width: 1024px) {
  .ml-mobile-brand img, .ml-mobile-brand-mark {
    width: 160px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 0px;
    border: 0px solid rgba(24, 23, 28, .10);
  }
  
  
  .ml-mobile-brand strong {display: none;}
  .ml-mobile-close {width: 40px;height: 40px;border-radius: 0px;border: 0px solid rgba(24, 23, 28, .14);font-size: 42px;font-weight: 500;}
    
}



/* #ml-hero-pro-129.mlhp .mlhp__container {padding-inline: 0px!important;} */
.mlhp--split_card .mlhp__content {border-radius: 10px;}

.ml-module-card.ml-module-card--id-143 {
  
 background: transparent;
  border: 0px solid rgba(8,10,26,.10);
  border-radius: var(--ml-radius);
  box-shadow: none;
  padding: 0!important;
  

}

.mlmt--pad-normal {padding: 10px 0;}

.mlpp-info__content {font-size: 15px !important;}

.ml-footer-newsletter-block .mlnsm--footer_compact .mlnsm-text {font-size: 14px;}


#mltp-143 {padding: 0 !important;margin-top:60px!important;margin-bottom:40px!important;}
#mltp-143 .mltp-proof__label {display: none;}
.ml-module-card.ml-module-card--id-131 .mlpr-title { color: #fff!important;}

.ml-module-card.ml-module-card--id-131 {background:#111!important;}
.ml-module-card.ml-module-card--id-131 {padding:0;}

#mlmp-162.mlmp--width-wide .mlmp__inner {width: 100%;padding: 0 5px;}
.mlbn__header, .mlmp__header, .mlbn__header, .mltp__head, .mlbp-head, .mlmi__header  {max-width: 1400px!important;margin-bottom: 28px;}
.mlbn__intro, .mltp__intro, .mlbp-intro {max-width: 1400px!important;}
.ml-process-pro--dark.ml-process-pro--layout-timeline .mlpr-header, .mlcl-header, .mlpr-header {max-width: 1400px;}

.mlbn__intro, .mlmi__intro, .mlmp__intro, .mlpp__intro, .mltp__intro, .mlbp-intro, .mlfq__intro {font-size: 18px;}
.mlbn-card__text, .mlmi__richtext, .mlmp__card p, .mlpp-card__subtitle, .mltp-card--small blockquote, .mlbp-card-text, .mlfq-item__answer, .mlmt__intro, .mlps-card__intro, .mlmi__card p, .mlmt__intro, .mlmt--layout-hosting .mlmt__intro, .mlpr-step-text, .mlsp-card-text, .mlmt__extra {color: #45464f;line-height: 1.68;font-size: 16px;}
.mlbp-intro, .mlfq__intro, .mlpp__intro, .mlbn__intro, .mlmp__intro, .mlmi__intro, .mlbn--consulting .mlbn__intro, .mlpr-intro, .mlsf__intro, .mltp__intro, .mlps-intro, .mlpr-intro, .mlsp-intro, .mlmt__intro, .mlst-intro, .mlcl-intro {font-weight: 500;font-size: 17px !important;max-width: 1400px!important;color: #45464f;}


.ml-module-card.ml-module-card--id-146 {padding: 0;}
.ml-module-card.ml-module-card--id-127 {padding: 40px;}

#mlsp-199 .mlsp-card-more {display: none;}

.mlsp--cta-pos-below .mlsp-cta, .mlsp--cta-bottom-strip .mlsp-cta {margin-top:0;}

#mlcta-196 .mlcta__text {max-width: 1100px;}
#mlcta-196.mlcta--layout-stacked .mlcta__content {max-width: 1100px !important;}

.mlmt--layout-streaming .mlmt__copy {padding: 0;border-radius: 6px;background: transparent;border: 0px solid rgba(111,61,244,.10);box-shadow: none;}

.mlhp__intro {max-width: 1200px;}
#ml-hero-pro-191 {padding: 30px 0px;}

.mlmt__eyebrow, .mlmp__eyebrow, .mlbn__kicker, .mlmt__eyebrow, .mlpp__kicker, .mltp__eyebrow, .mlbp-eyebrow, .mlfq__kicker, .mlcta__eyebrow, .mlst-eyebrow span, .mlpr-eyebrow, .mlcl-eyebrow, .mlsp-eyebrow, .mlst-eyebrow, .mlhp__eyebrow, .mlst-eyebrow span {font-size: 14px;color: #5a41bf;}

.mlfq-item__question {font-size:17px!important;}

#mltp-146 {
  padding: 45px !important;
}

.mlhp__floating-badge {border-radius:10px;}

.ml-megamenu-col a:not(.ml-button) {padding: 16px 14px;}

.mlmi__item-icon, .mlmi__lead-icon {width: 70px;height: 70px;}
.mlmi--layout-slider .mlmi__lead-icon {display: none;}
.mlmi__slide h3 {margin: 18px 0 32px;}




@media (max-width: 767px) {
    
.ml-main {padding-bottom: 0px;}
.ml-container.ml-footer-grid {padding-inline: clamp(5px, 2vw, 14px);}

#ml-hero-pro-129, #ml-hero-pro-138 {padding-top: 0;padding-bottom: 0;}
.mltp__head {padding-left: 18px;padding-right: 18px;}
#mlbn-130 {padding-left: 10px !important;padding-right: 10px !important;}
.mlbn--consulting .mlbn-card {border-radius: 6px;padding: 22px 10px 14px;}
#mlps-132 {padding: 0 !important;margin-top: 20px;margin-bottom: 20px;}
#mlbn-130.mlbn--consulting .mlbn-card::before { background: none;}
.mlbn__inner .mlbn-card {border: 0 !important;box-shadow: none !important;padding: 0 !important;background: none;transition: none;}
.mlbn--consulting .mlbn-card__text {font-size:inherit;line-height: 1.62;max-width: 20rem;}
.mlhp .mlhp__container, .mlhp--width-global .mlhp__container {padding-inline: 5px !important;}
#mlprocess-131 .mlpr-container {padding: 0 10px;}
#mlprocess-147 .mlpr-container  {padding:0!important;}
#mlprocess-147 .mlpr-container {width:100%!important;}
.proces-shop .ml-process-pro--soft {background: #ededed!important;}  
.proces-shop .ml-process-pro {padding: 20px 0!important}

#mlprocess-155 .mlpr-container {padding: 0;width: 100% !important;}
#mlprocess-155 .mlpr-steps {background: #eee !important;padding: 0 !important;border: 0 !important;}
#mlprocess-155 .mlpr-step {background: #fff !important;}

.mlbn--consulting .mlbn-card::before {background:none!important;}
#mlsf-154 {padding-top: 0;}

#mltp-146 {padding: 20px 0px !important;}

body.ml-mobile-header-shell-floating .ml-header-inner {border-radius: 10px;}

.ml-hero-position {padding: 10px 0px;}
#mlmi-164.mlmi--layout-slider .mlmi__cta {margin-bottom: 0px!important;}
.ml-module-card.ml-module-card--id-164.ml-module-164 {padding:0;}

#mlmp-162 .mlmp__inner, #mlprocess-198 .mlpr-container {padding: 0 !important;width: 100% !important;background: #eee;}
#mltp-157.mltp--accent {background: transparent;}
#mltp-157.mltp__head {padding: 0px 5px;}

.mlfq__items {gap: 12px;}

#mlcta-160 .mlcta__panel {padding: 24px !important;}

.ml-module-card.ml-module-card--id-166, #ml-hero-pro-141 {padding: 0;}

.mlmt--light {background: transparent;}
#mlmt-167 .mlmt__container, #mlprocess-114.ml-process-pro--container-wide .mlpr-container {width: 100%!important;}
#mlmt-167 .mlmt__warning, #mlmt-180 .mlmt__warning {margin-bottom:0;}
.mlpp-info__summary { font-size: 14px;}

#ml-hero-pro-139, #mlbn-179, #mlprocess-198 {padding: 0!important;}
#mlmi-178.mlmi--theme-accent {--mlmi-bg: transparent !important;}
.mlmi--layout-slider .mlmi__inner, .mlmt__container {width: 100%!important;padding: 0;}
.mlmi--layout-slider .mlmi__cta {margin-bottom:5px;}

#mlcta-196 .mlcta__panel {padding: 35px 25px !important;}

#ml-hero-pro-125.mlhp--services_trust {background: transparent;padding: 0 !important;}
    
.mlhp--services_trust .mlhp__trust-board {transform: translateX(0px) !important;}

.mlhp--services_hub {background: transparent;}
#ml-hero-pro-122 {border: 0px solid #d8d8d8;  padding: 0 !important;}
#ml-hero-pro-122 .mlhp__eyebrow {display: none;}
#mltp-116 .mltp__head {padding-left: 3px;padding-right: 3px;}
#mlprocess-114 {padding: 0!important;}
#mlbp-117 {padding: 0 3px !important;}

.blog-naslovna.ml-module-card {background: transparent!important;border: 0px solid rgba(8,10,26,.10)!important;box-shadow: none!important;padding: 0!important;}
#mlcta-115 .mlcta__panel {padding: 30px 24px !important;}
    

    
    
}