.elementor-8 .elementor-element.elementor-element-0660dbc{--display:flex;}.elementor-8 .elementor-element.elementor-element-0660dbc.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-0660dbc{--width:97.755%;}}/* Start custom CSS *//* 1. Ensure the header container doesn't let things spill out */
header .wrap {
  display: flex;
  align-items: center; /* Vertically centers the logo and text */
  justify-content: flex-start;
  height: var(--nav-h); /* Uses your 85px variable */
  padding: 0 28px;
  overflow: hidden; /* Cuts off anything that spills out */
}

/* 2. Style the Logo link container */
.logo {
  display: flex;
  align-items: center;
  gap: 15px;
  height: 100%;
}

/* 3. The FIX: Strictly control the image height */
.logo-img {
  /* Set height to about 80% of your header height to give it 'padding' */
  height: 70px !important; 
  width: auto;
  object-fit: contain;
  display: block;
  /* Removes any weird bottom margins that might cause overlap */
  margin: 0; 
}

/* 4. Ensure the text section stays centered */
.logo-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}/* End custom CSS */