.navbar-interactive-container {
  width: 100%;
  position: fixed;
  top: 48px; /* Position it below the contact-line */
  left: 0;
  z-index: 999; /* Ensure it stays below the contact-line */
  background-image: linear-gradient(270deg, rgb(176, 10, 12) 0.00%, rgb(176, 10, 12) 42.00%, rgba(176, 10, 12, 0.42) 100.00%);
}
.navbar-interactive-navbar-interactive {
min-height: 6vh;
max-width: 1368px; /* Max width of the container */
width: 80%; /* 80% width of the parent container */
display: flex;
justify-content: space-between; /* Space between logo and menu */
align-items: center;
padding: 16px 0;
margin: 0 auto; /* Center the container within its parent */
}

.navbar-interactive-image {
width: auto; /* Allow width to adjust automatically */
max-width: 24%; /* Limit the maximum width of the logo */
object-fit: cover;
}

.navbar-interactive-desktop-menu {
display: flex;
justify-content: center; /* Center the menu items within this container */
flex-grow: 1; /* Allow the menu to grow and take available space */
}

.navbar-interactive-links {
display: flex;
align-items: center; /* Center menu items vertically */
flex: 1; /* Allow links container to take up available space */
justify-content: center; /* Center menu items horizontally */
}

.navbar-interactive-links a {
display: flex; /* Use flex to ensure proper alignment of items */
align-items: center; /* Center text vertically */
justify-content: center; /* Center text horizontally */
border-radius: 4px;
flex: 1; /* Allow each link to take up equal space */
text-align: center;
padding: 6px 0;
color: white;
font-size: 1rem;
margin: 0 6px; /* Spacing between menu items */
min-width: 120px; /* Ensure a minimum width for usability */
text-decoration: none;
}


.navbar-interactive-links a:first-child {
margin-left: 6%; /* Increased margin for the first link */
}

.navbar-interactive-burger-menu {
display: none;
}
.navbar-interactive-icon {
width: 16px;
height: 16px;
}
.navbar-interactive-mobile-menu {
top: 0px;
left: 0px;
width: 100%;
height: 100vh;
display: none;
padding: 32px;
z-index: 100;
position: absolute;
flex-direction: column;
justify-content: space-between;
background-color: #b00a0c;
}
.navbar-interactive-nav {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.navbar-interactive-top {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 48px;
justify-content: space-between;
}
.navbar-interactive-image1 {
width: 32%;
object-fit: cover;
}
.navbar-interactive-close-menu {
display: flex;
align-items: center;
justify-content: center;
}
.navbar-interactive-icon2 {
width: 16px;
height: 16px;
}
.navbar-interactive-links1 {
flex: 0 0 auto;
display: flex;
align-self: flex-start;
align-items: flex-start;
flex-direction: column;
}
.navbar-interactive-navlink05 {
fill: var(--dl-color-pimary-300);
color: var(--dl-color-pimary-300);
text-decoration: none;
}
.navbar-interactive-navlink06 {
fill: var(--dl-color-pimary-300);
color: var(--dl-color-pimary-300);
margin-left: 32px;
text-decoration: none;
}
.navbar-interactive-navlink07 {
fill: var(--dl-color-pimary-300);
color: var(--dl-color-pimary-300);
margin-left: 32px;
text-decoration: none;
}
.navbar-interactive-navlink08 {
fill: var(--dl-color-pimary-300);
color: var(--dl-color-pimary-300);
margin-left: 32px;
text-decoration: none;
}
.navbar-interactive-navlink09 {
fill: var(--dl-color-pimary-300);
color: var(--dl-color-pimary-300);
margin-left: 32px;
text-decoration: none;
}
.navbar-interactive-root-class-name {
align-self: stretch;
}
.navbar-interactive-root-class-name1 {
align-self: stretch;
}
.navbar-interactive-root-class-name2 {
align-self: stretch;
}
.navbar-interactive-root-class-name3 {
align-self: stretch;
}
.navbar-interactive-root-class-name4 {
align-self: stretch;
}
@media(max-width: 991px) {
.navbar-interactive-desktop-menu {
display: none;
}
.navbar-interactive-burger-menu {
display: flex;
}
}

@media(max-width: 767px) {
.navbar-interactive-navbar-interactive {
padding-left: 32px;
padding-right: 32px;
}
.navbar-interactive-burger-menu {
align-items: center;
justify-content: center;
}
}
@media(max-width: 479px) {
.navbar-interactive-navbar-interactive {
padding: var(--dl-space-space-unit);
}
.navbar-interactive-mobile-menu {
padding: 16px;
}
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Arial, sans-serif;
}

.contact-line {
  width: 100%; /* Full width of the viewport */
  background-color: #3a3a3a; /* Full-width background */
  position: fixed; /* Fix it to the top of the viewport */
  top: 0; /* Stick it to the top of the page */
  left: 0;
  z-index: 1000; /* Ensure it stays above other content */
}

.contact-over-navbar {
display: flex;
justify-content: flex-start; /* Align items to the left */
align-items: center;
max-width: 1368px; /* Maximum width for content */
margin: 0 auto; /* Center the content within the container */
padding: 15px; /* Add some padding inside the content container */
box-sizing: border-box;
}

.contact-item {
display: flex;
align-items: center;
margin-right: 20px; /* Adds spacing between contact items */
}

.contact-item i {
margin-right: 8px;
color: #AD090B;
}

.contact-item a {
text-decoration: none;
color: white;
font-size: .9rem;
}

.contact-item a:hover {
color: #AD090B;
}

@media (max-width: 767px) {
.contact-over-navbar {
      flex-direction: column; /* Stack the contact items vertically */
      align-items: flex-start;
      padding: 15px 15px 0 15px; /* Add some padding inside the content container */
}


.contact-item {
    margin-right: 0; /* Remove right margin for stacked items */
    margin-bottom: 10px; /* Add some spacing between each contact item */
    width: 100%; /* Make contact items take full width */
}

.contact-item a {
    font-size: .9rem; /* Adjust font size for better readability on mobile */
}
}