@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&display=swap');



:root
{
    --viewport: 100vw;
}
.red {
    background-color: #cb0a33;
}
.red-text
{
    color:#cb0a33;
}

body {
    font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    font-size: 1rem;
    font-style: normal;
}

.bg {

    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/bg.jpg");
    
    color:white;
    background-position-x: center ;
    background-size: cover;
    height: max-content;
    
    
}
#buttoncontainer
{
    margin-top:50px;
    margin-bottom:100px;
}
.container, .container-big
{
    max-width: calc(100vw - 25vw);
    width:1320px;
}


@media only screen and (max-width: 992px) {
    .container-big-mobile
    {
        max-width:95vw;
    }
  .main-logo
{
width:90%;

}
#uvod

{
    padding:0
}
#menu
{
    padding:0;
}
.navbar-nav
{
   align-items: end;
    
}

.side-menu-item
{
    
    background-color: transparent;
    text-align:center;
   
    font-weight: 600;
    border-bottom: 1px solid gray;
    background-color:rgba(245, 245, 245, 0.1);
    margin-top:0.7rem;
    border-bottom-left-radius: 1rem;
    width:200px;
    
}
.side-menu-item:hover
{
    color:white;
    background-color:#910624;
}
#logo-menu
{
    width:150px;
}
#cenik-download
{
    font-size:1rem;
}
  }

  @media only screen and (max-width: 1630px) and (min-width:992px) {
    .about-us
    {
      width:70%;
      padding-bottom:50px;
    }
    .move-left
    {
      
        
        margin-left:40px;
       
    }
  
}

@media only screen and (min-width: 992px) {
.side-menu-item,
.side-menu-link {

    width: 10rem;
    color: white;
    text-align: center;
}
.nav-item
{
    width: max-content;
    
}
 .side-menu-item:hover
{
    color:white;
    background-color:#910624;
}
.side-menu-link:hover
{
    color:white;
}

.transparent {
    background-color: transparent;
    padding: 0;

}

.nav-item {
    margin-bottom: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 1rem;

}

.img-menu {
    width: 150px;
    margin-bottom: 1rem;
}

.main-menu {
    width: 250px;
    position: fixed;
    right: 0;
    top: 25vh;
    z-index:1000;
  

}
.navbar .container-fluid, 
.navbar-expand-lg .navbar-collapse, 
.navbar-expand-lg .navbar-nav{
  flex-direction: column;
  align-items: flex-start;
  width:max-content;
  margin:0;

}
.navbar-expand-lg
{ justify-content:flex-end;}

}

.about-us {
    margin-top: 100px;
    padding-bottom: 200px;
}

.landing-text {
    font-size: 4rem;
}

.button {
    background-color: #cb0a33;
    color: white;
    border-radius: 2rem;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.5rem;
    
    
}
.button:hover
{
    color:white;
    background-color:#910624;
  
}
th {
    font-weight:normal;
}
.container-big
{
    max-width:80vw;
}

.margin-100
{
    margin-top:100px;
}
.bg-services
{
    background-color: #ecf0f1;
    border-end-end-radius: 3rem;
    border-top-left-radius: 3rem;
    
    padding-top:20px;
    padding-left:30px;
    padding-right:30px;
    font-size:1.3rem;
}


.bg-pricelist
{
    background-color: #ecf0f1;
    border-end-end-radius: 3rem;
    border-top-left-radius: 3rem;
   
    padding-top:20px;
    padding-left:30px;
    font-size:1.3rem;
}
.table_custom { --bs-table-bg: transparent !important;}

#footer
{
    background-color: #2f3640;
}
.accordion-button:focus, 
        .accordion-button.collapsed:focus {
            border: none;
            background-color: transparent;
            color:#cb0a33;
            box-shadow: none; /* Optional: Remove default focus shadow */
        }

        .accordion-button:not(.collapsed) {
            border: none;
            color:#cb0a33;
            background-color: transparent;
        }