body {
    overflow-x: clip;
  }

 /* Benefits page: consistent image/text layout */
 #mw-element-1744357615149 .d-flex > .col-xxl-6:first-child {
     overflow: hidden;
 }
 #mw-element-1744357615149 .d-flex > .col-xxl-6:first-child img {
     width: 100% !important;
     height: 100% !important;
     object-fit: cover !important;
     min-height: 400px;
 }
 
 @media (max-width: 768px) {
  #mw-element-1744357615149 .d-flex > .col-xxl-6:first-child img {
    min-height: 15px;
  }
}

 #mw-element-1744357615149 > .d-flex {
     align-items: stretch !important;
 }

.slider_v2-default .swiper-slide [class^="js-slide-image-"] {
      background-position: center top !important;
  }

#mw-element-1771589903516 {
	min-height: 450px!important;
}

#mw-module-1744636329022 > section > div > div > div.col-sm-8.col-xs-12 {
	padding-left: 10px;
}

#mw-footer-background > div.mw-layout-container.no-element.container.py-2.mb-3 {
	margin-left: 30px!important;
  	padding-left: 30px!important;
}

#mw-element-1721044424355 {
	text-align: center!important;
}

@media (min-width: 576px) and (max-width: 991.98px) {
  #mw-element-1721044424357 {
    display: none;
  }
}

/*@media (max-width: 1199.98px) {
  #mw-element-1721044424357 {
  	display: none;
  }
}*/

/*#job_titile-mw-module-1744636329022 {
  text-align: center;
}*/

/*mogucnost internacionalne karijere*/

.mw-new-6-rounded-image.mw-new-6-career-image-2 {
        max-width: 373px!important;
}

.mw-new-6-career-image-1 {
        max-width: 373px!important;
}

@media screen and (max-width: 767px) {
  .mw-new-6-rounded-image.mw-new-6-career-image-1 {
	max-width: 250px!important;
  }

  .mw-new-6-rounded-image.mw-new-6-career-image-2 {
	max-width: 250px!important;
  }
}

@media screen and (max-width: 479px) {
  .mw-new-6-rounded-image.mw-new-6-career-image-1,   .mw-new-6-rounded-image.mw-new-6-career-image-2 {
	max-width: 200px!important;
  }
}


#mw-element-1744364097317 {
	width: 100% !important; 
}

/*mogucnost internacionalne karijere*/

.testimonials_custom {
  	font-style:italic;
    display:block;
    padding-top:1.5rem;
  	padding-left: 1rem;
  	padding-right: 1rem;
}

.testimonials_padding {
    display:block;
  	padding-left: 1rem;
  	padding-right: 1rem;
}



#mw-element-1744625545319, #mw-1744619653315, #mw-1744619653348, #mw-1744619653337, #mw-1744619653326 {
  display: flex;
  justify-content: center;
  align-items: center;
  /*height: 100%;*/
}


#mw-module-1730291582684-btn .mdi-facebook {
  --mw-btn-outline-text-color: #1877F2; /* your new blue */
}

#btn-mw-module-1730291582684-btn--1 .mw-micon-Instagram {
--mw-btn-outline-text-color: #F58529;
}

#btn-mw-module-1730291582684-btn--2 .mw-micon-Linkedin-2 {
--mw-btn-outline-text-color: #0A66C2;
}

/* Make the button larger and smoother */
#btn-mw-module-1744287838022-btn {
  font-size: 1.2rem;             /* slightly larger text */
  padding: 0.6em 1.8em;          /* bigger clickable area */
  border-radius: 8px;            /* soft rounded corners */
  transition: all 0.3s ease;     /* smooth hover animation */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* subtle shadow */
}

/* Hover effect */
#btn-mw-module-1744287838022-btn:hover {
  transform: scale(1.08);                     /* small grow effect */
  /*background-color: #ea600e;*/                  /* orange hover color */
  border-color: #ea600e;                      /* match border */
  color: #fff;                                /* white text */
  box-shadow: 0 6px 20px rgba(243, 111, 32, 0.4); /* glowing shadow */
}


.pattern-div {
    background-image: url(/userfiles/media/intesa.wearehiring.jobs/pattern.webp), 
	linear-gradient(135deg, rgba(243, 111, 32, 1) 42%, rgba(244, 87, 35, 1) 62%)!important;
    background-repeat: no-repeat !important;
    background-position: center bottom;
    background-size: contain !important;
    filter: contrast(300%), brightness(200%);
    padding-top: 3em;
    padding-bottom: 2em;
}

@media only screen and (max-width: 1220px) {
  .pattern-div {
  	background-image: linear-gradient(135deg, rgba(243, 111, 32, 1) 42%, rgba(244, 87, 35, 1) 62%)!important;
    background-repeat: no-repeat !important;
    background-position: center bottom;
    background-size: contain !important;
    filter: contrast(300%), brightness(200%);
  } 
}

.ml-4 {
    margin-left: 4rem;
}

.selection-phases:first-child {
    padding-left: 4rem;
  	padding-right: 3rem;
}

.selection-phases:nth-child(2), .selection-phases:nth-child(3) {
    padding-right: 3rem;
  	
}

@media only screen and (max-width: 768px) {
  .selection-phases:nth-child(2), .selection-phases:nth-child(3), .selection-phases:last-child {
	  padding-left: 4rem;
  }
}

@media only screen and (max-width: 1400px) {
  .selection-phases:nth-child(3) {
	  padding-left: 4rem;
  }
}

@media only screen and (min-width: 1400px) {
  .selection-phases:nth-child(3) {
	  padding-left: 0;
  }
}


.selection-phases:last-child {
  padding-right: 4rem;
}

.selection-phases {
    color: white;
}

.selection-phases h1 {
    font-size: 6em;
    margin-bottom: 0;
  	color: white;
    font-weight: 300;
    /*font-family: "Intro Book";*/
    text-shadow: 1px 0 white;
    letter-spacing: 1px;
}

.h1-header {
    font-weight: 300;
    /*font-family: "Intro Book";*/
    text-shadow: 1px 0 white;
    letter-spacing: 1px;
  	margin-right: 1.5rem;
}

.filtered-image {
    filter: grayscale(100%) contrast(300%) brightness(200%);
}

img {
    vertical-align: middle;
      border: 0;
}

.selection-phases h3 {
    font-size: 1.3em;
    margin-top: 0;
  	color: white;
  	font-weight: 500!important;
  	/*font-family: "Intro Book";*/
    text-shadow: 1px 0 white;
    letter-spacing: 1px;
}

.selection-phases p {
    padding-top: 1.1em;
    font-weight: 300;
    /*font-family: "Intro Book";*/
    font-size: 1.2em;
    text-shadow: 1px 0 white;
    letter-spacing: 1px;
  	color: white;
    margin: 0 0 10px;
}

.p-description {
    padding-top: 1.1em;
    font-weight: 300;
    /*font-family: "Intro Book";*/
    font-size: 1.2em;
    text-shadow: 1px 0 white;
    letter-spacing: 1px;
  	color: white;
  	margin-bottom: 10px;
  	margin-right: 4rem;
}


/*#mw-element-1721051572869, #mw-element-1721051572868, #mw-element-1721051572866 {
	background-color: #f5f5f5!important;
}*/


.intesa_role {
	background-color: #d7490c!important;
  	display: none !important;
}

.module-job-job-type {
	display: none !important;
}

/*#mw-element-1759344615132 {
	height: 100vh;
}
#mw-element-1759344615133, #mw-element-1759344615134 {
	object-fit: cover!important;
  	width: 100%;
  	height: 100%;
}

*/

#mw-element-1744361514252 {
	object-fit: contain;
}

/*row*/
#mw-element-1759344615132 {
	display: flex;
  	flex-wrap: wrap;
  	width: 100%;
	background-color: #004823;
  	/*height: 100vh; / / visina banera */
  	max-height: 100vh;
  	overflow: hidden;
    justify-content: center;
 	align-items: center;
}
/*div1*/
#mw-element-1759344615129, #mw-element-1759344615135 {
	max-height: 100vh;
    display: flex;
  	justify-content: center;
  	align-items: center;
}
/*div2*/
#mw-element-1759344615133, #mw-element-1759344615134 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
#mw-element-1759344615133 {
  aspect-ratio: 16 / 9;
}
#mw-element-1759344615134 {
  aspect-ratio: 9 / 16;
}
/*img*/
#mw-element-1759344615127, #mw-element-1759344615128 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

@media (min-width: 577px) {
  #mw-element-1759344615135 {
	display: none !important;
  }
}


/* === MOBILNI PRIKAZ (samo portrait) === */
@media (max-width: 576px) {

  /* sakrij landscape kolonu */
  #mw-element-1759344615129 {
    display: none !important;
  }

  /* prikaži samo portrait */
  #mw-element-1759344615135 {
    flex: 1 1 100%;
    width: 100%;
    height: 100vh;             /* zauzima ceo ekran */
  }

  #mw-element-1759344615134 {
    width: 100%;
    height: 100%;
  }

  #mw-element-1759344615128 {
    width: 100%;
    height: 100%;
    object-fit: cover;          /* blago cropovano da popuni ekran */
    object-position: center;    /* centrirano */
  }
}





#mw-module-1747044267207 > section > div.mw-layout-container.no-element.container.safe-mode.edit > div > div:nth-child(3), 
#mw-module-1747044267207 > section > div.mw-layout-container.no-element.container.safe-mode.edit > div > div:nth-child(4) {
	align-content: center !important;
}


@media only screen and (min-width: 1400px) {
	#mw-module-1747044267207 > section > div.mw-layout-container.no-element.container.safe-mode.edit {
		max-width: 960px !important;
	}
}

@media only screen and (min-width: 1200px) {
	#mw-module-1747044267207 > section > div.mw-layout-container.no-element.container.safe-mode.edit {
		max-width: 960px !important;
	}
}

@media only screen and (max-width: 991px) {
	#mw-module-1747044267207 > section > div.mw-layout-container.no-element.container.safe-mode.edit {
		max-width: 90% !important;
	  	width: 90% !important;
	}
}




#js-testimonials-slider-pagination-mw-module-1744623925031-testimonials {
  position: static!important;
  margin-top: 0!important;
}

.module-job-job-description ul li span, .module-job-job-requirements ul li span, .module-job-job-offerings ul li span, .module-job-job-offerings p span, .module-job-job-description p span {
	font-size: 18px!important;
}

.module-job-job-description-v2 ul li span, .module-job-job-requirements-v2 ul li span, .module-job-job-offerings-v2 ul li span, .module-job-job-offerings-v2 p span, .module-job-job-description-v2 p span {
	font-size: 18px!important;
}

/*.module-job-job-title {
  font-size: 32px!important;
}*/

.module-job-job-salary {
	display: none;
}

@media only screen and (max-width: 576px) {
	.module-job-job-apply-button, .module-job-job-referral-button, .module-job-job-type, .module-job-job-locations, .module-job-job-benefits {
		text-align: center;
	}
}


/* odredjeno/praksa/... spanovi
#jobs-module-layouts-12 > section > div > div:nth-child(3) > div > div > div > div > div.col-12.col-sm-12.col-lg-8.mx-auto > h5 > span,
#jobs-module-layouts-12 > section > div > div:nth-child(4) > div > div > div > div > div.col-12.col-sm-12.col-lg-8.mx-auto > h5 > span,
#jobs-module-layouts-12 > section > div > div:nth-child(5) > div > div > div > div > div.col-12.col-sm-12.col-lg-8.mx-auto > h5 > span,
#jobs-module-layouts-12 > section > div > div:nth-child(6) > div > div > div > div > div.col-12.col-sm-12.col-lg-8.mx-auto > h5 > span,
#jobs-module-layouts-12 > section > div > div:nth-child(7) > div > div > div > div > div.col-12.col-sm-12.col-lg-8.mx-auto > h5 > span,
#jobs-module-layouts-12 > section > div > div:nth-child(8) > div > div > div > div > div.col-12.col-sm-12.col-lg-8.mx-auto > h5 > span,
#jobs-module-layouts-12 > section > div > div:nth-child(9) > div > div > div > div > div.col-12.col-sm-12.col-lg-8.mx-auto > h5 > span,
#jobs-module-layouts-12 > section > div > div:nth-child(10) > div > div > div > div > div.col-12.col-sm-12.col-lg-8.mx-auto > h5 > span
{
  background-color: #ea600e!important;
  display: none !important;
}*/

/* upisi se u bazu(opsta prijava LPP */
#jobs-module-layouts-12 > section > div > div:nth-child(1) > div:nth-child(3) > div.ms-2.module.module-btn, 
#jobs-module-layouts-12 > section > div > div:nth-child(1) > div:nth-child(3) {
	display: none;
}

#jobs-module-layouts-12 > section > div > div:nth-child(1) > div:nth-child(1) {
  display: none;
}

.mw-header-sticky-nav {
  opacity: 1 !important;
}

.bg-color-custom {
	background-color: #ffffff!important;
}

.mb-5 {
  margin-bottom: 1rem!important;
}

#mw-element-1744364094699, #mw-element-1744364094701, #mw-element-1744364094703, #mw-element-1744364095822, #mw-1744362651420
, #mw-element-1744364095824, #mw-element-1744364095727, #mw-element-1744364095729, #mw-element-1744364095731 {
	border: 1px solid black;
}


#mw-element-1744364094699 + #mw-element-1744364094701, #mw-element-1744364094701 + #mw-element-1744364094703, #mw-element-1744364095822 + #mw-1744362651420, 
#mw-1744362651420 + #mw-element-1744364095824, #mw-element-1744364095727 + #mw-element-1744364095729, #mw-element-1744364095729 + #mw-element-1744364095731 {
  border-left: none;
}

.mt-7 {
  margin-top: 1.5rem!important;
}

.mw-new-5-career-intro-section {
  row-gap: 0 !important;
}

@media only screen and (max-width: 576px) {
  #mw-element-1721044424371, #mw-element-1721044424372, #mw-element-1721044424373, #mw-element-1721044424374 {
	  margin-right: 0!important;
  }
}


#header_menu-header-layout12  {
  font-weight: bold;
}

.logo  {
  max-width:100px;
  width: 200px!important;
}

#footer-logo-footer-layout > a > span > img {
	max-width: 100%!important;
}

.row {
  --bs-gutter-x: 0;
}

.mw-layout-container {
      padding: 0px 10px;
}

#mw-module-1773823312005 > section > div,
#mw-module-1775399714932 > section > div,
#mw-module-1775401749705 > section > div, #mw-module-1775402259660 > section > div,
#mw-module-1775722384564 > section > div,
#mw-module-1776868322002 > section > div {
	padding: 0px 0px!important;
}

.mw-header-section-mh-100vh {
  min-height:auto!important;
}

.mw-layout-parallax {
  min-height:450px!important;
}

.max-50px {
  width:50px!important;
  height:50px!important;
  border-radius:200px;
  margin-left:auto!important;
  margin-right:auto!important;
}

.module-pictures .justify-content-center div {
  padding-left:15px;
  padding-right:15px;
}


/*.page-id-1 .mw-big-header-logo .navbar-brand {
visibility:hidden;
}*/

#module-layouts-13 .mw-p-t-100 {
	    padding-top: 0px !important
}

.edit[field=layout-feature-skin-22-mw-module-1721044424343][rel=module] {
  padding-top:20px!important;
}

/*#mw-module-1721044424343 {
  background-color: #b0c95c;
}*/

.testimonials-background-variable {
	border:none!important;
  	background-color: rgba(245, 245, 245, 0.5);!important;
  	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  	border-radius:10px;
  
}

.testimonials-background-variable img {
    text-align: center!important;
    margin: auto!important;
}


.btn {
  font-weight:bold;
}

.positions .btn--primary.btn-default {
  /*background-color: #ea600e!important;*/
  border:none!important;
  font-weight:bold;
}

.job-page .btn {
  background-color: #004724!important;
  border:none!important;
  font-weight:bold;
  transition: background-color 0.3s ease;
}

.job-page .btn:hover {
  background-color: #d7490c !important;
}

@media only screen and (max-width: 767px) {
  .mv-hidden {
    display: none !important;
  }
  
  #mw-element-1726681679244{
	padding-left: 10px !important;
	padding-top: 20px !important;
  }
  
  #mw-element-1730124338546 {
	min-height: 50px;
	padding-bottom: 0 !important;
  }
  
  #mw-element-1730124338545{
	margin-bottom: 0 !important;
  }
  

  
  #mw-element-1726683251914 {
    display: flex !important; /* Mimics d-flex */
    align-items: center !important; /* Mimics align-items-center */
    justify-content: center !important; /* Mimics justify-content-center */   
    margin-right: 10px; /* Optional for spacing */
	margin-left: 0 !important;
  }
  #mw-element-1726682740296{
	margin-bottom: 0 !important;
  }
  #mw-element-1725625102661{
	margin-bottom: 0 !important;
  }
  
  #mw-element-1725628235788{
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
	margin-left: 0 !important;
	margin-top: -30px;
  }
  
  #mw-element-1725625102667{
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
	margin-left: 0 !important;
  }
  
  #mw-element-1725628160746{
	padding-top: 0 !important;
  }
  
  #mw-element-1725625102660 {
	padding-top: 0 !important;
  }
  
}

.module-job-job-description{
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Facebook Button Styling */
#btn-mw-module-1730291582684-btn {
    border-color: #004724 !important;
    color: #004724 !important;
}
#btn-mw-module-1730291582684-btn i.mw-micon-Facebook-2 {
    color: #004724 !important; /* Icon color matches border */
}
#btn-mw-module-1730291582684-btn:hover {
    background-color: #004724 !important;
    color: white !important;
}
#btn-mw-module-1730291582684-btn:hover i.mw-micon-Facebook-2 {
    color: white !important; /* Icon color on hover */
}

/* Instagram Button Styling */
#btn-mw-module-1730291582684-btn--1 {
    border-color: #004724 !important;
    color: #004724 !important;
}
#btn-mw-module-1730291582684-btn--1 i.mw-micon-Instagram {
    color: #004724 !important; /* Icon color matches border */
}
#btn-mw-module-1730291582684-btn--1:hover {
    background-color: #004724 !important;
    color: white !important;
}
#btn-mw-module-1730291582684-btn--1:hover i.mw-micon-Instagram {
    color: white !important; /* Icon color on hover */
}

/* LinkedIn Button Styling */
#btn-mw-module-1730291582684-btn--2 {
    border-color: #004724 !important;
    color: #004724 !important;
}
#btn-mw-module-1730291582684-btn--2 i.mw-micon-Linkedin-2 {
    color: #004724 !important; /* Icon color matches border */
}
#btn-mw-module-1730291582684-btn--2:hover {
    background-color: #004724 !important;
    color: white !important;
}
#btn-mw-module-1730291582684-btn--2:hover i.mw-micon-Linkedin-2 {
    color: white !important; /* Icon color on hover */
}


/* =========================
   GLOBAL (Body)
========================= */
body {
  font-family: 'Noto Sans', sans-serif!important;
  font-size: 16px!important;
  line-height: 1.2!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
  color: #111!important;
}

#mw-element-1721051572870 {
	max-width: 100%;
    width: 405px;
    min-height: 335px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #ffffff;
    border-radius: 10px 10px 10px 10px;
}

.js-slide-button-slider-content-default-2, .js-slide-button-slider-content-default-1 {
	border: none!important;
    
}

.slider_v2-default.swiper .mw-slider-v2-buttons-slide:after {
	background: none!important;
}

.js-slide-elements-slider-content-default-1,
.js-slide-elements-slider-content-default-2 {
	justify-content: flex-end!important;
    padding-bottom: 15vh;
    padding-left: 10px;
  	padding-right: 10px;
    text-align: center;
}

@media (min-width: 767px) {
  #mw-element-1721051572871, #mw-element-1721051572867, #mw-element-1721051572870 {
	  min-height: 375px;
  }

  #mw-element-1744614568443, #mw-element-1744614568462, #mw-element-1744615672856 {
	  min-height: 550px;
  }

  #mw-element-1744615672675, #mw-element-1744615672669, #mw-element-1744615672672 {
	  min-height: 500px;
  }

  #mw-element-1744615672857, #mw-element-1744615672853, #mw-element-1744615672858 {
	  min-height: 750px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  #mw-element-1744614568443, #mw-element-1744614568462, #mw-element-1744615672856 {
	  min-height: 650px;
  }

  #mw-element-1744615672675, #mw-element-1744615672669, #mw-element-1744615672672 {
	  min-height: 600px;
  }

  #mw-element-1744615672857, #mw-element-1744615672853, #mw-element-1744615672858 {
	  min-height: 950px;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  #mw-element-1721051572871, #mw-element-1721051572867, #mw-element-1721051572870 {
	  min-height: 530px;
  }

}


#mw-element-1744614538690, #mw-element-1744614538689, #mw-element-1744614538704,
#mw-element-1744615672664, #mw-element-1773656552384, #mw-element-1773656607540,
#mw-element-1773656607548, #mw-element-1773656607555, #mw-element-1773656607563,
#mw-element-1744621179829, #mw-element-1744621179831, #mw-element-1744621179833{
	height: 3em;
}

@media screen and (max-width: 667px) {
    #mw-element-1773656552384 {
        height: 5em !important;
    }
}

@media screen and (max-width: 400px) {
    #mw-element-1744387880313 {
        font-size: 2rem !important;
    }
}

#mw-element-1744623994287, #mw-1744619653316, #mw-1744619653349, #mw-1744619653327 {
	max-height: 450px;
}

/*#mw-element-1744364094677, #mw-element-1744364095820, #mw-element-1744364095724 {
	width: auto;
}*/

/* =========================
   HEADLINE (Hero)
========================= */
h1, .headline {
  font-family: 'PPPangaia Light', 'PPPangaia', serif!important;
  font-size: 46px!important;
  line-height: 1.1!important;
  letter-spacing: 0!important;
  font-weight: 300!important;
}


/* =========================
   SECTION HEADINGS / SUBHEAD
========================= */
h2, .subhead {
  font-family: 'PPPangaia Light', 'PPPangaia', serif!important;
  font-size: 32px!important;
  line-height: 1.15!important;
  font-weight: 400!important;
  letter-spacing: 0!important;
}


/* =========================
   CARD TITLES / INNER HEADINGS
========================= */
h3 {
  font-family: 'Noto Sans', sans-serif!important;
  font-size: 22px!important;
  line-height: 1.2!important;
  font-weight: 700!important;
  letter-spacing: 0!important;
  color: #004724!important;
}


/* =========================
   SECTION TITLE
========================= */
.section-title {
  font-family: 'PPPangaia Light', 'PPPangaia', serif!important;
  font-size: 18px!important;
  line-height: 1.1!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
  text-transform: uppercase!important;
}

.section-title-lowercase {
  font-family: 'PPPangaia Light', 'PPPangaia', serif!important;
  font-size: 18px!important;
  line-height: 1.1!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
}


/* =========================
   BODY TEXT
========================= */
p, .testimonials_padding {
  font-family: 'Noto Sans', sans-serif!important;
  font-size: 16px!important;
  line-height: 1.5!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
}


/* =========================
   NAVIGATION MENU
========================= */
.navbar a,
.menu a,
nav a {
  font-family: 'Noto Sans', sans-serif!important;
  font-size: 13px!important;
  line-height: 1.2!important;
  font-weight: 600!important;
  letter-spacing: 0.02em!important;
  text-transform: uppercase!important;
}


/* =========================
   BUTTONS / CTA
========================= */
.btn, button {
  font-family: 'Noto Sans', sans-serif!important;
  font-size: 16px!important;
  line-height: 1.2!important;
  font-weight: 700!important;
  letter-spacing: 0.02em!important;
}


/* =========================
   SMALL TEXT / LEGAL
========================= */
.small, small {
  font-family: 'Noto Sans', sans-serif!important;
  font-size: 12px!important;
  line-height: 1.4!important;
  font-weight: 400!important;
}


/* =========================
   TABLET
========================= */
@media (max-width: 1024px) {
  h1, .headline {
    font-size: 36px!important;
  }

  h2, .subhead {
    font-size: 28px!important;
  }

  h3 {
    font-size: 20px!important;
  }

  .section-title,
  .section-title-lowercase {
    font-size: 16px!important;
  }

  p, .testimonials_padding {
    font-size: 15px!important;
  }

  .navbar a,
  .menu a,
  nav a {
    font-size: 12px!important;
  }

  .btn, button {
    font-size: 15px!important;
  }

  .small, small {
    font-size: 11px!important;
  }
}


/* =========================
   MOBILE
========================= */
@media (max-width: 767px) {
  h1, .headline {
    font-size: 28px!important;
  }

  h2, .subhead {
    font-size: 24px!important;
  }

  h3 {
    font-size: 18px!important;
  }

  .section-title,
  .section-title-lowercase {
    font-size: 15px!important;
  }

  p, .testimonials_padding {
    font-size: 15px!important;
  }

  .navbar a,
  .menu a,
  nav a {
    font-size: 11px!important;
  }

  .btn, button {
    font-size: 15px!important;
  }

  .small, small {
    font-size: 10px!important;
  }
}

/*#mw-element-1773830765652, #mw-element-1744362651314, #mw-element-1773830765654 {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 1rem;
 }*/
/*#mw-element-1773830765652::before,
#mw-element-1773830765652::after,
#mw-element-1744362651314::before,
#mw-element-1744362651314::after,
#mw-element-1773830765654::before,
#mw-element-1773830765654::after {
     content: "";
     flex: 0 0 80px;
     height: 2px;
     background-color: #004724;
 }*/

#mw-element-1775678815239, #mw-element-1775679859061, #mw-element-1775678815239,
.testimonials_custom, .testimonials_padding {
	text-align: left!important;
}

 /* features/skin-14 — collapse inter-box gap; keep mb-6 only on the last box of each section */
[field^="layout-feature-skin-14-"] .row > .col-xl-4:not(:last-child),
[field^="layout-feature-skin-14-"] .row > .col-lg-4:not(:last-child) {
     margin-bottom: 0 !important;
   	 padding-bottom: 0 !important;
 }

/* Naši ljudi hero (mw-module-1775722384564-slider-v2)
    Image: 800×450 (16:9). Composition: runner on the left half, businesswoman on the right half.
    Slide height stays at ~115vh-100 (matching other banners site-wide). */

 /* Desktop & tablet — use cover so the image always fills the slide (no white space).
    Trade-off: at narrow desktop widths the image is symmetrically cropped on both sides
    (~5% at 1500w, ~16% at 1000w, ~24% at 768w). Both characters stay visible. */
 #js-slider-mw-module-1775722384564-slider-v2 .js-slide-image-slider-content-default-1 {
     background-size: cover !important;
     background-position: center center !important;
 }

 /* Mobile — show ONLY the businesswoman, with her face centered on screen.
    Math:
      Image is 800x450 (aspect 1.78), face at 75% horizontal.
      Slide height = calc(115vh - 100px) (matches other banners site-wide).
      To put the face at the visual center the image div must extend left by
      0.89 * slide_height (where 0.89 = image_aspect / 2). That gives:
        0.89 * (115vh - 100px) = 102.35vh - 89px
      BUT when the slide is short and wide (e.g. browser narrowed to 700x600), the
      image div ends up wider than 1.78x its height, so cover switches to width-based
      scaling and the formula no longer shifts far enough left — the runner reappears.
      Fix: take the larger of the formula value and the slide width itself, so the
      visible slice is at most half the rendered image content (runner stays cut off
      in both regimes). max() picks the right value automatically per viewport. */
 @media (max-width: 767.98px) {
     #js-slider-mw-module-1775722384564-slider-v2 .swiper-slide {
         overflow: hidden;
     }
     #js-slider-mw-module-1775722384564-slider-v2 .js-slide-image-slider-content-default-1 {
         left: calc(0px - max(102.35vh - 89px, 100%)) !important;
         width: calc(100% + max(102.35vh - 89px, 100%)) !important;
         background-size: cover !important;
         background-position: center center !important;
     }
 }

#mw-element-1744361217718 {
	padding-top: 0!important;
}

#footer-layout { overflow-x: hidden; }