/* Optional: add a smooth transition */
.services-menu {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.has-submenu {
  position: relative;
}
.sub-menu {
  position: absolute;
  left: 90%;
  top: -225%;
  background: white;
border-radius:10px;
  display: none;
  min-width: 200px;
  z-index: 9999;
  list-style: none;
}

.has-submenu:hover .sub-menu,
.sub-menu:hover {
  display: block;
}
.nav-container{
	width:100%;
}
.nav-container-wrapper{
	display:flex;
	align-items:center;
	width:1140px;
	justify-content:space-between;
	margin:auto;
}
.logo{
	width:140px;
	height:90px;
	object-fit:contain;
}

  .checkbtn {
    font-size: 30px;
    color: white;
    float: right;
    cursor: pointer;
    display: none;
  }
  .closebtn {
    font-size: 30px;
    color: white;
    float: right;
    cursor: pointer;
    display: none;
  }
  #close {
    display: none;
  }
  #check {
    display: none !important;
  }
#dropdown-toggle{
	display:none !important;
}
  .mobile-nav-logo {
    display: none;
  }
  .nav-button a,
  .menu-nav-button a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 10px;
    background-color: #cc3333;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
  }
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-family: "Rubik", sans-serif;
  }

  .nav-container .open-menu {
    display: none;
    font-size: 24px;
  }

  .nav-container .close {
    display: none;
    font-size: 24px;
    color: #fff;
  }

  .nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    margin: auto;
	background-color:rgba(0, 0, 0, 0.2);
	  width:100%;
  }

  .nav-logo {
    width: 120px;
    padding: 1rem 0;
  }

  .nav-logo img {
    width: 100%;
    object-fit: contain;
  }

  .nav-links-container {
    padding: 16px 0;
  }
  .nav-links {
    list-style: none;
	  margin:0;
  }

  .nav-links > .nav-link-item {
    display: inline-block;
    margin: 0 24px;
    position: relative;
  }

  .nav-links > .nav-link-item > a {
    text-decoration: none;
    display: flex;
    padding: 16px 0;
    color: #fff;
    transition: 0.3s ease;
  }

  .nav-link-item > a > .fa-chevron-down {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-left: 8px;
    transition: 0.3s ease;
    pointer-events: none;
  }

  .nav-link-item:hover > a > .fa-chevron-down {
    transform: rotate(-180deg);
  }

  .nav-links > .nav-link-item > .dropdown-menu {
	  overflow:visible;
    width: 180px;
    position: absolute;
    top: 80%;
    left: -16px;
/*     border-radius: 10px; */
    background-color: #fff;
    transform: translateY(0);
    transition: 0.3s ease;
    visibility: hidden;
    opacity: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: block;
    /* grid-template-columns: repeat(2, 1fr); */
  }

  .nav-links > .nav-link-item > .services {
    width: 225px !important;
  }

.nav-links > .nav-link-item > .primena{
	width: 200px;
    position: absolute;
    top: 80%;
    left: -16px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    transform: translateY(0);
    transition: 0.3s ease;
    visibility: hidden;
    opacity: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: block;
}

  .nav-links > .nav-link-item:hover > .dropdown-menu {
    transform: translateY(8px);
    visibility: visible;
    opacity: 1;
  }

  .nav-links > .nav-link-item > .dropdown-menu > .dropdown-menu-item {
    list-style: none;
  }

  .nav-links > .nav-link-item > .dropdown-menu > .dropdown-menu-item a {
    text-decoration: none;
    display: block;
    color: #777;
    font-weight: 500;
    transition: 0.3s ease;
    font-size: 14px;
    padding: 16px;
  }

  .nav-links > .nav-link-item > .dropdown-menu > .dropdown-menu-item a:hover {
	  background:white;
    color: #cc3333;
  }
  .navbar-wrap .menu-logo {
    display: none;
  }
  .mobile-nav-cta {
    display: none;
  }

  .menu-sign {
    display: none;
  }

input[type="checkbox"].dropdown-checkbox {
  display: none !important;
}

input[type="checkbox"].dropdown-checkbox + label::before {
    content: none !important; /* Uklanja ::before pseudo-element */
    display: none !important; /* Sprečava prikazivanje */
}


  .dropdown-menu-item a {
    display: block;
    padding: 12px;
    color: #777;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
  }

  .dropdown-menu-item a:hover {
    background-color: #ff700a;
    color: #fff;
  }

  .dropdown-label {
    color: #fff;
	font-weight:400;
    cursor: pointer;
  }

  .hamburger-menu{
    display: none;
  }

  .contact-wrapper{
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
   background-color: rgba(0, 0, 0, 0.2);
   color: #fff;
   padding:0 !important;
  }
  .contact-ctas{
    display: flex;
    gap: 10px;
  }

  .contact-ctas .cta-wrapper{
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .contact-wrapper .work-hours{
    align-items: center;
    display: flex;
    gap: 10px;
  }
  .contact-wrapper .work-hours .separator{
  padding: 10px 0;
  width: 1px;
  height: 20px;
  background-color: red;
  }

  .contact-ctas > div a{
    text-decoration: none;
    color: white;
  }

  .contact-wrapper .contact-ctas .social{
    display: flex;
    gap: 10px;
    align-items: center;
  }
.contact-wrapper .separator{
 padding: 10px 0;
  width: 1px;
  background-color: red;
  padding: 10px 0;
}

input[type=checkbox]+label:after{
	display:none;
}
.mobile-nav-button{
	display:none;
}

.nav-container-wrapper .navbar-btn-wrapper{
	display:flex;
	align-items:center;
	gap:10px;
}
  .has-child .submenu-toogle{
		  display:none;
	  }
  @media (max-width: 992px) {
	  .nav-links > .nav-link-item > .dropdown-menu > .dropdown-menu-item .sub-menu {
		  list-style:bullets;
	  }
	  .nav-links > .nav-link-item > .dropdown-menu > .dropdown-menu-item .sub-menu a{
		  color:#fff;
		  border:none;
	  }
	  .nav-links-container ul .sub-menu{
		  padding:0;
	  }
	  .sub-menu{
		  display:block !important;
		  position:relative;
		  top:0;
		  left:0;
		  border-radius:0;
		  background:transparent;
		  color:#fff;
	  }
	  .sub-menu .dropdown-menu-item{
		  color:#fff;
	  }
	  .dropdown-checkbox:checked + .dropdown-label + .dropdown-menu {
  max-height: 630px;
  visibility: visible;
  opacity: 1;
}
	.nav-links {
  list-style: none;
  padding: 0;
}

.dropdown-checkbox {
  display: none;
}

.dropdown-label {
  cursor: pointer;
  color: #fff;
  padding: 16px;
  display: block;
}

.dropdown-menu {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  background-color: #222;
}

.dropdown-menu-item a {
  color: #fff;
  text-decoration: none;
  padding: 14px 20px;
  display: block;
  border-bottom: 1px solid #444;
}

.dropdown-menu-item a:hover {
  background-color: #444;
}

.dropdown-checkbox:checked + .dropdown-label + .dropdown-menu {
  max-height: 630px; /* Dovoljno da sve stane */
  visibility: visible;
  opacity: 1;
}

.nav-link-item {
  width: 100%;
}

/* Nested submenu styling */
.dropdown-menu .dropdown-menu-branch {
  width: 100%;
}

	
	  .has-child .submenu-toogle{
		  display:none;
	  }
    .has-submenu:hover .sub-menu,
.sub-menu:hover {
  display: block;
}
    .hidden{
      display: none;
      visibility: hidden;
      padding: 0;
    }
	    .nav-links > .nav-link-item > .dropdown-menu > .dropdown-menu-item {
	  width:100%;
  }
	  .nav-links > .nav-link-item > .dropdown-menu {
		  width:100%;
	  }
	  /*
	  .nav-links > .nav-link-item > .dropdown-menu > .dropdown-menu-item {
		padding:20px 0 !important;
	  }*/
	  .hamburger-menu{
	display:flex !important;
	flex-direction:column !important;
	color:#fff;
}
	  .nav-links{
		  text-align:left;
	  }

	  .mobile-nav-button{
		display:flex;
		align-items:center;
		gap:10px;
	}
	  .col-lg-3.col-md-6.col-sm-6.m-b30 {
		padding:0 !important;
	  }
	  .counter-outer .row.justify-content-center {
			width:100%;
		}
	  
	  .nav-links li {
		display:flex; 
		flex-direction:column;
		align-items:start;
	  }
	  .nav-link-item .dropdown-menu-branch{
		  display:flex;
		  flex-direction:column;
		  align-items:start;
			  }
		input[type="checkbox"].dropdown-checkbox {
		  display: none;
		}

		input[type="checkbox"].dropdown-checkbox + label {
		  padding-left: 0 !important; /* Uklanja padding sa label */
		  display: inline-block; /* Sprečava block ponašanje */
		  position: relative; /* Sprečava nasleđeno pozicioniranje */
		}
	  .contact-wrapper{
		  padding:10px 0 !important;
	  }
    .contact-wrapper .work-hours,.contact-wrapper.social{
      display: none;
    }
    .nav-links > .nav-link-item > .dropdown-menu > .dropdown-menu-item a:hover {
    background-color: #262625;
    color: #fff;
  }
    .nav-links > .nav-link-item:nth-of-type(2) > .dropdown-menu{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .dropdown-label {
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 16px;
      color: #fff;
      text-decoration: none;
      padding: 24px 0;
      font-size: 20px;
		width:100%;
    }

    .dropdown-label i {
      margin-left: 8px;
      transition: transform 0.3s ease;
    }

    .dropdown-menu,
    .services-menu {
      max-height: 0;
      overflow: hidden;
      visibility: hidden;
      display: flex;
        flex-direction: column;
        align-items: flex-start;
      opacity: 0;
      transition: max-height 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
    }

    .dropdown-checkbox:checked + .dropdown-label + .dropdown-menu,
    .dropdown-checkbox:checked + .dropdown-label + .services-menu{
/*       max-height: 500px; */
      visibility: visible;
      opacity: 1;
    }
.nav-links > .nav-link-item.dropdown-menu-branch > .services-menu {
    width: 100%;
}

    .dropdown-checkbox:checked + .dropdown-label i {
      transform: rotate(-180deg);
    }
    .dropdown-checkbox:checked + .dropdown-menu, .services-menu{
        display: flex;
        flex-direction: column;
        align-items: self-start;
    }
    .checkbtn {
      display: block !important;
		margin:0 !important;
    }
    #check:checked ~ .nav-container {
      left: 0;
    }
    .closebtn {
      display: block;
    }
    #check:checked ~ .closebtn {
      display: block; /* Show the close button when menu is open */
    }
    #check:not(:checked) ~ .closebtn {
      display: none; /* Hide the close button when menu is closed */
    }
    #check:checked ~ .checkbtn {
      display: none; /* Hide the open menu button when menu is open */
    }
    #check:checked ~ .nav-links-container {
      left: 0; /* Show the menu */
    }

    #close:checked ~ .nav-links-container {
      left: -100%; /* Hide the menu */
    }
    .menu-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .menu-sign {
      display: block !important;
    }
    .mobile-nav-cta {
      display: block !important;
    }
    .mobile-nav-cta {
      display: block !important;
    }
    .navbar-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .navbar-wrap .menu-logo {
      display: inline;
    }
    .menu-logo img {
      width: 130px;
    }
    .dropdown-menu-branch {
      width: 100%;
    }
    .nav-button {
      display: none;
    }
    .menu-nav-button {
      display: inline;
    }
    body {
      max-width: 992px;
      overflow: auto;
    }

    .nav-container {
      padding: 0 20px;
      margin: 0;
      justify-content: space-around;
      width: 100%;
      overflow: hidden;
    }

    .nav-container .nav-links-container {
      position: fixed;
      padding: 0 20px;
      overflow: hidden;
      width: 100%;
      height: 100vh;
      background-color: #262625;
      top: 0;
      left: -100%;
      text-align: center;
      transition: all 0.5s ease;
      z-index: 999;
    }

    #check:checked ~ .nav-links-container {
      left: 0;
    }

    .nav-links-container ul {
      padding: 100px 0;
      list-style: none;
    }

    .nav-links-container ul li {
      /* margin: 50px 0; */
      line-height: 30px;
    }

    .nav-links-container ul li a {
      color: white;
      font-size: 20px;
      /* text-transform: uppercase; */
      text-decoration: none;
      display: inline-block;
      transition: color 0.3s ease;
    }

    .nav-links-container ul li a:hover {
      color: #0082e6;
    }
    .nav-container .nav-links-container.open {
      right: 0; /* Slide into view */
      opacity: 1; /* Fully visible */
      visibility: visible; /* Allow interaction */
    }

    .nav-links-container > .nav-links {
      padding: 100px 0;
    }

    .nav-links-container > .nav-links > .nav-link-item {
      margin: 0;
    }

    .nav-links-container > .nav-links > .nav-link-item > a, .nav-links-container > .nav-links > .nav-link-item > li {
      color: #fff;
      padding: 24px 0px;
      border-bottom: 1px solid #ffffff22;
      display: flex;
      justify-content: space-between;
    }

    .nav-link-item:hover > a > .fa-chevron-down {
      transform: rotate(0);
    }

    .nav-container
      > .nav-links-container
      > .nav-links
      > .dropdown-menu-branch.active
      > a
      .fa-chevron-down {
      transform: rotate(-180deg);
    }
    .nav-links > .nav-link-item > .dropdown-menu {
      width: 100%;
      position: relative;
      opacity: 1;
      visibility: visible;
      border-radius: 0;
      border-bottom: 1px solid #ffffff22;
      background-color: transparent;
      transform: translateY(0px);
      box-shadow: none;
      padding: 0;
      left: auto;
      max-height: 0;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .nav-links > .nav-link-item:hover > .dropdown-menu {
      transform: translateY(0px);
    }
    .nav-links > .nav-link-item > .dropdown-menu > .dropdown-menu-item > a {
      color: #fff;
      border: none;
    }

    .nav-logo {
      padding: 7px 0;
      width: 80px;
    }

    .nav-container .open-menu {
      cursor: pointer;
      display: block;
    }

    .nav-container .close {
      display: block;
      color: #fff;
      font-size: 24px;
      cursor: pointer;
      position: absolute;
      right: 13px;
    }
    .hamburger-menu{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
	  .logo{
		  height:50px !important;
	  }
	  .submenu-label{
      font-size: 16px;
    }
  }