@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Caladea:400,400i,700,700i&display=swap');

  body {
    font-family: 'Roboto', sans-serif;
  }

  p {
    text-align: justify;
  }

  li .nav-link:hover {
    background-color: #fff;
    color: #198754 !important;
  }

  a.nav-link.active {
    background-color: #fff;
    color: #198754 !important;

  }

  .logoResponsive {
    height: 120px !important;
  }

  .carousel-inner {
    height: 385px
  }

  .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #198754;
  }

  #abouttext {
    text-wrap: nowrap;
  }

  
  #aboutusimgsec {
  background-image: url(../gif/shape-1.png);
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 564px;
  width: 100%;
  position: absolute;
  opacity: 0.4;
  z-index: 1;
  animation: floatBackground 20s linear infinite;
  
}

@keyframes floatBackground {
  0% {
    background-position: center top;
  }
  50% {
    background-position: center bottom;
  }
  100% {
    background-position: center top;
  }
}

  @media (max-width: 992px) {
    .logoResponsive {
      height: auto !important;
    }

    .carousel-inner {
      height: 177px
    }

    #abouttext {
      text-wrap: wrap;
      padding: 12px;
    }
  }

  @media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0;
    }
  }

  .ticker-text {
    white-space: nowrap;
    animation: tickerScroll 20s linear infinite;
    
  }

  @keyframes tickerScroll {
    0% {
      transform: translateX(100%);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  .paused {
    animation-play-state: paused !important;
  }

  .animate-bg-shape {
    animation: moveShape 60s linear infinite;
    opacity: 0.2;
  }

  .notice-scroll {
    height: 250px;
    overflow: hidden;
    position: relative;
  }

  .notice-items {
    animation: scrollUp 15s linear infinite;
  }

  @keyframes scrollUp {
    0% {
      transform: translateY(0%);
    }

    100% {
      transform: translateY(-100%);
    }
  }