.navbar{
  position:absolute!important;
  z-index:5;
  width:100%;
  padding:0!important
}

.navbar {
  font-weight:200;
  font-size:18px;
}

.navbar li {
  padding:20px 20px
}

.navbar a{
  color:rgba(255,255,255,0.8);
}

.navbar a:hover{
  color:rgba(255,255,255,1.0);
}


.navbar a.active{
  color:rgba(255,255,255,1.0)!important;
}

.navbar a.active {
  position: relative;
  color: rgba(255,255,255,1) !important;
}

.navbar a {
  position: relative;
}

.navbar a::before {
  content: "";
  position: absolute;
  top: -31px;
  left: 50%;
  transform: translateX(-50%) scale(0);
  width: 20px;
  height: 20px;
  background: #64ffd3;
  border-radius: 50%;
  opacity: 0;
  transition: 0.25s ease;
}

.navbar a:hover::before {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.navbar a.active::before {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.navbar .dropdown-toggle{
  background:none;
  border-width: 0 0 0 1px;
  color:rgba(255,255,255,0.8)
}

.dropdown-menu {
  background:#000!important;
  padding:0!important;
  border-radius:0!important
}

.dropdown-menu li {
  padding:0px 0px!important
}

.dropdown-menu a:hover {
  background:none!important
}

.dropdown-menu a::before {
  display:none;
}

.banner-section {
  position: relative;
  color: #fff;
}

.banner-slide {
  min-height: 85vh;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
}

.banner-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .05);
  z-index: 1;
}

.banner-inner {
  position: relative;
  z-index: 2;
}

.banner-title span {
  display: block;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.1;
}

.banner-cta {
  margin-top: 1.5rem;
  padding: 0.75rem 2rem;
  font-size: 1.1rem;
}

.banner-tabs {
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  z-index: 3;
}

.banner-tab-btn {
  width: 100%;
  background: rgba(255, 255, 255, 0.0);
  border: 1px solid rgba(255, 255, 255, 1.00);
  padding: 20px 30px;
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #fff;
  font-weight: 500;
  text-align: left;
}

.banner-tab-btn:hover {
  background: rgba(255, 255, 255, 0.20);
}

.banner-tab-btn.active {
  background: rgba(255, 255, 255, 0.35);
}

.tab-num {
  font-weight: 300;
  font-size: 1.2rem;
  opacity: 0.9;
}

.tab-text {
  display: inline-block;
  white-space: normal;
  line-height: 1.3;
  min-height: calc(1.3em * 2); 
  max-width:150px;
  font-weight:300;
}

.sik-tabs h3{
  width:250px
}

.custom-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.custom-list li {
  position: relative;
  padding-left: 24px; 
  margin-bottom: 12px; 
}

.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  background: #2b708f;
  border-radius: 0px; 
}

.brojevi{
  border-left:solid 1px #dee2e6;
  padding-left:30px!important
}

.brojevi:first-child{
  border-left:solid 0px #dee2e6;
  padding-left:0px!important
}

.tamno{
  background:#20242c
}

.banner-section .swiper-button-prev,
.banner-section .swiper-button-next {
  color: #fff;
  width: 48px;
  height: 48px;
  background: rgba(255,255,255,.12);
  border-radius: 50%;
  backdrop-filter: blur(6px);
}

.banner-section .swiper-button-prev:after,
.banner-section .swiper-button-next:after {
  font-size: 18px;
}

.banner-title span{
  font-weight:600
}

.banner-title span:last-child{
  font-weight:300;
  margin-top:10px;
}

.ge-cs-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 420px;
  gap: 6px;
}

.ge-cs-card {
  position: relative;
  overflow: hidden;
  background: #000;
}

.ge-cs-card--tall {
  grid-row: span 2;
}

.ge-cs-bg {
  position: absolute;
  inset: 0;
  display: block;
  background-size: cover;
  background-position: center;
}

.ge-cs-caption {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 26px;
  background: #fff;
  border-radius: 0px;
  padding: 14px 16px;
  margin-right:30%
}

.ge-cs-grid > article:nth-child(2) .ge-cs-caption {
  margin-left:30%;
  margin-right:0%
}

.ge-process-item {
  position: relative;
  padding: 160px 20px 160px;
  margin-bottom: 2rem;
}


.ge-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  transform: translate(-50%, -50%) scale(1.3); /* veći krug */
  transform-origin: center;
  z-index: 0;
}

.ge-circle-badge {
  position: absolute;
  top: 20px;
  left: 20%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #2b6b82;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1rem;
  z-index: 2;
}

.ge-circle-content {
  position: relative;
  z-index: 1;
}


.novost-slika{
  height:450px;
}

.novost-slika-desno{
  height:136px;
  width:150px;
}

.pomakni-desno{
  left:100px;
  position:relative;
}

.right-list .display-4{
  font-size:16px;
  font-weight:400
}

.partners-slider img{
  width:100%!important;
  height:40px;
  object-fit:contain
}

.ikona {
  background: #fff;
  color: #20242c;
  width: 40px!important;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-decoration:none!important
}

.bg-dark-2.border-top.border-secondary-subtle{
  background:#1c1f26;
  border-top:solid #ffffff26 1px!important
}

.subpages-header .subhdr-bg {
  display: flex;
  align-items: center;
}

.kontakt{
  background:#F8F8F8
}

.plavo{
  color:#17708e
}

h1.entry-title{
  font-weight:300;
  font-size:35px;
}

.badge.bg-primary-subtle.text-primary-emphasis {
  background:none!important;
  padding:0;
  font-weight:400;
  font-size:14px;
}

.post-template-default,.category-blog{
  background:#F8F8F8
}

@media screen and (min-width: 100px) and (max-width: 992px) {

.offcanvas{
  background:#2b708f!important
}
.navbar li {
  padding:20px 0px
}

.offcanvas-title{
  display:none;
}

.navbar {
  margin-top:10px
}
  
.navbar a::before {
  display:none;
}

.navbar .dropdown-toggle{
  background:none;
  border-width: 0 0 0 0px;
  color:#000!important;
  padding:15px 10px;
  background:#fff;
}

.nav-toggler{
  padding:15px!important;
  background:#2b708f!important;
  color:#fff!important;
}


.dropdown-menu li {
  padding:0px 0px!important
}


.dropdown-menu a::before {
  display:none;
}

.banner-slide {
  min-height: 100vh;
}

.banner-title {
  margin-top:-200px
}

  
.banner-title span {
  font-size: 2.3rem;
}

.banner-tabs {
  bottom: 10px;
}

.banner-tab-btn {
  padding: 8px 20px;
}

.tab-num {
  font-size: 1.3rem;
}

.tab-text {
  font-size:13px;
  max-width:100px
}

.sik-tabs h3{
  width:250px
}

.custom-list {
  font-size:14px
}

.custom-list li::before {
  top: 4px;
  width: 13px;
  height: 13px;
}

.ge-cs-card--tall {
  grid-row: span 1;
}


.ge-cs-grid > article:nth-child(2) .ge-cs-caption {
  margin-left:0%;
  margin-right:30%
}

.ge-process-item {
  position: relative;
  padding: 70px 20px 70px;
  margin-bottom: 2rem;
}


.ge-circle {
  width: 200px;
  height: 200px;
}

.ge-circle-badge {
  display:none;
}

.ge-circle-content{
  max-width:200px;
  margin:auto;
}

.novost-slika-desno{
  height:136px;
  width:120px;
}

.pomakni-desno{
  left:0px;
  top:0px;
}

.left-featured{
  max-width:100%!important
}

.right-list .display-4{
  font-size:15px;
}


 
  .ge-cs-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 200px;
  }

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

.brojevi{
  border-left:solid 1px #dee2e6;
  padding-left:30px!important
}

.brojevi:first-child{
  border-left:solid 0px #dee2e6;
  padding-left:30px!important
}

.brojevi:nth-child(3){
  border-left:solid 0px #dee2e6;
} 

.featured-box.position-absolute {
  position:relative!important
}

.novost-slika{
  height:250px;
}

.numbers-section .fs-5{
  font-size:15px!important;
}

.numbers-section .btn.btn-secondary.btn-lg.py-3.px-5{
  font-size:15px;
  padding:10px!important
}

.numbers-section .pb-4{
  padding-bottom:10px!important
}
  .g-4,.gy-4 {
    --bs-gutter-y: 10px!important
}

.g-6,.gy-6 {
    --bs-gutter-y: 10px!important
}
  
.g-8,.gy-8 {
    --bs-gutter-y: 20px!important
}

.py-5 {
    padding-top: 30px!important;
    padding-bottom: 30px!important
}
  
.my-6 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.pt-5 {
    padding-top: 50px !important;
}
  
.pb-3 {
    padding-bottom: 10px !important
}

.pb-3 {
    padding-bottom: 10px !important
}

.display-1 {
    font-size: 25px;
}

.display-2 {
    font-size: 20px;
}
  
.display-3 {
    font-size: 15px;
}

.display-4 {
    font-size: 13px;
}

.sik-tabs img{
  width:50px!important
}

footer{
  font-size:15px
}

footer img{
  width:150px!important;
  height:auto!important
}
}


@media screen and (min-width: 993px) and (max-width: 1400px) {

.banner-tabs {
  bottom: 10px;
}

.banner-tab-btn {
  padding: 8px 20px;
}

.tab-num {
  font-size: 1.3rem;
}

.tab-text {
  font-size:13px;
  max-width:100px
}


.right-list .display-4{
  font-size:15px;
}


.novost-slika{
  height:450px;
}

.novost-slika-desno{
  height:136px;
  width:100px;
}



.ge-process-item {
  position: relative;
  padding: 80px 20px 80px;
  margin-bottom: 0rem;
}

.ge-process-item h4{
  font-size:18px
}

.ge-circle-content{
  font-size:14px!important
}


.ge-circle {
  width: 200px;
  height: 200px;
  transform: translate(-50%, -50%) scale(1.3);
}

.ge-circle-badge {
  top: 20px;
  left: 20%;
  width: 30px;
  height: 30px;
  font-size: 0.8rem;
}

.ge-circle-content {
  position: relative;
  z-index: 1;
}



}