@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --pop:"Poppins", sans-serif;
    --rob:"Roboto", sans-serif;
    --primary:#26929E;
    --secondary:#1F363C;
    --text:#3C3C3C;
    --c33:#333333;
    --textwhite:#F6F8EB;
    --landing-width:70vw;
    --landing-width-mobile:86vw;
    --d10:0.52vw;
    --d12:0.63vw;
    --d13:0.68vw;
    --d14:0.73vw;
    --d16:0.89vw;
    --d18:0.94vw;
    --d20:1.04vw;
    --d24:1.25vw;
    --d25:1.3vw;
    --d36:1.88vw;
    --d40:2.08vw;
    --d44:2.29vw;
    --d48:2.5vw;
      --d54:2.81vw;
    --d64:3.33vw;
    --d80:4.17vw;
    --d84:4.38vw;
    --d120:6.25vw;


    --m10:2.78vw;
    --m11:3.06vw;
    --m12:3.33vw;
    --m13:3.61vw;
    --m14:3.89vw;
    --m15:4.17vw;
    --m16:4.44vw;
    --m18:5vw;
    --m20:5.56vw;
    --m24:6.67vw;
    --m25:6.94vw;
    --m32:8.89vw;
    --m34:9.44vw;
    --m36:10vw;
    --m40:11.11vw;
    --m44:12.22vw;
    --m48:13.33vw;
    --m64:17.78vw;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
    font-size: var(--outfit);
    
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: white;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--primary);
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
  }
.pcshow{
  display: block;
}

.pchide{
  display: none;
}
html {
  scroll-behavior: smooth;
}
body{
    margin: 0;
    padding: 0;
    font-family: var(--os);
    overflow-x: hidden;
    scroll-behavior: smooth;
}

header .upper-header{
  width:100vw;
  background-color: var(--primary);
  height: 38px;
  align-content: center;
}
header .upper-header .container{
  max-width: 1200px;
  display: flex;
  gap: 60px;
  justify-content: flex-end;
  margin: auto;
}
header .upper-header .container span {
    display: inline-flex
;
    align-items: center;
}
header .upper-header .container span a{
  font-family: var(--rob);
font-weight: 400;
font-style: 400;
font-size: 14px;
color: white;
text-decoration: none;

line-height: 165%;
letter-spacing: 0%;
text-align: center;

}
header .upper-header .container span img{
  width: 15px;
 
  margin-right: 5px;
}
.main-header{
  height: 114px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  max-width: 1200px;
  margin: auto;
}

.main-header img{
  width: 201px;
  cursor:pointer;
}
.main-header nav{
  display: flex;
  gap: 34px;
}
.main-header nav a{
  font-family: var(--rob);
font-weight: 700;
font-style: bold;
font-size: 15px;
color: var(--text);
line-height: 165%;
letter-spacing: 0%;
text-align: right;
text-decoration: none;
align-content: center;

}

.main-header nav a.active{
  color: var(--primary);
}

.hero{
  width: 100vw;
  height: 691px;
  background-size: cover;
  background-image: url('./img/hero1.png');
  position: relative;

}
.hero h1{
  font-family: var(--pop);
font-weight: 700;

font-size: 48px;

line-height: 100%;
letter-spacing: -4%;
text-align: center;
color: white;
position: absolute;
top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);






}



.izbornik{
  width: 100vw;
  display: flex;
  height: 95px;
}
.izbornik div{
   display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  height: 95px;
  cursor:pointer;
}
.izbornik div h2{
  font-family: var(--rob);
font-weight: 500;
font-style: Medium;
font-size: 14px;
leading-trim: NONE;
line-height: 165%;
letter-spacing: 0%;

color: white;

}
.izbornik div img{
  width: 40px;
}
.iz1{
  background-color: #26929E;
  width: 38.72vw;
  text-align: right;
}

.iz1 h2{
  margin-right: 60px;
} 
.iz1 img{
  display: flex;
  place-self: flex-end;
   margin-right: 80px;
}
.iz2{
  background-color: #4AA6AD;
  width: 10.83vw;
  text-align: center;
}
.iz2 img, .iz3 img{
    display: flex;
  place-self: center;
  

}
.iz3{
  background-color: #63B8BE;
   width: 10.83vw;
     text-align: center;
}
.iz4{
  background-color: #7CC3CB;
    width: 40.17vw;
    text-align: left;
}
.iz4 h2{
  margin-left: 55px;
}

.iz4 img{
  display: flex;
  place-self: flex-start;
     margin-left: 65px;
}

.main-heading{
  font-family: var(--pop);
font-weight: 600;

font-size: 36px;

line-height: 100%;
letter-spacing: -3%;
text-align: center;
color: var(--primary);
margin-top: 110px;


}
.h-underline{
  width: 55px;
  margin:auto;
  height: 2px;
  border-top: 2px solid var(--primary);
}
.hospis p{
  font-family: var(--rob);
font-weight: 400;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
text-align: center;
color: var(--text);
width: 900px;
margin: auto;
margin-top: 34px;

}

.hospis-cards{
  display: flex;
  gap: 74px;
  margin: auto;
  max-width: 1200px;
  margin-top: 80px;
  margin-bottom: 82px;
}

.hospis-cards .card h3{
  font-family: var(--pop);
font-weight: 600;

font-size: 20px;

line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #3C3C3C;


}
.kriterij{
  background-color: #F6F6F8;
  padding-top: 1px;
}
.hospis-cards .card p{
  width: 350px;
}


.kriterij p{
  font-family: var(--rob);
font-weight: 400;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
text-align: center;
color: var(--text);
width: 900px;
margin: auto;
margin-top: 34px;

}
.akordioni{
  
  width: 900px;
  margin: auto;
  margin-top:80px;
}

.akordioni .akordion p {
    display: none;
    margin: 0;
   width: 802px;
   margin: auto;
   margin-bottom: 26px;
   text-align: left;
}

.akordioni .akordion h1 {
    cursor: pointer;
    margin: 0;
    
    background: white;
    box-shadow: 1px 1px 1px 0px #00000040;
    margin-bottom: 21px;
    font-family: var(--rob);
font-weight: 700;
font-style: Bold;font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
color: var(--primary);
height: 50px;
align-content: center;
padding-left: 32px;


}

.kriterij img{
  width: 238px;
  display: flex;
     justify-self: anchor-center;
     margin-top: 45px;
    padding-bottom: 125px;
    }


    .green-bg{
      background-image: url('./img/hero3.png');
      background-size: cover;
      background-repeat: no-repeat;
      width: 100vw;
      height: 941px;
      margin-top: -5px;
    }



    .green-bg .main-heading{
      color: white;
      margin-top: 0;
      padding-top: 84px;
    }
    .green-bg .h-underline{
      border-top:2px solid white;
      margin-bottom: 50px;
    }

  .hospis-cards{
      font-family: var(--rob);
font-weight: 400;

font-size: 16px;

line-height: 150%;
letter-spacing: 0%;
text-align: center;
color: white;
max-width: 1200px;
margin: auto;

    }

    .green-bg h2{

      font-family: var(--rob);
font-weight: 700;

font-size: 16px;

line-height: 150%;
letter-spacing: 0%;
text-align: center;
color: white;
max-width: 1200px;
margin: auto;
margin-top: 30px;

    }

    .green-bg h3{
    font-family: var(--rob);
font-weight: 700;

font-size: 20px;

line-height: 150%;
letter-spacing: 0%;
text-align: center;
color: white;
max-width: 1200px;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;

    }

    .green-bg p{
      color: white;
      font-family: var(--rob);
font-weight: 400;

font-size: 16px;

line-height: 150%;
letter-spacing: 0%;
text-align: center;

    }

.novosti{
  background-color: #F6F6F8;
}

.novosti .main-heading{
  padding-top: 110px;
  margin-top:0;
}
   
    .novosti-card{
      margin: auto;
      display: flex;
      gap:50px;
      margin-top:50px;
      justify-content: center;
    }
    .novosti-card .card{
      width: 335px;
      border: 1px solid #D9D9D9;

    }
    .novosti-card .card img{
      width: 333px;
      margin-left: 2px;
      height:244px;
      object-fit: cover; /* slika popunjava okvir, čuva proporcije, može se odrezati */
    object-position: center; /* centriranje slike u okviru */
      
    }

    .novosti-card .card h2{
      font-family: var(--pop);
font-weight: 600;

font-size: 20px;

line-height: 100%;

color: #3C3C3C;
margin-left: 30px;
margin-top: 24px;
max-width: 277px;

    }

    .novosti-card .card p{
      font-family: var(--rob);
font-weight: 400;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
color: #3C3C3C;
margin-left: 30px;
margin-top: 30px;
max-width: 277px;


    }

    .novosti-card .card h3{
      font-family: var(--rob);
font-weight: 700;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
color: var(--primary);
margin-left: 30px;

    }

    .allnews{
      color: var(--primary);
      font-family:var(--rob);
font-weight: 700;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
text-align: center;
margin-top: 42px;
margin-bottom: 108px;

    }

    .allnews{
      color: var(--primary);
      font-family:var(--rob);
font-weight: 700;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
text-align: center;
padding-top: 42px;
padding-bottom: 108px;
margin-top: 0;
margin-bottom: 0;

    }



footer{
  background-color: #F6F6F8;
  margin-top: -5px;
}
footer .container .main-heading{
  margin-top: 0px;
  padding-top: 80px;
}
footer .container form{
  width: 820px;
  margin: auto;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

footer .container form input{
  width: 397px;
  height: 47px;
  background-color: white;
  border-radius: 8px;
  color: #b3b3b3;
  font-family: var(--pop);
font-weight: 300;

font-size: 15px;

line-height: 100%;
letter-spacing: 0%;
border: 1px solid  #D9D9D9;
outline:none;
box-sizing: border-box;
padding-left: 16px;
color: #b3b3b3;
margin-bottom: 17px;

}
footer .container form input::placeholder{
   font-family: var(--pop);
font-weight: 300;

font-size: 15px;

line-height: 100%;
letter-spacing: 0%;
color: #b3b3b3;


}

footer .container form textarea{
  width: 820px;
  height: 204px;
    font-family: var(--pop);
font-weight: 300;

font-size: 15px;

line-height: 100%;
letter-spacing: 0%;
color: #b3b3b3;
border: 1px solid  #D9D9D9;
 background-color: white;
  border-radius: 8px;
  box-sizing: border-box;
padding-left: 16px;
padding-top: 90px;
}


footer .container form textarea::placeholder{
   font-family: var(--pop);
font-weight: 300;

font-size: 15px;

line-height: 100%;
letter-spacing: 0%;
color: #b3b3b3;


}

footer .container form button{
  font-family:var(--rob);
font-weight: 700;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
text-align: center;
color: white;
background-color: var(--primary);
border-radius: 16px;
width:238px;
height: 52px;
border: none;
margin: auto;
margin-top: 44px;


}


.kontakt{
  width: 820px;
  margin: auto;
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 80px;
}

.kontakt .kontakt-left h1{
  font-family: var(--pop);
font-weight: 600;

font-size: 20px;

line-height: 100%;
letter-spacing: 0%;
color: #3C3C3C;

}

.kontakt .kontakt-left .k-underline{
      width: 30px;
   
    height: 2px;
    border-top: 2px solid var(--primary);
}


.kontakt .kontakt-left span{
  display: flex;
  margin-top: 24px;
}

.kontakt .kontakt-left span img{
  margin-right: 8px;
}

.kontakt .kontakt-left span a{
  font-family:var(--rob);
font-weight: 400;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
color: #3C3C3C;
text-decoration: none;

}

.kontakt .kontakt-left span a.green{

color: var(--primary);
font-weight: 700;


}


.kontakt .kontakt-right{
  align-content: flex-end;
}


.hamburger{
  display: none;
}








.klinika{
  width:1200px;
  margin: auto;
  display: flex;
  justify-content: space-around;
}

.klinika-left{
  width: 534px;
}

.klinika-left h1{
  text-align: left;
  font-size: 36px;
}

.klinika-left .h-underline{
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

.klinika-left h2{
  font-family: var(--pop);
font-weight: 600;

font-size: 20px;

line-height: 100%;
letter-spacing: 0%;
color: #3C3C3C;
line-height: 120%;


}

.klinika-left p{
  font-family: var(--rob);
font-weight: 400;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
color: #3C3C3C;

}

.klinika-left h3{
  font-family: var(--rob);
font-weight: 700;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
color: #3C3C3C;
}

.klinika-right{
  margin-top: 110px;
  width: 486px;
  margin-bottom: 90px!important;
}

.video-details{
  width: 427px;
  height: 185px;
  background-color: var(--primary);
  margin-top: -92px;
  position: absolute;
  margin-left: 30px;
}

.video-details .klinika-ikona{
  width: 70px;
  margin-top: -25px;
  margin-left: 175px;
}

.video-details h1{
  font-family: var(--pop);
font-weight: 600;

font-size: 20px;

line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: white;


}
.video-details p{
  font-family: var(--rob);
font-weight: 400;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
text-align: center;
color: white;
width: 359px;
margin-left: 34px;

  
}


.klinika-single{
  height:543px!important;
}


.slick-dots li.slick-active button:before {
    opacity: .75;
    color: var(--primary)!important;
}



.slick-dots li button:before {
  font-size:11px!important
}

.odjeljenja-container{
    max-width:1657px;
    margin:auto;
}

.odjeljenja-container .slick-list .slick-track{
    min-width:250vw;
}
.odjeljenja{
  background-color:#F6F6F8 ;
  padding-top: 1px;
  padding-bottom: 89px;
  cursor:pointer;
}


.odjeljenje img{
  width: 370px;
  height: 370px;
}

.odjeljenje .tekst{
  background-color: var(--primary);
  height: 88px;
  width: 370px;
      align-content: center;
      margin-bottom: 50px;
      
}

.odjeljenje .tekst p{
  font-family: var(--pop);
font-weight: 600;

font-size: 20px;

line-height: 100%;

text-align: center;
color: white;
cursor:pointer;


}

.hospis-cards .card{
  margin-top: 81px;
  margin-bottom: 169px;
}


.odjeljenje{
  width: 370px!important;
  margin-left: 27px;
  margin-right: 27px;
  margin-top: 50px;
}




.donator{
  background-color: var(--primary);
  color: white;
  text-align: center;
  padding-top:89px;
  padding-bottom:89px;
}
.donator h1{
  margin: 0;
  
  font-family: var(--pop);
font-weight: 600;

font-size: 20px;

line-height: 100%;
letter-spacing: 0%;
text-align: center;

}

.donator h2{
  font-family:var(--pop);
font-weight: 600;

font-size: 48px;

line-height: 100%;
letter-spacing: -3%;
text-align: center;
margin-top: 30px;


}

.donator p{
  font-family:var(--rob);
font-weight: 400;

font-size: 16px;

line-height: 165%;
letter-spacing: 0%;
text-align: center;
width: 860px;
margin: auto;
margin-top: 35px;
margin-bottom: 41px;

}
.donator a{
  text-decoration: none;
  background-color: white;
  border-radius: 15px;
  color: var(--primary);
  width: 238px;
  height: 52px;
  display: flex;
      place-self: anchor-center;
      text-align: center;
          justify-content: space-around;
    place-items: anchor-center;
    font-family: var(--rob);
font-weight: 700;
font-style: Bold;
font-size: 16px;

line-height: 165%;

text-align: center;

}

.promo-cards{
  width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: auto;
  margin-top: 75px;
  margin-bottom: 50px;
}

.promo-card{
  background-size: cover;
  width: 572px;
  height: 328px;
  display: flex;
}

.izd-cards{
    width:1100px;
    display:flex;
    justify-content:space-between;
    margin:auto;
    margin-top:55px;
    margin-bottom:240px;
}

.izd-card{
    width:335px;
    height:524px;
    border: 1px solid #D9D9D9
}



.kontakt .kontakt-left .spanbez{
    margin-top:2px;
}

.izd-card img{
    width:292px;
    margin:auto;
    margin-top:15px;
    margin-left:21px;
}

.izd-card a{
 font-family: var(--rob);
    font-weight: 700;
    font-size: 16px;
    line-height: 165%;
    color: white;
    width: 238px;
    height: 52px;
    background-color: var(--primary);
    text-align: center;
    display: flex;
    margin: auto;
    margin-top: 41px;
    border-radius: 15px;
    justify-content: center;
    align-items: center; /* ✅ ispravno */
    text-decoration: none;
    text-transform: uppercase;
}
    


.empty{
  width: 306px;
}

.promo-card .tekst{
  width: 237px;
}

.promo-card .tekst h1{
  font-family: var(--pop);
font-weight: 600;

font-size: 20px;

line-height: 100%;
letter-spacing: 0%;
color: #3C3C3C;
margin-top: 36px;


}


.promo-card .tekst p{
  font-family: var(--rob);
font-weight: 400;

font-size: 16px;

line-height: 165%;
color: #3C3C3C;
margin-top: 30px;
margin-bottom: 30px;


  
}



.promo-card .tekst a{
  font-family: var(--rob);
font-weight: 700;

font-size: 16px;

line-height: 165%;
color: var(--primary);


  
}




/* Kontejner za dropdown */
.dropdown-content.wide{
    min-width:350px;
}


.dropdown {
  position: relative;
  display: inline-block;
  font-family: var(--rob);
    font-weight: 700;
    font-style: bold;
    font-size: 15px;
    color: var(--text);
    line-height: 165%;
    letter-spacing: 0%;
    text-align: right;
    text-decoration: none;
    align-content: center;
}

/* Dropdown sadr탑aj, skriven po defaultu */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 250px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
  z-index: 1;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-top: 4px;
}



/* Linkovi unutar dropdowna */
.dropdown-content a {
  color: black;
  padding: 10px 14px;
  display: block;
  text-align: left!important;

}

.wide .title{
    color:var(--primary);
    margin-top:10px;
    margin-bottom:10px;
}
.wide a{
    
    padding:0px 14px;
    
}



/* Hover efekt za linkove */
.dropdown-content a:hover {
  background-color: #f0f0f0;
}

/* Prikaz dropdowna kad hover na .dropdown */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Glavni link ODJELJENJA da izgleda kao dugme */
.dropdown > a {
  cursor: pointer;
  font-weight: bold;
}

.rezultat ul{
    list-style-type:none;
    width:1200px;
    margin:auto;
    margin-top:120px;
    margin-bottom:120px;
}

.rezultat ul li a{
    font-family:var(--rob);
    color:#3c3c3c;
    text-decoration:none;
}


.rezultat ul li{
    font-family:var(--rob);
    color:var(--primary);
    text-decoration:none;
    margin-top:12px;
    margin-bottom:12px;
}

.desktop{
          display:block;
      }
      .mobile{
          display:none;
      }

.custom-dropdown-container{
    display:none;
}


.odjeljenje-main .content{
    margin-top:100px;
    margin-bottom:100px;
}

  @media screen and (max-width:1200px){
      
      .hero{
              background-image: url(./img/hero1mob.png);
      }
      
      header .upper-header {
          display:none;
      }
      .desktop{
          display:none;
      }
      .mobile{
          display:block;
      }
      
      .hospis-cards .card {
    margin-top: 34px;
    margin-bottom: 34px;
}

.odjeljenja-container .slick-list .slick-track {
    min-width:800vw!important;
}

.odjeljenje img{
  width: 90vw;
  height: auto;
}

.odjeljenje .tekst{
  background-color: var(--primary);
  height: 88px;
  width: 90vw;
      align-content: center;
      margin-bottom: 50px;
      
}
    
.hospis p,header .upper-header .container,.main-header,.hospis-cards,
.hospis-cards,  .green-bg h2, .green-bg h3,.hospis-cards, .hospis-cards card h3,
.promo-cards {
  width: 100vw;
  max-width: 100vw;
}


.hospis-cards .card p,.kriterij p,
.akordioni,.akordioni .akordion p,.kriterij img,.klinika, .klinika-left,.klinika-right,.izd-cards , .izd-card{ 
  width: 90vw;


}

.izd-cards{
    display:block;
    margin-bottom:50px;
}

.sidebar{
    display:none;
}


.custom-dropdown-container {
  position: relative;
  display: inline-block;
}

.custom-dropdown-button {
  background-color:var(--primary);
  color: #fff;
  padding: 10px 18px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  
  margin-top:5vw;
  width:80vw;
  margin-left:10vw;
  margin-bottom:5vw;
}

.custom-dropdown-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 80vw;
  margin-left:10vw;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  margin-top: 5px;
  border-radius: 4px;
  overflow: hidden;
  z-index: 1000;
  font-family:var(--rob);
}

.custom-dropdown-menu a {
  display: block;
  padding: 12px 16px;
  color: #333;
  text-decoration: none;
  transition: background 0.3s;
}

.custom-dropdown-menu a:hover {
  background-color: #f0f0f0;
}

.custom-dropdown-container:hover .custom-dropdown-menu {
  display: block;
}
.izd-card img{
    width:80vw;
    margin-left:5vw;
    
}
.izd-card{
    margin-top:5vw;
    height:auto;
}

.odjeljenje {
    width: 90vw !important;
     margin-left: 5vw; 
    margin-right: 5vw; 
    
    margin-top: 50px;
}

.izd-card a{
    margin-top:5vw;
    margin-bottom:5vw;
        font-family: var(--rob);
    font-weight: 700;
    font-size: 16px;
    line-height: 165%;
    text-align: center;
    color: white;
    width: 238px;
    height: 40px;
    background-color: var(--primary);
    text-align: center;
    display: flex;
     align-items: normal;

 
    border-radius: 15px;
    justify-content: center;
  
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 15px;

}
.video-details p{
  width: 70vw;
  margin:auto;
}
.video-details{
  width: 80vw;
  margin-left: 5vw;
}
.donator p{
  width: 80vw;
}

.promo-cards{
  display: block;
}

.promo-card{
  width: 90vw;
  margin: auto;
  margin-bottom: 5vw;
  background:none!important;
  height:auto;
}
.novosti-card .card p {
  max-width: 60vw;
}
.empty{
    width:1px;
}

.promo-card .tekst {
    width:90vw;
}
.video-details .klinika-ikona {
  margin-left: 33vw;
}
header .upper-header .container {
  
    display: flex;
    gap: 0px;
    justify-content: space-between;
    margin: auto;
    box-sizing: border-box;
    padding-left: 5vw;
    padding-right: 5vw;
}

.main-header nav{
 
  position: absolute;
  width: 100vw;
  background-color: white;
  height: 175px;
  z-index: 5;
  margin-top: 112px;

}

.main-header nav a{
  display: block;
  text-align: center;
}
    
.main-header .hamburger{
  display: block;
  width: 35px;
  margin-right: 5vw;

}

.main-header img {
    width: 150px;
    margin-left: 5vw;
}


#nav {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#nav.show {
  display: block;
  opacity: 1;
}


.iz1,.iz2,.iz3,.iz4{
  width: 50vw!important;
  text-align: center;
}
  .iz1 h2, .iz4 h2{
    margin-right: 0;
    margin-left: 0;
  } 
  
  .izbornik div img{
    display: flex;

    margin:auto;
    margin-top: 5vw;
  }

.izbornik div {
    display: flex
;
    flex-direction: unset;
    justify-content: unset;
    cursor:pointer;
}


.hospis-cards{
  display: block;
}

.kriterij{
  margin-top: 100px;
}

.akordioni .akordion p{
  width: 80vw;
}


.kriterij img{
  width: 60vw;
}


.green-bg{
  height:1015px;
}
.green-bg p{
  width: 90vw;
  margin: auto;
}

.novosti-card .slick-list .slick-track{
  min-width: 200vw!important;
}

.novosti-card .slick-list {
  height: 126vw!important;
}



.novosti-card .card{
  width: 70vw!important;
          margin-left: 15vw;
        margin-right: 15vw;
}


.novosti-card .card img {
    width: 70vw;
    margin-left: 2px;
}

footer .container form{
  width: 70vw;
}


footer .container form input {
  width: 70vw;
}


.kontakt{
  width: 90vw;
  text-align:center;
  display:block;
}
.kontakt .kontakt-left .k-underline {
    margin:auto;
}
.kontakt .kontakt-left span {
    justify-content:center;
}

    .kontakt .kontakt-left .spanbez {
        margin-top: 34px;
    }
    
    .kontakt .kontakt-left h1 {
        margin-top: 34px;
    }
    
    
        .kontakt-right img {
        margin-top: 34px;
    }
.klinika{
  display: block;
}

.upper-header .container span{
    min-width:fit-content;
}


  }