body{
    margin: 0;
    padding: 0;
    padding-top: 100px;
    /* Adjust if needed */
    font-family: Arial, sans-serif;
}
.topbar a {
    color: #fff;
}
.sticky-header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}
.navbar{
    background-color: #212529;
}
.navbar .nav-link{
    color: white;
}
.navbar .nav-link:hover{
    color: #ffc107;
}
.btn-outline-light:hover{
    background-color: #ffc107;
    color: #212529;
    border-color: ffc107;
}
/* Scrolling Banner Style */
.scrolling-banner{
    display: flex;
    flex-wrap: wrap;
}
.scrolling-banner .left-col{
    background-color: #0d6efd;
    color: white;
    padding: 10px;
    text-align: center;
    flex: 0 0 15%;
}
.scrolling-banner .right-col{
    background-color:#f8d775;
    color:#000;
    padding: 10px;
    flex: 0 0 85%;
}
marquee{
    font-weight: 500;
}


@media (max-width: 768px) {
    .scrolling-banner .left-col,
    .scrolling-banner .right-col{
        flex: 0 0 100%;
        text-align: center;
    }
}

  /* footer */
  .footer-about{
    background-color: #0d6efd;
    color: white;
  }
  .footer-about p,
  .footer-about h1{
    color: white;
  }
  .link-animated a {
    transition: all 0 3s;
  }
  .link-animated a:hover  {
    padding-left: 10px;
    color: #0d6efd !important;
  }

  .back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 99;
  }

  /* footer end */






 



   




    @media (max-width: 768px) {
      .scrolling-banner .left-col,
      .scrolling-banner .right-col {
        flex: 0 0 100%;
        text-align: center;
      }
    }