/* PRELOADER */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff; /* change background color */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

/* SPINNER */
.spinner {
  width: 60px;
  height: 60px;
  border: 6px solid #e0e0e0;
  border-top-color: #0066ff; /* spinner color */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}



.topbar-el{
  text-decoration: none;
  color: white;
}

.ff{
  font-family: roboto;
}
.nav_heading{
  font-family: roboto;
}
 @media (min-width: 576px) {
      .nav_heading { font-size: 15px; } /* similar to fs-5/4 */
    }

    /* medium screens (>=768px) */
    @media (min-width: 768px) {
      .nav_heading { font-size: 25px; } /* larger on md+ */
    }

    /* optional: large screens (>=992px) */
    @media (min-width: 992px) {
      .nav_heading { font-size: 35px; }
    }
    .nav_pic{
    max-height: 70px;
    max-width: 70px;
}
.dropdown-menu{
  padding:13px;
  transition: color 0.25s ease, transform 0.25s ease;
}
.dropdown-menu :hover{
  transform: scale(1.03);
  color: rgb(255, 166, 0);
}
.nav_hover{
  padding:13px;
  transition: color 0.25s ease, transform 0.25s ease;
}
.nav_hover:hover{
  transform: scale(1.03);
  color: rgb(3, 1, 100);
}
.login-dropdown .dropdown-menu {
    left: auto !important;
    right: 0 !important;
    transform: translateX(-2%);
}


.news-ticker {
  width: 100%;
  background: gold;
  overflow: hidden;
  white-space: nowrap;
  padding: 8px;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
}

.news-ticker span {
  display: inline-block;
  padding-left: 100%;
  animation: ticker 12s linear infinite;
}

@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.ticker {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.ticker-content {
  display: inline-block;
  padding-left: 100%;
  animation: slide 12s linear infinite;
}

/*footer css*/
 /* Gradient Background */
  .footer-section {
    background: linear-gradient(to right, #003087, #0055c9);
  }

  /* Fade-in animation */
  .fade-in {
    opacity: 0;
    animation: fadeIn 1.4s ease forwards;
  }
  @keyframes fadeIn {
    to { opacity: 1; }
  }

  /* Perfect column alignment */
  .footer-col {
    min-height: 260px;
  }

  /* Vertical Divider */
  .divider {
    border-left: 2px solid rgba(255, 255, 255, 0.4);
    height: 90%;
    margin-top: 10px;
  }

  /* Link Style */
  .footer-link {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 6px 0;
    position: relative;
    transition: 0.3s ease;
  }

  .footer-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #e8ff16;
    transition: width 0.3s ease;
  }

  .footer-link:hover::before {
    width: 100%;
  }

  .footer-link:hover {
    padding-left: 6px;
    color: #000;
    background: #ffffff;
    border-radius: 4px;
  }

  .logo-round {
  width: 100%;              /* responsive */
  max-width: 120px;         /* limit size so it doesn't grow too big */
  aspect-ratio: 1 / 1;      /* keeps it a perfect square */
  border-radius: 50%;       /* makes it round */
  object-fit: cover;        /* prevents distortion */
}



  /*footer wave effect*/
.footer-wave {
  margin-top: -3px; /* small overlap only */
  display: block;
  line-height: 0;
  animation: waveMove 2s ease-in-out infinite alternate;
}

@keyframes waveMove {
  0% { transform: translateY(0); }
  100% { transform: translateY(10px); }
}

.dropdown-menu .dropdown-item:hover {
    background-color: #e9ecef !important;
}


/*other css*/
.bg-container{
  background-color: rgb(236, 236, 236);
}
.ff{
  font-family: roboto;
}
.tc-blue{
  color: rgb(0, 88, 129) 
}
   .vds_img{
    height: 70vh;
    width: 100%;
}

.accordion-button {
  box-shadow: none !important;
  color: white !important;
}
.accordion-button::after {
  filter: invert(1); /* white arrow */
}
.accordion-body,
.accordion-item {
  background: transparent !important;
}
.footer-link:hover {
  color: #ffc107;
  padding-left: 4px;
  transition: 0.2s;
}


.font_size{
  font-size: 14px;
}