/* Changing the color of the text in the navbar, the color of the text when the mouse is hovering over it, the color of
the arrow in the navbar, the color of the line under the navbar, and the color of the vertical line in the navbar. */
/* Adding a margin of 120px to the bottom of the logo-navbar. */
#logo-navbar {
  margin-bottom: 120px;
}

/* Changing the color of the text in the navbar, the color of the text when the mouse is hovering over it, the color of
the arrow in the navbar, the color of the line under the navbar, and the color of the vertical line in the navbar. */
#header-container {
  /* Changing the color of the text in the navbar, the color of the text when the mouse is hovering over it, the color of
  the arrow in the navbar, the color of the line under the navbar, and the color of the vertical line in the navbar. */
}
#header-container #list-header {
  position: relative;
  z-index: 1;
  /* Changing the color of the arrow in the navbar. */
}
#header-container #list-header li {
  /* Changing the color of the text in the navbar. */
  /* Changing the color of the vertical line in the navbar. */
}
#header-container #list-header li a {
  color: white;
  /* Changing the color of the text when the mouse is hovering over it. */
  /* Changing the color of the line under the navbar. */
}
#header-container #list-header li a:hover {
  color: white !important;
  /* Changing the color of the arrow in the navbar. */
  /* Changing the color of the line under the navbar. */
}
#header-container #list-header li a:hover svg {
  fill: white;
}
#header-container #list-header li a:hover:after {
  border-bottom-color: #ecefef !important;
}
#header-container #list-header li a:after {
  border-bottom-color: #ecefef !important;
}
#header-container #list-header li .vdash {
  border-color: white;
}
#header-container #list-header .arrow-area svg {
  fill: white;
}