:root {
    --btn-start-free-trial-bg: #7F00FF;
    --btn-start-free-trial-bg-hover: rgba(237, 110, 68, 0.7);
    --btn-start-free-trial-shadow: 0px 10px 20px #ed6e44;
    --btn-start-free-trial-hover-shadow: 0px 10px 20px #ed6e44;
    --btn-request-a-demo: #281752;
    --nav-link-color: #fff;
    --nav-link-color-mob: #281752;
    --text-link-color: #ED6E44;
    --text-link-color-hover: rgba(237, 110, 68, 0.7);
    --bg-color-nav: #281752;
    --bg-color-gradient-hero: #281752;
    --bg-color-hero: #281752;
    --bg-color-gradient-features-hero: #281752;
    --bg-color-navy-blue: #281752;
    --btn-hover-shadow: rgba(40, 23, 82, 0.7);
    --text-color-purple: #7F00FF;
    --bg-color: #281752;
    --bg-pink: #F5EBFF;
  
    --btn-purple: #7F00FF;
    --btn-purple-hover-shadow: rgba(127, 0, 255, 0.7);
    --menu-marker: #7F00FF;
    --Core-Violet: #7F00FF;
    --Core-Violet-hover: rgba(127, 0, 255, .5);
    --Core-Dark-Violet: #281853;
    --Core-Bright-Gray: #EBEBEB;
    --Core-Lavender: #DECEFB;
    --Core-Soft-Lavender: #F5EBFF;
    --Core-Soft-Lavender-v2: #F5F1FE;
    --Core-Vivid-Orange: #ED6E44;
    --Core-Beige-White: #F4F1E6;
    --Core-Base-White: #fff;
    --Core-Base-Black: #000;
    --Core-Peach: #FFD8B8;
    --Core-Soft-Surface: #F9FAFB;
    --Core-Blue-Gray: #455468;
}  
::-webkit-scrollbar {
    width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
    /* background: #f1f1f1;  */
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--Core-Violet);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--Core-Violet-hover);
}

#hello-bar-app{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px;
  /* background-color: #F3F2F4; */
}
#hello-bar-app p{
  font-family: 'Poppins';
  font-size: 14px;
  color: var(--Core-Base-Black);
  margin: 0;
  font-weight: 400;
}
#hello-bar-app ul{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  margin-left: 20px;
}
#hello-bar-app ul img{
  width: 100px;
}
#hello-bar-app ul li a{
  display: flex;
  align-items: center;
}

@media(max-width: 1000px){
  #hello-bar-app{
    flex-wrap: wrap;
    text-align: center;
    padding: 20px 20px;
  }
  #hello-bar-app ul{
    margin-left: 0px;
    margin-top: 20px;
  }
}