@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --rob:"Roboto", sans-serif;
    --outfit:"Outfit", serif;
    --primary:#0071CE;
    --secondary:#0971CE;
    --light:#878F57;
    --textwhite:#F6F8EB;
    --landing-width:66.25vw;
    --landing-width-mobile:86vw;
    --d12:0.63vw;
    --d14:0.73vw;
    --d15:0.78vw;
    --d16:0.89vw;
    --d18:0.94vw;
    --d20:1.04vw;
    --d22:1.15vw;
    --d24:1.25vw;
    --d25:1.3vw;
    --d30:1.56vw;
    --d36:1.88vw;
    --d40:2.08vw;
    --d48:2.5vw;
    --d64:3.33vw;
    --d80:4.17vw;
    --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;
    --m36:10vw;
    --m40:11.11vw;
    --m48:13.33vw;
    --m64:17.78vw;
     --mmt: 27.78vw;


}


.novosti-main{
    background-image: url(./img/proizvodnjadetaljisvg.svg);
   
    background-size: cover;
    width: 100vw;
    background-repeat: no-repeat;
    


}




.novosti-news{
    width: var(--landing-width);
    margin: auto;
    overflow: hidden;
    
  }
  .novosti-news-slider{
    display: flex;
    
  }
  .novosti-news-slide{
    width: 19.94vw!important;
    box-shadow: 0px 2px 13.5px 0px #1B8FDD59;
    border-radius: var(--d24);
    margin:4vw var(--d20);
  
  }
  
  .novosti-news-slide .slike-bg{
    background-repeat: no-repeat;
    background-size: cover;
    height:12.92vw ;
    border-radius: var(--d24) var(--d24) 0 0 ;
  }
  .novosti-news-slide h3{
    font-weight: 400;
    font-size: var(--d14);
    color: #828282;
    margin: 0;
    padding-top: var(--d24);
    padding-left: var(--d24);
  }
  .novosti-news-slide h1{
    font-weight: 700;
    font-size: var(--d18);
    color: #4F4F4F;
    margin: 0;
    padding-top: 0.52vw;
    padding-left: var(--d24);
    line-height: 140%;
  }
  
  .novosti-news-slide p{
    font-weight: 400;
    font-size: var(--d16);
    color: #828282;
    margin: 0;
    padding-top: 0.58vw;
    padding-left: var(--d24);
    line-height: 140%;
    width: 90%;
  }
  .novosti-news-slide button{
    font-weight: 400;
    font-size: var(--d15);
    color: #FFFFFF;
    margin: 0;
    margin-top: var(--d25);
    margin-bottom: var(--d25);
   margin-left: var(--d24);
    line-height: 140%;
    width:17.54vw;
    background: var(--secondary);
    border: none;
    outline: none;
    height: 2.34vw;
    border-radius: 0.52vw;
  }

  .home0-novosti-slider{
    display: flex;
    flex-wrap: wrap;
    gap: var(--d64) var(--d30);
    margin-bottom: 8vw;

  }

  
.home0-novosti-slider .home-novosti-slide{
  width: 19.94vw!important;
  box-shadow: 0px 2px 13.5px 0px #1B8FDD59;
  border-radius: var(--d24);
  margin:4vw var(--d20);
  height: 27.24vw!important;
  position: relative;

 

}
.home-novosti-slide button {
  position: absolute;
  bottom: 0vw;
}

  .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12.22vw;
    margin: auto;
    margin-top: -4.29vw;
    margin-bottom: var(--d120);
    
}

.pagination a {
    text-decoration: none;
    margin: 0 10px;
    font-size: 16px;
    color: #333;
}

.pagination .active {
    font-weight: bold;
    color: #007bff;
}

.pagination .prev, .pagination .next {
    width: 1.09vw;
    height: 0.63vw;
    display: block;
}


.pagination .page-number {
    font-family:var(--rob) ;
    color: #828282;
    font-size: 0.83vw;
  
    
    
    
    
}

.pagination a:hover {
    color: #007bff;
}

.pagination .prev, .pagination .next {
    cursor: pointer;
}

.pagination .page-number.active {
    font-family:var(--rob) ;
    color: #ffffff;
    font-size: 0.83vw;
    background-color: var(--secondary);
    border-radius: 50%;
    padding: 1vw 1.2vw 1vw 1.2vw;
    

}

/* Strelice sakrivene prema uslovima */
.pagination .prev,
.pagination .next {
    display: block;
}

.pagination .prev {
    display: none;
}

.pagination .next {
    display: none;
}


.home0-novosti-slider .home-novosti-slide{
    margin: 0;
    background-color: white;
  
}

.novosti-main .naslov-news {
    width: var(--landing-width);
    margin: auto;
    padding-top: var(--d120);
    margin-bottom: var(--d64);
    color: var(--secondary);
    font-size: var(--d36);
    font-weight: 400;
    border-bottom: 1px solid var(--secondary);
    padding-bottom: var(--d24);
    
}

.referenca-main{
    width: 43.65vw;
    margin: auto;
    padding-bottom: var(--d120);
}

.referenca-main a{
  display: block;
  color: var(--primary);
  font-size: var(--d18);
  font-family: var(--rob);
  line-height: var(--d48);
}

.rfr-main .naslov-news {
    width: 43.65vw;
    margin: auto;
    padding-top: var(--d120);
    margin-bottom: var(--d64);
    color: var(--secondary);
    font-size: var(--d36);
    font-weight: 400;
    border-bottom: 1px solid var(--secondary);
    padding-bottom: var(--d24);
}

.referenca-main ul li, .referenca-main ul{
  color: var(--primary);
  padding: 0;
  margin: 0;
}


  @media screen and (max-width:900px){

    .novosti-main{
      background-image: none;
      margin-top: var(--mmt);
    }
    .novosti-main .naslov-news{
      width: var(--landing-width-mobile);
      font-size:7.22vw;
      padding-top: var(--m64);
      margin-bottom: var(--m24);
    }
    .novosti-news{
      width: var(--landing-width-mobile);
    }

    .home0-novosti-slider .home-novosti-slide {
      width: var(--landing-width-mobile)!important;
      height: 138vw!important;
      box-shadow: 0px 2px 13.5px 0px #1B8FDD59;
      margin-bottom: var(--m24);



    }

    .referenca-main{
      width: var(--landing-width-mobile);
    }
    .referenca-main a{
      font-size: var(--m15);
      word-wrap: break-word;
    line-height: 140%;
    margin-top: var(--m12);
    }

        
    


  }