.elementor-23 .elementor-element.elementor-element-d2f9177 > .elementor-container{max-width:1320px;}.elementor-23 .elementor-element.elementor-element-d2f9177:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-d2f9177 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F4F7;}.elementor-23 .elementor-element.elementor-element-d2f9177{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:110px 0px 100px 0px;}.elementor-23 .elementor-element.elementor-element-d2f9177 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-23 .elementor-element.elementor-element-415f338.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-23 .elementor-element.elementor-element-415f338.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-23 .elementor-element.elementor-element-327fc34 img{width:91%;border-radius:0px 0px 70px 0px;}.elementor-bc-flex-widget .elementor-23 .elementor-element.elementor-element-31f59b5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-23 .elementor-element.elementor-element-31f59b5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-23 .elementor-element.elementor-element-17cf861 .elementor-heading-title{font-weight:500;color:#2D2E75;}.elementor-23 .elementor-element.elementor-element-e9abf66 .elementor-heading-title{font-size:30px;color:#1C1E22;}.elementor-23 .elementor-element.elementor-element-e9abf66{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-23 .elementor-element.elementor-element-d5fd05d .elementor-heading-title{line-height:28px;}.elementor-23 .elementor-element.elementor-element-d5fd05d{width:var( --container-widget-width, 79.844% );max-width:79.844%;--container-widget-width:79.844%;--container-widget-flex-grow:0;}.elementor-23 .elementor-element.elementor-element-fcdc355{margin-top:35px;margin-bottom:20px;}.elementor-23 .elementor-element.elementor-element-9f1ed66 .elementor-icon-wrapper{text-align:center;}.elementor-23 .elementor-element.elementor-element-9f1ed66.elementor-view-stacked .elementor-icon{background-color:#2D2E75;}.elementor-23 .elementor-element.elementor-element-9f1ed66.elementor-view-framed .elementor-icon, .elementor-23 .elementor-element.elementor-element-9f1ed66.elementor-view-default .elementor-icon{color:#2D2E75;border-color:#2D2E75;}.elementor-23 .elementor-element.elementor-element-9f1ed66.elementor-view-framed .elementor-icon, .elementor-23 .elementor-element.elementor-element-9f1ed66.elementor-view-default .elementor-icon svg{fill:#2D2E75;}.elementor-23 .elementor-element.elementor-element-9f1ed66 .elementor-icon{font-size:14px;}.elementor-23 .elementor-element.elementor-element-9f1ed66 .elementor-icon svg{height:14px;}.elementor-23 .elementor-element.elementor-element-9f1ed66{padding:7px 0px 5px 0px;width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EDEDED;border-radius:50px 50px 50px 50px;box-shadow:0px 0px 60px 0px rgba(0, 0, 0, 0.08);}.elementor-23 .elementor-element.elementor-element-210976c .elementor-heading-title{font-size:15px;}.elementor-23 .elementor-element.elementor-element-210976c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;width:initial;max-width:initial;align-self:center;}.elementor-23 .elementor-element.elementor-element-c9c1f23 .elementor-icon-wrapper{text-align:center;}.elementor-23 .elementor-element.elementor-element-c9c1f23.elementor-view-stacked .elementor-icon{background-color:#2D2E75;}.elementor-23 .elementor-element.elementor-element-c9c1f23.elementor-view-framed .elementor-icon, .elementor-23 .elementor-element.elementor-element-c9c1f23.elementor-view-default .elementor-icon{color:#2D2E75;border-color:#2D2E75;}.elementor-23 .elementor-element.elementor-element-c9c1f23.elementor-view-framed .elementor-icon, .elementor-23 .elementor-element.elementor-element-c9c1f23.elementor-view-default .elementor-icon svg{fill:#2D2E75;}.elementor-23 .elementor-element.elementor-element-c9c1f23 .elementor-icon{font-size:14px;}.elementor-23 .elementor-element.elementor-element-c9c1f23 .elementor-icon svg{height:14px;}.elementor-23 .elementor-element.elementor-element-c9c1f23{padding:7px 0px 5px 0px;width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EDEDED;border-radius:50px 50px 50px 50px;box-shadow:0px 0px 60px 0px rgba(0, 0, 0, 0.08);}.elementor-23 .elementor-element.elementor-element-38a38d8 .elementor-heading-title{font-size:15px;}.elementor-23 .elementor-element.elementor-element-38a38d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;width:initial;max-width:initial;align-self:center;}.elementor-23 .elementor-element.elementor-element-f45a7cc > .elementor-container{max-width:1320px;}.elementor-23 .elementor-element.elementor-element-f45a7cc:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-f45a7cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://totalfin.ba/wp-content/uploads/2023/08/about-solution.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-23 .elementor-element.elementor-element-f45a7cc > .elementor-background-overlay{background-color:#2F97A0;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23 .elementor-element.elementor-element-f45a7cc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 70px 0px;}.elementor-23 .elementor-element.elementor-element-8e48451 .elementor-heading-title{line-height:70px;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-23 .elementor-element.elementor-element-1678e1a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-23 .elementor-element.elementor-element-1678e1a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-23 .elementor-element.elementor-element-dbd172c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-23 .elementor-element.elementor-element-dbd172c .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-23 .elementor-element.elementor-element-dbd172c .elementor-button{font-size:16px;font-weight:500;line-height:26px;fill:#FFFFFF;color:#FFFFFF;background-color:#2D2E75;padding:17px 35px 17px 35px;}.elementor-23 .elementor-element.elementor-element-dbd172c .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-dbd172c .elementor-button:focus{color:#FFFFFF;background-color:#1C1E22;}.elementor-23 .elementor-element.elementor-element-dbd172c .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-dbd172c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-dbd172c{width:var( --container-widget-width, 103.438% );max-width:103.438%;--container-widget-width:103.438%;--container-widget-flex-grow:0;}.elementor-23 .elementor-element.elementor-element-bf5a4b5{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-bf5a4b5:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-bf5a4b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7E9F0;}.elementor-23 .elementor-element.elementor-element-bf5a4b5::before, .elementor-23 .elementor-element.elementor-element-bf5a4b5 > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-bf5a4b5 > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-bf5a4b5 > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-bf5a4b5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-bf5a4b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-23 .elementor-element.elementor-element-57021fe{--display:flex;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-641cd8e{width:59.956%;}.elementor-23 .elementor-element.elementor-element-1678e1a{width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-23 .elementor-element.elementor-element-415f338{width:100%;}.elementor-23 .elementor-element.elementor-element-31f59b5{width:100%;}.elementor-23 .elementor-element.elementor-element-641cd8e{width:100%;}.elementor-23 .elementor-element.elementor-element-1678e1a{width:100%;}}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-d2f9177{padding:90px 0px 80px 0px;}.elementor-23 .elementor-element.elementor-element-31f59b5 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 55px;}.elementor-23 .elementor-element.elementor-element-e9abf66 .elementor-heading-title{line-height:56px;}.elementor-23 .elementor-element.elementor-element-641cd8e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-23 .elementor-element.elementor-element-8e48451{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-23 .elementor-element.elementor-element-8e48451 .elementor-heading-title{line-height:56px;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-31f59b5 > .elementor-element-populated{padding:0px 25px 0px 25px;}.elementor-23 .elementor-element.elementor-element-e9abf66 .elementor-heading-title{line-height:42px;}.elementor-23 .elementor-element.elementor-element-d5fd05d .elementor-heading-title{font-size:16px;line-height:26px;}.elementor-23 .elementor-element.elementor-element-d5fd05d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-23 .elementor-element.elementor-element-210976c .elementor-heading-title{font-size:16px;}.elementor-23 .elementor-element.elementor-element-210976c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-23 .elementor-element.elementor-element-38a38d8 .elementor-heading-title{font-size:16px;}.elementor-23 .elementor-element.elementor-element-38a38d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-23 .elementor-element.elementor-element-8e48451 .elementor-heading-title{font-size:25px;line-height:27px;}.elementor-23 .elementor-element.elementor-element-8e48451{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-bf5a4b5 */:root{
  --tf-navy:#2E2E76;
  --tf-teal:#2f97a0;
  --tf-white:#ffffff;
}

.tf-mvo{

  padding: 80px 0;
}

.tf-mvo__wrap{
  width: min(1100px, calc(100% - 40px));
  margin: 0 auto;
}

.tf-mvo__header{
  text-align: center;
  margin-bottom: 35px;
}

.tf-mvo__title{
  font-size: 34px;
  line-height: 1.2;
  margin: 0 0 10px 0;
  color: var(--tf-navy);
}

.tf-mvo__subtitle{
  margin: 0;
  color: rgba(46,46,118,.85);
  font-size: 16px;
}

.tf-mvo__grid{
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

.tf-card{
  flex: 1 1 280px;
  background: var(--tf-white);
  border: 1px solid rgba(46,46,118,.12);
  border-radius: 16px;
  padding: 24px 22px;
  box-shadow: 0 14px 34px rgba(46,46,118,.10);
  position: relative;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* gornja “traka” u boji */
.tf-card::before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%; height:6px;
  background: var(--tf-teal);
}

.tf-card__title{
  margin: 4px 0 10px 0;
  color: var(--tf-navy);
  font-size: 22px;
}

.tf-card__text{
  margin: 0;
  color: rgba(46,46,118,.85);
  font-size: 15.5px;
  line-height: 1.6;
}

.tf-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 44px rgba(46,46,118,.14);
  border-color: rgba(47,151,160,.45);
}

/* male varijacije po kartici */
.tf-card--mission::before{ background: var(--tf-navy); }
.tf-card--vision::before{ background: var(--tf-teal); }
.tf-card--responsibility::before{
  background: linear-gradient(90deg, var(--tf-navy), var(--tf-teal));
}

/* responsive sitno */
@media (max-width: 640px){
  .tf-mvo{ padding: 55px 0; }
  .tf-mvo__title{ font-size: 28px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57021fe */:root{
  --tf-navy:#2E2E76;
  --tf-teal:#2f97a0;
  --tf-white:#ffffff;
}

/* sekcija */
.tf7-section{
  padding: 70px 0;
  background: transparent;
}
.tf7-wrap{
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
}
.tf7-head{
  text-align: center;
  margin-bottom: 18px;
}
.tf7-title{
  margin: 0 0 8px 0;
  font-size: 34px;
  line-height: 1.2;
  color: var(--tf-navy);
}
.tf7-subtitle{
  margin: 0;
  font-size: 16px;
  color: rgba(46,46,118,.85);
}

/* JEDAN CARD: samo ovaj wrapper */
.tf7{
  background: var(--tf-white) !important;
  border: 1px solid rgba(46,46,118,.18) !important;
  border-radius: 18px;
  padding: 26px;
  box-shadow: 0 14px 34px rgba(46,46,118,.10);
}

/* ubij sve moguće default boxove od teme unutar cf7 */
.tf7 .wpcf7,
.tf7 .wpcf7 form{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* layout polja */
.tf7-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.tf7-field--full{ grid-column: 1 / -1; }

.tf7-field label{
  display:block;
  margin: 0 0 6px 0;
  font-size: 13px;
  color: rgba(46,46,118,.85);
}

/* inputi */
.tf7 .wpcf7-form-control{
  width: 100% !important;
  box-sizing: border-box; /* stabilnije širine/padding [web:447] */
  border-radius: 14px;
  border: 1px solid rgba(46,46,118,.18);
  background: #fbfbff;
  padding: 13px 14px;
  font-size: 15px;
  color: rgba(46,46,118,.95);
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.tf7 textarea.wpcf7-form-control{
  min-height: 150px;
  resize: vertical;
}

.tf7 .wpcf7-form-control:focus{
  border-color: rgba(47,151,160,.85);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(47,151,160,.14);
}

/* ===== ACCEPTANCE (FIX) ===== */
/* wrapper (tvoj acceptance box) */
.tf7-accept .wpcf7-form-control.wpcf7-acceptance{
  border-radius: 14px;
  border: 1px dashed rgba(46,46,118,.22);
  background: rgba(46,46,118,.03);
  padding: 12px 5px 22px!important;

  /* bitno: da se ne ponaša kao klasičan input full-width */
  width: 100% !important;
}

/* CF7 često ubaci span.wpcf7-list-item > label > input + span.wpcf7-list-item-label */
.tf7-accept .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item{
  margin: 0;
}

/* label kao flex: checkbox + tekst u jednoj liniji, tekst se lomi pored checkboxa */
.tf7-accept .wpcf7-form-control.wpcf7-acceptance label{
  display: flex;
  align-items: flex-start;
  gap: 10px;              /* gap u flexu [web:445] */
  margin: 0;
  line-height: 1.55;
}

/* checkbox da ne “padne” dole i da ne rasteže layout */
.tf7-accept .wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]{
  flex: 0 0 auto;
  width: 18px;
  height: 18px;

  /* reset tema margin */
  margin: 2px 0 0 0 !important;
}

/* tekst neka bude normalan i može u više redova */
.tf7-accept .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label{
  flex: 1 1 auto;
  min-width: 0;
  display: inline;
  white-space: normal;
}

/* ako je acceptance text linkovan, neka ostane u istoj boji */
.tf7-accept .wpcf7-form-control.wpcf7-acceptance a{
  color: var(--tf-navy);
  font-weight: 700;
  text-decoration: underline;
}
.tf7-accept .wpcf7-form-control.wpcf7-acceptance a:hover{
  color: var(--tf-teal);
}

/* submit */
.tf7 input.wpcf7-submit,
.tf7 .tf7-btn{
  width: 100% !important;
  background: linear-gradient(90deg, var(--tf-navy), var(--tf-teal)) !important;
  color: var(--tf-white) !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  font-weight: 700;
  letter-spacing: .2px;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}

.tf7 input.wpcf7-submit:hover,
.tf7 .tf7-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(46,46,118,.18);
  filter: brightness(1.03);
}

/* poruke */
.tf7 .wpcf7-not-valid-tip{
  font-size: 13px;
  margin-top: 6px;
}
.tf7 .wpcf7-response-output{
  border-radius: 14px;
  margin: 16px 0 0 0;
}

/* responsive */
@media (max-width: 640px){
  .tf7-section{ padding: 55px 0; }
  .tf7-title{ font-size: 28px; }
  .tf7-grid{ grid-template-columns: 1fr; }

  /* malo kompaktnije acceptance na mobitelu */
  .tf7-accept .wpcf7-form-control.wpcf7-acceptance{
    padding: 11px 12px;
  }
}/* End custom CSS */