.sliding-box {
  overflow: hidden;
  height: 200px; /* Adjust the height as needed */
  border: 1px solid #ccc;
  position: relative;
}

.sliding-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  animation: slide-up 5s infinite;
}

@keyframes slide-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}


.no-underline {
    text-decoration: none !important;
}
    



.container {
  width: 100%;
  overflow: hidden;
}

.headline-container {
  overflow: hidden;
  width: 100%;
}

.headline-list {
  list-style-type: none;
  display: flex;
  animation: loop-headlines 40s linear infinite; /* Increased duration for slower speed */
}

.headline-item {
  margin-right: 20px;
  white-space: nowrap; /* Prevents text from wrapping */
}

.headline-link {
  display: block;
  text-decoration: none; /* Remove underline from link */
}

.headline-item:hover .headline-link {
  animation-play-state: paused; /* Pause animation on hover */
}

.headline-item img {
  width: auto;
  max-width: 300px; /* Set maximum width to prevent overflowing on smaller screens */
  height: 300px;
  object-fit: cover;
  margin-right: 20px; /* Adjust the gap between images as needed */
}

.headline-item:hover {
  animation-play-state: paused; /* Pause animation on hover */
  transform: translateX(0%); /* Reset the translation on hover */
}

@keyframes loop-headlines {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
.headline-title {
  margin: 0;
}


.slider-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.slider-text {
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  padding: 10px;
  white-space: nowrap; /* Add this property to prevent text wrapping */
}

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

.service-link {
  text-decoration: none;
}

.service-card {
  position: relative;
  perspective: 1000px;
  margin-bottom: 20px;
}

.service-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background-color: #2d384d;
  border-radius: 10px;
  transition: transform 0.3s, background-color 0.3s;
}

.service-card:hover .service-box {
  transform: scale(1.2);
  background-color: #3cb371;
}

.service-box i {
  color: #f9c62e;
  font-size: 40px;
  transition: color 0.3s;
}

.service-card:hover .service-box i {
  color: #fff;
}

.service-title {
  margin-top: 10px;
  font-weight: bold;
}



.list-group-dark {
  background-color: #333;
}

.list-group-dark .list-group-item {
  background-color: #333;
  border-color: #555;
  color: #fff; /* Set text color to white */
}

.list-group-dark .list-group-item:hover {
  background-color: #555;
}

.infinity-slider-container {
  width: 100%;
  overflow: hidden;
}

.infinity-slider-track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content; /* Set the width to fit all items without wrapping */
  animation: infinity-slider-scroll 100s linear infinite;
}

.infinity-slider-track img {
  width: auto;
  max-width: 100%;
  height: 220px;
  object-fit: cover;
}

.infinity-slider-item {
  flex: 0 0 auto;
  height: 300px;
  object-fit: cover;
  margin-right: 20px;
}

@keyframes infinity-slider-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 20px)); /* Adjust the translation distance based on the number of images */
  }
}

.infinity-slider-container:hover .infinity-slider-track {
  animation-play-state: paused;
}



.yantriksh-infinity-slider-container {
  width: 100%;
  overflow: hidden;
}

.yantriksh-infinity-slider-track {
  display: flex;
  white-space: nowrap; /* Prevents text from wrapping */
  animation: yantriksh-infinity-slider-scroll 100s linear infinite;
}

.yantriksh-infinity-slider-track a {
  color: black; /* Set the color as needed */
  text-decoration: none; /* Remove underlines from the link */
}

@keyframes yantriksh-infinity-slider-scroll {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.yantriksh-infinity-slider-container:hover .yantriksh-infinity-slider-track {
  animation-play-state: paused;
}



.vertical-slider-container {
  position: relative;
  overflow: hidden;
  height: 500px; /* Adjust the container height as needed */
}

.vertical-slider-recent-activities-container {
  position: relative;
  overflow: hidden;
  height: 500px; /* Adjust the container height as needed */
}


.vertical-slider-container-top-police {
  position: relative;
  overflow: hidden;
  height: 700px; /* Adjust the container height as needed */
}

.vertical-slider-track {
  display: flex;
  flex-direction: column;
  animation: vertical-slider-scroll 60s linear infinite;
  animation-timing-function: linear;
  animation-delay: 0s; /* Delay before animation starts */
}

.vertical-slider-track-recent-activities {
  display: flex;
  flex-direction: column;
  animation: vertical-slider-recent-activities-scroll 30s linear infinite;
  animation-timing-function: linear;
  animation-delay: 0s; /* Delay before animation starts */
}

.vertical-slider-track img {
  width: auto; /* Adjust the image size as needed */
  height: auto;
  margin-bottom: 20px; /* Adjust the gap between images as needed */
}

@keyframes vertical-slider-scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-220px * 20)); /* Adjust the translation distance based on the number of images */
  }
}

@keyframes vertical-slider-recent-activities-scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-220px * 10)); /* Adjust the translation distance based on the number of images */
  }
}




.vertical-slider-container:hover .vertical-slider-track {
  animation-play-state: paused;
}

.vertical-slider-recent-activities-container:hover .vertical-recent-activities-slider-track {
  animation-play-state: paused;
}

.vertical-slider-press-release-container {
    position: relative;
    overflow: hidden;
    height: 500px; /* Adjust the container height as needed */
}

.vertical-slider-press-release-track {
    display: flex;
    flex-direction: column;
    animation: vertical-slider-press-release-scroll 20s linear infinite;
    animation-timing-function: linear;
    animation-delay: 0s; /* Delay before animation starts */
}

.vertical-slider-press-release-track img {
    width: auto; /* Adjust the image size as needed */
    height: auto;
    margin-bottom: 20px; /* Adjust the gap between images as needed */
}

@keyframes vertical-slider-press-release-scroll {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(calc(-150px * 10)); /* Adjust the translation distance based on the number of images */
    }
}

.vertical-slider-press-release-container:hover .vertical-slider-press-release-track {
    animation-play-state: paused;
}

.vertical-slider-press-release-container:not(:hover) .vertical-slider-press-release-track {
    animation-play-state: running; /* Resume the animation when not hovering */
}


.vertical-slider-in-newspapers-container {
    position: relative;
    overflow: hidden;
    height: 500px; /* Adjust the container height as needed */
}

.vertical-slider-in-newspapers-track {
    display: flex;
    flex-direction: column;
    animation: vertical-slider-in-newspapers-scroll 20s linear infinite;
    animation-timing-function: linear;
    animation-delay: 0s; /* Delay before animation starts */
}

.vertical-slider-in-newspapers-track img {
    width: auto; /* Adjust the image size as needed */
    height: auto;
    margin-bottom: 20px; /* Adjust the gap between images as needed */
}

@keyframes vertical-slider-in-newspapers-scroll {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(calc(-150px * 10)); /* Adjust the translation distance based on the number of images */
    }
}

.vertical-slider-in-newspapers-container:hover .vertical-slider-in-newspapers-track {
    animation-play-state: paused;
}

.vertical-slider-in-newspapers-container:not(:hover) .vertical-slider-in-newspapers-track {
    animation-play-state: running; /* Resume the animation when not hovering */
}


.vertical-slider-police-directives-container {
    position: relative;
    overflow: hidden;
    height: 500px; /* Adjust the container height as needed */
}

.vertical-slider-police-directives-track {
    display: flex;
    flex-direction: column;
    animation: vertical-slider-police-directives-scroll 20s linear infinite;
    animation-timing-function: linear;
    animation-delay: 0s; /* Delay before animation starts */
}

.vertical-slider-police-directives-track img {
    width: auto; /* Adjust the image size as needed */
    height: auto;
    margin-bottom: 20px; /* Adjust the gap between images as needed */
}

@keyframes vertical-slider-police-directives-scroll {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(calc(-100px * 10)); /* Adjust the translation distance based on the number of images */
    }
}

.vertical-slider-police-directives-container:hover .vertical-slider-police-directives-track {
    animation-play-state: paused;
}

.vertical-slider-police-directives-container:not(:hover) .vertical-slider-police-directives-track {
    animation-play-state: running; /* Resume the animation when not hovering */
}


.vertical-slider-text-container {
    position: relative;
    overflow: hidden;
    height: 200px; /* Adjust the container height as needed */
}

.vertical-slider-text-track {
    display: flex;
    flex-direction: column;
    animation: vertical-slider-scroll 30s linear infinite; /* Adjust duration as needed */
    animation-timing-function: linear;
}

.slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.slide img {
    width: auto; /* Adjust the image size as needed */
    height: auto;
    margin-bottom: 20px; /* Adjust the gap between images as needed */
}

@keyframes vertical-slider-text-scroll {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(calc(-100% * 4)); /* Adjust the translation distance based on the number of slides */
    }
}
.vertical-slider-text-container:hover .vertical-slider-text-track {
    animation-play-state: paused;
}



      .small-slider {
  overflow: hidden;
}

.small-slider-container {
  display: flex;
  animation: small-slide 10s linear infinite;
}

.small-slider-item {
  width: 200px;
  height: 150px;
  object-fit: cover;
  margin-right: 20px;
}

@keyframes small-slide {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}



.mega-menu {
    position: static !important;
}

.mega-menu .dropdown-menu {
    overflow: visible;
    position: static !important;
    width: 100%;
}

.mega-menu .dropdown-menu .mega-menu-column {
    float: left;
    width: 25%;
    padding: 20px;
}

.mega-menu .dropdown-menu .mega-menu-column:last-child {
    margin-right: 0;
}




.team-card {
  width: 300px;
  padding: 20px;
  text-align: center;
  border: 1px solid #ccc;
}

.team-card img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 10px;
    }
    
/* Mega menu start */
* {
  font-family: "Source Sans Pro", "Roboto", Arial, sans-serif;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate;
  /* Safari 4.0 - 8.0 */
  animation: fadeIn 0.3s alternate;
}

.nav-item.dropdown.dropdown-mega {
  position: static;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
  width: 90%;
  top: auto;
  left: 5%;
}

.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  background: #333;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}

.icons {
  display: inline-flex;
  margin-left: auto;
}
.icons a {
  transition: all 0.2s ease-in-out;
  padding: 0.2rem 0.4rem;
  color: #ccc !important;
  text-decoration: none;
}
.icons a:hover {
  color: white;
  text-shadow: 0 0 30px white;
}
/* Mega menu ends */

  .yantriksh-auto-scroll {
    height: 400px; /* Adjust the height as needed */
    overflow: hidden;
    position: relative;
  }
  
  .yantriksh-scroll-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    animation: yantrikshScroll 30s linear infinite;
  }
  
  .yantriksh-scroll-list li {
    line-height: 2;
  }
  
  @keyframes yantrikshScroll {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-100%);
    }
  }

.blog-post {
    width: 500px;
  margin-right: 20px; /* Adjust the value to add the desired space */
  margin-bottom: 20px;
}

.blog-post img {
  width: auto;
  object-fit: cover;
}

.most-wanted {
  margin-right: 20px; /* Adjust the value to add the desired space */
  margin-bottom: 20px;
}

.most-wanted img {
  width: 100%;
  object-fit: cover;
}


.pm-bg-curved {
    background: linear-gradient(to left, blue, darkblue);
    border-radius: 0 150px 150px 0;
    padding: 20px;
    margin-top: 25px;
    margin-bottom: 20px;
    color: white;
    
    /* Set up the animation */
    animation: glowing-shadow 2s ease-in-out infinite alternate;
}

.pm-bg-curved img{
    width: 120px; margin-bottom: 10px;
}

.w-120{
    width: 120px;
}
.pm-bg-curved-inverted {
    background: linear-gradient(to left, darkblue, blue);
    border-radius: 50px 0px 0px 50px;
    padding: 20px;
    margin-top: 25px;
    margin-bottom: 20px;
    color: white;
    
    /* Set up the animation */
    animation: glowing-shadow 2s ease-in-out infinite alternate;
}

.home-card-18{
    width: 18rem; 
    margin-right: 20px;
}

.home-card-25{
    width: 25rem; 
    margin-right: 20px;
}


.bg-curved-inverted {
    background: linear-gradient(to left, blue, darkblue);
    border-radius: 5px 5px 5px 5px;
    /*padding: 20px;*/
    margin-top: 25px;
    margin-bottom: 20px;
    color: white;
    
    /* Set up the animation */
    /*animation: glowing-shadow 2s ease-in-out infinite alternate;*/
}



    .bg-curved {
    background: linear-gradient(to left, blue, darkblue);
    border-radius: 5px 5px 5px 5px;
    padding: 20px;
    margin-top: 25px;
    margin-bottom: 20px;
    color: white;
    
    /* Set up the animation */
    /*animation: glowing-shadow 2s ease-in-out infinite alternate;*/
}

/* Define the animation keyframes */
@keyframes glowing-shadow {
    from {
        box-shadow: 10px 0 20px rgba(255, 255, 0, 0.5);
    }
    to {
        box-shadow: 10px 0 20px rgba(0, 0, 255, 0.5);
    }
}
  
        .no-underline {
    text-decoration: none;
}
        .featured-image {
            height: 300px;
            width: 200px;
            object-fit: contain;
            border-radius: 2rem 2rem 2rem 2rem;
            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.8);
        }
        
        .featured-image-container {
            position: relative;
            margin-bottom: 2rem;
            margin-left: 2rem;
            /*margin-right: 2rem;*/
        }
        
        .grid-menu-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 10px;
            border-radius: 5px;
            background-color: #f1f1f1;
            transition: background-color 0.3s;
        }
        
        .grid-menu-item:hover {
            background-image: linear-gradient(orange, white, green);
            color: #f1f1f1;
        }
        
        .grid-menu-item:hover h5{
            color: #000099;
        }
        
        .grid-menu-item:hover h6{
            color: #000099;
        }
        
        .grid-menu-item:hover span{
            color: #000099;
        }
        
        .grid-menu-icon {
            font-size: 50px;
            margin-bottom: 10px;
        }
        
        .grid-menu-title {
            font-weight: bold;
        }
        
        /* Override link color and underline */
        .grid-menu-item,
        .grid-menu-item:hover,
        .grid-menu-item:focus,
        .grid-menu-item:active {
            color: inherit;
            text-decoration: none;
        }
        
        @media (max-width: 767px) {
            .grid-menu-item {
                text-align: center;
                flex-basis: 50%;
            }
            
            .grid-menu-icon {
                font-size: 24px;
                margin-bottom: 5px;
            }
            
            .grid-menu-title {
                font-size: 14px;
            }
        }
        
        /*second*/
        
        .emergency-grid-menu {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        /* Update grid layout for medium devices */
        @media (max-width: 768px) {
            .emergency-grid-menu {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .emergency-grid-menu-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 20px;
            border-radius: 10px;
            background-color: #5f27cd;
            transition: background-color 0.3s;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            color: #fff;
        }

        .emergency-grid-menu-item:hover {
            background-color: #7f50ff;
        }

        .emergency-grid-menu-photo {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 10px;
            border: 4px solid #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }

        .emergency-grid-menu-title {
            font-weight: bold;
            font-size: 12px;
            text-align: center;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .emergency-grid-menu-number {
            font-size: 18px;
            margin-top: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .emergency-grid-menu-call {
            font-weight: bold;
            margin-top: 10px;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .emergency-grid-menu-icon {
            font-size: 24px;
            margin-right: 5px;
        }

        .emergency-grid-menu-item a {
            color: inherit;
            text-decoration: none;
        }