.elementor-5195 .elementor-element.elementor-element-ba77b9c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5195 .elementor-element.elementor-element-fe80275{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{color:var( --e-global-color-text );}.elementor-5195 .elementor-element.elementor-element-edc3a95 > .elementor-widget-container{border-style:none;}.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-wrapper{text-align:start;}.elementor-5195 .elementor-element.elementor-element-edc3a95.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5195 .elementor-element.elementor-element-edc3a95.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5195 .elementor-element.elementor-element-edc3a95.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-5195 .elementor-element.elementor-element-edc3a95:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-5195 .elementor-element.elementor-element-6a3456f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5195 .elementor-element.elementor-element-84cd220 > .elementor-widget-container{border-style:none;}.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-wrapper{text-align:start;}.elementor-5195 .elementor-element.elementor-element-84cd220.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5195 .elementor-element.elementor-element-84cd220.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5195 .elementor-element.elementor-element-84cd220.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-5195 .elementor-element.elementor-element-84cd220:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-5195 .elementor-element.elementor-element-af1d828{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5195 .elementor-element.elementor-element-d2630bf > .elementor-widget-container{border-style:none;}.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-wrapper{text-align:start;}.elementor-5195 .elementor-element.elementor-element-d2630bf.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5195 .elementor-element.elementor-element-d2630bf.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5195 .elementor-element.elementor-element-d2630bf.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-5195 .elementor-element.elementor-element-d2630bf:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-5195 .elementor-element.elementor-element-417d583{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5195 .elementor-element.elementor-element-4044ba1 > .elementor-widget-container{border-style:none;}.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-wrapper{text-align:start;}.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-5195 .elementor-element.elementor-element-60827f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5195 .elementor-element.elementor-element-70d9982{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5195 .elementor-element.elementor-element-5514b88 > .elementor-widget-container{border-style:none;}.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-wrapper{text-align:start;}.elementor-5195 .elementor-element.elementor-element-5514b88.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5195 .elementor-element.elementor-element-5514b88.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5195 .elementor-element.elementor-element-5514b88.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-5195 .elementor-element.elementor-element-5514b88:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-5195 .elementor-element.elementor-element-983fd77{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5195 .elementor-element.elementor-element-348451f > .elementor-widget-container{border-style:none;}.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-wrapper{text-align:start;}.elementor-5195 .elementor-element.elementor-element-348451f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5195 .elementor-element.elementor-element-348451f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5195 .elementor-element.elementor-element-348451f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-5195 .elementor-element.elementor-element-348451f:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-5195 .elementor-element.elementor-element-1d50d16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5195 .elementor-element.elementor-element-36f0c83 > .elementor-widget-container{border-style:none;}.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-wrapper{text-align:start;}.elementor-5195 .elementor-element.elementor-element-36f0c83.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5195 .elementor-element.elementor-element-36f0c83.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5195 .elementor-element.elementor-element-36f0c83.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-5195 .elementor-element.elementor-element-36f0c83:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-5195 .elementor-element.elementor-element-10f2e87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-img{margin-bottom:15px;}.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-img{margin-bottom:15px;}.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-img{margin-bottom:15px;}.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-img{margin-bottom:15px;}.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-img{margin-bottom:15px;}.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-img{margin-bottom:15px;}}@media(min-width:768px){.elementor-5195 .elementor-element.elementor-element-fe80275{--width:50%;}.elementor-5195 .elementor-element.elementor-element-6a3456f{--width:50%;}.elementor-5195 .elementor-element.elementor-element-af1d828{--width:50%;}.elementor-5195 .elementor-element.elementor-element-417d583{--width:50%;}.elementor-5195 .elementor-element.elementor-element-70d9982{--width:50%;}.elementor-5195 .elementor-element.elementor-element-983fd77{--width:50%;}.elementor-5195 .elementor-element.elementor-element-1d50d16{--width:50%;}.elementor-5195 .elementor-element.elementor-element-10f2e87{--width:50%;}}/* Start custom CSS for image-box, class: .elementor-element-edc3a95 *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-wrapper::before,
.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-5195 .elementor-element.elementor-element-edc3a95:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-5195 .elementor-element.elementor-element-edc3a95:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-5195 .elementor-element.elementor-element-edc3a95:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-5195 .elementor-element.elementor-element-edc3a95 .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-84cd220 *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-wrapper::before,
.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-5195 .elementor-element.elementor-element-84cd220:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-5195 .elementor-element.elementor-element-84cd220:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-5195 .elementor-element.elementor-element-84cd220:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-5195 .elementor-element.elementor-element-84cd220 .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d2630bf *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-wrapper::before,
.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-5195 .elementor-element.elementor-element-d2630bf:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-5195 .elementor-element.elementor-element-d2630bf:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-5195 .elementor-element.elementor-element-d2630bf:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-5195 .elementor-element.elementor-element-d2630bf .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-4044ba1 *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-wrapper::before,
.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-5195 .elementor-element.elementor-element-4044ba1:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-5195 .elementor-element.elementor-element-4044ba1:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-5195 .elementor-element.elementor-element-4044ba1:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-5195 .elementor-element.elementor-element-4044ba1 .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-5514b88 *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-wrapper::before,
.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-5195 .elementor-element.elementor-element-5514b88:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-5195 .elementor-element.elementor-element-5514b88:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-5195 .elementor-element.elementor-element-5514b88:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-5195 .elementor-element.elementor-element-5514b88 .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-348451f *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-wrapper::before,
.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-5195 .elementor-element.elementor-element-348451f:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-5195 .elementor-element.elementor-element-348451f:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-5195 .elementor-element.elementor-element-348451f:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-5195 .elementor-element.elementor-element-348451f .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-36f0c83 *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-wrapper::before,
.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-5195 .elementor-element.elementor-element-36f0c83:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-5195 .elementor-element.elementor-element-36f0c83:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-5195 .elementor-element.elementor-element-36f0c83:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-5195 .elementor-element.elementor-element-36f0c83 .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */