/*** Topbar Start ***/
.sticky-top {
  transition: 0.5s;
  background-color: black!important;
  /* background: var(--bs-white); */
}
.topbar {
  padding: 10px 0;
}

.topbar .top-info {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
}

.topbar .top-link {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  
}

@media (max-width: 1400px) {
  .sticky-top .top-link {
      display: none;
  }
  
}

.topbar .top-link a {
  font-size: medium;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
}

.topbar .top-link a small:hover {
  color: var(--bs-secondary) !important;
  transition: 0.5s;
}

.topbar .top-link a small:hover i {
  color: var(--bs-primary) !important;
}

#note {
  position: relative;
  animation: noteAnimate 10s infinite;
  animation-timing-function: ease-in-out;
  display: flex;
  align-items: center;
}

@keyframes noteAnimate {
  from {left: -735px;}
  to {left: 735px;}
}

.fa-comment-dots{
  font-size: 1.5rem;
  color: gray;
  padding-left: 7px;
}

.link-hover :hover{
  color: blue!important;
}

/* Added style for hover underline */
.topbar .top-info .overflow-hidden #note a:hover {
  text-decoration: 2px underline;
  text-decoration-color: blue !important;
}
/*** Topbar End ***/