@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


:root {
    
    --mon:"Manrope", sans-serif;
    --primary:#CEAE92;
    --secondary:#4F4F4F;
    --plava:#283280;
    --zuta:#FFD204;
    --siva:#F4F4F8;
    --landing-width:66.25vw;
    --landing-width-mobile:86vw;
    --d12:0.63vw;
    --d10:0.52vw;
    --d14:0.73vw;
    --d16:0.83vw;
    --d18:0.94vw;
    --d25:1.30vw;
    --d36:1.88vw;
    --m13:3.61vw;
    --m25:6.94vw;
    --m18:5vw;
    --m14:3.89vw;
     --m10:2.78vw;
     --m15:4.17vw;
     --m20:5.56vw;






   

}

.container-stranica .row{
    width: var(--landing-width);
    margin: auto;
    display: flex;
    margin-top: 5.36vw;
    gap: 4vw;
}

.container-stranica .row .sidebar .sidebar-widgets .stranica-top-strelica{
    background-image: url(./static/img/stranicatopstrelica.svg);
    width: 14.69vw;
    height:2.32vw ;
    color: white;
    font-size: var(--d16);
    background-repeat: no-repeat;
    padding-top: 0.6vw;
    padding-left: 2.29vw;
    border-radius: 5px 5px 0 0;
    margin: 0;
    background-size: cover;
    

}


.container-stranica .row .sidebar .sidebar-widgets{
    border: 1px solid var(--plava);
    border-radius: 6px;
    

    
    
    
    

}





.container-stranica .row .sidebar .sidebar-widgets ul{
    padding: 1.09vw 1.56vw 1.56vw 1.56vw;
    list-style-type: none;
    margin: 0;
    

    
    
    
    

}


.container-stranica .row .sidebar .sidebar-widgets ul li a{
    height: 0.8vw;
    display: block;
    background-color: #f3f4f7;
    padding: 0.9vw;
    padding-right: 0.6vw;
    margin-bottom: 0.52vw;
    color: var(--plava);
    font-size: var(--d14);
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    
    

    
    
    
    

}
.container-stranica .row .sidebar .sidebar-widgets ul li a.active{
    height: 0.8vw;
    display: block;
    background-color: var(--zuta);
    padding: 0.9vw;
    padding-right: 0.6vw;
    margin-bottom: 0.52vw;
    color: #ffffff;
    font-size: var(--d14);
    text-decoration: none;
    font-weight: 700;
    
    

    
    
    
    

}
.container-stranica .row .sidebar .sidebar-widgets2 ul li a.active{
    height: 0.8vw;
    display: block;
    background-color: var(--zuta);
    padding: 0.9vw;
    padding-right: 0.6vw;
    margin-bottom: 0.52vw;
    color: #ffffff;
    font-size: var(--d14);
    text-decoration: none;
    font-weight: 700;
    
    

    
    
    
    

}

.container-stranica .row .sidebar .sidebar-widgets ul li a.active:after{
    font-family: FontAwesome;
    content: url(./static/img/stranicasidebarafterbijela.svg);
    font-family: "fontawesome";
    font-size: 18px;
    float: right;
    
    

    
    
    
    

}

.container-stranica .row .sidebar .sidebar-widgets2 ul li a.active:after{
    font-family: FontAwesome;
    content: url(./static/img/stranicasidebarafterbijela.svg);
    font-family: "fontawesome";
    font-size: 18px;
    float: right;
    
    

    
    
    
    

}




.container-stranica .row .sidebar .sidebar-widgets ul li a:after{
    font-family: FontAwesome;
    content: url(./static/img/stranicasidebarafter.svg);
    font-family: "fontawesome";
    font-size: 18px;
    float: right;
    
    

    
    
    
    

}

.container-stranica .row .col-md-9 h2{
    color: var(--plava);
    font-weight: 600;
    font-size: 1.46vw;
    margin: 0;
    padding-bottom: var(--d18);
    border-bottom: 1px solid var(--zuta);

}

.container-stranica .row .col-md-9 span{
    color: #4f4f4f;
    font-weight: 400;
    font-size:var(--d16);
    line-height: var(--d25);
    margin: 0;
    

}

.container-stranica .row .col-md-9 .accordion-box .accord-elem .accord-title  a h5{

    
    color: var(--plava);
    font-size: var(--d16);
    font-weight: 700;
    text-decoration: none!important;
    margin: 0;
    max-width: 40vw;
    
}
.container-stranica .row .col-md-9 .accordion-box .accord-elem .accord-title  a {

    
   
    text-decoration: none!important;
   
    
}

.container-stranica .row .col-md-9 .accordion-box .accord-elem .accord-title  {
    background: #F3F4F7!important;
    border-radius: 5px;
    min-width: 45vw;
    

}

.container-stranica .row .col-md-9 .accordion-box   {
    
    margin-bottom:var(--d14) ;

}

.container-stranica .row .col-md-9 ul li a  {
    font-size: var(--d16);
    color: var(--plava);
    font-weight: 400;

}

.container-stranica .row .col-md-9 ul li::marker {
    font-size: var(--d16);
    color: var(--plava);
    font-weight: 400;

}




















.container-stranica .row .sidebar .sidebar-widgets2 .stranica-top-strelica{
    background-image: url(./static/img/stranicatopstrelica.svg);
    width: 14.69vw;
    height:2.32vw ;
    color: white;
    font-size: var(--d16);
    background-repeat: no-repeat;
    padding-top: 0.6vw;
    padding-left: 2.29vw;
    border-radius: 5px 5px 0 0;
    margin: 0;
    

}


.container-stranica .row .sidebar .sidebar-widgets2{
    border: 1px solid var(--plava);
    border-radius: 6px;
    

    
    
    
    

}





.container-stranica .row .sidebar .sidebar-widgets2 ul{
    padding: 1.09vw 1.56vw 1.56vw 1.56vw;
    list-style-type: none;
    margin: 0;
    

    
    
    
    

}


.container-stranica .row .sidebar .sidebar-widgets2 ul li a{
    height: 0.8vw;
    display: block;
    background-color: #f3f4f7;
    padding: 0.9vw;
    padding-right: 0.6vw;
    margin-bottom: 0.52vw;
    color: var(--plava);
    font-size: var(--d14);
    text-decoration: none;
    font-weight: 700;
    
    

    
    
    
    

}




.container-stranica .row .sidebar .sidebar-widget2 ul li a:after{
    font-family: FontAwesome;
    content: url(./static/img/stranicasidebarafter.svg);
    font-family: "fontawesome";
    font-size: 18px;
    float: right;
    
    

    
    
    
    

}





.container-stranica .row .sidebar .sidebar-widgets2 .stranica-top-strelica{
    background-image: url(./static/img/stranicatopstrelica.svg);
    width: 14.69vw;
    height:2.32vw ;
    color: white;
    font-size: var(--d16);
    background-repeat: no-repeat;
    padding-top: 0.6vw;
    padding-left: 2.29vw;
    border-radius: 5px 5px 0 0;
    margin: 0;
    background-size: cover;
    

}


.container-stranica .row .sidebar .sidebar-widgets2{
    border: 1px solid var(--plava);
    border-radius: 6px;
    

    
    
    
    

}





.container-stranica .row .sidebar .sidebar-widgets2 ul{
    padding: 1.09vw 1.56vw 1.56vw 1.56vw;
    list-style-type: none;
    margin: 0;
    

    
    
    
    

}










@media only screen and (max-width: 999px) {
    
    .container-stranica .row {
    width: var(--landing-width-mobile);
    margin: auto;
    display: block;
    margin-top: 5.36vw;
    gap: 4vw;
}


.container-stranica .row .sidebar .sidebar-widgets .stranica-top-strelica {
    background-image: url(./static/img/stranicatopstrelica.svg);
    width: 80vw;
    height: 11.5vw;
    color: white;
    font-size: var(--m15);
    background-repeat: no-repeat;
    padding-top: 0.6vw;
    padding-left: 6vw;
    border-radius: 5px 5px 0 0;
    margin: 0;
    background-size: cover;
    padding-top:3.5vw;
            
}



.container-stranica .row .sidebar .sidebar-widgets ul li a {
    height: 7.11vw;
    display: block;
    background-color: #f3f4f7;
    padding:  var(--m15);
    padding-right: -3.4vw;
    margin-bottom: 4.52vw;
    color: var(--plava);
    font-size: var(--m13);
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    align-content: center;
}



.container-stranica .row .sidebar .sidebar-widgets ul li a.active {
    height: 7.11vw;
    display: block;
    background-color: var(--zuta);
    padding:  var(--m15);
    padding-right: -3.4vw;
    margin-bottom: 4.52vw;
    color: #ffffff;
    font-size: var(--m13);
    text-decoration: none;
    font-weight: 700;
}





.container-stranica .row .sidebar .sidebar-widgets ul {
    padding: 5.28vw;
    list-style-type: none;
    margin: 0;
}

.container-stranica .row .col-md-9{
    
    padding-left:0vw!important;
}

.container-stranica .row .col-md-9 h2 {
    color: var(--plava);
    font-weight: 600;
    font-size: var(--m20);
    margin: 0;
    padding-bottom: var(--m10);
    border-bottom: 1px solid var(--zuta);
    margin-top:10vw;
}

.container-stranica .row .col-md-9 span {
    color: #4f4f4f;
    font-weight: 400;
    font-size: var(--m14)!important;
    line-height: var(--d25);
    margin: 0;
}

.upper-page-section .breadcrumbs {
    padding-top: 15.92vw;
}



.container-stranica .row .col-md-9 .accordion-box {
    margin-bottom: var(--m15);
}


.container-stranica .row .col-md-9 .accordion-box .accord-elem .accord-title {
    background: #F3F4F7 !important;
    border-radius: 5px;
    min-width: 45vw;
   height: auto;
        padding-left: var(--m14);
        padding-top: 3vw;
        overflow: hidden;
    
}


.container-stranica .row .col-md-9 .accordion-box .accord-elem .accord-title a h5 {
    color: var(--plava);
    font-size: var(--m14);
    font-weight: 700;
    text-decoration: none !important;
    margin: 0;
    max-width: 58vw;
}

.accord-content {
  
    padding-left: 10px!important;
}

.container-stranica .row .col-md-9 ul li a {
    font-size: var(--m14);
    line-height: 7vw;
   
}
        .accord-content ul {
        padding-left: 30px !important;
    }
    
    
    .container-stranica .row .col-md-9 ul li::marker {
    font-size: var(--m14);
    color: var(--plava);
    font-weight: 400;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}