@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


:root {
  --int:"Inter", sans-serif;
  --os:"Open Sans", sans-serif;
  --primary:#FAA627;
  --secondary:#0971CE;
  --light:#878F57;
  --textwhite:#F6F8EB;
  --landing-width:68.89vw;
  --landing-width-mobile:86vw;
  --boxshadow:0px 0px 30px 0px #0000000F;
 

  --d8:0.44vw;
  --d10:0.56vw;
  --d12:0.67vw;
  --d13:0.72vw;
  --d14:0.78vw;
  --d15:0.83vw;
  --d16:0.89vw;
  --d18:1vw;
  --d20:1.11vw;
  --d22:1.22vw;
  --d24:1.33vw;
  --d25:1.39vw;
  --d30:1.67vw;
  --d32:1.78vw;
  --d40:2.08vw;
  --d48:2.67vw;
  --d64:3.56vw;
  --d80:4.44vw;
  --d120:6.67vw;


  --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;

  






 

}
/* 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;
}

body{
    margin: 0;
    padding: 0;
    font-family: var(--os);
    overflow-x: hidden;
}



.novost{
  cursor: pointer;
}





.news-home .udarne .udarne-left .n628550{
    background-color: white;
    box-shadow: 0px 0px 30px 0px #0000000F;
  
    border-radius: 8px;
  }
  .n628550{
    width: 628px;
    height: 550px;
  }
  .n628550 .slika  .img{
    width: 628px;
    height: 380px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--d8);
  
  }
  .n628550 h1{
    
    color: black;
    font-size: 32px;
    font-family: var(--os);
    margin: 0;
    padding: 27px;
    padding-top: 20px;
  }
  




  .news-home .udarne .udarne-center{
    margin-left: 33px;
  
  } 
  
  .n221265{
    width: 221px;
    height: 265px;
   
    margin-bottom: 19px;
    background-color: white;
    box-shadow: 0px 0px 30px 0px #0000000F;
  
    border-radius: 8px;
    
  
  }
  .n221265 .slika .img{
    width: 221px;
    height: 138px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
  
  }
  .n221265 .tekst h1{
    margin: 0;
    margin-left: 24px;
    font-family: var(--int);
    font-size:13px ;
    color: var(--primary);
    font-weight: 600;
    margin-top: 8px;
  }
  
  .n221265 .tekst p {
    margin: 0;
    margin-left: 24px;
    font-family: var(--os);
    font-size:15px ;
    color: black;
    font-weight: 600;
    
    line-height: 120%;
    margin-top: 7px;
    margin-right: 24px;
   
  }
  


.udarne-right{
    margin-left: 35px;
    width: 317px;
}

.udarne-right .pick .tab-link.active{
    
color: var(--primary);


}
.udarne-right .text-only{
    margin-top: 26px;
}

.udarne-right .pick .tab-link{
    color: black;
    margin-right: 45px;
text-decoration: none;
font-family: var(--os);
font-weight: 600;
font-size: 15px;
line-height: 100%;
letter-spacing: 0%;

}

.udarne-right .text-only .tekst h1{
    margin: 0;
   
    font-family: var(--int);
    font-size:13px ;
    color: var(--primary);
    font-weight: 600;
    
}

.udarne-right .text-only .tekst p{
    margin: 0;
   
    font-family: var(--os);
    font-size:15px ;
    color: black;
    font-weight: 600;
    
    line-height: 120%;
    margin-top: 8px;
    

}




@media screen and (min-width: 1px) and (max-width: 1799px) {

.container{
    display:flex;
    
}

header .main-header .container{
    justify-content:space-between;
    width:var(--landing-width);
    margin:auto;
}

header .top-header{
  background-color: var(--primary);
  height: 2.78vw;
  display: flex;
  position: relative;
 
}
header .top-header img{
  width: var(--d16);
}
.top-header .socials{
  display: flex;
  align-items: center;
  position: absolute;
  right: 15.3vw;
 
    align-self: anchor-center;
  gap: var(--d10);
}
.top-header .socials p{
  margin: 0;
}
.main-header{
  width: 100vw;
  background-color: white;
  box-shadow: 0px 10px 50px 0px #0000001A;

  
  height: 6.11vw;
  display: flex;
  justify-content: space-between;


}
.main-header .logo{
  width: 9.44vw;
  

}
.main-header nav{
  display: flex;
  gap: var(--d24);
 
}
.main-header nav a{
  text-decoration: none;
  color: black;
  font-family: var(--int);
  text-transform: uppercase;
  font-weight: 700;
  font-size: var(--d14);
  align-content: center;
}
.pocetna-traka{
  display: flex;
  width: var(--landing-width);
  margin: auto;
  gap: var(--d20);
  margin-top: 1.5vw;
  margin-bottom: var(--d40);
}

.pocetna-traka strong{
  font-family: var(--int);
  font-weight: 600;
  color: var(--primary);
  font-size: var(--d13);
  text-decoration: none;
  
}
.pocetna-traka a{
  font-family: var(--int);
  font-weight: 600;
  color: #3C3C3C;
  text-transform: uppercase;
  font-size: var(--d13);
  text-decoration: none;
  
}
.news-home{
  width: var(--landing-width);
  margin: auto;
  
}
.news-home .udarne{
  display: flex;
}



.news-home .udarne .u-left .n7055{
  background-color: white;
  box-shadow: 0px 0px 30px 0px #0000000F;

  border-radius: 8px;
}
.n7055{
  width: 38.89vw;
}
.n7055  .img{
  width: 38.89vw;
  height: 21.11vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--d8);

}
.n7055 h2{
  padding:1.63vw ;
  color: black;
  font-size: var(--d32);
  font-family: var(--os);
  margin: 0;
}

.news-home .udarne .u-right{
  margin-left: var(--d40);

} 

.n13590{
  display: flex;
  margin-bottom: var(--d25);

}
.n13590 .slika .img{
  width: 7.50vw;
  height: 5vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--d8);

}
.n13590 .tekst h1{
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--int);
  font-size:var(--d13) ;
  color: var(--primary);
  font-weight: 600;
}

.n13590 .tekst p {
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--os);
  font-size:var(--d15) ;
  color: black;
  font-weight: 600;
  width: 18.06vw;
  line-height: 120%;
  margin-top: 10px;
}

.home-izdvojeno{
  width: 66.44vw;
  margin: auto;
  margin-top: 1.5vw;
  background-color: var(--primary);
  padding: var(--d22);
  display: flex;
  justify-content: space-between;
  border-radius:var(--d8) ;
}

.home-izdvojeno .container{
     display: flex;
    width: 66.44vw;
    justify-content: space-between;
}
    


.n90{
  display: flex;
  border-radius: var(--d8);
 
}
.n90 .slika .img{
  width: 5vw;
  height: 5vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;

}

.n90 .tekst h2{
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--int);
  font-size:var(--d13) ;
  color: white;
  font-weight: 600;

}

.n90 .tekst p {
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--os);
  font-size:var(--d15) ;
  color: white;
  font-weight: 600;
  width: 14.44vw;
  line-height: 120%;
  margin-top: 10px;
}

.home-head-orange{
  color: var(--primary);
  font-family: var(--int);
  font-size: var(--d22);

    width: var(--landing-width);
    margin:auto;
  margin-bottom: 2vw;
    margin-top: 4vw;
}

.home-vijesti{
  width: var(--landing-width);
  margin: auto;
  margin-top: 1.5vw;
  gap: var(--d25);
 
  
  display: flex;
  justify-content: space-between;
  border-radius:var(--d8) ;
  
}
.vijesti-wrap{
  flex-wrap: wrap;
}

.vijesti-wrap .container{
    flex-wrap:wrap;
    width: var(--landing-width);
    gap: var(--d25);
    
}
.n291{
  box-shadow: 0px 0px 30px 0px #0000000F;

  border-radius: var(--d8);
}
.n291 .img{
  width:16.17vw ;
  height: 10vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--d8);
}



.n291 h2{
  margin: 0;
  
  font-family: var(--int);
  font-size:var(--d13) ;
  color: var(--primary);
  font-weight: 600;
  padding-top: var(--d12);
  padding-left: var(--d22);
  text-transform: uppercase;

}
.n291 p{
  margin: 0;
  
  font-family: var(--os);
  font-size:var(--d15) ;
  color: black;
  font-weight: 600;
  width: 13.44vw;
  line-height: 140%;
  margin-top: 10px;
  padding-left: var(--d22);
  padding-bottom: var(--d20);
}

.home-sport .n38644{
  background-color: white;
  width: 21.44vw;
  box-shadow: var(--boxshadow);
  border-radius: var(--d8);
  
  
}

.home-sport .active{
  width: 21.44vw;
  box-shadow: var(--boxshadow);
  border-radius: var(--d8);
  background-color: var(--primary);


}

.n38644 .img{
  width: 21.44vw;
  height: 13.33vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--d8);

}
.n38644 .tekst{
  padding: var(--d22);
  background-color: white;
}
.active .tekst{
  padding: var(--d22);
  background-color: var(--primary);
}
.n38644 .tekst h1{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d13) ;
  color: var(--primary);
  font-weight: 600;
  text-transform: uppercase;
  

}
.active .tekst h1{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d13) ;
  color: white;
  font-weight: 600;
  

}
.n38644 .tekst h3{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d20) ;
  color: black;
  font-weight: 600;
  line-height: auto;
  padding-top: 0.5vw;

}

.active .tekst h3{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d20) ;
  color: white;
  font-weight: 600;
  line-height: auto;
  padding-top: 0.5vw;

}

.n38644 .tekst p{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d14) ;
  color: black;
  font-weight: 400;
  line-height: auto;
  padding-top: 0.5vw;

}

.active .tekst p{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d14) ;
  color: white;
  font-weight: 400;
  line-height: auto;
  padding-top: 0.5vw;

}

.home-sport{
  width: var(--landing-width);
  margin: auto;
  margin-top: 1.5vw;
  gap: var(--d25);
  
 
  
  display: flex;
  justify-content: space-between;
  border-radius:var(--d8) ;
}
.home-sport .container{
    justify-content: space-between;
   width: var(--landing-width);
    display:flex;
    
}


.long-orange-home{
  background-color: var(--primary);
  margin-top: 4vw;
 

}

.home-head-white{
  color: white;
  font-family: var(--int);
  font-size: var(--d22);
  padding-top: 3vw;
  padding-bottom: 1vw;
  margin: auto;
  width: var(--landing-width);
}
.long-orange-grid{
  width: var(--landing-width);
  margin: auto;
  padding-top: 0.11vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 padding-bottom: 3vw;
}

.n6018{
  display: flex;
  border-radius: var(--d8);
  width: 33.33vw;
  background-color: white;
  height: 8.89vw;
  margin-bottom: var(--d32);
}


.n6018 .tekst h2{
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--int);
  font-size:var(--d13) ;
  color: var(--primary);
  font-weight: 600;
  margin-top: 1vw;
  text-transform: uppercase;
}

.n6018 .tekst p {
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--os);
  font-size:var(--d20) ;
  color: black;
  font-weight: 600;
  width: 18.06vw;
  line-height: 120%;
  margin-top: 10px;
}
.n6018 .slika .img{
  width: 12.22vw;
  height: 8.89vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--d8);
}

.long-grey-home{
  background-color: #787878;

}



.long-grey-grid{
  display: flex;
  width: var(--landing-width);
  margin: auto;
  padding-bottom: 3.89vw;
  
}
.long-grey-grid .g-left{
  background-color: #3C3C3C;
}
.g-left{
  width: 38.89vw;
  border-radius: var(--d8);
  
}
.g-left .img{
  width: 38.89vw;
  height: 23.33vw;
  border-radius: var(--d8);
}

.g-left h1 {
  color: white;
  font-size: var(--d20);
  font-family: var(--int);
  font-weight: 600;
  margin: 0;
  margin-left: var(--d32);
  margin-top: var(--d24);
  width: 35.00vw;
  margin-bottom: 2vw;

}
.nw13590{
  display: flex!important;
    margin-bottom: var(--d25);
}
.g-right{
  margin-left: var(--d40);
  margin-top: 3vw;
  
}

.g-right .slika img {
  width: 7.50vw;
  border-radius: 8px;
}
.g-right .tekst h1 {
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--int);
  font-size: var(--d13);
  color: white;
  font-weight: 600;
}
.g-right .tekst p {
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--os);
  font-size: var(--d15);
  color: white;
  font-weight: 600;
  width: 18.06vw;
  line-height: 120%;
  margin-top: 10px;
}
.home-head-orangev2 {
  color: var(--primary);
  font-family: var(--int);
  font-size: var(--d22);
  width: var(--landing-width);
  margin: auto;
  margin-top: 4vw;
  margin-bottom: 2vw;
}
.home-vv-button{
  width: 5.44vw;
  height:2.44vw;
  background-color:#D9D9D9 ;
  color: #434343;
  border-radius: var(--d8);
  font-size: var(--d15);
  font-family: var(--os);
  border: none;
  outline: none;
  margin-top: var(--d48);

  

}
.center-button{
  place-self: anchor-center;
}







}

  @media screen and (min-width:1800px){
      
      :root {
  --int:"Inter", sans-serif;
  --os:"Open Sans", sans-serif;
  --primary:#FAA627;
  --secondary:#0971CE;
  --light:#878F57;
  --textwhite:#F6F8EB;
  --landing-width:100%;
  --landing-width-mobile:86vw;
  --boxshadow:0px 0px 30px 0px #0000000F;
 
  --d8: 8px;
  --d10: 10px;
  --d12: 12px;
  --d13: 13px;
  --d14: 14px;
  --d15: 15px;
  --d16: 16px;
  --d18: 18px;
  --d20: 20px;
  --d22: 22px;
  --d24: 24px;
  --d25: 25px;
  --d30: 30px;
  --d32: 32px;
  --d40: 40px;
  --d48: 48px;
  --d64: 64px;
  --d80: 80px;
  --d120: 120px;



  --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;

  






 

}





  header .top-header {
    background-color: var(--primary);
    height:  50px; /* Ograničava visinu */
    display: flex;
    justify-content: center; /* Centriranje glavnog kontejnera */
    width: 100%;
}

.top-header .container {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
}

.top-header .socials {
    display: flex;
    align-items: center;
    gap: var(--d10);
    
}


header .top-header .container img{
  width: var(--d16);
}
.top-header .socials p{
  margin: 0;
}
.main-header{
  width: 100vw;
  background-color: white;
  box-shadow: 0px 10px 50px 0px #0000001A;

  
  height: 6.11vw;
  display: flex;
  justify-content: space-between;
  


}

.main-header .container{
  display: flex;
  justify-content: space-between;
  max-width: 1240px;
  margin:0 auto;
  width: 100%;

}
.main-header .logo{
  width: 9.44vw;
  

}
.main-header nav{
  display: flex;
  gap: var(--d24);

}
.main-header nav a{
  text-decoration: none;
  color: black;
  font-family: var(--int);
  text-transform: uppercase;
  font-weight: 700;
  font-size: var(--d14);
  align-content: center;
}
.pocetna-traka{
  display: flex;
  width: var(--landing-width);
  margin: auto;
  gap: var(--d20);
  margin-top: 1.5vw;
  margin-bottom: var(--d40);
  max-width: 1240px;
}

.pocetna-traka strong{
  font-family: var(--int);
  font-weight: 600;
  color: var(--primary);
  font-size: var(--d13);
  text-decoration: none;
  
}
.pocetna-traka a{
  font-family: var(--int);
  font-weight: 600;
  color: #3C3C3C;
  text-transform: uppercase;
  font-size: var(--d13);
  text-decoration: none;
  
}
.news-home{
  width: var(--landing-width);
  
  
  max-width: 1240px;
  margin: 0 auto;
  
}
.news-home .udarne{
  display: flex;
}
.news-home .udarne .u-left .n7055{
  background-color: white;
  box-shadow: 0px 0px 30px 0px #0000000F;

  border-radius: 8px;
}
.n7055 {
  width: clamp(380px, 38.89vw, 700px);
}

.n7055  .img{
  width: 700px;
  height: 380px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--d8);

}
.n7055 h2{
  padding:1.63vw ;
  color: black;
  font-size: var(--d32);
  font-family: var(--os);
  margin: 0;
}

.news-home .udarne .u-right{
  margin-left: var(--d40);

} 

.n13590{
  display: flex;
  margin-bottom: var(--d25);

}
.n13590 .slika .img{
  width: 135px;
  height: 90px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--d8);

}
.n13590 .tekst h1{
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--int);
  font-size:var(--d13) ;
  color: var(--primary);
  font-weight: 600;
}

.n13590 .tekst p {
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--os);
  font-size:var(--d15) ;
  color: black;
  font-weight: 600;
 
  line-height: 120%;
  margin-top: 10px;
}

.home-izdvojeno{
  width: 1240px;
  margin: auto;
  margin-top: 1.5vw;
  background-color: var(--primary);
  padding:  20px 22px 20px 22px;
  display: flex;
  justify-content: space-between;
  border-radius:var(--d8) ;
}

.home-izdvojeno .container{
  max-width: 1240px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  gap: 40px;
}

.n90{
  display: flex;
  border-radius: var(--d8);
 
}
.n90 .slika .img{
  width: 90px;
  height: 90px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;

}

.n90 .tekst h2{
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--int);
  font-size:var(--d13) ;
  color: white;
  font-weight: 600;

}

.n90 .tekst p {
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--os);
  font-size:var(--d15) ;
  color: white;
  font-weight: 600;
  
  line-height: 120%;
  margin-top: 10px;
}

.home-head-orange{
  color: var(--primary);
  font-family: var(--int);
  font-size: var(--d22);

  width:1240px;
  margin:auto;
    margin-top: 4vw;
  margin-bottom: 2vw;
}

.home-vijesti{
  width: var(--landing-width);
  margin: auto;
  margin-top: 1.5vw;
  gap: var(--d25);
 
  
  display: flex;
  justify-content: space-between;
  border-radius:var(--d8) ;
  
}

.home-vijesti .container{
  display: flex;
  justify-content: space-between;
  max-width: 1240px;
  margin: 0 auto;

}
.vijesti-wrap{
  flex-wrap: wrap;
}
.n291{
  box-shadow: 0px 0px 30px 0px #0000000F;

  border-radius: var(--d8);
}
.n291 .img{
  width:291px ;
  height: 180px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--d8);
}



.n291 h2{
  margin: 0;
  
  font-family: var(--int);
  font-size:var(--d13) ;
  color: var(--primary);
  font-weight: 600;
  padding-top: var(--d12);
  padding-left: var(--d22);
  text-transform: uppercase;

}
.n291 p{
  margin: 0;
  
  font-family: var(--os);
  font-size:var(--d15) ;
  color: black;
  font-weight: 600;
 
  line-height: 140%;
  margin-top: 10px;
  padding-left: var(--d22);
  padding-bottom: var(--d20);
}

.home-sport .n38644{
  background-color: white;
  width: 386px;
  box-shadow: var(--boxshadow);
  border-radius: var(--d8);
  
  
}

.home-sport .active{
  width: 386px;
  box-shadow: var(--boxshadow);
  border-radius: var(--d8);
  background-color: var(--primary);


}

.n38644 .img{
  width: 386px;
  height: 240px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--d8);

}
.n38644 .tekst{
  padding: var(--d22);
  background-color: white;
}
.active .tekst{
  padding: var(--d22);
  background-color: var(--primary);
  border-radius: var(--d8);
}
.n38644 .tekst h1{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d13) ;
  color: var(--primary);
  font-weight: 600;
  text-transform: uppercase;
  

}
.active .tekst h1{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d13) ;
  color: white;
  font-weight: 600;
  

}
.n38644 .tekst h3{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d20) ;
  color: black;
  font-weight: 600;
  line-height: auto;
  padding-top: 0.5vw;

}

.active .tekst h3{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d20) ;
  color: white;
  font-weight: 600;
  line-height: auto;
  padding-top: 0.5vw;

}

.n38644 .tekst p{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d14) ;
  color: black;
  font-weight: 400;
  line-height: auto;
  padding-top: 0.5vw;

}

.active .tekst p{
  margin: 0;
  font-family: var(--int);
  font-size:var(--d14) ;
  color: white;
  font-weight: 400;
  line-height: auto;
  padding-top: 0.5vw;

}

.home-sport{
  width: var(--landing-width);
  margin: auto;
  margin-top: 1.5vw;
  gap: var(--d25);
 
  
  display: flex;
  justify-content: space-between;
  border-radius:var(--d8) ;
}

.home-sport .container{
   
  display: flex;
  justify-content: space-between;
  width: 1240px;
  margin: 0 auto;
  gap: var(--d25);

}


.long-orange-home{
  background-color: var(--primary);
  margin-top: 4vw;
 

}

.home-head-white{
  color: white;
  font-family: var(--int);
  font-size: var(--d22);
  padding-top: 3vw;
  padding-bottom: 1vw;
  margin: 0 auto;
  width: 1240px;
}
.long-orange-grid{
  
  margin: 0 auto;
  padding-top: 0.11vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 padding-bottom: 3vw;
 max-width: 1240px;
}

.n6018{
  display: flex;
  border-radius: var(--d8);
  width: 600px;
  background-color: white;
  height: 160px;
  margin-bottom: var(--d32);
}


.n6018 .tekst h2{
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--int);
  font-size:var(--d13) ;
  color: var(--primary);
  font-weight: 600;
  margin-top: 1vw;
  text-transform: uppercase;
}

.n6018 .tekst p {
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--os);
  font-size:var(--d20) ;
  color: black;
  font-weight: 600;
 
  line-height: 120%;
  margin-top: 10px;
}
.n6018 .slika .img{
  width: 220px;
  height: 160px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--d8);
}

.long-grey-home{
  background-color: #787878;

}



.long-grey-grid{
  display: flex;
  width: 1240px;
  margin: auto;
  padding-bottom: 3.89vw;
  
}
.long-grey-grid .g-left{
  background-color: #3C3C3C;
}
.g-left{
  width: 38.89vw;
  border-radius: var(--d8);
  
}
.g-left .img{
  width: 700px;
  height: 420px;
  border-radius: var(--d8);
}

.g-left h1 {
  color: white;
  font-size: var(--d20);
  font-family: var(--int);
  font-weight: 600;
  margin: 0;
  margin-left: var(--d32);
  margin-top: var(--d24);
  
  margin-bottom: 2vw;

}
.nw13590{
  display: flex!important;
    margin-bottom: var(--d25);
}
.g-right{
  margin-left: var(--d40);
  margin-top: 3vw;
  max-width: 50%;
  
}

.g-right .slika img {
  width: 135px;
  border-radius: 8px;
}
.g-right .tekst h1 {
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--int);
  font-size: var(--d13);
  color: white;
  font-weight: 600;
}
.g-right .tekst p {
  margin: 0;
  margin-left: var(--d20);
  font-family: var(--os);
  font-size: var(--d15);
  color: white;
  font-weight: 600;
 
  line-height: 120%;
  margin-top: 10px;
}
.home-head-orangev2 {
  color: var(--primary);
  font-family: var(--int);
  font-size: var(--d22);
  width: 1240px;
  margin: 0 auto;
  margin-top: 4vw;
  margin-bottom: 2vw;
}
.home-vv-button{
  width: 5.44vw;
  height:2.44vw;
  background-color:#D9D9D9 ;
  color: #434343;
  border-radius: var(--d8);
  font-size: var(--d15);
  font-family: var(--os);
  border: none;
  outline: none;
  margin-top: var(--d48);

  

}
.vijesti-wrap .container{
  flex-wrap: wrap;
}
.vijesti-wrap .container .n291{
  width: 291px;

}
.center-button{
  place-self: anchor-center;
}




      
      
      
  }







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

    









    

    
  }