.navbar-brand{
  width:100px
}

p {
  font-size: 18px;
  line-height: 1.3;
}

.lead p {
  font-size: 18px!important;
  line-height: 1.3;
}


span{
  color:#F59F09;
}

h3{
  margin-bottom:0!important;
}

.padding-sik{
    padding:0px 50px 0px  100px!important;
}

.btn-underline {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: var(--btn-font-size);
  color: var(--btn-text-color);
  text-decoration: none;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  
}

.btn-underline::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 3px;
  background-color: #000;
  margin-right: 0.75rem;
  border-radius: 2px;
    color:
}

.izbornik {
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  padding: 5px 0;
  transition: background-color 0.3s ease, position 0.3s ease;
}

.izbornik li{
  padding: 0px 20px;
}


.izbornik.sticky-top.bg-body-tertiary.site-header{
  position: absolute !important;
  transition:all 1s;
  background-color:none;
}


.izbornik.sticky-top.bg-body-tertiary.site-header.header-scrolled {
  position: fixed !important;
  background-color: #00000080 !important;
  top: 0;
  left: 0;
  z-index: 10;
}

.izbornik.sticky-top.bg-body-tertiary.site-header:hover {
  position: fixed !important;
  background-color: #00000080 !important;
  z-index: 10;
}

.izbornik.sticky-top.bg-body-tertiary.site-header.header-scrolled a {
  color:#fff
}

.izbornik.sticky-top.bg-body-tertiary.site-header:hover a {
  color:#fff
}

.izbornik.sticky-top.bg-body-tertiary.site-header a:hover {
  color:#f59f09
}

a {
  transition:all 0.5s
}

a:hover {
  color:#f59f09
}

.izbornik.bg-body-tertiary{
  background:none!important
}

.izbornik li.current_page_item {
  background:#f59f09;
  border-radius:5px;
  padding:0 20px!important;
}


li.current_page_item a:hover {
  color:#000!important
}

.bootscore-footer .current_page_item {
  color:#f59f09!important;
  border-radius:5px;
  padding:0 0px!important;
}

.bootscore-footer .fab{
  font-size:30px
}


.header-scrolled {
  background: #000 !important;
  transition: background-color 0.3s ease;
}

.header-scrolled img{
  filter: invert(1);
}

.izbornik:hover img{
  filter: invert(1);
  transition:all 1s;
}

.tamni-blok{
  padding:150px 0;
  font-size:18px;
}

footer p  {
  font-size:1rem;
  margin-bottom:0;
}


footer span  {
  color: #fff!important;
}

footer a {
  text-decoration:none!important
}

footer a:hover {
  color: #f59f09;
  text-decoration: none;
}

footer ul li {
  cursor: pointer;
}

.job-slide {
  height: 100%;
  position: relative;
}

.job-slide {
  color:#000;
}

.job-slide img {
  height: 100%;
  object-fit: cover;
}

.job-slide-overlay {
  background: #fff;
  transition: all 1s;
}

.custom-swiper-arrow {
  position: absolute;
  top: 40%;
  z-index: 10;
  cursor: pointer;
}
.swiper-button-prev.custom-swiper-arrow {
  left: -40px;
}
.swiper-button-next.custom-swiper-arrow {
  right: -40px;
}

.gradovi-content  {
  background:#F5F5F5;
  padding-top:50px!important;
  padding-bottom:50px!important
}

.gradovi-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.gradovi-content ul li {
  font-weight: bold;
  flex: 0 0 calc(25% - 1rem); 
}

#footer-menu {
  display: flex;
  justify-content: center;
  padding-left: 0; 
  list-style: none;
}

.job-slide{
  height:400px;
}

.image-right  .fa-solid{
  color:#f59f09;
  font-size:25px;
  width:30px;
  text-align:center;
  top:3px;
  position:relative
}

.custom-swiper-arrow-prev span, .custom-swiper-arrow-next span
{
  font-size: 30px;
  background: #f5f5f5;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width:60px;
  transition:all 0.5s;
}

.custom-swiper-arrow-prev span:hover, .custom-swiper-arrow-next span:hover {
  background: #dadada;
}

.Half{
  height:65vh
}

.Classic{
  height:100vh
}

.gallery-item img{
  aspect-ratio: 1 / 1;
  object-fit:cover;
}

.accordion .accordion-item {
  border: none!important;
  background-color: #f2f2f2!important;
  margin-bottom: 0.5rem!important;
  border-radius: 0!important;

}

.accordion .accordion-header {
  margin: 0!important;
}

.accordion-button {
  background-color: #f2f2f2!important;
  color: #000!important;
  font-weight: bold!important;
  padding: 1rem 1.25rem!important;
  box-shadow: none!important;
  border: none!important;
  border-radius: 0!important;
}

.accordion-button:not(.collapsed) {
  background-color: #e0e0e0!important;
  color: #000!important;
}


.accordion-button:not(.collapsed)::after {
  transform: rotate(180deg); /* up arrow ▲ */
}

.accordion-collapse {
  background-color: #fff;
}

.accordion-body {
  padding:20px 0!important;
  color: #000;
  font-size: 0.95rem;
}

.accordion{
  padding:0 300px;
}

.Black{
  background:#25352f;
  color:#fff
}

.content-area{
  margin-top:150px;
  padding:0 300px
}

.vart a{
  color:#000;
  text-decoration:none;
  font-weight:bold;
  border-bottom: 2px solid;
}

.expertis{
  background:#f3f2f0;
  border-radius:20px;
  padding:50px
}

.vart{
  padding-top: 300px;
  overflow: hidden;
  height:470px;
}

.vart-2{
  padding: 100px 0;
  overflow: hidden;
}

.vart .card{
  border-radius:0;
  position: relative;
  overflow: hidden;
  transition: transform .45s cubic-bezier(.25,.8,.25,1);
}

.vart .card:hover{
  transform: translateY(calc(-1 * 250px));
}

.navbar-brand{
  width:100px
}

p {
  font-size: 18px;
  line-height: 1.3;
}

.lead p {
  font-size: 18px!important;
  line-height: 1.3;
}


span{
  color:#F59F09;
}

h3{
  margin-bottom:0!important;
}

.padding-sik{
    padding:0px 50px 0px  100px!important;
}

.btn-underline {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 20px;
  color: var(--btn-text-color);
  text-decoration: none;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  
}

.btn-underline::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 3px;
  background-color: #000;
  margin-right: 0.75rem;
  border-radius: 2px;
    color:
}

.izbornik {
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  padding: 5px 0;
  transition: background-color 0.3s ease, position 0.3s ease;
}

.izbornik li{
  padding: 0px 20px;
}


.izbornik.sticky-top.bg-body-tertiary.site-header{
  position: absolute !important;
  transition:all 1s;
  background-color:none;
}


.izbornik.sticky-top.bg-body-tertiary.site-header.header-scrolled {
  position: fixed !important;
  background-color: #00000080 !important;
  top: 0;
  left: 0;
  z-index: 10;
}

.izbornik.sticky-top.bg-body-tertiary.site-header:hover {
  position: fixed !important;
  background-color: #00000080 !important;
  z-index: 10;
}

.izbornik.sticky-top.bg-body-tertiary.site-header.header-scrolled a {
  color:#fff
}

.izbornik.sticky-top.bg-body-tertiary.site-header:hover a {
  color:#fff
}

.izbornik.sticky-top.bg-body-tertiary.site-header a:hover {
  color:#f59f09
}

a {
  transition:all 0.5s
}

a:hover {
  color:#f59f09
}

.izbornik.bg-body-tertiary{
  background:none!important
}

.izbornik li.current_page_item {
  background:#f59f09;
  border-radius:5px;
  padding:0 20px!important;
}


li.current_page_item a:hover {
  color:#000!important
}

.bootscore-footer .current_page_item {
  color:#f59f09!important;
  border-radius:5px;
  padding:0 0px!important;
}

.bootscore-footer .fab{
  font-size:30px
}


.header-scrolled {
  background: #000 !important;
  transition: background-color 0.3s ease;
}

.header-scrolled img{
  filter: invert(1);
}

.izbornik:hover img{
  filter: invert(1);
  transition:all 1s;
}

.tamni-blok{
  padding:70px 0;
  font-size:18px;
}

footer p  {
  font-size:1rem;
  margin-bottom:0;
}


footer span  {
  color: #fff!important;
}

footer a {
  text-decoration:none!important
}

footer a:hover {
  color: #f59f09;
  text-decoration: none;
}

footer ul li {
  cursor: pointer;
}

.job-slide {
  height: 100%;
  position: relative;
}

.job-slide {
  color:#000;
}

.job-slide img {
  height: 100%;
  object-fit: cover;
}

.job-slide-overlay {
  background: #fff;
  transition: all 1s;
}

.custom-swiper-arrow {
  position: absolute;
  top: 40%;
  z-index: 10;
  cursor: pointer;
}
.swiper-button-prev.custom-swiper-arrow {
  left: -40px;
}
.swiper-button-next.custom-swiper-arrow {
  right: -40px;
}

.gradovi-content  {
  background:#F5F5F5;
  padding-top:50px!important;
  padding-bottom:50px!important
}

.gradovi-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.gradovi-content ul li {
  font-weight: bold;
  flex: 0 0 calc(25% - 1rem); 
}

#footer-menu {
  display: flex;
  justify-content: center;
  padding-left: 0; 
  list-style: none;
}

.job-slide{
  height:200px;
}

.image-right  .fa-solid{
  color:#f59f09;
  font-size:25px;
  width:30px;
  text-align:center;
  top:3px;
  position:relative
}

.custom-swiper-arrow-prev span, .custom-swiper-arrow-next span
{
  font-size: 30px;
  background: #f5f5f5;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width:60px;
  transition:all 0.5s;
}

.custom-swiper-arrow-prev span:hover, .custom-swiper-arrow-next span:hover {
  background: #dadada;
}

.Half{
  height:65vh
}

.Classic{
  height:100vh
}

.gallery-item img{
  aspect-ratio: 1 / 1;
  object-fit:cover;
}

.accordion .accordion-item {
  border: none!important;
  background-color: #f2f2f2!important;
  margin-bottom: 0.5rem!important;
  border-radius: 0!important;

}

.accordion .accordion-header {
  margin: 0!important;
}

.accordion-button {
  background-color: #f2f2f2!important;
  color: #000!important;
  font-weight: bold!important;
  padding: 1rem 1.25rem!important;
  box-shadow: none!important;
  border: none!important;
  border-radius: 0!important;
}

.accordion-button:not(.collapsed) {
  background-color: #e0e0e0!important;
  color: #000!important;
}


.accordion-button:not(.collapsed)::after {
  transform: rotate(180deg); /* up arrow ▲ */
}

.accordion-collapse {
  background-color: #fff;
}

.accordion-body {
  padding:20px 0!important;
  color: #000;
  font-size: 0.95rem;
}

.accordion{
  padding:0 300px;
}

.Black{
  background:#25352f;
  color:#fff
}

.content-area{
  margin-top:150px;
  padding:0 300px
}

.vart a{
  color:#000;
  text-decoration:none;
  font-weight:bold;
  border-bottom: 2px solid;
}

.vart{
  padding-top: 300px;
  overflow: hidden;
  height:470px;
}

.vart .card{
  border-radius:0;
  position: relative;
  overflow: hidden;
  transition: transform .45s cubic-bezier(.25,.8,.25,1);
}

.vart .card:hover{
  transform: translateY(calc(-1 * 250px));
}

.bg-opacity{
  background:#00000080;
  text-align:center;
  margin:auto;
  padding:50px;
}

.image-right h6 span, .image-left h6 span{
  background:#f59f09;
  padding:5px 20px;
  color:#fff;
  border-radius:5px
}

#image_right-6{
  background:#f3f2f0
}

.expertis-main{
  background:#f3f2f0
}

.expertis{
  background:#fff;
  border-radius:20px;
  padding:50px
}

.lediga-jobb-lista i, .lediga-jobb-slider i {
  width: 30px;
  aspect-ratio: 1 / 1; 
  display: inline-flex; 
  align-items: center;
  justify-content: center;   
}

.page-id-109 #custom-2 {
  background:#f3f2f0;
}

.img-overlay {
  position: relative;
  display: inline-block;
}

.img-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: orange;
  opacity: 0.10;
  pointer-events: none;
}

.page-id-105 .tamni-blok{
  background:#f3f2f0!important;
  color:#000000!important
}


.expertis-portal{
  box-shadow:0px 20px 10px #00000020
}

.vart-2 .card-title{
  height:60px
}

@media screen and (min-width: 100px) and (max-width: 768px) {
.vart-2 .card-title{
  height:auto
}

  
  .custom-swiper-arrow-prev span, .custom-swiper-arrow-next span
{
  font-size: 15px;
  width:30px;
}
  
.job-slide-overlay .small{
  font-size:14px
}
  
.accordion{
  padding:0 0px;
}

.content-area{
  margin-top:80px;
  padding:0 20px
}
  
.navbar-brand{
  width:70px
}
  .padding-sik{
    padding:30px 30px!important
}

.padding-sik.sik-menu{
    padding:0px 30px!important
}

.row {
    --bs-gutter-x: 0px!important;
}

p {
  font-size: 15px;
  line-height: 1.3;
}

.lead p {
  font-size: 15px!important;
  line-height: 1.3;
}

.tamni-blok{
  padding:100px 0
}

.job-slider-arrows img{
  width:30px;
}

.jobSwiper .p-5{
  padding:15px!important
}

.nav-toggler{
  background:#000!important;
  border:none!important;
  padding:7px 15px!important
}

.izbornik {
    padding: 0px 0;
}

.izbornik.sticky-top.bg-body-tertiary.site-header a {
  color:#fff
}

.offcanvas .btn-close {
  filter: invert(1);
}

.offcanvas-title{
  display:none
}

.gradovi-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.gradovi-content ul li {
  font-weight: bold;
  flex: 0 0 calc(50% - 1rem);
}

.job-slide{
  height:60vh
}

.custom .py-5{
  padding:0!important
}

.custom .padding-sik{
  padding:30px!important
} 

.opacity-sik{
  background:#ffffff20;
  padding:10px 50px;
  
}

.opacity-sik .px-4 {
  padding: 30px;
  width: 100%;
  display: flex; 
  justify-content: center;
}

.opacity-sik .px-4.border-end{
  padding:30px;
  border-width: 0 0 1px 0!important;
  border-style:solid;
}

.opacity-sik .px-5{
  padding:0!important;
}

.opacity-sik .in.border-end{
  padding:0px;
  border-width: 0 0 1px 0!important;
  border-style:solid;
  padding:20px 0
}

.opacity-sik .in2{
  padding:20px 0
}

.vart{
  padding: 40px 20px;
  overflow: hidden;
  height:initial;
}

.vart .ratio{
  display:none;
}

.vart .card:hover{
  transform: translateY(calc(-1 * 250px));
}


}

@media screen and (min-width: 1500px) and (max-width: 3000px) {
  .padding-sik{
    /* padding:0 150px!important; */
}
}

@media screen and (min-width: 100px) and (max-width: 768px) {
.job-slider-arrows span {
  font-size: 20px;
  width:40px;
}
  
  .padding-sik{
    padding:30px 30px!important
}

.padding-sik.sik-menu{
    padding:0px 30px!important
}

.row {
    --bs-gutter-x: 0px!important;
}

p {
  font-size: 15px;
  line-height: 1.3;
}

.lead p {
  font-size: 15px!important;
  line-height: 1.3;
}

.tamni-blok{
  padding:100px 0
}

.job-slider-arrows img{
  width:30px;
}

.jobSwiper .p-5{
  padding:15px!important
}

.nav-toggler{
  background:#000!important;
  border:none!important;
  padding:7px 15px!important
}

.izbornik {
    padding: 0px 0;
}

.izbornik.sticky-top.bg-body-tertiary.site-header a {
  color:#fff
}

.offcanvas .btn-close {
  filter: invert(1);
}

.offcanvas-title{
  display:none
}
}

@media screen and (min-width: 1500px) and (max-width: 3000px) {
  .padding-sik{
    padding:0 150px!important;
}
}



@media screen and (min-width: 100px) and (max-width: 768px) {
.custom-swiper-arrow-prev span, .custom-swiper-arrow-next span
{
  font-size: 15px;
  width:30px;
}
  
.job-slide-overlay .small{
  font-size:14px
}
  
.accordion{
  padding:0 0px;
}

.content-area{
  margin-top:80px;
  padding:0 20px
}
  
.navbar-brand{
  width:70px
}
  .padding-sik{
    padding:30px 30px!important
}

.padding-sik.sik-menu{
    padding:0px 30px!important
}

.row {
    --bs-gutter-x: 0px!important;
}

p {
  font-size: 15px;
  line-height: 1.3;
}

.lead p {
  font-size: 15px!important;
  line-height: 1.3;
}

.tamni-blok{
  padding:100px 0
}

.job-slider-arrows img{
  width:30px;
}

.jobSwiper .p-5{
  padding:15px!important
}

.nav-toggler{
  background:#000!important;
  border:none!important;
  padding:7px 15px!important
}

.izbornik {
    padding: 0px 0;
}

.izbornik.sticky-top.bg-body-tertiary.site-header a {
  color:#fff
}

.offcanvas .btn-close {
  filter: invert(1);
}

.offcanvas-title{
  display:none
}

.gradovi-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.gradovi-content ul li {
  font-weight: bold;
  flex: 0 0 calc(50% - 1rem);
}

.job-slide{
  height: 150px;
}

.custom .py-5{
  padding:0!important
}

.custom .padding-sik{
  padding:30px!important
} 

.opacity-sik{
  background:#ffffff20;
  padding:10px 50px;
  
}

.opacity-sik .px-4 {
  padding: 30px;
  width: 100%;
  display: flex; 
  justify-content: center;
}

.opacity-sik .px-4.border-end{
  padding:30px;
  border-width: 0 0 1px 0!important;
  border-style:solid;
}

.opacity-sik .px-5{
  padding:0!important;
}

.opacity-sik .in.border-end{
  padding:0px;
  border-width: 0 0 1px 0!important;
  border-style:solid;
  padding:20px 0
}

.opacity-sik .in2{
  padding:20px 0
}

.vart{
  padding: 40px 20px;
  overflow: hidden;
  height:initial;
}

.vart .ratio{
  display:none;
}

.vart .card:hover{
  transform: translateY(0);
}

  


}

@media screen and (min-width: 1500px) and (max-width: 3000px) {
  .padding-sik{
    /* padding:0 150px!important; */
}
}

@media screen and (min-width: 100px) and (max-width: 768px) {
.job-slider-arrows span {
  font-size: 20px;
  width:40px;
}
  
  .padding-sik{
    padding:30px 30px!important
}

.padding-sik.sik-menu{
    padding:0px 30px!important
}

.row {
    --bs-gutter-x: 0px!important;
}

p {
  font-size: 15px;
  line-height: 1.3;
}

.lead p {
  font-size: 15px!important;
  line-height: 1.3;
}

.tamni-blok{
  padding:30px 0
}

.job-slider-arrows img{
  width:30px;
}

.jobSwiper .p-5{
  padding:15px!important
}

.nav-toggler{
  background:#000!important;
  border:none!important;
  padding:7px 15px!important
}

.izbornik {
    padding: 0px 0;
}

.izbornik.sticky-top.bg-body-tertiary.site-header a {
  color:#fff
}

.offcanvas .btn-close {
  filter: invert(1);
}

.offcanvas-title{
  display:none
}
}

@media screen and (min-width: 1500px) and (max-width: 3000px) {
  .padding-sik{
    padding:0 150px!important;
}
}