@charset "UTF-8";
/*
Theme Name: Police Commissionerate
Theme URI: http://bhubaneswar-cuttack.gov.in
Author: the STL team
Author URI: https://silicontechlab
Description: It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: police
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Menu
5. Home
6. Categories
7. Locations
8. Food
9. How it works
10. CTA
11. CTA 2
12. Clients
13. Footer


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Comfortaa');

@font-face {font-family: "Arciform"; src: url("fonts/401746ea18398fb74710226c4250341e.eot"); src: url("fonts/401746ea18398fb74710226c4250341e.eot?#iefix") format("embedded-opentype"), url("fonts/401746ea18398fb74710226c4250341e.woff2") format("woff2"), url("fonts/401746ea18398fb74710226c4250341e.woff") format("woff"), url("fonts/401746ea18398fb74710226c4250341e.ttf") format("truetype"), url("fonts/401746ea18398fb74710226c4250341e.svg#Arciform") format("svg"); }
/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: Poppins !important;
	font-size: 15px;
	font-weight: 400;
	color: #595555;
	overflow-x: hidden;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: Poppins;
    font-size: 22px;
	line-height: 2.145;
	font-weight: 400;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
p:last-of-type
{
	margin-bottom: 0;
}
a
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
a:hover
{
	color: #e9a133 !important;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #a90d0d !important;
	background: #ffffff;

}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	background: rgba(255,165,75,0.85);
	color: #FFFFFF;
}
p::selection
{
	
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	/* font-family: 'Montserrat', sans-serif; */
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	font-weight: 600;
	line-height: 1.2;
	color: #000000;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
img
{
	max-width: 100%;
}
button:active
{
	outline: none;
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.super_container_inner
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.super_container_inner.active
{
	-webkit-transform: translateX(-350px);
	-moz-transform: translateX(-350px);
	-ms-transform: translateX(-350px);
	-o-transform: translateX(-350px);
	transform: translateX(-350px);
}
.super_overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background: rgba(255,255,255,0.85);
	z-index: 1001;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.super_container_inner.active .super_overlay
{
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 275px;
    background: transparent;
}
.parallax_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.background_image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


#socialmedia nav{
  position: fixed;
  width: 60px;
  margin-top: 185px;
  transition: all 0.3s linear;
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,.4);
  z-index: 999999;
}

#socialmedia nav ul {
    margin-top: 0;
    margin-bottom: 0rem;
}
#socialmedia nav li{
  height: 45px;
  position:relative;
}
#socialmedia nav li a{
  color: #fff !important;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 45px;
  padding-left:25%;
  border-bottom: 1px solid rgba(0,0,0,.4);
  transition: all .3s linear;
  text-decoration: none !important;
}
#socialmedia nav li:nth-child(1) a{
  background: #4267B2;
}
#socialmedia nav li:nth-child(2) a{
  background: #1DA1F2;
}
#socialmedia nav li:nth-child(3) a{
  background: #E1306C;
}
#socialmedia nav li:nth-child(4) a{
  background: #2867B2;
}
#socialmedia nav li:nth-child(5) a{
  background: #333;
}
#socialmedia nav li:nth-child(6) a{
  background: #ff0000;
}
#socialmedia nav li a i{
      position: absolute;
    top: 14px;
    left: 24px;
    font-size: 15px;
}
#socialmedia nav li img{
      position: absolute;
    top: 14px;
    left: 24px;
    width: 10px;
    height: 12px;
}
#socialmedia ul li a span{
  display: none;
  font-weight: bold;
  letter-spacing: 1px;
}
#socialmedia a:hover {
  z-index:1;
  width: 200px;
  border-bottom: 1px solid rgba(0,0,0,.5);
  box-shadow: 0 0 1px 1px rgba(0,0,0,.3);
}
#socialmedia ul li:hover a span{
  padding-left: 30%;
  display: block;
  font-size: 15px;
}
.importantscroll{

	width: 100%;
	float: left;
	padding: 10px 0px;
}


.importantscroll a{
   font-weight: bold !important;
   font-size: 16px !important;


}




.notice_bar_header{
    width: 100%;
    float: left;
    background-color: #0B38AA;
    border: 1px solid #3A3EAF;
}
.ticker{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.news {
    width: 80%;
    padding: 0 2%;
    background: #0b38aa;
}
.title {
    width: 20%;
    text-align: center;
    position: relative;
    background: #0d1b60 !important;
    border-right: 1px solid #3A3EAF;
    border-radius: 0px 25px 25px 0px;
}
.title:after{
	position: absolute;
	content: "";
	right: -22%;
	border-left: 20px solid #c81c1c;
	border-top: 28px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 21px solid transparent;
	top: 0px;

}
.title h5{
	font-size: 18px;
	margin: 15px 0px;
	color: #fff;
}
.news marquee {
	font-size: 14px;
	margin-top: 15px;
	color: #fff;
}
.news-content a{
	margin-right: 41px;
	display: inline;
	text-decoration: none;
	color: #fff;
}
.marquee-hand{
	cursor: pointer;
}
.marquee-hover:hover { -webkit-animation-play-state: paused; animation-play-state: paused; }

.nopadding
{
	padding: 0px !important;
}
.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item
{
	height: 100%;
}
.slide
{
	height: 100%;
}
.section_title
{
	padding-top: 15px;
    padding-bottom: 15px;
}
.section_title h1
{
	font-size: 30px;
	font-weight: 600;
}
.section_title h1 span
{
	color: #ff7200;
}
.section_title::after
{
	display: block;
	position: absolute;
	top: 60px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 85px;
	height: 3px;
	background: #ff7200;
	content: '';
}
.container_custom .container
{
	max-width: 1320px;
}
/*********************************
3. Header
*********************************/

.header{  
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled
{
	background: rgba(54,15,100,0.9);
}
.header.active
{
	-webkit-transform: translateX(-350px);
	-moz-transform: translateX(-350px);
	-ms-transform: translateX(-350px);
	-o-transform: translateX(-350px);
	transform: translateX(-350px);
}
.header_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.85);
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.active .header_overlay
{
	visibility: visible;
	opacity: 1;
}
.header_content
{
	width: 100%;
	height: 88px; 
	padding-left: 50px;
	padding-right: 50px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled .header_content
{
	height: 75px;
}
header.header.scrolled .logo {
    width: 320px;
}
.header.scrolled ul#ubermenu-nav-main-2 li a{
	padding: 25px 10px;
}
.logo a
{
	font-size: 24px;
	color: #FFFFFF;
}
.logo a span
{
	color: #ffb400;
}
.logo a span:last-child
{
	font-weight: 700;
}

#ubermenu-main-2 ul li a
{
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
}
#ubermenu-main-2 ul li.active a
{
	color: #ffb400;
}
.log_reg
{
	margin-left: 28px;
}
.log_reg ul li:not(:last-of-type)::after
{
	display: inline-block;
	content: '/';
	margin-left: 6px;
	margin-right: 6px;
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
}
.log_reg ul li a
{
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
}
.log_reg ul li:first-child a
{
	color: #ffb400;
}
.add_listing
{
	width: 142px;
	height: 40px;
	border: solid 2px #ffb400;
	border-radius: 5px;
	margin-left: 41px;
}
.add_listing a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 36px;
	font-size: 16px;
	color: #ffb400;
	font-weight: 300;
}
.add_listing:hover
{
	border-color: #FFFFFF;
}
.add_listing:hover a
{
	color: #FFFFFF !important;
}
.hamburger
{
	display: none;
	margin-left: 30px;
	cursor: pointer;
}
.hamburger i
{
	font-size: 20px;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger:hover i
{
	color: #ffb400;
}

/*********************************
4. Menu
*********************************/

.menu
{
	position: fixed;
	top: 0;
	right: -350px;
	background: #FFFFFF;
	width: 350px;
	height: 100vh;
	z-index: 101;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.menu.active
{
	right: 0;
}
.menu_container
{
	padding-top: 57px;
	padding-right: 30px;
	width: 100%;
	height: 100%;
}
.menu_close
{
	display: inline-block;
	text-align: right;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000000;
	cursor: pointer;
}
.menu_close:hover
{
	color: #ffb400;
}
.menu_nav
{
	margin-top: 107px;
}
.menu_nav ul li:not(:last-of-type)
{
	margin-bottom: 1px;
}
.menu_nav ul li a
{
	font-size: 24px;
	color: #000000;
}
.menu_link
{
	display: none;
	position: absolute;
	bottom: 20px;
	right: 30px;
}
.menu_link a
{
	font-size: 14px;
	font-weight: 500;
	color: #ffb400;
}

/*********************************
5. Home
*********************************/
 
.home_slider_container
{
	width: 100%; 
	float:left;
}
.home_slider_dots
{
	position: absolute;
	top: 44%;
	left: 53px;
	z-index: 1;
}
.home_slider .owl-dots
{
	display: none;
}
.home_slider_custom_dot
{
	position: relative;
	width: 100%;
	text-align: center;
	background: transparent;
	line-height: 35px;
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_custom_dot:hover,
.home_slider_custom_dot.active
{
	color: #ffb400;
}
.home_slider_custom_dot:not(:last-child)
{
	margin-bottom: 15px;
}
.home_container
{
	position: absolute;
	left: 0;
	top: 36.2%;
	width: 100%;
}

.home_content
{
	top: 165px;
    left: 716px;
}
.home_title
{
	display: inline-block;
}
.home_title h1
{
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 400;
	line-height: 0.5;
}
.home_title h1 span
{
	position: relative;
	line-height: 1.2;
}
.home_title h1 span::after
{
	display: block;
	position: absolute;
	top: 22px;
	right: -8px;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: #ffb400;
	line-height: 27px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	content: '+';
}
.search_form_container
{
	margin-top: 20px;
}
.search_form
{
	display: block;
}
.search_input
{
	display: block;
    width: calc(100% - 360px);
    height: 47px;
    border: none;
    outline: none;
	    margin: 0px 10px 10px 0px;
    padding-left: 27px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
.search_input::-webkit-input-placeholder
{
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b9b9b9 !important;
}
.search_input:-moz-placeholder
{
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b9b9b9 !important;
}
.search_input::-moz-placeholder
{
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b9b9b9 !important;
} 
.search_input:-ms-input-placeholder
{ 
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b9b9b9 !important;
}
.search_input::input-placeholder
{
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b9b9b9 !important;
}
.search_button
{
	width: 106px;
    height: 47px;
    border: none;
    outline: none;
    background: #a81d23;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
}

/*********************************
6. Categories
*********************************/

.categories {
    display: inline-block;
    width: 100%;
}
.categories_container
{ 
    margin-top: 0px;
	padding: 0px 90px; 
    background: #091560; 
}
.category
{
	width: 17%;
}
.category:not(:last-child)::after
{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -1px;
	width: 1px;
	height: 50%;
	/* background: #5b94bd; */
	background: #dddddd85;
	content: '';
}
.category a
{
	display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 15px;
    padding-bottom: 5px;
}
.cat_icon
{
	width: 50px;
	height: 50px;
}
.cat_icon img
{
	max-height: 100%;
}
.cat_icon svg
{
	max-width: 100%;
	max-height: 100%;
}
.svg path, .svg rect, .svg polygon
{
    fill: #c7d6db;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.category:hover .svg path,
.category:hover .svg rect,
.category:hover .svg polygon
{
	fill: #ffb400;
}
.cat_title
{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 15px 0px;
    min-height: 45px;
    line-height: 1.3;
    margin-top: 0px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.police-card.card:hover {
    border-color: #2f2574;
    transform: translateY(-6px);
    color: white;
    font-weight: 600;
}
.police-card.card:hover::before {
    opacity: 1;
}
.police-card.card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgb(255, 207, 148), rgba(81, 61, 214, 0.85));
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}
.category:hover .cat_title
{
	color: #ffb400;
}

/*********************************
7. Locations
*********************************/

.locations
{
	background: url(images/service_bg.jpg) no-repeat;
	background-size:cover;
	padding-top: 75px;
	z-index: 1;
	padding-bottom: 75px;
}

.locations_container
{
	margin-top: 50px;
}
img.thumbnail-icon {
    margin: 20px 10px;
}
.citizen-thumb img {
    width: 100px;
}

.location
{
	width: calc((100% - 100px) / 9);
	border: solid 2px transparent;
	margin-bottom: 65px;
	background: #fff;
    border-radius: 5px;
    text-align: center;
	min-height: 105px;
	box-shadow: 1px 1px 5px 1px rgba(194, 131, 131, 0.35);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.location:hover
{
	box-shadow: 4px 3px 2px 1px rgba(0,0,0,0.35);
	background: #4d0909e8;
}
.location_title
{
	position: absolute;
    bottom: -60px;
    width: 100%;
    height: 55px;
    border-radius: 5px;
	line-height: 16px;
}
.location_title a {
    color: #000;
    font-weight: 600;
    font-size: 13px;
}
.location_title a:hover{
	color: #98202e !important;
}
.location_title > div
{
	width: 100%;
	height: 100%;
}
.icons img {
    width: 55px;
}
.location_title > div a
{
	display: block;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    line-height: 15px;
}
.location_title > div a > div
{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -27px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #a81d23;
	line-height: 35px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
}

/*********************************
8. Food
*********************************/

.food
{
	background: #FFFFFF;
	padding-top: 71px;
	padding-bottom: 74px;
}
.grid_container
{
	left: -10px;
	width: calc(100% + 20px);
	margin-top: 94px;
}
.grid-item
{
	height: 431px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
.food_item
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.food_item:hover
{
	box-shadow: 0px 35px 43px rgba(0,0,0,0.35);
	z-index: 1;
}
.grid-item > div
{
	width: 100%;
	height: 100%;
}
.grid_large
{
	width: 45%;
}
.grid_medium
{
	width: 30%;
}
.grid_small
{
	width: 25%;
}
.grid_half
{
	height: 50%;
}
.grid_half:first-child
{
	padding-bottom: 10px;
}
.grid_half:last-child
{
	padding-top: 10px;
}
.grid_half > div
{
	width: 100%;
	height: 100%;
}
.food_item::after
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(35,6,67,0.72);
	content: '';
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	border: solid 2px #ffb400;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.food_item:hover::after
{
	visibility: visible;
	opacity: 1;
}
.food_item_tag
{
	position: absolute;
	top: 25px;
	left: 33px;
	width: 118px;
	height: 46px;
	border-radius: 5px;
	background: #ffb400;
	text-align: center;
	z-index: 1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.food_item_tag a
{
	display: block;
	height: 100%;
	width: 100%;
	line-height: 46px;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
}
.food_item_tag:hover
{
	background: #FFFFFF;
}
.food_item_tag:hover a
{
	color: #ffb400;
}

/*********************************
9. How it works
*********************************/
.policestation-section{
	padding-top: 75px;
	padding-bottom: 42px;
}
.how{
    background: url(../police/images/tab-bg.png);
    padding-top: 30px;
    padding-bottom: 30px;
	background-size: cover ;
}
.icon_box_container
.{
	margin-top: 30px;
}
.icon_box
{
	width: calc((100% - 40px) / 3);
	height: 500px; 
	padding:0; 
	margin-bottom: 53px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
} 
.icon_box_icon
{
	width: 206px;
	height: 206px;
}
.icon_box_icon img
{
	position: relative;
	max-height: 100%;
	z-index: 1;
}
.icon_box_icon::before
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 156px;
	height: 156px;
	border-radius: 50%;
	border: solid 2px #ffb400;
	background: #fff3d6;
	content: '';
	z-index: 0;
}
.icon_box_title
{
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	line-height: 1.2;
	margin-top: 38px;
}
.icon_box_text
{
	width: 100%;
	margin-top: 5px;
}
.icon_box_num{
    padding: 0px 15px;
    line-height: 62px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
	border-radius: 16px 15px 0 0;
    width: 100%;
}
.member-item {
    padding-left: 0px;
}
ul.policestation-list {
    columns: 2;
    column-gap: 5px;
}
ul.policestation-list li{
	color: #000;
	padding: 5px;
}
ul.policestation-list li a{
	font-size: 14px;
	font-weight: 600;
	color: #1f2f68;
}
ul.policestation-list li a:before {
    left: 0;
    content: '\f101';
    font-family: fontawesome;
    color: #c84b58;
    font-size: 16px;
    padding: 5px;
}

.policestation-section h4 {
    color: #bc2424;
    font-size: 18px;
}
/*********************************
10. CTA
*********************************/

.cta
{
	padding-top: 96px;
	padding-bottom: 112px;
}
.cta_content
{
	max-width: 880px;
}
.cta_title h1
{
	font-size: 60px;
	font-weight: 600;
	color: #FFFFFF;
}
.cta_text
{
	margin-top: 11px;
}
.cta_text p
{
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 2;
}
.cta_button
{
	margin-top: 23px;
}

/*********************************
11. CTA 2
*********************************/

.cta_2
{
	background: #FFFFFF;
}
.cta_2_col:first-child
{
	z-index: 1;
}
.cta_2_content
{
	padding-right: 50px;
	padding-top: 127px;
	padding-bottom: 151px;
}
.cta_2_title h1
{
	font-size: 48px;
	font-weight: 500;
	color: #000000;
}
.cta_2_title h1 span
{
	color: #ffb400;
}
.cta_2_text
{
	margin-top: -1px;
}
.store_links
{
	margin-top: 41px;
}
.store_link:not(:last-child)
{
	margin-right: 19px;
}
.cta_2_image {
    /* height: 100%; */
    min-height: 570px;
    border: 1px solid #000;
    border-radius: 15px;
	padding: 20px;
}
.cta_2_image img{
    border-radius: 15px;
}
.cta_2_image img
{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: none;
	max-height: 100%;
}

/*********************************
12. Clients
*********************************/

.clients
{
	background: #49237d;
}
.clients_slider_container
{
	height: 111px;
}
.client_image
{
	width: 111px;
	height: 111px;
	margin-left: auto;
	margin-right: auto;
}
.gall {
    background-color: #f0f0f0;
	text-align: center;
}
.glance-h2 {
    font-size: 60px;
    color: #dcdcdc8c;
    font-family: "Oswald", serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 25px;
    position: relative;
    top: 60px;
    text-align: center;
    /* z-index: -1; */
}
.gall-text2.visible {
    opacity: 1;
    transform: translateY(0);
}
.gall-text2 {
    color: black;
    font-size: 55px;
    margin-bottom: 20px;
}
.gall-text2 {
    opacity: 1;
    transform: translateY(10px);
    transition: opacity 1s, transform 1s;
}
.gall-span {
    font-weight: 200;
}
.gallery-tab-buttons {
    display: flex;
    justify-content: center;
}
.media-tab-button.active {
    color: white;
    background-image: linear-gradient(to right, #4D33E0, #2023AC);
}
.media-tab-button {
    border: 2px solid #4D33E0;
}
.media-tab-button {
    border: none;
    padding: 23px 81px;
    margin-right: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    font-size: 20px;
    margin-bottom: -2px;
    position: relative;
    overflow: hidden;
}
.media-tab-button:hover, .media-tab-button.active:hover {
    color: white;
    background-image: linear-gradient(to left, #4D33E0, #2023AC);
}
section.gall-sec.slider.slick-initialized.slick-slider {
    padding-top: 40px;
    /* border-top: 1px solid #e6582d; */
}
div#photos-btn {
    position: relative;
	height: 100px;
}
a.btn.btn-dark {
    width: 160px;
    position: relative;
    top: 10px;
    float: right;
    background-color: black !important;
    padding: 20px;
}
.slick-prev.gall-sec-prev, .slick-next.gall-sec-next {
    color: #4D33E0 !important;
    border: 1px solid #4D33E0 !important;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}
.slick-prev.gall-sec-prev {
    position: absolute;
    left: 15px;
    top: 10px;
    padding: 20px;
    /* transform: translateY(-50%); */
}
.slick-prev.gall-sec-prev i.fa-solid.fa-arrow-left {
    position: absolute;
    top: 24px;
    left: 23px;
}
.slick-next.gall-sec-next {
    position: absolute;
    left: 89px;
    top: 10px;
    padding: 20px;
    /* transform: translateY(-50%); */
}
.slick-next.gall-sec-next i.fa-solid.fa-arrow-right {
    position: absolute;
    top: 24px;
    left: 23px;
}
.card.gall-card {
    width: 93% !important;
    height: 304px;
    transition: transform 0.3s ease, 0.6s ease;
	background:#FFF;
}
.card.gall-card:hover {
    background: linear-gradient(135deg, #2D1F77, #23376D, #0d6efd, #47236d, #33669B);
    background-size: 400% 400%;
    animation: gradientAnimation 5s ease forwards;
    /* transform: scale(1.05); */
}
.article-container3 {
    width: 100%;
    height: 182px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    color: white;
}
.glance-c {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
}
.glance-c img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
	object-position: center;
}
.view-more {
    cursor: pointer;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: 0;
    z-index: 2;
    transition: opacity 0.4s ease, transform 0.4s ease;
}
.glance-c::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(61, 9, 9, 0.812), rgba(1, 27, 68, 0.538));
    opacity: 0;
    transition: opacity 0.4s ease;
}
.card.gall-card :hover p {
    color: white;
}

.gall-p {
    margin: 5px 0px 0px 0px;
    font-size: 16px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    max-width: 30ch;
}
div#vdos-btn {
    position: relative;
	height: 100px;
}
/*********************************
13. Footer
*********************************/
.footer-link {
    position: relative;
    background-color: #162b45;
    background-image: url('images/police_comitins.png');
    background-size: cover;
    background-position: center;
    padding: 0;
    overflow: hidden;
}

/* overlay */
.footer-link::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(22 43 69 / 93%);
    z-index: 1;
}

/* keep footer content above overlay */
.footer-link > * {
    position: relative;
    z-index: 2;
}

.footer {
    background-color: transparent;
    color: white;
    padding: 20px 0;
    font-size: 14px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 10px 0;
}
.footer-link .list-inline{padding-top: 30px;}
.footer_container {
	width: 100%;
    display: inline-block;
}
.copyright {
    float: left;
}
.latest-update {
    float: right;
}
.angled-bar {
    position: relative;
    width: 100%;
    height: 150px;
    background: #ff9800;
    overflow: hidden;
    align-content: center;
    padding: 20px 10px !important;
    margin: 0 0 50px 0;
    margin: auto;
    border-radius: 0 0 30px 30px;
    margin-bottom: 35px;
}

/* .angled-bar::before,
.angled-bar::after {
    content: "";
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    background: #0c0825;
} */

.angled-bar::before {
    left: -34px;
    transform: skewX(16deg);
}

.angled-bar::after {
    right: -37px;
    transform: skewX(347deg);
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.logo-card.card {
    min-height: 100px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: inset rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.card.logo-card img {
    width: 122px;
    height: 75px;
    background-size: contain;
}
.footer_nav ul li:not(:last-of-type)
{
	margin-right: 51px;
}
.footer_nav ul li a
{
	font-size: 14px;
	font-weight: 400;
	color: #b0b0b0;
}
.footer-link .widget .widget-title {
    margin-top: 0px;
    color: #fff;
	font-size: 22px;
}
.footer-link a{color: #fff; font-size: 15px;}
.small-title {
    margin-bottom: 20px;
    margin-top: 20px;
}
.line1 {
    float: left;
    height: 5px;
    width: 40px;
}
.line2 {
    float: left;
    height: 1px;
    margin-top: 2px;
    width: 78px;
}
.background-color-white {
    background-color: #fff;
}
.footer_nav ul li a:hover,
.footer_nav ul li.active a
{
	color: #ffb400;
}
.header-top {
    padding: 8px 0;
}
.black-bg {
    background: #e9a133 !important;
}
.skip-ul img{
	width: 25px;
}
.header-top .header-contact a {
    color: #ffffff;
    display: inline-block;
    padding-right: 15px;
    font-weight: 300;
    font-size: 14px;
}
.header-top .header-top-menu {
    text-align: right;
}
.header-top .header-top-menu ul li {
    display: inline-block;
}
.header-top .header-top-menu ul li a {
    color: #ffffff;
    margin-left: 0px;
    font-size: 14px;
}
.sub_navi {
    display: flex;
    justify-content: flex-end;
    gap: 18px;
    align-items: center;
}
ul.updates-sec {
    min-height: 395px;
}
.upvote-section i.fa.fa-thumbs-up {
    display: none;
}
li.updates-sec-item {
    list-style: none;
    padding: 10px 15px;
    font-weight: bold;
    background: #FFF;
    transform: translateY(2px);
    border-bottom: 1px solid #dfdfe6;
    margin: 0;
}
li.updates-sec-item a {
    display: block;
    font-size: 16px;
    color: #0f044b;
    line-height: 20px;
    font-weight: normal;
}
li.updates-sec-item span  {
    font-size: 13px;
    border: 1px solid #a6302f;
    color: #a6302f;
    padding: 5px;
    display: inline-block;
    margin: 0 0 10px 0;
}
.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
    color: #096abf !important;
}
ul.ubermenu-submenu.ubermenu-submenu-id-25.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item.ubermenu-autoclear {
    margin-top: 0px;
}

ul#ubermenu-nav-main-2 li a{
	padding: 33px 10px;
}
ul#ubermenu-nav-main-2 li {
    border-right: 1px solid #a7624c;
}
ul#ubermenu-nav-main-2 li:first-child{
	border-left: 1px solid #a7624c;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after{display: none !important;}
ul.ubermenu-submenu li a:first-child {
	border: none !important;
}
ul#ubermenu-nav-main-2 .ubermenu-item-level-0:hover a{
    color: #FFC107;
}
ul.ubermenu-submenu li a:hover{
	background: #cecece6b;
}
ul.ubermenu-submenu li a {
    padding: 12px 14px !important;
    margin: 0px 10px;
    border-right: none !important;
	color: #096abf !important;
}
ul.ubermenu-submenu {
    margin-top: 0px !important;
}
ul.ubermenu-submenu li:first-child {
    border-right: none !important;
	border-left: none !important;
	/* border-bottom: 1px solid #d2d7ef !important; */
}
ul.ubermenu-submenu li {
    border-right: none !important;
	/* border-bottom: 1px solid #d2d7ef !important; */
}

.section-title h3 {
    font-size: 30px;
}
section.about-section p {
    line-height: 1.5;
    font-size: 15px;
    color: #160c70;
}
section.about-section h5 {
    font-size: 24px;
    color: #080d53;
}
ul.mission-list li {
    color: #0b1264;
    list-style: square;
    margin: 5px 15px;
}
.about-background-image{
	background: url(images/pcr_bg.png) no-repeat;
	background-size: cover;
}
.about-background-image img {
    margin: 55px 10px 0px 110px;
}
.page-content{
	padding-top: 50px;
	padding-bottom: 40px; 
}
.card {
    color: #FFF;
}
.row.row-lg-eq-height {
    align-items: center;
}
.card-title {
  font-size: 30px;
  color: white !important;
  font-weight: 700;
  line-height: 1.833;
  margin-bottom: 20px;
}
.statestics_part {
    padding: 20px;
    background-color: transparent;
    border-radius: 0rem;
    text-align: center;
}

h2.heading {
    color: #FFF;
	text-align: center;
}
.btmwidth {
    background-color: #FFF;
    margin-bottom: 4rem;
}
.card {
    padding: 5px;
    background-color: #86868675;
    border-radius: 0rem;
    text-align: center;
}
.btmwidth {
    width: 7%;
    height: 5px;
    background: #ffffff;
    margin: 0 auto;
    margin-bottom: 3rem;
}
.card.button1::before {
    border: 1px solid white;
}
.card h2 {
	color: #ffffff;
}
.card span {
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    line-height: 20px;
    display: block;
    margin: 18px 0px;
    border-bottom: 1px solid rgba(248, 219, 219, 0.66);
    padding-bottom: 17px;
    min-height: 60px;
}
h1.entry-title {
    font-size: 30px;
    color: #190c5f;
	padding: 10px 0px;
}
h1.entry-title:after {
    position: absolute;
    content: "";
    left: 0;
    
    width: 100px;
    height: 1px;
    background-color: #d2070d;
}
.entry-content p {
    color: #0f1255;
    line-height: 1.5;
    font-size: 15px;
	margin-bottom: 10px;
    text-align: justify;
}
.entry-content ul {
	color: #343333;
}
.entry-content ul li {
    line-height: 30px;
    position: relative;
    margin-left: 20px;
    padding-left: 0;
    width: 100% !important;
    margin-bottom: 30px !important;
}
.entry-content ul li:before {
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #296dc1;
    outline: 2px solid #296dc1;
    outline-offset: 2px;
    content: "";
}

.citizen-thumb {
    width: 370px;
}
a.showSingle.citizen-thumb {
    display: block;
    position: relative;
	background: #fff;
    margin: 10px 0px;
}
.targetDiv {
    position: absolute;
    left: 35%;
    top: 0px;
    background: #d7d7e1;
    min-height: 430px;
    min-width: 750px;
    padding: 10px;
}
.info-title {
    position: absolute;
    width: 180px;
    left: 30%;
    top: 20%;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
div#div1 {
    display: block;
}
#tab2 #div1 {
    display: block;
}
.ilist_sl3_right-part-three{
	height: 130px !important;
	
}
.ps-panel ul.nav.nav-tabs li {
    padding: 10px;
    background: #531313;
    margin-right: 15px;
}
.ps-panel ul.nav.nav-tabs a.active{
	border-radius: 0px;
	background: #642816;
}
.ps-panel ul.nav.nav-tabs li>a {color:#fff; padding: 10px;}
.ps-panel .tab-content .tab-pane {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
.icon_box ul.nav.nav-tabs {
	margin:0;
}
.icon_box ul.nav.nav-tabs li {
    
}
.icon_box ul.nav.nav-tabs li.active a {
    background: #0d1b60 !important;
    color: #FFF;
}
.icon_box ul.nav.nav-tabs li a {
    padding: 20px 22px;
    background: none;
    border: 1px solid #674CFF;
    border-top-left-radius: 5px;
    border-radius: 16px 15px 0 0;
    color: #000;
    line-height: 62px;
    font-weight: bold;
}
.icon_box .tab-content {
    padding-top: 0;
    background: #FFF;
    border: 1px solid #dfdfe6;
}
.icon_box ul.nav.nav-tabs li a.active, .icon_box ul.nav.nav-tabs li a:hover {
    color: #FFF;
	background: linear-gradient(to right, #4346E9, #8847C2);
} 
.ilist_sl3_list-inner-part-three.sl3borderbg.sl3hoveritem {
    background: #fff;
}
.btn-block {
    display: block;
    width: 100%;
}
.police-station-profile .btn-xs, .btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.police-station-profile .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.annum-report {
    background-image: url(../police/images/achivment-layer.png);
    background-position: top;
    background-repeat: repeat;
    background-size: contain;
    background-color: #0d1b60 !important;
    padding: 50px 0;
    text-align: center;
}
.annum-report h3 {
    color: white;
}
.achv-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.circle-shape{
    background-color: #F15929;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
}
.circle-shape img {
    width: 38px;
    height: 38px;
}
.achv-text {
    color: white;
    text-align: start;
    margin-left: 10px;
}
.annum-report h3 {
    color: white;
}
.achv-text p {
    font-size: 14px;
    margin: 0px;
    color: #FFF;
    line-height: normal;
}
.panel-bd-top {
    border-top: 3px solid #1fae66;
}
.light-widget .panel-heading {
    background: #FFFFFF;
}
.panel .panel-heading {
    position: relative;
    padding: 7px 15px;
}
.panel .no-title {
    height: 30px;
}
.panel .panel-body {
    padding: 15px 25px 25px;
}
.panel .panel-body, .panel .panel-body-list {
    background: #fff;
    position: relative;
}
.mgbt-xs-5 {
    margin-bottom: 5px !important;
}
.font-semibold {
    font-weight: 500;
}
.police-station-profile .tabs .nav-tabs {
    background-color: #b47a22;
    border-bottom: none;
}
.police-station-profile .tabs .nav-tabs>li {
    margin: 0;
    position: relative;
	padding: 10px;
}
.police-station-profile .tabs .nav-tabs>li>a {
    margin: 0;
    color: #FFF;
    border-left: 1px solid rgba(255,255,255,0.2) !important;
    border-right: 1px solid rgba(0,0,0,0.15) !important;
    border-top: none;
    border-bottom: none;
    line-height: auto;
    height: 36px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.vd_title-section {
    background-color: #eaeaea;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}
.vd_title-section h1 {
    margin: 0;
    font-size: 28px;
    color: #555555;
    font-weight: bold;
    padding-right: 180px;
}
.vd_content-section {
    background-color: #f0f0f0;
    padding: 20px;
    padding-top: 25px;
    border-top: 1px solid #F8F8F8;
}
.inspector-name {
    font-size: 17px;
}
.vd_info-parent {
    position: relative;
}
.police-station-profile .nav li a {
    padding: 7px 15px;
}
.police-station-profile .tabs .tab-content {
    background-color: #FFF;
    position: relative;
}
.btn-xs {
    font-size: 11px;
    padding: 4px 8px;
}
.font-semibold {
    font-weight: 500;
    background: #0b2a4a;
    padding: 10px;
    color: #FFF;
    font-size: 18px;
    border-radius: 10px 0 10px 0;
}
#profile-tab hr.pd-10 {
    display: none;
}
.vd_bg-green {
    background-color: #1fae66 !important;
}
.append-icon {
    margin-right: 7px;
}
.label-success {
    background-color: #5cb85c;
	color: #fff;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
}
a.btn.vd_btn.vd_bg-green.btn-xs.btn-block.no-br {
    color: #fff;
}
a.btn.vd_btn.vd_bg-grey.btn-xs.btn-block.no-br {
    color: #000;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.pd-20 {
    padding: 20px !important;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-radius: 15px;
}
.mgtp-10 {
    margin-top: 10px !important;
}
.mgr-10 {
    margin-right: 10px !important;
}
.profile-icon {
    font-size: 32px;
}
.ps-profilepage{
	color: #433d3d;
}
.ps-profilepage table p {
    color: #433d3d;
	line-height: 1.5;
	font-size: 16px;
}
.histroy-details p {
    color: #433d3d;
    line-height: 1.5;
	font-size:16px;
}
.content-list .list-wrapper>li {
    padding-top: 5px;
    padding-bottom: 5px;
    list-style: none;
    border-bottom: 1px solid #EEE;
    position: relative;
    text-align: left;
}
.content-list .menu-icon {
    display: block;
    float: left;
    width: 16px;
    text-align: center;
    font-size: 14px;
}
.content-list .menu-text {
    display: block;
    margin-left: 26px;
    text-transform: none;
    padding-right: 15px;
}
.content-list .menu-info {
    font-size: 11.4px;
    font-style: italic;
    color: #939ba2;
    text-transform: capitalize;
    display: block;
}
.police-station-profile .col-xs-12 {
    width: 100%;
}
.police-station-profile .btn-xs {
    font-size: 11px;
    padding: 4px 8px;
}
.police-station-profile .vd_btn {
    background-color: #DDDDDD;
    color: #FFFFFF;
}
.content-list .list-wrapper>li:hover {
    background: #F5F5F5;
}
table thead tr {
    background: #f0a437;
    color: #fff;
}
table tbody tr td {
    color: #050236;
	font-size: 16px;
}

ul.policestation-list li:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.counting {
    font-size: 36px;
    font-weight: 600;
}
.single .kbx-outer-wrapper{
	margin-top: 90px !important;
}
#searchBar{
	padding-top: 0px;
	margin: 2px;
	min-width: 455px;
	text-align: left;
}
#searchBar .search-query{
	width: 358px;
}
#searchBar button{
	background-color: #a81d23;
}
#serp-dd{
	width: 78%;
	z-index: 9999;
	position: absolute;
}
.kbx-outer-wrapper {
    margin-top: 100px !important;
}
section.kbx-category-list {
    display: none;
}
a.btn-view-all {
    padding: 15px 50px;
    background-color: black;
    border-radius: 5px;
    text-decoration: none;
    color: white;
    float: left;
    margin: 10px 0;
}
.card.sp-ea-single {
    text-align: left;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a{
	padding: 0px !important;
}
.sp-easy-accordion .sp-ea-single .ea-header a{
	font-size: 15px !important;
}
.ilist_sl3_right-part-three h3{
	font-size: 14px !important;
	line-height: 16px !important;
	margin-right: 0px !important;
	margin-bottom: 5px !important;
}
.ilist_sl3_right-part-three span{
	font-size: 13px !important;
	line-height: 2px !important;
}
.ilist_sl3_right-part-three{
	padding: 10px 10px 10px 26px !important;
}
.emgnum{
	padding-bottom: 40px;
}
.emg-num-item span > a:hover{
	background: none;
	color: #8b1205 !important;
}

.emg-num-item span {
    font-size: 20px;
    color: #040f5b;
    font-weight: 600;
}
.emg-num-item {
    text-align: center;
    background: #f1f1f1;
    padding: 30px 10px;
    width: 23.33%;
	border-radius: 5px;
    margin: 5px;
}
.emg-num-item img {
    width: 70px;
    border: 2px solid #5a7ab0;
    border-radius: 50px;
    padding: 5px;
    background: #fff;
}
.emg-num-item h3 {
    color: #375282;
    padding: 5px;
	font-size: 16px;
}
.search_title {
    z-index: 999;
}
.search_content {
    position: absolute;
    top: 80%;
    left: 58%;
}
.search_title h1 {
    color: #fff;
    font-size: 32px;
}
a.showSingle.citizen-thumb:hover {
    cursor: pointer;
}
.popup-icon {
    top: 30%;
    left: 0;
    right: 0;
    opacity: 0;
    width: 40px;
    color: #fff;
    height: 40px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    border: 1px solid #fff;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.cta_2_image:hover .popup-icon {
    top: 50%;
	background: #661818;
    opacity: 1;
	cursor: pointer;
}
.modal-box {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 98%;
	background: white;
	border-bottom: 1px solid #aaa;
	border-radius: 4px;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-clip: padding-box;
}

.modal-box header,
.modal-box .modal-header {
	padding: 1.25em 1.5em;
	border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 {
	margin: 0;
}

.modal-box .modal-body {
	padding: 2em 1.5em;
}

.modal-box footer,
.modal-box .modal-footer {
	padding: 1em;
	border-top: 1px solid #ddd;
	background: rgba(0, 0, 0, 0.02);
	text-align: right;
}

.modal-overlay {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
	line-height: 1;
	font-size: 1.5em;
	position: absolute;
	top: 5%;
	right: 2%;
	text-decoration: none;
	color: #bbb;
}

a.close:hover {
	color: #222;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	transition: color 1s ease;
}
/* New website changes css */
.nav-head {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.emer-div.col-12.col-lg-auto.mb-3.mb-lg-0 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.amb-img {
    border: 2px solid #945029;
    border-radius: 50px;
    border-style: dashed;
    padding: 4px;
}
.amb-img img {
    width: 75px;
    height: 75px;
}
.cm {
    margin-left: 10px;
    margin-right: 10px;
}
.emr-h5 {
    font-weight: 600;
    font-size: 15px;
    margin: 0px;
    color: black;
}
.amb-num {
    color: black;
    font-weight: 400;
    font-size: 12px;
}

.skip-ul, .font-a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.line {
    background-color: #F8D3C5;
    width: 1px;
    height: 62px;
}
.part-line {
    width: 1.39px;
    height: 62px;
    margin: 10px;
    background-color: #ACA8A3;
}
.search-container {
    float: right;
    background: #FAFCFD;
    border-radius: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px;
    padding-left: 10px;
    margin-top: 2px; 
}
.search-container input[type=text] {
    border: none;
    padding: 7px;
}
.search-container button {
    float: right;
    background-image: linear-gradient(to bottom, #4346E9, #0742D9);
    border-radius: 19px;
    color: white;
    padding: 9px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 17px;
    border: none;
    cursor: pointer;
}
.banner {
    background-image: url(../police/images/hero-banner.png);
    background-color: #FFF8F4;
    width: 100%;
    background-size: cover;
    background-position: -250px;
    background-repeat: no-repeat;
    /* padding: 37px 0px; */
}
.director {
    background-image: url(../police/images/layer-1.png);
    background-color: #FFF8F4;
    width: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding: 80px 0px 0;
    padding-top: 0px;
	display: inline-block;
}
.dir-card {
    /* background-image: url(../../assets/images/bg-img/layer-2.png); */
    background-color: #091560b9;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    padding: 60px 0px;
}
.police-card.card {
    background-image: url(../police/images/card-bg.png);
    width: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 8px;
    border: 2px solid #F0B064;
    padding: 25px;
    position: relative;
    overflow: hidden;
    transition: border-color 0.4s ease, transform 0.4s ease;
}
.police-card.card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgb(255, 207, 148), rgba(81, 61, 214, 0.85));
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}
.police-card.card>* {
    position: relative;
    z-index: 1;
}
a.link-con {
    text-decoration: none !important;
    color: black;
}
.card-con {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.banner {
    position: relative;
}
.main-banner {
    position: relative;
    width: 100%;
    display: flex;
}
.banner-txt-con {
    padding-bottom: 40px;
}
.banner-h3 {
    color: #000;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 1px;
    font-weight: 700;
}
.dir-name {
    color: #000000;
    font-weight: 700;
    font-size: 16px;
	margin: 0;
}
.dir-position {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #f15a29;
    font-weight: bold;
}
.banner-p {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    font-size: 14px;
    text-align: justify;
    line-height: 22px;
    color: #000;
}
a.read-text {
    color: #ff6905;
    font-weight: 500;
    text-decoration: none !important;
}
.slide-con {
    position: absolute;
    top: 0px;
    left: 20%;
    bottom: 0;
    width: 90%;
    /* height: 100vh !important; */
    overflow: hidden;
} 
.carousel-btn {
    position: relative;
    margin-top: 0;
    margin-left: 125px;
    padding: 13px 18px;
    background: #ef3bff;
    color: #fff;
    border: none;
    border-radius: 7px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.3s;
}
.banner-owl-carousel .item {
    position: relative;
    height: 100%;
    border-top-left-radius: 31px;
    border-bottom-right-radius: 31px;
    background: rgba(255, 255, 255, 0.093);
    z-index: 1;
    overflow: hidden;
    padding: 3px;
}

.banner-owl-carousel .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
    border: none !important;
    background: none !important;
    /* border thickness */
    /* background: linear-gradient(135deg,
            #F15A29 0%,
            #F15A29 15%,
            transparent 30%,
            transparent 70%,
            #F15A29 85%,
            #F15A29 100%);
    border-top-left-radius: 31px;
    border-bottom-right-radius: 31px;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; */
    /* mask-composite: exclude; */
    z-index: -1;
}

.banner-owl-carousel .owl-item img {
    display: block;
    width: 100%; 
}

/* Vertical nav */
.banner-owl-carousel .owl-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 9%;
    top: 361px;
    bottom: 0;
    transform: translateX(-50%);
    gap: 0px;
    z-index: 2;
}

/* Optional: Customize nav buttons */
.banner-owl-carousel .owl-nav button.owl-prev,
.banner-owl-carousel .owl-nav button.owl-next {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 8px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

/* Optional: Icons for nav */
.banner-owl-carousel .owl-nav button.owl-prev::before {
    content: "←";
    font-weight: 900;
    font-size: 20px;
    /* up arrow */
}

.banner-owl-carousel .owl-nav button.owl-next::before {
    content: "→";
    font-weight: 900;
    font-size: 20px;
    /* down arrow */
}

.banner-owl-carousel .owl-dots {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 101%;
    top: 48%;
    transform: translateY(-50%);
    gap: 10px;
    z-index: 9;
}

.banner-owl-carousel .owl-prev span,
.banner-owl-carousel .owl-next span {
    display: none;
}

.banner-owl-carousel.owl-dot.active {
    background: #F15A29;
}

.owl-carousel.banner-owl-carousel.owl-theme.owl-loaded.owl-drag button.owl-prev,
.owl-carousel.banner-owl-carousel.owl-theme.owl-loaded.owl-drag button.owl-next {
    background: #F15A29 !important;
    color: white !important;
    padding: 10px 20px !important;
}

.banner-owl-carousel.owl-theme .owl-dots .owl-dot span {
    width: 9px !important;
    height: 9px !important;
    background: #F7AF91 !important;
}

.banner-owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.banner-owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #A34242 !important;
}
.gall-sec .card span {
    padding: 0;
    border: none;
    margin: 0;
	color:#000;
    min-height: auto;
}
.card.gall-card p a {
    text-decoration: none;
    border: none;
}
/* owl slider css end  */
@media (min-width: 32em) {
	.modal-box {
		width: 70%;
	}
}
.entry-content ol {
    padding: 0px 20px;
}
.entry-content ol li {
    margin: 5px;
    padding: 0px 10px;
    color: #020b4b;
}
#serp-dd .result {
    margin: 0;
    max-height: 175px;
    overflow: auto;
}
.kbx-articles-tags a {
    background: #d7d7d7;
}
.line_1 {
  display: block;
  height: 1px;
  background: #dbdbdb;
  width: 200px;
  margin-top:10px;
}
.line_2 {
  background: #dbdbdb;
  height: 1px;
  display: block;
  width: 150px;
  margin-top: 5px;
}
.line_3 {
  height: 1px;
  background: #dbdbdb;
  width: 100px;
  display: block;
  margin-top: 5px;
  margin-bottom: 15px;
}
select.form-control.form-control-sm {
    width: 40%;
    display: inline;
}
input.form-control.form-control-sm {
    display: inline;
    width: 75%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding: 0.5em;
}
#datatable_wrapper li.paginate_button.page-item {
    background: none !important;
    border: none !important;
}
.inner_heaader_container .innerentry-title {
    text-align: center;
    margin-top: 60px;
    font-size: 38px;
    font-weight: 500;
    color: #FFFFFF;
}
.inner-heaader{
	height: 300px;
	overflow: hidden;
}
.inner_heaader_container{
	position: absolute;
	left: 0;
	top: 36.2%;
	width: 100%;
}
.footer-link ul li{
	border-bottom: 1px dashed #404040;
    padding: 5px 0;
}
/*
.footer-link ul li a {
    padding-left: 20px;
    position: relative;
    display: block;
}

.footer-link ul li a::before {
    position: absolute;
    left: 0;
    content: "\f101";
    font-family: fontawesome;
    color: #e9a133;
    font-size: 16px;
    top: 0;
}
*/
ul.list-inline li {
    color: #fff;
}
#primary {
    width: 100%;
}
.header-top .header-contact a:hover{
	color: #96232e !important;
}
.header-top .header-top-menu a:hover{
	color: #96232e !important;
}
.list-box {
    background: #46559d;
    margin-bottom: 20px;
}
.list-box-img {
    float: right;
    background: #6c76a5;
    padding: 10px;
}
.list-box p {
    color: #fff;
    padding: 10px;
}
.ss_box_bg {
    background: #2e508d;
}
.ss_four_two p {
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
	padding: 5px 5px 0px 0px;
}
.no-padding {
    padding: 0px;
}
.evolution-img img{
	margin-top: 40px;
}
ul.wonderplugintabs-header-ul li:before {
    background: none;
    outline: none;
}
.wonderplugintabs-header-wrap{width: 23%;}
.wonderplugintabs-header-wrap .wonderplugintabs-header-li{ background-color: #a13031 !important; }
.wonderplugintabs-header-wrap .wonderplugintabs-header-title {color:#fff !important; white-space: normal !important;}
.wonderplugintabs-header-wrap .wonderplugintabs-header-li-active .wonderplugintabs-header-title{color:#fff03a !important; font-weight: 600 !important; font-size: 12px !important;}
.commissioner {
    margin-top: 30px;
}

.owl-buttons {
  display: none;
}
.owl-carousel:hover .owl-buttons {
  display: block;
}

.owl-item {
  text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
  background: transparent;
  color: #869791;
  font-size: 40px;
  line-height: 300px;
  margin: 0;
  padding: 0 60px;
  position: absolute;
  top: 0;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
  padding-left: 20px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
  padding-right: 20px;
}
.owl-theme .owl-nav {
    top: 120px;
    right: 0px;
    position: absolute;
}

.about-sec-tab .tabs-left {
  border-bottom: none;
  border-right: 1px solid #ddd;
}

.about-sec-tab .tablinks img {
    width: 50px;
    margin-right: 20px;
}
.about-sec-tab .tabs-left > .tablinks {
    margin: 0;
    text-align: unset;
    cursor: pointer;
    border-radius: 0;
    padding: 20px 22px;
    background: none;
    border: 1px solid #674CFF;
    border-top-left-radius: 5px;
    border-radius: 16px 15px 0 0;
    color: #000;
    line-height: unset;
    font-weight: bold;
}
.about-sec-tab .tabs-left > .tablinks.active {
    background: #0b2a4a;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
}
.trending_content{
	margin-top: 5px;
}

.about-sec-tab .nav-tabs>li>a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}
.about-sec-tab .nav.nav-tabs.tabs-left li a > img {
    padding: 5px 15px;
    width: 80px;
}
/*.about-sec-tab .tabs-left>li.active>a::after{content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid #f90;
    display: block;
        width: 30px;
    height: 70px;
}*/
.about-sec-tab .nav{
	display: block;
}
/*
.tab-content .item {
    width: 10%;
    float: left;
    background-color: #95a5a6;
    border: 1px solid #7f8c8d;
    height: 200px;
    line-height: 200px;
    cursor: pointer
}

.tab-content .active {
    background-color: #2c3e50;
    border-left: 15px solid #34495e;
    color: #ecf0f1
}

.tab-content .info {
    width: 0;
    float: left;
    background-color: #ecf0f1;
    color: #222;
    height: 200px;
    display: none
}
*/
.citizen-services-category:first-child {
    border-left: none;
}
.citizen-services-category h4 {
    font-size: 14px;
	color: #546266;
    text-align: center;
    text-transform: uppercase;
	/* border: 1px solid #e5e5e5; */
    min-height: 75px;
    padding: 25px;
	margin-bottom: 0px;
}
.left-cell {
    float: left;
    padding: 10px;
    width: 35%;
}

.left-cell a {
    display: block;
    border: 1px solid #c18160;
    padding: 5px;
    margin: 10px;
    text-align: center;
    color: #9e624d;
}
.left-cell img {
    padding: 10px 23px;
}
.right-cell h3 {
    font-size: 16px;
    padding: 24px 0px 5px;
    color: #0b2a4a;
}
.right-cell ul {
    margin-left: 15px;
}
.right-cell ul li {
    list-style: disc;
    font-size: 14px;
}
.right-cell {
    float: right;
    width: 65%;
}
.right-border {
    border-right: 1px solid #ccc;
}
.bottom-border {
    border-bottom: 1px solid #ccc;
}
.about-sec-tab {
    padding: 40px 10px;
}
/*citizen service*/
.citizen-services-category{
	padding: 30px 5px 0px !important;
    border-left: 1px solid #e5e5e5;
}
/* .citizen-services-category ul { */
    /* margin: 30px 0 0; */
/* } */
.citizen-services-category ul li:last-child{
	border-right:none;
}
.citizen-services-category ul li {
    position: relative;
    display: inline-block;
    padding: 5px 5px 10px;
    width: 49%;
    font-size: 14px;
    text-align: center;
    text-transform: none;
    /* border-bottom: 1px solid #f5f5f5; */
    border: 1px solid #f5f5f5;
    vertical-align: bottom;
	background: #ffffff;
	border-radius: 6px;
    transition: 0.5s ease;
	min-height: 150px;
	margin-bottom: 5px;
	box-shadow: 4px 2px 6px 0px #32586185;
}
.column-3 ul li:first-child {
    width: 100%;
    font-size: 15px;
    padding: 0 10px 10px;
}
.citizen-services-category ul li span {
    display: block;
    line-height: 1.2;
    color: #04173a;
    font-weight: 600;
    font-size: 13px;
}
.citizen-services-category ul li a > img {
    width: 50px;
}
.home_slider button.owl-prev i {
    background: #800a36;
    padding: 6px 10px;
    color: #fff;
}
.home_slider button.owl-next i {
    background: #800a36;
    padding: 6px 10px;
    color: #fff;
}
.pb-20{
	padding-bottom: 20px;
}
.pt-20{
	padding-top: 20px;
}
.dial_hundred {
    position: fixed;
    top: 80%;
    border-radius: 50px;
    width: 65px;
    height: 65px;
    background: #fff;
    padding: 8px 10px;
    margin: 15px 45px;
    z-index: 9999;
    box-shadow: 0 0 15px #ccc;
    left: -18px !important;

    animation: smoothBlink 1.5s ease-in-out infinite;
}

@keyframes smoothBlink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}

/*== start of code for tooltips ==*/
.tool {
    cursor: help;
    position: relative;
}


/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100; 
}


/*== pointer tip ==*/
.tool::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #ffffff transparent transparent transparent;
    bottom: 100%;
    content: "";
    margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
    transform:  scale(.6) translateY(-90%);
} 

.tool:hover::before,
.tool:focus::before {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
}


/*== speech bubble ==*/
.tool::after {
    background: #ffffff;
    border-radius: .25em;
    bottom: 140%;
    color: #0a675e;
    content: attr(data-tip);
    margin-left: -10.25em;
    font-size: 14px;
    padding: 1em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    transform: scale(.6) translateY(50%);
    width: 20.5em;
}

.tool:hover::after,
.tool:focus::after  {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
}

@media (max-width: 760px) {
  .tool::after { 
        font-size: .75em;
        margin-left: -5em;
        width: 10em; 
  }
}

#carouselExampleIndicators .carousel-indicators li{
	background-color : #ccc;
}
#carouselExampleIndicators .carousel-indicators .active{
	background-color: #b62626;
}
.policeinformation li {
    width: 148px;
    height: 110px;
    border: 1px solid #e6cb61;
    padding: 5px;
    margin: 5px 5px 5px 5px;
    float: left;
    border-radius: 5px;
    text-align: center!important;
}
.policeinformation li h3 {
    font-size: 14px;
	min-height: 50px;
}
.ps-incharge img {
    border: 5px solid #efefef;
    width: 90px;
    border-radius: 20px;
    text-align: center;
    margin: 10px 25px;
}
.incharge-name {
    text-align: center;
}
.incharge-name span {
    display: block;
    text-align: center;
	font-weight: bold;
}
.policeinformation {
    padding-top: 40px;
}
.policeinformation p {
    color: #978507;
}
.commissioneratepolice-address-block {
    background: #ccc;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    margin: 20px 20px 40px;
}
.commissioneratepolice-address-block p {
    text-align: center;
}
a.btn.essential-contact {
    background: #217595;
    color: #fff;
    margin: 20px;
}
.otheroffice-address-block {
    text-align: center;
}
.otheroffice-address-block-item {
    background: #fafafa80;
    padding: 20px;
    border-right: 1px solid #cfc2c2;
}
.otheroffice-address-block-item:last-child{
	border-right: none;
}
.otheroffice-address-block-item img {
    height: 165px;
}
.otheroffice-address-block-item h4 {
    min-height: 40px;
}
a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-none.ubermenu-loc- {
    color: #ccc;
}
@media screen and (min-width: 320px) and (max-width: 480px){
   .header_right.d-flex.flex-row.align-items-center.justify-content-start.ml-auto {
		width: 50px;
	}
	.search_content{
		top: 35%;
		left: 8%;
	}
	#searchBar button{
		width: 12%;
		padding: 0 1em;
	}
	#searchBar .search-query {
		width: 285px;
	}
	.icon_box {
		width: calc((100% - 5px) / 1);
	}
	.categories_container{
		padding: 0px 10px;
	}
	.cat_title{
		display: none;
	}
	.footer_container{
		height: 80px;
	}
	.copyright {
		margin-top: 0px;
	}
	.categories_container{
		flex-direction: inherit !important;
		margin-top: -90px;
		padding: 10px 10px;
	}
	#ubermenu-main-2{
		right: -40px;
		width: 230px;
		position: absolute;
		background: #e28d39;
		top: 80px;
		/* max-height: 500px; */
		visibility: visible;
		overflow: visible;
		-webkit-transition: max-height 1s ease-in;
		transition: max-height .3s ease-in;
	}
	ul#ubermenu-nav-main-2 li a {
		padding: 20px 20px;
	}
	.inner_heaader_container .innerentry-title {
    text-align: center;
    margin-top: 60px;
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
	}
	.cp-msg p{

    	/* font-family: "Arciform"; color: rgb(30 65 123);*/
    	padding: 0px 25px;
    	font-size: 17px;
    	
    	font-weight: 500;

	}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.header_right.d-flex.flex-row.align-items-center.justify-content-start.ml-auto {
		width: 50px;
	}
	.search_content{
		top: 35%;
		left: 8%;
	}
	#searchBar button{
		width: 12%;
		padding: 0 1em;
	}
	#searchBar .search-query {
		width: 285px;
	}
	.icon_box {
		width: calc((100% - 40px) / 1);
	}
	.categories_container{
		padding: 0px 10px;
	}
	.cat_title{
		display: none;
	}
	.footer_container{
		height: 80px;
	}
	.copyright {
		margin-top: 0px;
	}
	#ubermenu-main-2{
		right: -50px;
		width: 420px;
		position: absolute;
		background: #e28d39;
		top: 80px;
		/* max-height: 500px; */
		visibility: visible;
		overflow: visible;
		-webkit-transition: max-height 1s ease-in;
		transition: max-height .3s ease-in;
	}
	.inner_heaader_container .innerentry-title {
    	text-align: center;
    	margin-top: 60px;
    	font-size: 24px;
    	font-weight: 500;
    	color: #FFFFFF;
	}
	.cp-msg p{

    	/* font-family: "Arciform"; color: rgb(30 65 123); */
    	padding: 0px 25px;
    	font-size: 17px;
	}
	
}
.member-item a > img{
	height: 320px;
}
.member-item h4{
	padding-top: 20px;
}
.error-404.not-found{
	text-align:center;
	padding-bottom: 40px;
}
.error-404.not-found h1 {
    font-size: 200px;
    color: #1e3c72;
}
.error-404.not-found h2 {
     color: #3b458d;
     margin-top: 0px;
}
.kbx-section-heading{
	display: none !important;
}
ul.wp-chatbot-messages-container > li.wp-chatbot-msg span.qcld-chatbot-suggest-phone.qc_draggable_item_remove.ui-sortable-handle {

	display: none !important;

}
.cp-msg span{

    font-family: "Arciform";
    font-weight: 600;
    font-size: 22px;
}

.cp-msg p{

    /*font-family: "Arciform"; color: rgb(30 65 123); */
    padding: 15px;
    font-size: 17px;
    
    font-weight: 500;

}
 
.cp_designation {

    float: right;
    font-size: 18px;
    text-align: center;
    color: #25742f;

}
.incharge_name{
	text-align: center;
}
.wp-youtube-live.live iframe{
	width: 330px;
}
.mission-style p{
	font-family: cursive;
	font-size: 22px;
	padding-top: 80px;
}
.view_allps{
	text-align: center;
	margin-top: 20px;
}
.view_allps a{
	padding : 20px 20px;
	background: #ffb400;
	color: #ffffff;
	border-radius: 5px;
}
.map-image img{
	height: 320px;
}
.wp-block-gallery li.blocks-gallery-item:before{
	content: none !important;
}
										
a#whiteBtn {
    background: #ffffff;
    color: #000 !important;
    padding: 2px 5px;
}
a#blackBtn {
    background: #000000;
    color: #ffff00;
    padding: 2px 5px;
}
a#btn-decrease {
    font-size: 11px !important;
}
a#btn-orig {
    font-size: 13px !important;
	margin-left: 4px;
}
a#btn-increase {
    font-size: 15px !important;
	margin-left: 4px;
}
.topbar-homeicon{
	font-size: 15px !important;
}
.wp-chatbot-paragraph a{
	color: #FFEB3B;
	font-weight: 600;
}
#big {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
    background: #fff;
    padding: 15px;
    margin: 0;
}
#big .item > img {
    width: 100%;
    height: 650px;
    border: 1px solid #f0a437;
    background-size: cover;
    border-radius: 15px;
    padding: 5px;
}
#big .owl-nav {
bottom: 0px !important;
top: auto;
}
#big .owl-nav > button > i {
padding: 5px;
background: #8a1212 !important;
color: #ffffff;
}
#thumbs {
    width: 100% !important;
    margin-top: 15px;
    margin: 0 auto !important;
    text-align: -webkit-center;
}
#thumbs .item {
border: 3px solid #c7cace;
margin-top: 10px;
margin-right: 2px;
}
#thumbs .owl-nav {
display: none;
}
.event-headings h4 {
font-size: 24px;
color: #900606cc;
border-bottom: 1px solid #e1dfd1;
padding: 5px 0px;
}
ul.event-list i{
	color: #b37618;
	font-weight: 600;
}
h1.innerentry-title.event-title{
	font-size: 24px;
}
ul.event-list li {
    border-bottom: none;
    padding: 10px 0px;
    background-color: transparent;
    box-shadow: none;
}
ul.event-list li:last-child{
	border-bottom: none;
}
.event_head_main {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 20px;
    padding: 20px;
}


.gallery-archive .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
 
.gallery-archive .panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}
 
.gallery-archive .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
 
.gallery-archive .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}
 
.gallery-archive .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
 
.gallery-archive .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.outer h4{
	text-align: center;
}
.evnt-description {
    text-align: center;
    padding: 10px;
    background: #d6dee5;
    border-radius: 5px;
    margin: 10px;
    width: 100%;
    padding: 15px;
    margin: 0;
}
.evnt-description p{
	color: #1e1f57;
	line-height: 1.5;
	font-size: 15px;
	font-weight: 600;
}

.rowssss {
    display: flex;
    gap: 20px;
}

/*== =================================================================== ==*/
section.gallery-archive {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
    margin-top: 25px;
}

.container.d-flex.flex-wrap.logo-con{
    justify-content: space-between !important;
}
.search-container {
    display: none;
}
.header_navi {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
.col-md-9 .slide-con {
    left: 0% !important;
	width: 100%;
}
.site-main .row{}
.banner {
    background-image: unset;
}
.banner-txt-con {
    padding-bottom: 0;
    text-align: center;
    padding: 30px 0;
}
.banner-owl-carousel .item {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0;
}
.banner-owl-carousel .owl-nav {
    left: unset !important;
    top: unset !important;
    bottom: 40px !important;
    bottom: 0;
    right: 0 !important;
}
/* Dummy container (carousel area) */
.carousel-wrapper{
    position: relative;
    max-width: 1000px;
    height: 300px;
    margin: 50px auto;
    background: #f2f2f2;
    border-radius: 12px;
    overflow: hidden;
}

/* Button */
.carousel-btn {
    position: absolute;
    right: 216px;
    bottom: 47px;
    padding: 13px 21px;
    background: #f15a29;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.3s;
    z-index: 9;
    width: 100px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.icon_box_num {
    background-color: #0d1b60 !important;
}

div#wp-chatbot-ball {
    display: none;
}


.banner-txt-con{
    position: relative;
    width: auto;
    margin: auto;
    padding: 30px 20px;
    background: #fff7f2;
    border-radius: 0px;
    overflow: hidden;
}

/* LEFT SLANTED BLUE STRIP */
.banner-txt-con::before {
    content: '';
    position: absolute;
    left: -72px;
    top: 0;
    width: 107px;
    height: 100%;
    background: #f0a437;
    transform: skewX(-7deg);
}
.row.banner-row .col-md-3,
.row.banner-row .col-md-9{
    margin: 0;
    padding: 0;
}


===============New-CSS================

/* ================= RESET ================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

/* ================= COMMON ================= */
.lolice_pad_lr {
    padding: 60px 120px;
}

/* ================= BREADCRUMB ================= */
.police_breadcrumb_sec {
    position: relative;
    min-height: 320px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.police_breadcrumb_sec video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.police_breadcrumb_sec::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #020b2d 0%, #04144a 60%, rgba(4, 20, 74, .3) 100%);
}

.police_breadcrumb_main {
    position: relative;
    z-index: 2;
    color: #fff;
}

.police_breadcrumb_main h2 {
    font-size: 40px;
    margin-bottom: 12px;
}

.police_breadcrumb_main p {
    font-size: 18px;
}

/* ================= CONTENT ================= */


.org_heading {
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    color: #0b4c7a;
    margin-bottom: 40px;
}

/* ==================================================
FIXED SIZE IMAGE CARDS (MAIN REQUIREMENT)
================================================== */

.person {
    width: 250px;
    height: 250px;
    
    border-radius: 16px;
    overflow: hidden;
    text-align: center;
 
    cursor: pointer;
    position: relative;
}

.person:hover {
    
}

/* IMAGE AREA FIX */
.crd_fig {
    width: 100%;
    height: auto;

    overflow: hidden;
}

.person img {
  width: 160px;
    height: 160px;
    object-fit: contain;
    object-position: top;
    transition: transform .5s ease;
    background-color: #fff;
    /* width: 80px; */
    /* height: 80px; */
    border-radius: 50%;
    border: 2px dashed #c56a2d;
    padding: 5px;
    margin-right: 15px;
}

.person:hover img {
    transform: scale(1.08);
}

/* NAME FIX */
.person .name {
    height: 85px;
 
    color: #000;
    padding: 14px 0px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.person .desg {
    font-size: 12px;
    font-weight: 500;
    margin-top: 6px;
    color: #f15a29;
}




/* ================= STRUCTURE ================= */
.top_single,
.mid_single {
    margin: 0 auto 0px;
}

.three_col {
    display: flex;
    justify-content: center;
    gap: 128px;
    flex-wrap: wrap;
}

/* ================= OTHER SECTIONS ================= */

.sub_heading {
    padding-top: 50px;
}

.dcp_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    max-width: 1100px;
    margin: auto;
}

.dcp_box {
    background: #e6e6e6;
    padding: 20px 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border-radius: 19px 0px;
    box-shadow: inset rgba(0, 0, 0, 0.24) -1px 0px 8px;
    line-height: 25px;

    transition:
        border-radius 0.4s ease-in-out,
        background-color 0.4s ease-in-out,
        color 0.3s ease-in-out;
}

.dcp_box:hover {
    border-radius: 0px 20px;
    background-color: #0d1b60;
    color: #fff;
}



.rank_row h4 {
    background: #e6e6e6;
    padding: 20px 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    box-shadow: inset rgba(0, 0, 0, 0.24) -1px 0px 8px;
    line-height: 25px;
    width: 185px;
    position: relative;
}

.rank_row h4:not(:last-child)::after {
    content: '';
    position: absolute;
    border-left: 1px solid #000;
    height: 100%;
    rotate: 90deg;
    left: 117%;
    top: 0;
}


.rank_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    margin-top: 45px;
}

/* former-chiefs-of-police start */
.fcp-wrapper {
    max-width: 1100px;
    margin: 50px auto;
    padding: 0 20px;
}

.fcp-block {
    background: #ffffff;
    border-radius: 12px;
    padding: 28px;
    margin-bottom: 45px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.07);
}

.fcp-heading {
    font-size: 26px;
    margin-bottom: 22px;
    padding-left: 14px;
    border-left: 6px solid #fd9f6d;
    color: #1a2a44;
}

.fcp-table-wrap {
    overflow-x: auto;
}

.fcp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.fcp-table thead {
    background: linear-gradient(90deg, #0c3b8b, #1c6ed5);
    color: #fff;
}

.fcp-table th,
.fcp-table td {
    padding: 14px 16px;
    text-align: left;
}

.fcp-table tbody tr {
    border-bottom: 1px solid #e6e6e6;
    transition: 0.25s;
}

.fcp-table tbody tr:hover {
    background: #f1f6ff;
}

.fcp-leaders {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
}

.fcp-card {
    background: linear-gradient(135deg, #f7f9ff, #ffffff);
    padding: 20px;
    border-radius: 10px;
    border-left: 5px solid #fd9f6d;
    transition: 0.3s;
}

.fcp-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.1);
}

.fcp-role {
    display: block;
    font-size: 14px;
    color: #6b7a90;
    margin-bottom: 6px;
}

.fcp-name {
    font-size: 17px;
    font-weight: 600;
    color: #0c3b8b;
}
/* former-chiefs-of-police end */

/* ==========Mission Statement============ */
.mission_statmt_main_left p {
    font-size: 25px;
    font-family: Poppins;
    font-size: 22px;
    padding-top: 80px;
    color: #0f1255;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: justify;
}

.mission_statmt_right_fig {
    width: 100%;
    height: auto;
}

.mission_statmt_right_fig img {
    width: 100%;
    height: auto;
    filter:none !important;
}

.mission_statmt_main .row {
    display: flex;
    align-items: center;
}

/* ==========Mission Statement============ */


















/* ================= RESPONSIVE (ONLY 1024px) ================= */
@media (max-width:1024px) {

    .lolice_pad_lr {
        padding: 40px;
    }

    .person {
        width: 250px;
        height: auto;
    }

    .crd_fig {
        height: auto;
    }

    .police_breadcrumb_main h2 {
        font-size: 26px;
    }

    .dcp_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .police_breadcrumb_sec {
        min-height: 265px;
    }
.breadcrumb_title h2{
    font-size:25px;
}
}

@media (max-width:767px) {
    .dcp_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .lolice_pad_lr {
        padding: 20px;
    }

    .org_heading {
        font-size: 23px;
    }

    .person {
        width: 100%;
        height: auto !important;
    }

    .person img {
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: top;
        transition: transform .5s ease;
        background-color: #fff;
    }

    .three_col {
        gap: 20px;
    }

    .rank_row h4:not(:last-child)::after {
        position: unset;
        border-left: none !important;
        height: 100%;
        rotate: 90deg;
        left: 117%;
        top: 0;
    }

    .rank_row h4 {
        width: 170px;
    }

    .rank_row {
        gap: 10px;
    }

    .police_breadcrumb_sec {
        min-height: 150px;
    }
.cm-img {
    width: auto !important;
    height: auto !important;
}
ul.single-p-ul {
    display: grid !important;
    grid-template-columns: 1fr !IMPORTANT;
    gap: 8px;
}
}


        .road_main {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 170px;
            background: #355463;
            overflow: hidden;
            position: relative;
        }

        /* ROAD */
        .road {
            position: relative;
            width: 100vw;
            display: flex;
            justify-content: center;
            align-items: center;
            transform: rotate(-1deg);
            height: auto;
        }

        .road::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            background: linear-gradient(90deg, #fff 50%, transparent 50%);
            background-size: 50px;
            animation: road 0.5s linear infinite;
        }

        @keyframes road {
            from {
                background-position: 50px 0;
            }

            to {
                background-position: 0 0;
            }
        }

        /* POLICE */
        .police {
            position: absolute;
            left: 65px;
            width: 200px;
            height: 140px; 
            border-radius: 10px;
            animation: policeMove 5s linear infinite;
        }

        .police:nth-child(2) {
            left: 450px;
            animation-delay: -2.5s;
			
        }

        @keyframes policeMove {
            0% {
                transform: translate(20px, -20px);
            }

            50% {
                transform: translate(20px, 20px);
            }

            100% {
                transform: translate(20px, -20px);
            }
        } 

        .police span {
            position: absolute;
            inset: 5px 10px;
            background: #475b66;
            border-radius: 10px;
        }

        .police span::before {
            content: "112";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(90deg);
            font-weight: 900;
        }

        .police span i {
            position: absolute;
            inset: 0;
        }

        .police span:before {
            content: "112";
            position: absolute;
            top: 50%;
            left: 48%;
            transform: translate(-50%, -50%) rotate(90deg);
            z-index: 10;
            color: #333;
            font-size: 1.15em;
            font-weight: 1000;
            letter-spacing: 0.1em;
        }

        .police span b {
            position: absolute;
            inset: 0 30px;
            background: #344650;
            border-radius: 10px;
        }

        .police span b:before {
            content: "";
            position: absolute;
            inset: 6px 25px;
            background: #ebebeb;
            border: 5px;
        }

        .police span b:after {
            content: "";
            position: absolute;
            inset: 0px 58px;
            background: #ebebeb;
        }

        .police span i:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 20px;
            width: 40px;
            height: 5px;
            background: #ebebeb;
            transform: rotate(15deg);
            transform-origin: right;
            box-shadow: 100px 34px #ebebeb;
        }

        .police span i:after {
            content: "";
            position: absolute;
            bottom: 7px;
            left: 20px;
            width: 40px;
            height: 5px;
            background: #ebebeb;
            transform: rotate(-15deg);
            transform-origin: right;
            box-shadow: 100px -34px #ebebeb;
        }

        .police span:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 60%;
            transform: translate(-50%, -50%);
            z-index: 100;
            width: 6px;
            height: 10px;
            background: #29282b;
            box-shadow: 0 -10px #1f5fff, 0 10px #df1b25;
        }

         

        .police span i::before,
        .police span i::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 5px;
            background: #ebebeb;
        }

        .police span i::before {
            top: 7px;
            left: 20px;
            transform: rotate(15deg);
            box-shadow: 100px 34px #ebebeb;
        }

        .police span i::after {
            bottom: 7px;
            left: 20px;
            transform: rotate(-15deg);
            box-shadow: 100px -34px #ebebeb;
        }

        .police h4,
        .police h3 {
            position: absolute;
            top: 50%;
            color: #fff;
            transform: translateY(-50%) rotate(90deg) scale(.75);
        }

        .police h3 {
            right: -5px;
            transform: translateY(-50%) rotate(270deg) scale(.75);
        }

        /* LIGHT */
        .light_beam {
            position: absolute;
            right: -2px;
            top: 5px;
            width: 10px;
            height: 70px;
            background: rgba(0, 0, 0, .2);
        }

        .light_beam::before,
        .light_beam::after {
            content: "";
            position: absolute;
            width: 150px;
            height: 16px;
            background: linear-gradient(90deg, rgba(255, 255, 255, .6), transparent);
            transform-origin: left;
            transform: perspective(500px) rotateY(-50deg);
        }

        .light_beam::before {
            top: 5px;
        }

        .light_beam::after {
            bottom: 5px;
        }

        /* TAXI */
        .taxi {
            position: absolute;
            right: 350px;
            width: 200px;
            height: 80px;
            background: #f4b503;
            border-radius: 10px;
            animation: taxiMove 5s linear infinite;
			display: none
        }

        @keyframes taxiMove {
            0% {
                transform: translate(20px, 20px);
            }

            50% {
                transform: translate(20px, -20px);
            }

            100% {
                transform: translate(20px, 20px);
            }
        }

        .taxi span {
            position: absolute;
            inset: 5px 10px;
            background: #fdd206;
            border-radius: 10px;
        }

        .taxi span::before {
            content: "Taxi";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(90deg);
            font-weight: 900;
            background: #fff;
            padding: 2px;
        }

        .taxi span b {
            position: absolute;
            inset: 0 30px;
            background: #111;
            border-radius: 10px;
        }



        .taxi span i {
            position: absolute;
            inset: 0;
        }

        .taxi span i:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 20px;
            width: 40px;
            height: 5px;
            background: #fbb206;
            transform: rotate(15deg);
            transform-origin: right;
            box-shadow: 100px 34px #fbb206;
        }

        .taxi span i:after {
            content: "";
            position: absolute;
            bottom: 7px;
            left: 20px;
            width: 40px;
            height: 5px;
            background: #fbb206;
            transform: rotate(-15deg);
            transform-origin: right;
            box-shadow: 100px -34px #fbb206;
        }

        .taxi span b:before {
            content: "";
            position: absolute;
            inset: 6px 25px;
            background: #fbb206;
            border: 5px;
        }

        .taxi span:before {
            content: "Taxi";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(90deg);
            background: #fff;
            padding: 2px;
            font-size: 0.75em;
            font-weight: 1000;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            border-radius: 2px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
            z-index: 1000;
        }

        .police .side_mirror {
            position: absolute;
            inset: 0;
        }

@media (max-width:1550px) {.rank_row h4 {
    background: #e6e6e6;
    padding: 14px 30px;
    text-align: center;
    font-size: 15px;
    /* font-weight: 700; */
    border-radius: 10px;
    box-shadow: inset rgba(0, 0, 0, 0.24) -1px 0px 8px;
    /* line-height: 25px; */
    width: 142px;
    position: relative;
  
}
.rank_row{
gap:0px !important;}
        }}


        @media (max-width:1440px) {
            .road_main {
                height: 250px;
            }

            .police {
                width: 185px;
                height: 80px;
            }

            .taxi {
                right: 250px;
                width: 187px;
                height: 80px;
            }
			.top-bar:after {
				width: 500px !important;
			}

.rank_row h4{
width:142px;}
.rank_row{
gap:0px !important;}
        }

        @media (max-width:1024px) {
            .road_main {
                height: 260px;
            }

            .police {
                left: 15px;
            }

            .taxi {
                right: 80px;
                width: 187px;
                height: 80px;
            }

            .police:nth-child(2) {
                left: 240px;
                animation-delay: -2.5s;
            }

            .police {
                width: 116px;
                height: 55px;
            }

            .police span:before {
                background-color: #fff;
            }

            .police::before,
            .police::after {
                top: 3px;
                width: 6px;
                height: 10px;
            }

            .police span b:after {
                inset: 0px 1px;
            }

            .light_beam {
                right: 1px;
                top: -3px;
                width: 6px;
                height: 60px;
            }

            .police span i {
                position: absolute;
                inset: 0;
                top: 0;
                left: -16px;
            }

            .police h3 {
                right: 2px;
                transform: translateY(-50%) rotate(270deg) scale(.75);
                font-size: 16px;
                background-color: #fff;
                color: #000;
                z-index: 9;
            }

            .light_beam::before,
            .light_beam::after {
                width: 105px;
                height: 16px;
            }

            .police span i::before,
            .police span i::after {
                display: none;
            }
			.top-bar:after {
				width: -webkit-fill-available !important;
				height: 40px !important;
				border-radius: 0 0 50px 50px  !important;
			}
        }

        @media (max-width:767px) {
            .police {
                width: 116px;
                height: 55px;
            }

            .police span:before {
                background-color: #fff;
            }

            .police::before,
            .police::after {
                top: 3px;
                width: 6px;
                height: 10px;
            }

            .police span b:after {
                inset: 0px 1px;
            }

            .light_beam {
                right: 1px;
                top: -3px;
                width: 6px;
                height: 60px;
            }

            .police span i {
                position: absolute;
                inset: 0;
                top: 0;
                left: -16px;
            }

            .police:nth-child(2) {
                display: none;
            }

            .taxi {
                right: 80px;
                width: 163px;
                height: 78px;
            }

            .taxi {
                right: 80px;
                width: 117px;
                height: 58px;
            }

            .road_main {
                height: 185px;
            }

            .road {
                height: auto;
            }

            .taxi span i:after {
                content: "";
                position: absolute;
                bottom: 7px;
                left: 4px;
                width: 28px;
                height: 3px;
                background: #3a3834;
                transform: rotate(-9deg);
                transform-origin: right;
                box-shadow: 66px -24px #363228;
            }

            .taxi span i:before {
                content: "";
                position: absolute;
                top: 10px;
                left: 4px;
                width: 26px;
                height: 3px;
                background: #020202;
                transform: rotate(11deg);
                transform-origin: right;
                box-shadow: 68px 21px #000;
            }

            @keyframes policeMove {
                0% {
                    transform: translate(10px, -20px);
                }

                50% {
                    transform: translate(10px, 20px);
                }

                100% {
                    transform: translate(10px, -20px);
                }
            }

            @keyframes taxiMove {
                0% {
                    transform: translate(10px, 10px);
                }

                50% {
                    transform: translate(10px, -10px);
                }

                100% {
                    transform: translate(10px, 10px);
                }
            }

            @keyframes road {
                from {
                    background-position: 20px 0;
                }

                to {
                    background-position: 0 0;
                }
            }

            .road {
                animation: road 4s linear infinite;
                /* slow speed */
            }

            .police::before,
            .police::after {
                top: 0px;
                width: 4px;
                height: 8px;
            }
			.breadcrumb_title h2 {
				font-size: 25px;
			}
			.breadcrumb {
				padding: 0 !important;
				margin: 0 !important;
			}
			.breadcrumb_title {
				border-radius: 12px;
				background: rgb(240 164 55 / 44%);
				backdrop-filter: blur(-8px);
				padding: 15px 15px;
			}
			.top-bar:after {
				height: 70px !important;
				border-radius: 0 0 55px 55px  !important;
			}
        }


        .breadcrumb_title {
            position: absolute;
			    text-align: center;
        }

        .breadcrumb a i {
            color: #000;
        }
		.breadcrumb {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding: .75rem 1rem;
			margin-bottom: 1rem;
			list-style: none;
			background-color: transparent;
			border-radius: .25rem;
			align-items: center;
			gap: 10px;
			justify-content: center;
		}

        .home {
            background-color: #f0a437;
            width: 50px;
            height: 50px;
            display: inline-block;
            text-align: center;
            align-content: center;
            border-radius: 100%;
            text-decoration: none;
        }
		.breadcrumb_title h2{
			color: #fff;
		}
.top-left {
    background-color: transparent;
    position: relative;
    z-index: 9;
}
.top-bar {
    position: relative;
}
.top-bar:after {
    position: absolute;
    content: "";
    background-color: #0b2a4a;
    width: 40%;
    height: -webkit-fill-available;
    left: 0;
    top: 0;
    border-radius: 0 0 137px 0;
}

.breadcrumb a,
.breadcrumb span {
  color: white;
}
.dial_hundred.ciber_numb {
    top: 68%;
}

.police:nth-child(2) {
    display: none;
}
.taxi {
    display: none;
}
.road_main {
    height: 125px;
}
#ucm_cssmenu li ul a {
    padding: 10px 20px;
    border-bottom: 1px solid #44688d;
}
.card.logo-card img {
    object-fit: contain;
}
.mission_statmt_right_fig {
    border: 1px solid #FFF;
    border-radius: 20px;
    box-shadow:none;
    overflow: hidden; /* Important to prevent overflow when zooming */
}

.mission_statmt_right_fig img {
    border-radius: 20px;
}
.mission_statmt_right_fig {
    position: relative;
    width: 100%;
    border: 1px solid #FFF;
    border-radius: 20px;
    box-shadow: none !important;
    overflow: hidden;
}

.mission_statmt_right_fig img {
    display: block;
    width: 100%;
    border-radius: 20px;
}

/* Shine Effect */
.mission_statmt_right_fig::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.7) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    pointer-events: none;
}

.mission_statmt_right_fig:hover::after {
    animation: shine 1s ease;
}

@keyframes shine {
    100% {
        left: 130%;
    }
}

.icon_box ul.nav.nav-tabs {
    justify-content: space-between;
    align-items: center;
}

/* ===== RTI(UNIQUE) ===== */
.rti-layout {
    width: 100%;
    display: grid;
    grid-template-columns: 3fr 1.2fr;
    gap: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
}

/* ===== TITLE ===== */
.rti-page-title{
    grid-column:1 / -1;
    color:#d10000;
    font-size:20px;
    margin-bottom:10px;
}

/* ===== TABLE ===== */
.rti-table{
    width:100%;
    border-collapse:collapse;}

.rti-table th{
    background: #f0a437;
    color:#fff;
    padding:12px;
    text-align:left;
    font-size:14px;
}

.rti-table td{
    padding:15px 12px;
    vertical-align:top;
    font-size:14px;
    border-bottom:1px solid #ddd;
}


/* Row hover */
.rti-table tr:hover td{
    background:#eef5ff;
    transition:background .3s ease;
}

/* ===== PROFILE IMAGE ===== */
.rti-profile-img{
    width:80px;
    border-radius:12px;
    border:1px solid #ccc;
    transition:transform .3s ease, box-shadow .3s ease;
}

.rti-table tr:hover .rti-profile-img{
    transform:translateY(-3px);
    box-shadow:0 6px 15px rgba(0,0,0,.15);
}

/* ===== SIDEBAR ===== */
.rti-sidebar-box{
    background:transparent;
    border-radius:10px;
    border:1px solid #d5d5d5;
    overflow:hidden;
    margin-bottom:20px;
    transition:transform .3s ease, box-shadow .3s ease;
}

.rti-sidebar-box:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.rti-sidebar-box h3{
    margin:0;
    padding:12px 15px;
    background:#ece9e8;
    font-size:15px;
    border-bottom:1px solid #d5d5d5;
}

.rti-sidebar-box .content{
    padding:15px;
    font-size:14px;
}

.rti-sidebar-box ul{
    padding-left:18px;
    margin:0;
}

.rti-sidebar-box li{
    margin-bottom:10px;
}

.rti-sidebar-box a{
    color:#0056c9;
    text-decoration:none;
    transition:color .3s ease;
}

.rti-sidebar-box a:hover{
    color:#d10000;
    text-decoration:underline;
}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
    .rti-layout{
        grid-template-columns:1fr;
    }
}

.content p,.content p strong{
    color: #000;
    font-size: 16px;
}

.content p a {
    font-size: 18px;
    border: none;
}

  /* Goals of Commissionerate */
        .timeline {
            position: relative;
            width: 100%;
            margin: 80px auto;
            padding-left: 80px;
        }

        /* Animated Vertical Line */
        .timeline::before {
            content: "";
            position: absolute;
            left: 35px;
            top: 0;
            width: 6px;
            height: 0;
            background: #091560;
            border-radius: 10px;
            animation: growLine 1.5s forwards ease-out;
        }

        /* Content Box */
        .box {
            position: relative;
            background: #091560;
            color: #fff;
            padding: 25px;
            margin-bottom: 60px;
            border-radius: 10px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
            opacity: 0;
            transform: translateX(30px);
            animation-fill-mode: forwards;
        }

        /* Number Circle */
        .box::before {
            content: attr(data-number);
            position: absolute;
            left: -67px;
            top: 25px;
            width: 45px;
            height: 45px;
            background: #f0a437;
            color: #003c4d;
            font-weight: bold;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            border: 5px solid #e2e8f0;
            box-shadow: 0 0 15px rgba(0, 229, 255, 0.7);
            animation: pulseGlow 2s infinite ease-in-out;
            animation-delay: calc(var(--i) * 0.6s);
        }

        /* Sequential animations for content and pulse delay */
        .box:nth-child(1) {
            animation: fadeSlideIn 0.8s ease forwards;
            animation-delay: 1.6s;
            --i: 0;
        }

        .box:nth-child(2) {
            animation: fadeSlideIn 0.8s ease forwards;
            animation-delay: 2.2s;
            --i: 1;
        }

        .box:nth-child(3) {
            animation: fadeSlideIn 0.8s ease forwards;
            animation-delay: 2.8s;
            --i: 2;
        }

        .box:nth-child(4) {
            animation: fadeSlideIn 0.8s ease forwards;
            animation-delay: 3.4s;
            --i: 3;
        }

        .box:nth-child(5) {
            animation: fadeSlideIn 0.8s ease forwards;
            animation-delay: 4.0s;
            --i: 4;
        }

        .box:nth-child(6) {
            animation: fadeSlideIn 0.8s ease forwards;
            animation-delay: 4.6s;
            --i: 5;
        }

        /* Line grow animation */
        @keyframes growLine {
            to {
                height: 100%;
            }
        }

        /* Fade and slide in for boxes */
        @keyframes fadeSlideIn {
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* Pulsing glow animation */
        @keyframes pulseGlow {

            0%,
            100% {
                box-shadow:
                    0 0 15px rgba(31, 47, 49, 0.7),
                    0 0 25px rgba(47, 49, 49, 0.5),
                    0 0 40px rgba(91, 133, 138, 0.3);
                transform: scale(1);
            }

            50% {
                box-shadow:
                    0 0 30px rgb(15, 17, 17),
                    0 0 45px rgba(0, 69, 77, 0.8),
                    0 0 60px rgba(68, 68, 68, 0.6);
                transform: scale(1.15);
            }
        }
		
		
		
		        .card-grid-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            max-width: 100%;
            margin: 0 auto;
            align-content: center;
            height: 100vh;
        }

        /* Card Item */
        .card-item {
            background: linear-gradient(145deg, #ffffff, #f8f9fa);
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), 0 1px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            border: 1px solid rgba(255, 255, 255, 0.2);
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        /* Hover Effects */
        .card-item:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 5px 15px rgba(0, 0, 0, 0.2);
        }

        .card-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #667eea, #764ba2, #667eea);
            background-size: 200% 100%;
            animation: shimmer 3s linear infinite;
        }

        /* Keyframes for shimmer effect */
        @keyframes shimmer {
            0% {
                background-position: -200% 0;
            }

            100% {
                background-position: 200% 0;
            }
        }

        /*Former Chiefs of Police Card Image Wrapper */
        .card-image-wrapper {
            width: 100%;
            height: 160px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            position: relative;
            border-bottom: 2px solid #dee2e6;
        }

        /* Image Styling */
		.card-image-wrapper img {
			width: 100%;
			height: 100%;
			object-fit: contain !important;
			transition: transform 0.6s ease, filter 0.3s ease;
			position: relative;
			z-index: 1;
			background-color: #fff;
		}

        .card-item:hover .card-image-wrapper img {
            transform: scale(1.08);
            filter: brightness(1.05);
        }

        /* Styling for "No Image" */
        .card-image-wrapper.no-image {
            background: linear-gradient(135deg, #e9ecef, #dee2e6);
            color: #6c757d;
            font-size: 11px;
            font-weight: 600;
            text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
            position: relative;
        }

        .card-image-wrapper.no-image::before {
            content: '📷';
            position: absolute;
            font-size: 24px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            opacity: 0.3;
            z-index: 0;
        }

        .card-image-wrapper.no-image span {
            position: relative;
            z-index: 2;
            background: rgba(255, 255, 255, 0.9);
            padding: 8px 12px;
            border-radius: 20px;
            border: 2px dashed #dee2e6;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* Card Content */
        .card-details {
            padding: 15px;
            max-height: none;
            overflow-y: auto;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        /* Card Content Typography */
		.card-details h3 a {
			font-size: 14px;
			color: #2c3e50;
			margin-bottom: 10px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			background: linear-gradient(135deg, #667eea, #764ba2);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			text-decoration: none;

			/* 1 line clamp */
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			overflow: hidden;
		}

        .card-details p {
            font-size: 11px;
            color: #5a6c7d;
            margin-bottom: 6px;
            line-height: 1.4;
        }

        .card-details strong {
            color: #2c3e50;
            font-weight: 600;
        }

        /* Scrollbar Styling */
        .card-details::-webkit-scrollbar {
            width: 6px;
        }

        .card-details::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
        }

        .card-details::-webkit-scrollbar-thumb {
            background: linear-gradient(135deg, #667eea, #764ba2);
            border-radius: 10px;
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        .card-details::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(135deg, #5a6fd8, #6a4190);
        }

        /* Card Badge */
        .card-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            background: linear-gradient(135deg, #ff6b6b, #ee5a24);
            color: white;
            padding: 4px 8px;
            border-radius: 20px;
            font-size: 9px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            box-shadow: 0 2px 10px rgba(238, 90, 36, 0.3);
        }

        /* Responsive Design */
        @media (max-width: 1200px) {
            .card-grid-container {
                grid-template-columns: repeat(3, 1fr);
                max-width: 900px;
            }
        }

        @media (max-width: 1024px) {
            .card-grid-container {
                grid-template-columns: repeat(3, 1fr);
                max-width: 800px;
            }
        }

        @media (max-width: 768px) {
            .card-grid-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
                max-width: 600px;
            }
        }

        @media (max-width: 600px) {
            .card-grid-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 12px;
                max-width: 500px;
            }
        }

        @media (max-width: 480px) {
            .card-grid-container {
                grid-template-columns: 1fr;
                gap: 15px;
                max-width: 350px;
            }
        }

        @media (max-width: 360px) {
            .card-grid-container {
                max-width: 300px;
            }
        }
		
		
		/* our-history */

		.history_main {
    overflow: hidden;
    padding: 50px 0;
}

.history_main_left ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.history_main_left ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 18px;
    font-size: 16px;
    text-align: justify;
    line-height: 1.7;
}

.history_main_left ul li::before {
    content: "»";
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 20px;
    color: #ff6b6b;
    background: linear-gradient(135deg, #ff6b6b 0%, #4ecdc4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: bold;
}

/* Remove background from image container */
.history_main_right {
    background: none !important;
    background-color: transparent !important;
    text-align: center;
    padding: 20px 0;
    width: 100%;
}

.history_main_right img {
    border: 1px solid black;
    border-radius: 15px;
    width: 100%;
    height: auto;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.history_main_right img:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2);
}

/* Responsive Styles */
@media (max-width: 1024px) {

    .history_main .row .col-lg-7.col-md-6.col-sm-12,
    .history_main .row .col-lg-5.col-md-6.col-sm-12 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .history_main {
        padding: 30px 15px;
    }

    .history_main_left ul li {
        font-size: 15px;
        margin-bottom: 16px;
        padding-left: 22px;
        line-height: 1.6;
    }

    .history_main_left ul li::before {
        font-size: 18px;
        top: 1px;
    }

    .history_main_right {
        padding: 15px 0;
        margin-top: 20px;
    }

    .history_main_right img {
        max-width: 80%;
    }
}

@media (max-width: 576px) {
    .history_main {
        padding: 20px 10px;
    }

    .history_main_left ul li {
        font-size: 14px;
        margin-bottom: 14px;
        padding-left: 20px;
        line-height: 1.5;
    }

    .history_main_left ul li::before {
        font-size: 16px;
        top: 0;
    }

    .history_main_right {
        padding: 10px 0;
        margin-top: 15px;
    }

    .history_main_right img {
        max-width: 70%;
    }
}

@media (max-width: 480px) {
    .history_main_left ul li {
        font-size: 13px;
        padding-left: 18px;
    }

    .history_main_left ul li::before {
        font-size: 14px;
    }

    .history_main_right img {
        max-width: 60%;
    }
}

.content-section {
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    box-sizing: border-box;
}

.content-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.content-section ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 18px;
    font-size: 16px;
    text-align: justify;
    line-height: 1.7;
}

/* Custom Button Bullet */
.content-section ul li::before {
    content: "»";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 20px;
    color: #ff6b6b;
    background: linear-gradient(135deg, #ff6b6b 0%, #4ecdc4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: bold;
}

/* Tablet Styles */
@media (max-width: 768px) {
    .content-section ul li {
        font-size: 15px;
        margin-bottom: 16px;
        padding-left: 22px;
    }

    .content-section ul li::before {
        font-size: 18px;
        top: 1px;
    }
}

/* Mobile Styles */
@media (max-width: 480px) {


    .content-section ul li {
        font-size: 14px;
        margin-bottom: 14px;
        padding-left: 20px;
        line-height: 1.6;
    }

    .content-section ul li::before {
        font-size: 16px;
        top: 0;
    }
}

/* Large Desktop Styles */
@media (min-width: 1200px) {
    .content-section ul li {
        font-size: 17px;
        margin-bottom: 20px;
    }
}

/* Read More/Less Button Styles */
.read-more-btn {
    background: #6B46C1;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin: 20px auto;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(107, 70, 193, 0.3);
    position: relative;
    overflow: hidden;
}

.read-more-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(107, 70, 193, 0.4);
    background: #5A3896;
}

.read-more-btn:active {
    transform: translateY(0);
}

.read-more-btn .arrow {
    font-size: 12px;
    transition: transform 0.3s ease;
    display: inline-block;
}

.read-more-btn.expanded .arrow {
    transform: rotate(180deg);
}

/* Collapsible content transition */
.collapsible-content {
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translateY(30px) scale(0.95);
}

.collapsible-content.show {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Page animations */
.content-section.animate {
    animation: none;
}

/* List item styling - animations removed for stability */
.content-section ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 18px;
    font-size: 16px;
    text-align: justify;
    line-height: 1.7;
}

/* Staggered fade-in animation for list items */
.collapsible-content ul li {
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.collapsible-content.show ul li {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger delays for each list item */
.collapsible-content.show ul li:nth-child(1) {
    transition-delay: 0.1s;
}

.collapsible-content.show ul li:nth-child(2) {
    transition-delay: 0.15s;
}

.collapsible-content.show ul li:nth-child(3) {
    transition-delay: 0.2s;
}

.collapsible-content.show ul li:nth-child(4) {
    transition-delay: 0.25s;
}

.collapsible-content.show ul li:nth-child(5) {
    transition-delay: 0.3s;
}

.collapsible-content.show ul li:nth-child(6) {
    transition-delay: 0.35s;
}

.collapsible-content.show ul li:nth-child(7) {
    transition-delay: 0.4s;
}

.collapsible-content.show ul li:nth-child(8) {
    transition-delay: 0.45s;
}

.collapsible-content.show ul li:nth-child(9) {
    transition-delay: 0.5s;
}

.collapsible-content.show ul li:nth-child(10) {
    transition-delay: 0.55s;
}

/* Button container for centering */
.button-container {
    text-align: center;
    margin: 20px 0;
}

/* Simple pulse animation for button */
.button-container.pulse {
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }
}

.sub_navi li a:hover{
	color: #0b2a4a !Important;
}

.column-1 a img {
    width: 50px;
    height: auto;
}
.column_cntr {
	text-align: center;
}
.page-item.active .page-link {	
    background-color: #ff9800;
    border-color: #ff9800;
}


/* ===============================
   Lost Mobile
================================ */
.bbsrctc-lostmobile{
    background:#f4f7fb;
    font-family:"Segoe UI", Arial, sans-serif;
    color:#1f2937;
    line-height:1.65;
}

/* ===== HEADER ===== */
.bbsrctc-lostmobile .bbsrctc-lm-header {
    background: unset;
    color: #000;
    padding: 26px 16px;
    text-align: center;
}

.bbsrctc-lostmobile .bbsrctc-lm-title{
    font-size:24px;
    font-weight:700;
}

.bbsrctc-lostmobile .bbsrctc-lm-subtitle{
    font-size:14px;
    margin-top:6px;
    opacity:0.9;
}

/* ===== CONTENT WRAP ===== */
.bbsrctc-lostmobile .bbsrctc-lm-wrap{
    max-width:1100px;
    margin:30px auto;
    padding:0 15px;
}

/* ===== CARD ===== */
.bbsrctc-lostmobile .bbsrctc-lm-card{
    background:#ffffff;
    border-radius:16px;
    padding:24px;
    margin-bottom:26px;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.bbsrctc-lostmobile .bbsrctc-lm-card-title{
    font-size:18px;
    font-weight:700;
    color:#0b4c8c;
    margin-bottom:12px;
}

/* ===== TEXT ===== */
.bbsrctc-lostmobile .bbsrctc-lm-text{
    font-size:14.5px;
    margin-bottom:10px;
}

/* ===== LIST ===== */
.bbsrctc-lostmobile .bbsrctc-lm-list{
    list-style:none;
    margin:0;
    padding:0;
}

.bbsrctc-lostmobile .bbsrctc-lm-list li{
    position:relative;
    padding:10px 0 10px 30px;
    font-size:14px;
    border-bottom:1px dashed #d1d5db;
}

.bbsrctc-lostmobile .bbsrctc-lm-list li:last-child{
    border-bottom:none;
}

.bbsrctc-lostmobile .bbsrctc-lm-list li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:10px;
    font-weight:700;
    color:#0b4c8c;
}

/* ===== GRID ===== */
.bbsrctc-lostmobile .bbsrctc-lm-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

@media(max-width:768px){
    .bbsrctc-lostmobile .bbsrctc-lm-grid{
        grid-template-columns:1fr;
    }
}

/* ===== NOTICE ===== */
.bbsrctc-lostmobile .bbsrctc-lm-notice{
    background:#eef6ff;
    border-left:5px solid #0b4c8c;
    padding:16px;
    border-radius:8px;
    font-size:14px;
}


/* ===============================
  Magazine & Publication
================================ */
.bbsrctc-mag-exact{
    padding:30px 20px;
}

/* ===== GRID ===== */
.bbsrctc-mag-exact .bbsrctc-mag-grid {
    display: grid;
  
    gap: 30px;
justify-content: center;
}

/* ===== LINK ===== */
.bbsrctc-mag-exact .bbsrctc-mag-link{
    text-decoration:none;
    color:#111;
    display:block;
}

/* ===== OUTER BORDER ===== */
.bbsrctc-mag-exact .bbsrctc-mag-outer{
    background:#f6edc3; /* cream border */
    border-radius:14px;
    padding:8px;
    transition:0.3s;
width:fit-content;
}

/* ===== INNER CARD ===== */
.bbsrctc-mag-exact .bbsrctc-mag-inner{
    background:#ffffff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 6px 14px rgba(0,0,0,0.15);
}

/* ===== IMAGE ===== */
.bbsrctc-mag-exact .bbsrctc-mag-img img{
    width:100%;
    height:auto;
    display:block;
}

/* ===== TITLE STRIP (UNDER IMAGE) ===== */
.bbsrctc-mag-exact .bbsrctc-mag-title{
    background:#f6edc3;
    padding:8px 6px;
    text-align:center;
    font-size:14px;
    font-weight:600;
    border-top:1px solid #e0d59c;
}

/* ===== HOVER ===== */
.bbsrctc-mag-exact .bbsrctc-mag-link:hover .bbsrctc-mag-outer{
    transform:translateY(-6px);
    box-shadow:0 12px 22px rgba(0,0,0,0.25);
}


        /* ===== newsletters ===== */

        #content-wrapper {
            padding: 30px;
        }

        /* ===== CARD ===== */
        .whole__div {
            background: #fff;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
        }

        /* ===== TOP BAR ===== */
        .datatable-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            gap: 10px;
            flex-wrap: wrap;
        }

        .datatable-selector,
        .datatable-input {
            padding: 6px 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 14px;
        }

        /* ===== TABLE ===== */
        .datatable-table {
            width: 100%;
            border-collapse: collapse;
        }

        .datatable-table thead th {
            background: #f0a437;
            color: #fff;
            padding: 12px;
            font-size: 14px;
            text-align: left;
        }

        .datatable-table tbody tr {
            background: #f5f5f5;
            border-bottom: 8px solid #fff;
        }

        .datatable-table td {
            padding: 14px;
            vertical-align: middle;
            font-size: 14px;
        }

        .datatable-table td img {
            max-width: 85px;
            border: 1px solid #ddd;
            border-radius: 6px;
        }

        /* ===== PDF ICON ===== */
        .pdficons {
            color: red;
            font-size: 38px;
        }

        /* ===== BOTTOM ===== */
        .datatable-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 15px;
            flex-wrap: wrap;
        }

        .datatable-pagination-list {
            display: flex;
            gap: 5px;
            list-style: none;
            padding: 0;
        }

        .datatable-pagination-list button {
            border: 1px solid #ccc;
            background: #fff;
            padding: 6px 10px;
            cursor: pointer;
        }

        .datatable-active button {
            background: #2876c9;
            color: #fff;
        }

        /* ===== RESPONSIVE ===== */
        @media(max-width:768px) {
            .datatable-wrapper {
                overflow-x: auto;
            }

            .datatable-table {
                min-width: 750px;
            }

            .datatable-top,
            .datatable-bottom {
                flex-direction: column;
                align-items: flex-start;
            }
        }


        /* ===== PAGE TRANSITION ===== */
        .datatable-table tbody {
            transition: opacity .25s ease, transform .25s ease;
        }

        .datatable-table tbody.fade-out {
            opacity: 0;
            transform: translateY(8px);
        }

        .datatable-table tbody.fade-in {
            opacity: 1;
            transform: translateY(0);
        }
		
		
		 * {
            box-sizing: border-box
        }

        /* ===== GRID LAYOUT ===== */
        .safety-grid {
            margin: auto;
            padding: 50px 20px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 24px;
        }

        /* ===== CARD ===== */
        .safety-card {
            background: #fff;
            padding: 22px;
            border-radius: 14px;
            box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
            cursor: pointer;
            transition: .3s ease;
        }

        .safety-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 14px 30px rgba(0, 0, 0, .15);
        }

        .icon-box {
            width: 52px;
            height: 52px;
            border-radius: 12px;
            background: #f4f4f4;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            margin-bottom: 14px;
        }

        .safety-card h6 {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 6px;
        }

        .safety-card p {
            font-size: 13px;
            color: #555;
            margin: 0;
        }

        /* ===== OVERLAY ===== */
        #overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, .45);
            opacity: 0;
            pointer-events: none;
            transition: .3s;
            z-index: 999;
        }

        #overlay.show {
            opacity: 1;
            pointer-events: auto;
        }

        /* ===== POPUP ===== */
        #popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -40%) scale(.95);
            width: 460px;
            max-width: 92%;
            background: #fff;
            border-radius: 6px 6px;
            padding: 32px;
            box-shadow: 0 35px 80px rgba(0, 0, 0, .3);
            opacity: 0;
            pointer-events: none;
            transition: .35s cubic-bezier(.22, .61, .36, 1);
            z-index: 1000;
        }

        #popup.show {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
            pointer-events: auto;
        }

        .popup-accent {
            height: 6px;
            background: linear-gradient(135deg, #f0a437, #0b2a4a);
            border-radius: 18px 18px 0 0;
            margin: -32px -32px 20px;
        }

        .popup-close {
            position: absolute;
            top: 14px;
            right: 18px;
            font-size: 22px;
            cursor: pointer;
background-color: yellow;
    border: 1px solid #000;
        }

        .popup-icon {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: #f4f4f4;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            margin-bottom: 14px;
        }

        #popup h4 {
            margin-bottom: 10px;
        }

        #popup p {
            font-size: 14px;
            line-height: 1.6;
            color: #444;
        }

        .popup-close {
            position: absolute;
            top: 14px;
            right: 18px;
            width: 34px;
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            cursor: pointer;
            color: #0b2a4a;
            border-radius: 50%;
            line-height: 35px;
        }

        .popup-close:hover {
            animation: pulseBorder .9s ease-out;
        }

        @keyframes pulseBorder {
            0% {
                box-shadow: 0 0 0 0 rgba(240, 164, 55, .6)
            }

            100% {
                box-shadow: 0 0 0 8px rgba(240, 164, 55, 0)
            }
        }

        .safty_sec_right {
            width: 100%;
        }

        .safty_sec_right img {
            width: 100%;
            height: 860px;
            object-fit: cover;
        }

.safty_sec .row {
    align-items: center;
    padding: 60px 0;
}
		
		#ucm_cssmenu li:hover>ul {
    padding: 0;
}
.top-left ul {
    margin: 0;
}
.sub_navi {
    margin: 0;
}
.logo-text {
    color: #000;
}
#ucm_cssmenu>ul {
    margin: 0;
}
dl, ol, ul {
    margin: 0 !important;
    padding: 0 !important;
}

/* ===== foreigner ===== */
.fd-container{
    margin:30px auto;
    padding:0 16px;
}

/* ===== GRID ===== */
.fd-grid{
    display:grid;
    grid-template-columns:3fr 1fr;
    gap:26px;
}

/* ===== MAIN CARD ===== */
.fd-card{
    background:#ffffff;
    border-radius:14px;
    padding:30px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

/* ===== TITLE ===== */
.fd-title {
    font-size: 24px;
    font-weight: 700;
    color: #0b2a4a;
    margin-bottom: 18px;
}

/* ===== TEXT ===== */
.fd-text{
    font-size:15px;
    line-height:1.75;
    margin-bottom:14px;
    color:#333;
}
/* safety tips start */
.safety_tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    max-width: 1100px;
    margin: 0 auto 40px auto;
}

.tab {
    position: relative;
}

.tab_btn {
    padding: 18px;
    background: #2c3e50;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 600;
}

.tab_btn:hover {
    background: #34495e;
}

.tab_btn.active {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
}

.tab_arrow {
    font-size: 14px;
    transition: transform 0.3s ease;
}

.tab.active .tab_arrow {
    transform: rotate(180deg);
}

/* ===== TAB CONTENT ===== */
.tab_content {
    max-width: 1100px;
    margin: 0 auto 40px auto;
}

.tab_pane {
    display: none;
}

.tab_pane.active {
    display: block;
}

/* ===== DROPDOWN ===== */
.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    overflow: hidden;
    z-index: 100;
    margin-top: 5px;
}

.dropdown a {
    display: block;
    padding: 12px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease;
    font-size: 14px;
}

.dropdown a:hover {
    background: #f8f9fa;
}

.dropdown a:last-child {
    border-bottom: none;
}

.tab.active .dropdown {
    display: block;
}

/* ===== CONTAINER ===== */


.safty_sec {
    padding: 40px 0;
}



.angled-bar {
    margin-bottom: 36px;
}

/* ===== SAFETY GRID SECTION ===== */
.safty_grid_sec {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}
.container.safty_sec {
    
    margin: 50px;
    border-radius: 50px;
   
}
/* ===== SAFETY GRID MAIN ===== */
.gles{
    display:block; /* or remove flex */
}

.safty_grid_main {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
}
/* CARD STYLE */
.safty_grid_main a{
    flex:0 0 220px;          /* fixed width cards */
    padding:18px;
    background:#f8f9fa;
    border-radius:12px;
    text-align:center;
    text-decoration:none;
    color:#333;
    font-weight:600;
    transition:.3s;
    box-shadow:0 4px 12px rgba(0,0,0,.1);
}

.safty_grid_main a:hover{
    background:linear-gradient(135deg,#667eea,#764ba2);
    color:#fff;
    transform:translateY(-4px);
}
.gles{
display:flex;}
.safty_grid_main a {
    display: block;
    background: #f8f9fa;
    color: #333;
    text-decoration: none;
    padding: 20px 15px;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #e9ecef;
    position: relative;
    overflow: hidden;
}

.safty_grid_main a:hover {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
}

/* ===== POPUP STYLES ===== */
.popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    backdrop-filter: blur(5px);
    z-index: 9999;
}

.popup_overlay.active {
    display: flex;
}

.popup_content {
    background: white;
    border-radius: 15px;
    padding: 30px;
    max-width: 1000px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
    animation: popupSlideIn 0.3s ease-out;
}

.close_btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    cursor: pointer;
    color: #666;
    transition: color 0.3s ease;
    font-weight: bold;
    line-height: 1;
}

.close_btn:hover {
    color: #e74c3c;
}

@keyframes popupSlideIn {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.popup_content h3 {
    color: #2c3e50;
    margin-bottom: 20px;
    font-size: 24px;
    border-bottom: 3px solid #667eea;
    padding-bottom: 10px;
text-transform: capitalize;
}

.popup_content h4 {
    color: #34495e;
    margin: 20px 0 10px 0;
    font-size: 18px;
    font-weight: 600;
}

.popup_content ul {
    list-style: none;
    padding-left: 0;
}

.popup_content li {
    padding: 10px 0;
    padding-left: 25px;
    position: relative;
    border-bottom: 1px solid #ecf0f1;
    transition: background-color 0.3s ease;
}

.popup_content li:hover {
    background-color: #f8f9fa;
}

.popup_content li::before {
    content: '▶';
    position: absolute;
    left: 0;
    color: #667eea;
    font-size: 12px;
    top: 12px;
}

.popup_content li:last-child {
    border-bottom: none;
}

/* ===== RIGHT SECTION ===== */
.safty_sec_right {
    text-align: center;
    padding: 20px;
margin:40px 0px;
}

.safty_sec_right img {
    max-width: 100%;
    height: 600px;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.safty_sec_right img:hover {
    transform: scale(1.05);
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 992px) {
    .safety_tabs {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .col-md-7,
    .col-md-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .safty_grid_main {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

@media (max-width: 768px) {
       
    .container {
        padding: 15px;
    }
    
    .safety_tabs {
        grid-template-columns: 1fr;
        gap: 15px;
        margin: 0 auto 30px auto;
    }
    
    .tab_btn {
        padding: 15px;
        font-size: 14px;
    }
    
    .safty_grid_sec {
        padding: 20px;
    }
    
    .safty_grid_main {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
    }
    
    .safty_grid_main a {
        padding: 15px 10px;
        font-size: 13px;
    }
    
    .safty_grid_main_list {
        padding: 20px;
        margin: 20px;
    }
    
    .safty_grid_main_list h3 {
        font-size: 20px;
    }
    
    .safty_grid_main_list h4 {
        font-size: 16px;
    }
    
    .safty_grid_main_list li {
        padding: 8px 0;
        padding-left: 20px;
        font-size: 14px;
    }
    
    .popup_content {
        padding: 20px;
        margin: 20px;
    }
    
    .popup_content h3 {
        font-size: 20px;
    }
    
    .popup_content h4 {
        font-size: 16px;
    }
    
    .popup_content li {
        padding: 8px 0;
        padding-left: 20px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .safety_tabs {
        gap: 10px;
        margin: 0 auto 20px auto;
    }
    
    .tab_btn {
        padding: 12px;
        font-size: 13px;
    }
    
    .safty_grid_main {
        grid-template-columns: 1fr;
    }
    
    .safty_grid_main a {
        padding: 20px 15px;
        font-size: 14px;
    }
    
    .safty_grid_main_list {
        width: 95%;
        padding: 15px;
    }
    
    .safty_grid_main_list h3 {
        font-size: 18px;
    }
    
    .safty_grid_main_list span {
        font-size: 25px;
        top: 10px;
        right: 15px;
    }
    
    .popup_content {
        width: 95%;
        padding: 15px;
    }
    
    .popup_content h3 {
        font-size: 18px;
    }
    
    .close_btn {
        font-size: 25px;
        top: 10px;
        right: 15px;
    }
}
/* safety tips end */
/* ===== COLLAPSIBLE ===== */
.fd-collapse{
    max-height:340px;
    overflow:hidden;
    position:relative;
    transition:max-height .7s ease;
}

.fd-collapse::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:90px;
    background:linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}

.fd-collapse.open{
    max-height:5000px;
}
.fd-collapse.open::after{display:none;}

/* ===== SAFETY BOX ===== */
.fd-safety-box{
    background:#fff6f6;
    border-left:5px solid #f0a437;
    padding:18px 18px 10px;
    border-radius:8px;
    margin:22px 0 16px;
}

.fd-safety-title{
    color:#e11d48;
    font-weight:700;
    margin-bottom:10px;
}

/* ===== LIST ===== */
.fd-list{
    padding-left:18px;
    margin:0;
}
.fd-list li{
    font-size:14.8px;
    line-height:1.65;
    margin-bottom:9px;
}

/* ===== BUTTON ===== */
.fd-btn-wrap{
    text-align:center;
    margin-top:26px;
}

.fd-btn{
    background:#6366f1;
    color:#fff;
    border:none;
    padding:12px 30px;
    font-size:14px;
    border-radius:30px;
    cursor:pointer;
    transition:.3s;
}
.fd-btn:hover{
    background:#4f46e5;
}

/* ===== SIDEBAR ===== */
.fd-sidebar {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
    overflow: hidden;
    height: fit-content;
}

.fd-sidebar-title{
    background:#f0a437;
    padding:14px 16px;
    font-weight:700;
    font-size:15px;
}

.fd-links{
    list-style:none;
    margin:0;
    padding:0;
}
.fd-links li{
    border-bottom:1px solid #eee;
}
.fd-links li:last-child{border-bottom:none;}

.fd-links a{
    display:block;
    padding:12px 16px;
    text-decoration:none;
    color:#000;
    font-size:14px;
}
.fd-links a:hover{
    background:#f4f6ff;
}
/* ===== ICON LIST STYLE ===== */
.fd-list{
    list-style:none;
    padding-left:0;
}

.fd-list li{
    position:relative;
    padding-left:28px;
    margin-bottom:10px;
    font-size:14.8px;
    line-height:1.65;
}

.fd-list li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:2px;
    font-size:14px;
    color:#16a34a; /* green safety color */
    font-weight:700;
}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
    .fd-grid{
        grid-template-columns:1fr;
    }
}



        /* staff-corner */
        .wk-wrap {
            margin: 30px auto;
            padding: 0 16px;
        }

        .wk-grid {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 24px;
            align-items: start;
        }

.nt-pdf a img{
	width: 35px !important;
}

        /* accordion */
        .accordionWrapper {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
            overflow: hidden;
        }

        .accordionItem {
            border-bottom: 1px solid #eee;
        }

        .accordionItem:last-child {
            border-bottom: none
        }

        .accordionItemHeading {
            padding: 14px 18px;
            background: #0b2a4a;
            color: #fff;
            cursor: pointer;
            font-weight: 600;
            user-select: none;
        }

        /* CONTENT */
        .accordionItemContent {
            padding: 0 18px;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transition:
                max-height .18s ease,
                opacity .12s ease;
            background: #f8fafc;
        }

        .accordionItemContent p,
        .accordionItemContent ul {
            color: #334155;
            font-size: 14.5px;
        }

        /* OPEN STATE */
        .accordionItem.open .accordionItemContent {
            max-height: 600px;
            opacity: 1;
            padding-bottom: 14px;
            overflow-y: scroll;
            padding: 45px 40px;
        }

        /* right image */
        .wk-right {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
            padding: 12px;
        }

        .wk-right img {
            width: 100%;
            border-radius: 10px;
        }

        /* GRID */
        .tps-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 26px;
            margin: auto;
        }

        /* CARD */
        .tps-card {
            background: linear-gradient(145deg, #f3f3f3, #e9e9e9);
            border-radius: 10px;
            padding: 22px 12px 26px;
            text-align: center;
            position: relative;
            overflow: hidden;
            transition:
                transform .35s cubic-bezier(.4, 0, .2, 1),
                box-shadow .35s ease;
        }

        /* glow layer */
        .tps-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at top, #dbeafe, transparent 60%);
            opacity: 0;
            transition: .35s;
        }

        .tps-card:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 18px 35px rgba(0, 0, 0, .15);
        }

        .tps-card:hover::before {
            opacity: 1;
        }

        /* ICON HOLDER */
.tps-icon {
    width: 160px;
    height: auto;
    margin: 0 auto 16px;
    border: unset;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    position: relative;
}

       
        .tps-card:hover .tps-icon::after {
            opacity: 1;
        }

        /* TRAFFIC LIGHT */
        .tps-icon img {
            width: 42px;
            animation: tps-pulse 2.5s ease-in-out infinite;
        }

        /* TITLE LINK */
        .tps-title {
            display: inline-block;
            color: #0070ff;
            font-size: 15px;
            font-weight: 600;
            line-height: 1.35;
            text-decoration: none;
            position: relative;
            transition: color .25s ease;
        }

        /* underline animation */
        .tps-title::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -6px;
            width: 0;
            height: 2px;
            background: #0070ff;
            transition: .35s;
            transform: translateX(-50%);
        }

        .tps-card:hover .tps-title::after {
            width: 80%;
        }

        .tps-title:hover {
            color: #0056cc;
        }

        /* ANIMATIONS */
        @keyframes tps-pulse {

            0%,
            100% {
                transform: scale(1)
            }

            50% {
                transform: scale(1.08)
            }
        }

        @keyframes tps-spin {
            from {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(360deg)
            }
        }



        .nt-wrapper {
            padding: 15px;
        }

        .nt-card {
            background: #fff;
            border-radius: 14px;
            box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
            padding: 20px;
        }

        .nt-controls {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 15px;
        }

        .nt-length select,
        .nt-search input {
            padding: 6px 10px;
            border: 1px solid #ccc;
            border-radius: 6px;
        }

        .nt-table-wrap {
            overflow-x: auto;
        }

        .nt-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 700px;
        }

        .nt-table th {
            background: #0a3d62;
            color: #fff;
            padding: 12px;
            text-align: left;
        }

        .nt-table td {
            padding: 12px;
            border-bottom: 1px solid #eee;
        }

        .nt-table tr:nth-child(even) {
            background: #f8fafc;
        }

        .nt-pdf img {
            width: 26px;
        }

        .nt-footer {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: 15px;
        }

        .nt-pagination button {
            padding: 6px 12px;
            border: none;
            border-radius: 6px;
            margin-right: 5px;
            background: #e0e6ed;
            cursor: pointer;
        }

        .nt-pagination button.active {
            background: #0a3d62;
            color: #fff;
        }

        .accordionItemContent {
            background-color: #fff;
        }

        .accordionItemContent.traffic_map {
            text-align: center;
        }

        .accordionItemContent ul li,
        .accordionItemContent ul li ul li,
        .wonderplugintabs-panel-inner p {
            color: #000;
            font-size: 18px;
        }

        .accordionItemContent ul li:not(:last-child) {
            padding-bottom: 10px;
        }

        .all_symbol {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 26px;
        }

        .all_symbol_card {
            text-align: center;
            border: 1px solid #000;
            border-radius: 15px;
            padding: 20px;
            background: #fff;
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }

        /* ✨ Hover lift */
        .all_symbol_card:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
            border-color: #555;
        }

        /* 🌈 Magical glow */
        .all_symbol_card::before {
            content: "";
            position: absolute;
            inset: -2px;
            background: linear-gradient(120deg,
                    transparent,
                    rgba(0, 0, 0, 0.15),
                    transparent);
            opacity: 0;
            transition: 0.4s;
        }

        .all_symbol_card:hover::before {
            opacity: 1;
        }

        /* 💫 Light sweep */
        .all_symbol_card::after {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(120deg,
                    transparent,
                    rgba(255, 255, 255, 0.6),
                    transparent);
            transition: 0.6s;
        }

        .all_symbol_card:hover::after {
            left: 100%;
        }

        /* 🖼 Image magic */
        .all_symbol_card img {
            width: 100%;
            transition: 0.4s ease;
            cursor: pointer;
        }

        .all_symbol_card:hover img {
            transform: scale(1.08) rotate(1deg);
        }

        /* ===== LIGHTBOX ===== */
        .lightbox {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.85);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: 0.4s ease;
            z-index: 9999;
        }

        .lightbox.active {
            opacity: 1;
            visibility: visible;
        }

        .lightbox-img {
            max-width: 90%;
            max-height: 90%;
            border-radius: 12px;
            transform: scale(0.85);
            transition: 0.4s ease;
            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
        }

        .lightbox.active .lightbox-img {
            transform: scale(1);
        }

        /* Close button */
        .lightbox-close {
            position: fixed;
            top: 20px;
            right: 30px;
            font-size: 40px;
            color: #fff;
            cursor: pointer;
            transition: 0.3s;
        }

        .lightbox-close:hover {
            transform: rotate(90deg);
        }

        /* Hover only for non-touch devices */
        @media (hover: hover) {
            .all_symbol_card:hover {
                transform: translateY(-8px) scale(1.02);
                box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
            }

            .all_symbol_card:hover img {
                transform: scale(1.08);

            }
        }

        /* Make image tap-friendly */
        .all_symbol_card img {
            pointer-events: none;
            cursor: pointer;
        }

        @media(max-width:900px) {
            .wk-grid {
                grid-template-columns: 1fr;
            }
        }

        @media(max-width:767px) {
            .accordionItem.open .accordionItemContent {
                max-height: auto;
                padding: 10px;
            }
            .accordionItemContent img{
                width: 100%;
            }
.breadcrumb_title h2{
    font-size:18px !important;
}
        }
		
.accordionItem.open .accordionItemContent img {
    width: -webkit-fill-available;
    height: auto;
    border-radius: 10px;
}
.accordionItemContent ul{
    list-style: none;
    padding-left: 0;
}

.accordionItemContent ul li{
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px;
}

.accordionItemContent ul li::before{
    content: "\f058"; /* check-circle */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: green;
}

/* new-lost-mobile */


:root{
  --red:#c62828;
  --blue:#1565c0;
  --green:#2e7d32;
  --bg:#f5f7fb;
  --text:#2b2b2b;
}



/* WRAPPER */
.stolen-wrapper{
  max-width:1200px;
  margin:80px auto;
  padding:20px;
}

/* HEADER */
.stolen-header{
  text-align:center;
  margin-bottom:60px;
}
.stolen-header h1{
  color:var(--red);
  font-size:32px;
  margin-bottom:10px;
}
.stolen-header p{
  color:#555;
  font-size:16px;
}

/* GRID */
.stolen-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:50px;
  align-items:center;
}

/* LEFT */
.steps{
  display:grid;
  gap:22px;
}

/* STEP CARD */
.step-card{
  position:relative;
  overflow:hidden;
  background:#fff;
  border-radius:14px;
  padding:24px 26px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  border-left:5px solid transparent;
  transition:transform .35s ease, box-shadow .35s ease;
}

/* border colors */
.step-card:nth-child(1){border-color:var(--red)}
.step-card:nth-child(2){border-color:var(--blue)}
.step-card:nth-child(3){border-color:var(--green)}

/* LEFT → RIGHT BG ANIMATION */
.step-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#f7faff,#eef3ff);
  transform:translateX(-100%);
  transition:transform .7s cubic-bezier(.4,0,.2,1);
  z-index:0;
}

.step-card:hover::before{
  transform:translateX(0);
}

/* CONTENT ABOVE BG */
.step-card > *{
  position:relative;
  z-index:1;
}

/* HOVER EFFECT */
.step-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.step-card h3{
  font-size:18px;
  margin-bottom:8px;
}
.step-card p{
  font-size:15px;
  line-height:1.6;
}

.step-card a{
  display:inline-block;
  margin-top:10px;
  font-size:14px;
  color:var(--blue);
  text-decoration:none;
}
.step-card a:hover{
  text-decoration:underline;
}

/* RIGHT IMAGE */
.image-box{
  background:#fff;
  border-radius:20px;
  padding:20px;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  overflow:hidden;
}
.image-box img{
  width:100%;
  display:block;
  transition:transform .6s ease;
}
.image-box:hover img{
  transform:scale(1.08);
}

@media(max-width:900px){
  .stolen-grid{
    grid-template-columns:1fr;
  }
  .image-box{
    order:-1;
  }
}

.row.emgnum {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: 20px;
    padding-top: 30px;
}

/* ===== EMERGENCY ITEM BASE ===== */
.emg-num-item{
    align-content:center;
    box-shadow:rgba(0,0,0,0.35) 0px 5px 15px;
    overflow:hidden;
    transition:color .3s ease;
}

/* background sweep */
.emg-num-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,
        rgba(21,101,192,.12),
        rgba(198,40,40,.12)
    );
    transform:translateX(-100%);
    transition:transform .45s ease;
    z-index:0;
}

/* keep content above sweep */
.emg-num-item > *{
    position:relative;
    z-index:1;
}

/* hover effect */
.emg-num-item:hover::after{
    transform:translateX(0);
}

/* optional text focus */
.emg-num-item:hover{
    color:#1565c0;
}
.emg-num-item{
    width: 100%;
    border-radius: 14px;
    margin: 5px;
    align-content: center;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-left: 6px solid transparent;
}

/* 14 different border-left colors */
.emg-num-item:nth-child(1)  { border-left-color: #e74c3c; }
.emg-num-item:nth-child(2)  { border-left-color: #3498db; }
.emg-num-item:nth-child(3)  { border-left-color: #2ecc71; }
.emg-num-item:nth-child(4)  { border-left-color: #f1c40f; }
.emg-num-item:nth-child(5)  { border-left-color: #9b59b6; }
.emg-num-item:nth-child(6)  { border-left-color: #1abc9c; }
.emg-num-item:nth-child(7)  { border-left-color: #e67e22; }
.emg-num-item:nth-child(8)  { border-left-color: #34495e; }
.emg-num-item:nth-child(9)  { border-left-color: #ff6b81; }
.emg-num-item:nth-child(10) { border-left-color: #00cec9; }
.emg-num-item:nth-child(11) { border-left-color: #6c5ce7; }
.emg-num-item:nth-child(12) { border-left-color: #fd79a8; }
.emg-num-item:nth-child(13) { border-left-color: #55efc4; }
.emg-num-item:nth-child(14) { border-left-color: #d63031; }

ul.policestation-list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: 20px;
}
ul.policestation-list li:nth-of-type(odd) {
    background-color: transparent;
    border: none;
}
.policestation-list li {
    border-bottom: none !important;
}
ul.policestation-list li a:before {
display: none;
}

/* ===== POLICE STATION LIST GRID ===== */
ul.policestation-list{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:18px;
}
/* LIST BASE */
ul.policestation-list li{
    position:relative;
    background:#fff;
    border:1px solid #dfe6f3 !important;
    border-radius:6px;
    padding:16px 18px 16px 24px;
    overflow:hidden;
    transition:all .35s ease;
    cursor:pointer;
}

/* LEFT BLUE STRIP */
ul.policestation-list li::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:#0d6efd;
    z-index:2;
}

/* SLIDE BACKGROUND */
ul.policestation-list li::after{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(135deg, rgb(255, 207, 148), rgba(81, 61, 214, 0.85));
    transition:all .45s ease;
    z-index:1;
}

/* TEXT */
ul.policestation-list li a {
    position: relative;
    z-index: 3;
    color: #000;
    text-decoration: none;
    transition: color .35s ease;

    display: block;          /* required */
    overflow: hidden;        /* hide overflow */
    white-space: nowrap;     /* force single line */
    text-overflow: ellipsis; /* show ... */
}

/* HOVER EFFECT */
ul.policestation-list li:hover::after{
    left:0;
}

ul.policestation-list li:hover a{
    color:#fff;
}

ul.policestation-list li:hover{
    box-shadow:0 14px 32px rgba(13,110,253,.35);
    transform:translateY(-4px);
}







/* ===== GRID CARD ===== */
.commissioner-grid{
    margin:40px auto;
    display:grid;
    grid-template-columns: 1fr 1.2fr;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 25px 45px rgba(0,0,0,0.2);
    transition:0.6s ease;
}

/* ===== IMAGE ===== */
.commissioner-img{
    overflow:hidden;
}

.commissioner-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.8s ease;
}

/* ===== CONTENT ===== */
.commissioner-content{
    padding:30px 35px;
    background:linear-gradient(135deg,#003366,#005fa3);
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    transition:0.6s ease;
}

.commissioner-content h2{
    margin:0 0 15px;
    font-size:26px;
}

.commissioner-content p{
	color: #fff;
}

.commissioner-content p{
    line-height:1.7;
    margin:0 0 10px;
    font-size:15px;
}

.commissioner-content a{
    margin-top:15px;
    width:max-content;
    padding:12px 28px;
    background:#ffcc00;
    color:#003366;
    border-radius:30px;
    font-weight:600;
    text-decoration:none;
    transition:0.4s;
}

/* ===== HOVER MAGIC ===== */
.commissioner-grid:hover{
    transform:translateY(-8px);
    box-shadow:0 40px 70px rgba(0,0,0,0.35);
}

.commissioner-grid:hover img{
    transform:scale(1.15);
}

.commissioner-grid:hover .commissioner-content{
    background:linear-gradient(135deg,#002244,#0077cc);
}

.commissioner-content a:hover{
    background:#fff;
    transform:translateY(-3px);
}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
    .commissioner-grid{
        grid-template-columns:1fr;
    }
    .commissioner-content{
        text-align:center;
    }
    .commissioner-content a{
        margin-left:auto;
        margin-right:auto;
    }
}

/* ===== SECTION ===== */
.office-section{
    padding:0 15px;
}

.office-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

/* ===== CARD ===== */
.office-card{
    background:#fff;
    border-radius:12px;
    text-align:center;
    padding:18px;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
    transition:0.4s ease;
    position:relative;
    overflow:hidden;
}

.office-card::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:4px;
    background:#003366;
    transform:scaleX(0);
    transition:0.4s ease;
}

.office-card:hover::after{
    transform:scaleX(1);
}

/* ===== IMAGE ===== */
.office-card img{
    width:100%;
    height:170px;
    object-fit:cover;
    border-radius:6px;
    transition:0.5s ease;
}

.office-card:hover img{
    transform:scale(1.08);
}

/* ===== CONTENT ===== */
.office-card h3{
    font-size:18px;
    color:#003366;
    margin:15px 0 10px;
    line-height:1.3;
}

.office-card p{
    font-size:14px;
    line-height:1.6;
    color:#333;
    margin:6px 0;
}

/* ===== HOVER MAGIC ===== */
.office-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 45px rgba(0,0,0,0.25);
}

/* ===== RESPONSIVE ===== */
@media(max-width:992px){
    .office-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:576px){
    .office-grid{ grid-template-columns:1fr; }
}
.col-md-4.cp-img {
    text-align: center;
    align-content: center;
}

.cp_police {
    overflow: hidden;
}

.cp_police img {
    transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
    width: 300px;
    height: 300px;
    object-fit: contain;
    border-radius: 100%;
}

/* container hover → image effect */
.cp_police:hover img {
    transform: scale(1.1);
    box-shadow: 0 20px 40px rgba(0,0,0,0.35);
    filter: brightness(1.05) contrast(1.05);
}


.police-station-right{
    max-width:420px;
    margin:0 auto;
}

/* ================= INSPECTOR CARD ================= */
.inspector-card{  
    text-align:center; 
    margin-bottom:18px;
}

.inspector-card img{
    width:190px;
    border-radius:8px;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
}

.badge{
    display:block;
    margin-top:10px;
    padding:7px;
    font-size:13px;
    border-radius:4px;
    text-decoration:none;
}

.badge.green{background:#22b573;color:#fff;}
.badge.grey{background:#e0e0e0;color:#000;}

.incharge-name{
    margin-top:10px;
    font-weight:600; 
}
ul.single-p-ul {
    padding: 0 0 30px 0 !important;
}
.single-p-ul li p {
    font-size: 16px;
    text-align: center;
    line-height: inherit;
}
.single-p-ul li p br {
    display: none;
}
.single-p-ul li {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    padding: 10px;
    margin: 0 0 10px 0;
    flex-direction: column;
    justify-content: center;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.single-p-ul li i {
    background: #0b2a4a;
    width: 42px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    color: #FFF;
}
/* ================= COLLAPSIBLE ================= */
.collapse-box{
    background:#fff;
    border-radius:7px;
    margin-bottom:12px;
    overflow:hidden;
    box-shadow:0 8px 18px rgba(0,0,0,.15);
    transition:transform .3s ease, box-shadow .3s ease;
}

.collapse-box:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 30px rgba(0,0,0,.2);
}

.collapse-title{
    padding:14px 16px;
    cursor:pointer;
    font-weight:600;
    background:linear-gradient(90deg,#f7f7f7,#ffffff);
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.arrow{
    transition:transform .4s ease;
    font-size:18px;
}

/* ================= SMOOTH BODY ================= */
.collapse-content{
    max-height:0;
    opacity:0;
    transform:translateY(-10px);
    overflow:hidden;
    padding:0 16px;
    transition:
        max-height .55s cubic-bezier(.4,0,.2,1),
        opacity .4s ease,
        transform .4s ease;
}

.collapse-box.active .collapse-content{
    max-height:1200px;
    opacity:1;
    transform:translateY(0);
    padding:16px;
}

.collapse-box.active .arrow{
    transform:rotate(180deg);
}

/* ================= TABLE ================= */
table{
    width:100%;
    border-collapse:collapse;
    font-size:13px;
}

table td{
    border:1px solid #ddd;
    padding:6px;
}

img.responsive{
    width:100%;
    border-radius:6px;
}
.police img {
    width: 250px;
}
/* ================= IMAGE FIX ================= */ 
.photo-wrap img{
    width: 220px;
    height: 220px;
    object-fit: cover;
    object-position: top;
    border-radius: 100%;
    background: none;
    border: 2px dashed #f15a29;
    padding: 5px;
    margin: 0 0 10px 0;
}

/* Remove old harsh shadow if any */
.inspector-card img{
    box-shadow:none !important;
}

/* TAB BUTTON FONT & ALIGNMENT FIX */
.tabs-left .tablinks{
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 16px 22px;
}

.tabs-left .tablinks span,
.tabs-left .tablinks{
    line-height: 1.2;
}

/* ICON FIX */
.tabs-left .tablinks img {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    background-color: #fff;
    padding: 0 6px;
    border-radius: 5px;
}
.tabs-left .tablinks.active,
.tabs-left .tablinks:hover{
    color: #fff;
}

.tabs-left .tablinks.active span{
    color:#fff;
}
.tabs-left .tablinks::before{
	position: unset !important;
	Content: unset !important;
}
.about-sec-tab .tabs-left {
    border: none;
    border-bottom: 2px solid #686161;
}
.about-sec-tab .tabs-left > .tablinks {
    width: 100%;
    float: none;
    margin: 0;
    padding: 15px 20px;
    border: 1px solid #674CFF;
    text-align: left;
    cursor: pointer;
}
.trending-box .left-cell img {
    width: 150px !important;
    height: 135px !important;
    object-fit: contain !important;
}
.trending_content {
    row-gap: unset !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit,minmax(435px,1fr));
    gap: 50px;
    row-gap: 50px !important;
}
.trending-box {
    width: 100% !important;
}
.trending-box .left-cell {
    border: 1px solid #e1e1e1;
    text-align: center;
    border-radius: 15px;
    align-content: center;
}
.trending-box .left-cell a {
    position: unset !important;
    margin: auto;
    width: auto;
    background-color: black !important;
    padding: 20px;
	border-radius: 10px !important;
}
.trending-box {
    gap: 20px;
    align-items: center;
}
.about-sec-tab .tabs-left > .tablinks {
    color: #000 !important;
}
.trending-box .left-cell a:hover{
    color: #fff !important;
}
.right-cell ul li a{
	color: #000 !important;
}
.trending-box {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}




/* GALLERY */
.gall-sec{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

/* CARD */
.gall-card{
    width:300px;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(0,0,0,0.1);
    overflow:hidden;
    background:#fff;
}

/* GLANCE */
.glance-c{
    position:relative;
    overflow:hidden;
    height:200px;
}

/* VIDEO + IFRAME SAME SIZE */
.glance-c video,
.glance-c iframe{
    width:100%;
    height:100%;
    object-fit:cover;
    border:none;
}

/* VIEW MORE */
.view-more{
    position:absolute;
    bottom:12px;
    left:12px;
    background:#ff6a00;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    box-shadow:0 6px 15px rgba(0,0,0,.25);
    z-index:5;
}

/* CONTENT */
.card-body{padding:15px;}
.card-badge-text{font-size:13px;color:#777;}
.gall-p{font-size:14px;margin-top:8px;color:#444;}
/* Allow clicks to reach video */
.glance-c video{
    pointer-events:auto;
    cursor:pointer;
}

/* Optional play overlay cursor */
.glance-c{
    cursor:pointer;
}

/* REAL PLAY BUTTON */
.glance-c::after{
    content:"▶";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:70px;
    height:70px;
    background:rgba(0,0,0,0.6);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    pointer-events:none;
}

.glance-c video:not(:paused) + *{}
/* ===== FORCE STOP ANY AUTO SCROLL ===== */
html, body{
    scroll-behavior: auto !important;
    overflow-anchor: none !important;
}

/* Kill focus scrolling */
*:focus{
    outline: none !important;
}

/* Kill anchor behavior */
.glance-c a{
    pointer-events: none !important;
}

/* Video must not grab focus */
.glance-c video{
    pointer-events: auto;
}

/* ===== oup-act-and-regulations ===== */
.act-reg-dt-wrap{
    padding:20px 0;
}

/* ===== TOP BAR ===== */
.act-reg-dt-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:12px;
    flex-wrap:wrap;
}
.act-reg-dt-top select,
.act-reg-dt-top input{
    padding:6px 8px;
    border:1px solid #ccc;
    border-radius:4px;
    transition:all .3s ease;
}
.act-reg-dt-top input:focus,
.act-reg-dt-top select:focus{
    border-color:#003366;
    outline:none;
}

/* ===== TABLE WRAP ===== */
.act-reg-table-responsive{
    overflow-x:auto;
    border:1px solid #ddd;
    background:#fff;
}

/* ===== TABLE ===== */
.act-reg-table{
    width:100%;
    min-width:800px;
    border-collapse:collapse;
}
.act-reg-table thead{
    background:#003366;
}
.act-reg-table thead th{
    color:#fff;
    padding:12px;
    text-align:left;
}
.act-reg-table tbody tr{
    transition:background .3s ease, opacity .3s ease;
}
.act-reg-table tbody tr:nth-child(even){
    background:#f7f7f7;
}
.act-reg-table tbody tr:hover{
    background:#eef4ff;
}
.act-reg-table tbody td{
    padding:12px;
    border:1px solid #e0e0e0;
}

/* ===== PDF ICON ===== */
.act-reg-pdf-link img{
    width:34px;
    transition:transform .3s ease;
}
.act-reg-pdf-link:hover img{
    transform:scale(1.15);
}

/* ===== BOTTOM ===== */
.act-reg-dt-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:12px;
    flex-wrap:wrap;
}

/* ===== PAGINATION ===== */
#actRegPagination button{
    padding:6px 12px;
    margin:2px;
    border:1px solid #ccc;
    background:#fff;
    cursor:pointer;
    transition:all .3s ease;
}
#actRegPagination button:hover{
    background:#003366;
    color:#fff;
}
#actRegPagination button.active{
    background:#ff9800;
    color:#fff;
    border-color:#ff9800;
}
#actRegPagination button:disabled{
    opacity:.5;
    cursor:not-allowed;
}

/* ===== MOBILE ===== */
@media(max-width:600px){
    .act-reg-dt-top,
    .act-reg-dt-bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }
}






		.st-wrapper {
			font-family: Segoe UI, Arial, sans-serif;
			background: #f4f6fb;
			padding: 60px 20px;
		}

		/* ===== GRID ===== */
		.st-wrapper .st-grid {
			max-width: 1000px;
			margin: auto;
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
			gap: 25px;
		}

		/* ===== CARD ===== */
		.st-wrapper .st-card {
			background: #ffffff;
			padding: 26px;
			border-radius: 16px;
			text-decoration: none;
			color: #333;
			box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
			transition: .3s ease;
		}

		.st-wrapper .st-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
		}

		.st-wrapper .st-card h3 {
			margin: 0 0 6px;
			font-size: 18px;
		}

		.st-wrapper .st-card p {
			margin: 0;
			font-size: 14px;
			color: #777;
		}

		/* ===== OVERLAY ===== */
		.st-wrapper .st-popup {
			position: fixed;
			inset: 0;
			background: rgba(0, 0, 0, .55);
			display: flex;
			align-items: center;
			justify-content: center;
			opacity: 0;
			visibility: hidden;
			transition: .3s;
		}

		.st-wrapper .st-popup:target {
			opacity: 1;
			visibility: visible;
		}

		/* ===== POPUP BOX ===== */
		.st-wrapper .st-box {
			background: #fff;
			width: 90%;
			max-width: 520px;
			padding: 32px;
			border-radius: 18px;
			box-shadow: 0 30px 70px rgba(0, 0, 0, .25);
			transform: scale(.9);
			transition: .3s ease;
			position: relative;
		}

		.st-wrapper .st-popup:target .st-box {
			transform: scale(1);
		}

		/* ===== PERFECT CENTER CLOSE BUTTON ===== */
		.st-wrapper .st-close {
			position: absolute;
			top: 14px;
			right: 16px;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			background: #e9edf7;
			cursor: pointer;
			transition: .25s ease;
		}

		/* Build X using lines */
		.st-wrapper .st-close::before,
		.st-wrapper .st-close::after {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 16px;
			height: 2px;
			background: #333;
			border-radius: 2px;
			transform-origin: center;
		}

		.st-wrapper .st-close::before {
			transform: translate(-50%, -50%) rotate(45deg);
		}

		.st-wrapper .st-close::after {
			transform: translate(-50%, -50%) rotate(-45deg);
		}

		.st-wrapper .st-close:hover {
			background: #dfe6ff;
			transform: rotate(90deg);
		}

		/* ===== CONTENT ===== */
		.st-wrapper .st-title {
			margin-top: 0;
			margin-bottom: 18px;
			font-size: 22px;
			color: #1a73e8;
		}

		.st-wrapper .st-box ul {
			margin: 0;
			padding-left: 18px;
		}

		.st-wrapper .st-box li {
			margin-bottom: 10px;
			color: #555;
		}
		.mission_statmt_right_fig {
    z-index: -1;
}



/* ===== safty_grid_sec ===== */
		.safty_grid_sec {
			text-align: center;
		}

		/* ===== GRID ===== */
		.safty_grid_main {
			display: grid;
			justify-content: center;
			gap: 15px;
			grid-template-columns: 250px 1fr;
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
			gap: 30px;
		}

		/* ===== GRID BUTTON ===== */
		.safty_grid_main a {
			padding: 12px 18px;
			background: #ffffff;
			border-radius: 6px;
			text-decoration: none;
			color: #222;
			font-weight: 600;
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
			transition: 0.3s;
align-content: center;
			cursor: pointer;
		}

		.safty_grid_main a:hover {
			transform: translateY(-4px);
			box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
		}

		/* ===== POPUP OVERLAY ===== */
		.safty_grid_main[id] {
			position: fixed;
			inset: 0;
			background: rgba(0, 0, 0, 0.6);
			display: none;
			align-items: center;
			justify-content: center;
			z-index: 9999;
		}

		/* active popup */
		.safty_grid_main.active {
			display: flex;
			animation: fadeIn .3s ease;
		}

		/* ===== POPUP BOX ===== */
		.safty_grid_main>div {
			background: #fff;
			width: 100%;
			max-width: 800px;
			padding: 25px;
			border-radius: 10px;
			position: relative;
			animation: zoomIn .3s ease;
			height: 600px;
			overflow-y: scroll;
		}

		/* CLOSE */
		.safty_grid_main>div span {
			position: absolute;
			right: 12px;
			top: 8px;
			font-size: 22px;
			cursor: pointer;
			font-weight: bold;
		}

		@keyframes fadeIn {
			from {
				opacity: 0;
			}

			to {
				opacity: 1;
			}
		}

		@keyframes zoomIn {
			from {
				transform: scale(0.8);
			}

			to {
				transform: scale(1);
			}
		}



		/* Main Parent */
		.safty_grid_main_list {
			max-width: 800px;
			margin: 40px auto;
			padding: 30px;
			background: #ffffff;
			border-radius: 14px;
			box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
			font-family: Segoe UI, Arial, sans-serif;
		}

		/* Remove default bullets */
		.safty_grid_main_list ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		/* List Item Design */
		.safty_grid_main_list ul li {
			position: relative;
			padding: 15px 18px 15px 50px;
			margin-bottom: 14px;
			background: #f4f7fb;
			border-radius: 10px;
			font-size: 15px;
			color: #333;
			line-height: 1.5;
			transition: all .3s ease;
			text-align: left;
		}

		/* Custom Icon */
		.safty_grid_main_list ul li::before {
			content: "✓";
			position: absolute;
			left: 18px;
			top: 50%;
			transform: translateY(-50%);
			width: 24px;
			height: 24px;
			background: #007bff;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			transition: all .3s ease;
		}

		/* Hover Effect */
		.safty_grid_main_list ul li:hover {
			background: #e9f3ff;
			transform: translateX(6px);
		}

		.safty_grid_main_list ul li:hover::before {
			background: #28a745;
		}
		
		.mission_statmt_right_fig{
    position: relative;
    overflow: hidden;
}

/* Shine Effect */
.mission_statmt_right_fig::after{
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 80%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.8) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    animation: shineMove 2.5s infinite;
    pointer-events: none;
}

/* Animation */
@keyframes shineMove{
    0%{
        left: -150%;
    }
    100%{
        left: 150%;
    }
}

.table-striped thead th {
    background-color: #f0a437 !important;
    color: #000; /* optional: make text visible */
}


/* Rights of Arrested Persons */
.supreme_guideline_section{
    border-radius:20px;
    padding:60px 50px;
}

/* Title */
.supreme_guideline_title{
    text-align:center;
    font-size:30px;
    font-weight:700;
    letter-spacing:1px;
    color:#0b2c5f;
    margin-bottom:50px;
    position:relative;
}

.supreme_guideline_title:after{
    content:"";
    width:90px;
    height:4px;
    background:linear-gradient(90deg,#0b2c5f,#1e4fa3);
    display:block;
    margin:18px auto 0;
    border-radius:3px;
}

/* Layout */
.supreme_guideline_flex{
    display:flex;
    gap:60px;
    align-items:flex-start;
}

/* Image */
.supreme_guideline_image{
    flex:0 0 380px;
    position:sticky;
    top:40px;
}

.supreme_guideline_image img{
    width:100%;
    filter:drop-shadow(0 15px 30px rgba(0,0,0,0.2));
    transition:0.4s ease;
	filter: drop-shadow(0px 0px 0.4rem #3a3a3a);
}

.supreme_guideline_image img:hover{
    transform:scale(1.06);
}

/* Content */
.supreme_guideline_content{
    flex:1;
}

/* List */
.supreme_guideline_list{
    list-style:none;
    padding:0;
    margin:0;
    counter-reset:guide;
}

/* Card Item */
.supreme_guideline_list li{
    position:relative;
    margin-bottom:25px;
    padding:25px 25px 25px 85px;
    background:#f7f9fc;
    border-radius:16px;
    line-height:1.7;
    font-size:15px;
    transition:all 0.4s ease;
    overflow:hidden;
}

/* Hover Effect */
.supreme_guideline_list li:hover{
    background:#eaf2ff;
    transform:translateX(10px);
    box-shadow:0 15px 30px rgba(0,0,0,0.08);
}

/* Number Badge */
.supreme_guideline_list li::before{
    counter-increment:guide;
    content:counter(guide, decimal-leading-zero);
    position:absolute;
    left:25px;
    top:50%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    background:linear-gradient(135deg,#0b2c5f,#1e4fa3);
    color:#ffffff;
    font-weight:700;
    font-size:15px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 20px rgba(11,44,95,0.3);
    transition:0.3s ease;
}

/* Badge hover animation */
.supreme_guideline_list li:hover::before{
    transform:translateY(-50%) scale(1.1);
}

/* Responsive */
@media(max-width:992px){
    .supreme_guideline_flex{
        flex-direction:column;
    }
    .supreme_guideline_image{
        position:relative;
        top:0;
        margin-bottom:40px;
    }
}


/* Police Verifications */
/* Main Wrapper */
.vr2-main-wrap{
    margin:60px auto;
    display:flex;
    gap:50px;
    align-items:center;
    padding:0 20px;
}

/* Image */
.vr2-left-img{
    flex:1;
}

.vr2-left-img img{
    width:100%;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,0.15);
    transition:all .4s ease;
}

.vr2-left-img img:hover{
    transform:scale(1.05);
}

/* Accordion */
.vr2-accordion-box{
    flex:1;
}

.vr2-acc-item{
    background:#ffffff;
    border-radius:15px;
    margin-bottom:20px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:all .3s ease;
}

.vr2-acc-head{
    padding:18px 25px;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:600;
    font-size:15px;
    transition:.3s;
}

.vr2-acc-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f0a437;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: .3s;
}

.vr2-acc-body{
    max-height:0;
    overflow:hidden;
    transition:max-height .5s ease;
}

.vr2-acc-inner{
    padding:12px 28px;
    font-size:14px;
    line-height:1.7;
    color:#444;
}

/* Active */
.vr2-acc-item.active{
    box-shadow:0 20px 45px rgba(0,0,0,0.15);
}

.vr2-acc-item.active .vr2-acc-head {
    background: #0b2a4a;
    color: #fff;
}

.vr2-acc-item.active .vr2-acc-icon{
    background:#fff;
    color:#2563eb;
    transform:rotate(180deg);
}

/* Responsive */
@media(max-width:900px){
    .vr2-main-wrap{
        flex-direction:column;
    }
}

/* Main Container */
.passport-wrapper{
    max-width:1000px;
    margin:auto;
}

/* Card Design */
.passport-card{
    position:relative;
    background:#fff;
    padding:30px 30px 30px 80px;
    margin-bottom:30px;
    border-radius:12px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
    transition:0.4s ease;
    overflow:hidden;
}

/* Left Gradient Bar */
.passport-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:8px;
    background:linear-gradient(to bottom,#003c8f,#1976d2);
}

/* Number Circle */
.passport-number{
    position:absolute;
    left:20px;
    top:30px;
    width:40px;
    height:40px;
    border-radius:50%;
    background:linear-gradient(135deg,#003c8f,#1976d2);
    color:#fff;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

/* Title */
.passport-title{
    font-size:20px;
    font-weight:700;
    color:#0d2b6b;
    margin-bottom:10px;
}

/* Description */
.passport-text{
    font-size:15px;
    line-height:1.7;
    color:#444;
}

/* Hover Effect */
.passport-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,0.15);
}

.passport-card:hover::before{
    background:linear-gradient(to bottom,#ff6f00,#ff9800);
}

.passport-card:hover .passport-number{
    background:linear-gradient(135deg,#ff6f00,#ff9800);
}

@media(max-width:768px){
    .passport-card{
        padding:25px 20px 25px 70px;
    }
}


/* ===== GALLERY ROW ===== */
.magic_row{
    display:flex;
    gap:30px;
    justify-content:space-between;
    flex-wrap:wrap;
}

/* ===== CARD ===== */
.magic_card{
    position:relative;
    width:320px;
    height:450px;
    border-radius:20px;
    overflow:hidden;
    cursor:pointer;
    background:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,0.1);
    transition:0.5s ease;
}

.magic_card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.6s ease;
}

.magic_card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,0.2);
}

.magic_card:hover img{
    transform:scale(1.1);
}

/* ===== LIGHTBOX ===== */
.magic_lightbox{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.8);
    backdrop-filter:blur(8px);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:0.4s ease;
    z-index:999;
}

.magic_lightbox.active{
    opacity:1;
    visibility:visible;
}

.magic_lightbox img{
    max-width:90%;
    max-height:90%;
    border-radius:15px;
    animation:zoomIn 0.4s ease;
}

/* ===== CLOSE BUTTON ===== */
.magic_close{
    position:absolute;
    top:30px;
    right:40px;
    font-size:30px;
    color:#fff;
    cursor:pointer;
    transition:0.3s;
}

.magic_close:hover{
    transform:rotate(90deg);
    color:#ff4d4d;
}

@keyframes zoomIn{
    from{transform:scale(0.7);opacity:0;}
    to{transform:scale(1);opacity:1;}
}

/* ===== RESPONSIVE ===== */
@media(max-width:992px){
    .magic_card{
        width:90%;
        height:400px;
    }
}

/* ===== GALLERY ===== */
.sg_row {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(265px,1fr));
    gap: 30px;
    padding: 60px 0;
}

.sg_card{
    position:relative;
    width:100%;
    height:450px;
    border-radius:20px;
    overflow:hidden;
    cursor:pointer;
    background:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,0.1);
    transition:transform .4s ease, box-shadow .4s ease;
}

.sg_card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s ease;
}

.sg_card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,0.2);
}

.sg_card:hover img{
    transform:scale(1.08);
}

/* ===== LIGHTBOX ===== */
.sg_lightbox{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.85);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:opacity .4s ease, visibility .4s ease;
    z-index:999999;
}

/* ACTIVE STATE */
.sg_lightbox.sg_active{
    opacity:1;
    visibility:visible;
}

/* IMAGE ANIMATION */
.sg_lightbox img{
    max-width:90%;
    max-height:90%;
    border-radius:14px;
    transform:scale(.8);
    opacity:0;
    transition:transform .4s ease, opacity .4s ease;
}

.sg_lightbox.sg_active img{
    transform:scale(1);
    opacity:1;
}

/* CLOSE BUTTON */
.sg_close{
    position:absolute;
    top:25px;
    right:35px;
    font-size:32px;
    color:#fff;
    cursor:pointer;
    transition:transform .3s ease;
}

.sg_close:hover{
    transform:rotate(90deg) scale(1.1);
}
.trending-box .right-cell {
    width: 60%;
    padding: 20px;
    padding-left: 20px !important;
}
.trending-box {
    padding: 20px !important;
    margin: 0 !important;
}
.super_container_inner {
    float: left;
    width: 100%;
}







/* ===== Breadcrumb Title ===== */
.breadcrumb_title h2{
    font-size:32px;
    font-weight:600;
    color:#ffffff;
    margin:0;
    text-align: center;
    max-width:600px;      /* adjust if needed */
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* ===== Breadcrumb Links ===== */
.breadcrumb a,
.breadcrumb span{
    font-size:14px;
    color:#f1f1f1;
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Optional spacing */
.breadcrumb{
    display:flex;
    gap:6px;
    align-items:center;
    flex-wrap:nowrap;
    overflow:hidden;
}

/* ===== Breadcrumb Container ===== */
.breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    max-width:700px;   /* adjust as per design */
    overflow:hidden;
}

/* Important Fix */
.breadcrumb span,
.breadcrumb a{
    min-width:0;   /* REQUIRED for flex ellipsis */
}

/* Current Long Text */
.breadcrumb .current{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    flex:1;              /* allow shrink */
    display:block;
}

/* Optional Styling */
.breadcrumb a{
    color:#fff;
    text-decoration:none;
}

.separator{
    color:#ccc;
}

/* ===== Breadcrumb Container ===== */
.breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    overflow:hidden;
}

/* Fix flex shrink issue */
.breadcrumb a,
.breadcrumb span{
    min-width:0;
}

/* Current Page Text */
.breadcrumb .current {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: max-content;
}

/* Optional */
.breadcrumb a{
    text-decoration:none;
    color:#fff;
}

.separator{
    color:#ccc;
}

@media(max-width:768px){
    .breadcrumb .current{
        max-width:200px;
    }
}




/* ====== Magical Layout ====== */

.ps-profilepage .outer {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 25px;
}

/* 2026 SECTION 50% */
.gallery-archive .col-md-7{
    width:50%;
}

.gallery-archive .col-md-5{
    width:100%;
    margin-top:40px;
}

/* ===== Headings Style ===== */
.event-headings h4{
    font-size:22px;
    font-weight:600;
    padding:15px 20px;
    background:linear-gradient(135deg,#4f46e5,#7c3aed);
    color:#fff;
    border-radius:12px;
    margin-bottom:20px;
    box-shadow:0 8px 20px rgba(79,70,229,0.3);
}

/* ===== Event List ===== */
.event-list{
    list-style:none;
    padding:0;
    margin:0;
}

.event-list li{
    padding:12px 15px;
    margin-bottom:10px;
    background:#ffffff;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,0.06);
    transition:0.3s ease;
}

.event-list li:hover{
    transform:translateX(8px);
    background:#f3f4ff;
}

.event-list li a{
    text-decoration:none;
    color:#333;
    font-weight:500;
}

/* ===== Gallery Archive Scroll Section ===== */

.panel-group{
    height:400px;              /* Fixed height */
    overflow-y:auto;           /* Scroll */
    padding-right:10px;
}

/* Custom Scrollbar */
.panel-group::-webkit-scrollbar{
    width:6px;
}
.panel-group::-webkit-scrollbar-thumb{
    background:#7c3aed;
    border-radius:10px;
}

/* Accordion Magical Style */
.panel{
    border:none;
    border-radius:12px;
    margin-bottom:15px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

.panel-heading{
    background:#f9fafb;
    padding:0;
}

.panel-title a{
    display:block;
    padding:15px 20px;
    font-weight:600;
    color:#111;
    text-decoration:none;
    position:relative;
    transition:0.3s ease;
}

.panel-title a:hover{
    background:#eef2ff;
}

/* Collapse smooth */
.panel-collapse{
    transition:all 0.4s ease;
}

/* ===== Responsive ===== */
@media(max-width:991px){
    #big,
    #thumbs,
    .gallery-archive .col-md-7{
        width:100%;
    }

    .gallery-archive .col-md-5{
        width:100%;
    }
}

            /* ===== BASIC ===== */
            * {
                box-sizing: border-box;
            }



            /* ===== HORIZONTAL TABS ===== */
            .tabs-left {
                display: flex;
                flex-direction: row;
                gap: 12px;
                margin-bottom: 25px;
                overflow-x: auto;
            }

            /* TAB BUTTON */
            .tabs-left .tablinks {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 14px 18px;
                background: #f7f7f7;
                border: 1px solid #ddd;
                font-size: 15px;
                font-weight: 600;
                cursor: pointer;
                border-radius: 6px;
                position: relative;
                overflow: hidden;
                white-space: nowrap;
                transition: all .4s ease;
            }

            /* ICON */
            .tabs-left .tablinks img {
                width: 32px;
                height: 32px;
                object-fit: contain;
            }

            /* HOVER BG */
            .tabs-left .tablinks::before {
                content: "";
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, #ff6a00, #ff9f00);
                transition: left .5s ease;
                z-index: 0;
            }

            .tabs-left .tablinks:hover::before,
            .tabs-left .tablinks.active::before {
                left: 0;
            }

            .tabs-left .tablinks,
            .tabs-left .tablinks img {
                position: relative;
                z-index: 1;
            }

            .tabs-left .tablinks:hover,
            .tabs-left .tablinks.active {
                color: #fff;
                border-color: #ff6a00;
            }

            /* ===== TAB CONTENT ===== */
            .tabcontent {
                display: none;
                animation: fadeUp .6s ease forwards;
            }

            @keyframes fadeUp {
                from {
                    opacity: 0;
                    transform: translateY(25px);
                }

                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            /* ===== CONTENT BOX ===== */
            .trending_content {
                row-gap: 20px;
            }

            .trending-box {
                display: flex;
                background: #fff;
                border-radius: 10px;
                overflow: hidden;
                box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
                transition: all .4s ease;
            }

            .trending-box:hover {
                transform: translateY(-6px);
                box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
            }

            /* IMAGE */
            .trending-box .left-cell {
                width: 40%;
                position: relative;
                overflow: hidden;
            }

            .trending-box .left-cell img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform .5s ease;
            }

            .trending-box:hover .left-cell img {
                transform: scale(1.1);
            }

            .trending-box .left-cell a {
                position: absolute;
                bottom: 12px;
                left: 12px;
                background: #ff6a00;
                color: #fff;
                padding: 6px 14px;
                border-radius: 20px;
                font-size: 14px;
                text-decoration: none;
            }

            /* TEXT */
            .trending-box .right-cell {
                width: 60%;
                padding: 20px;
            }

            .trending-box .right-cell h3 {
                font-size: 18px;
                margin-bottom: 10px;
            }

            .trending-box .right-cell p {
                font-size: 14px;
                line-height: 1.6;
                color: #666;
            }

            /* ===== RESPONSIVE ===== */
            @media(max-width:991px) {
                .trending-box {
                    flex-direction: column;
                }

                .trending-box .left-cell,
                .trending-box .right-cell {
                    width: 100%;
                }
            }
			section.gallery-archive {
    box-shadow: unset !important;
}



figure img {
    border: 1px solid #cbbfbf;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.popup-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: inherit;
}
.proceed_external {
    color: #fff;
    font-size: 15px;
}
.proced_btn {
    background-color: #604216;
    border: navajowhite;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
}
/* ===== Gallery Grid ===== */

.magic-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(330px,1fr));
    gap: 25px;
    padding: 20px 0;
    list-style: none;
    margin: 0;
}

/* Card */

.magic-gallery-card figure{
position:relative;
overflow:hidden;
border-radius:14px;
margin:0;
cursor:pointer;
box-shadow:0 10px 35px rgba(0,0,0,0.15);
transition:all .4s ease;
}

/* Image */

.magic-gallery-card img{
width:100%;
height:260px;
object-fit:cover;
display:block;
transition:transform .6s ease;
}

/* Zoom */

.magic-gallery-card figure:hover img{
transform:scale(1.15);
}

/* Caption */

.magic-gallery-card figcaption{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:18px 20px;
font-size:16px;
font-weight:600;
color:#fff;
background: linear-gradient(135deg, rgb(255, 207, 148), rgba(81, 61, 214, 0.85));
transform:translateY(40px);
opacity:0;
transition:all .4s ease;
}

/* Caption Hover */

.magic-gallery-card figure:hover figcaption{
transform:translateY(0);
opacity:1;
}

/* Hover Lift */

.magic-gallery-card figure:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,0.25);
}
.police_control {
	padding: 50px 0;
}
.magic_grid_sec {
padding-bottom: 50px;
}
.cat_icon svg path {
    fill: #0b38aa !important;
}

body {
    position: relative;
}

body::before {
    content: "";
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 400px;
    background-image: url("https://bbsrctcpolice.indatasys.in/wp-content/themes/police/images/police_lg.png");
    background-repeat: no-repeat;
    background-size: 300px 300px;
    transform: translate(-50%, -50%);
    opacity: 0.5;
    z-index: -1;
    background-size: contain;
}

.archive_row {
padding-top: 30px;
}

.logo-text h2 {
    color: red !important;
	font-weight: 700;
	margin: 0;
}
.logo-text h3 {
     color: #0b2a4a !important;
    font-weight: 700;
}
.dial_hundred.tele_manas {
    top: 55%;
}
.com_plc_sec .com_plc{
    line-height: inherit;
}
h6.dir-name {
    margin-bottom: 5px;
}
.commissioner h6 {
    font-size: 22px;
}
.commissioner h5 {
    font-size: 16px;
}
.cp_pol{
color: #f15a29;
}


ul.single-p-ul {
    padding: 0 0 30px 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.single-p-ul li {
    position: relative;
    overflow: hidden; /* important for animation */
}

/* LEFT BORDER LINE */
.single-p-ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(135deg, rgb(255,207,148), rgba(81,61,214,0.85));
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 2;
}

/* HOVER BACKGROUND EFFECT */
.single-p-ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgb(255,207,148), rgba(81,61,214,0.85));
    transition: 0.45s ease;
    z-index: 1;
}

/* HOVER ANIMATION */
.single-p-ul li:hover::before {
    left: 0;
}

/* CONTENT ABOVE BACKGROUND */
.single-p-ul li * {
    position: relative;
    z-index: 3;
}

.single-p-ul li span b {
    font-weight: 700;
    font-size: 22px;
}
.single-p-ul li:hover{
color: #fff;
}
.single-p-ul li span p:hover{
color: #fff;
}





.lang-switcher {
    position: relative;
    display: inline-block;
}

.lang-switcher img {
    width: 30px;
    cursor: pointer;
}

.lang-dropdown {
    position: absolute;
    top: 35px;
    right: 0;
    background: #fff;
    list-style: none;
    padding: 8px 0;
    margin: 0;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    display: none;
    min-width: 120px;
    z-index: 999;
}

.lang-dropdown li {
    padding: 8px 15px;
    cursor: pointer;
    color: #000;
}

.lang-dropdown li:hover {
    background: #f2f2f2;
}

/* HIDE GOOGLE BAR */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}
body {
    top: 0 !important;
}

/* HIDE GOOGLE TRANSLATE TOOLTIP */
.goog-tooltip,
.goog-tooltip:hover {
    display: none !important;
}

/* HIDE HOVER POPUP BOX */
.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}

/* HIDE TRANSLATION BALLOON */
#goog-gt-tt,
.goog-te-balloon-frame {
    display: none !important;
    visibility: hidden !important;
}

ul.wp-block-gallery.columns-3.is-cropped.wp-block-gallery-1.is-layout-flex.wp-block-gallery-is-layout-flex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
    gap: 30px;
}

/* ===== new contact us ===== */
/* ===== MAIN WRAPPER ===== */
.gov-wrapper {
    width: 100%;
    box-sizing: border-box;
    margin: 53px 0;
}

/* ===== TOP SECTION (FLEX) ===== */
.gov-top{
    display:flex;
    gap:30px;
    align-items:center;
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    flex-wrap:wrap;
}

/* IMAGE */
.gov-img{
    flex:1;
}
.gov-img img{
    width:100%;
    border-radius:15px;
}

/* CONTENT */
.gov-content{
    flex:1;
}
.gov-content h2{
    margin:0 0 10px;
    color:#1c3d6b;
    text-transform: capitalize;
}
.gov-content p {
    margin: 5px 0;
    color: #000000;
    font-size: 18px;
}
.gov-btn{
    display:inline-block;
    margin-top:15px;
    padding:12px 25px;
    background:#2b6cb0;
    color:#fff;
    border-radius:25px;
    text-decoration:none;
}

/* ===== CARD SECTION ===== */
.gov-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
    justify-content: center;
    justify-content: space-between;
}

/* CARD */
.gov-card{
    position:relative;
    width:23%;
    min-width:230px;
    background:#fff;
    border-radius:12px;
    padding:20px;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
    overflow:hidden;
    transition:.4s;
    z-index:0;
}

/* HOVER EFFECT */
.gov-card::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(135deg, rgb(255,207,148), rgba(81,61,214,0.85));
    transition:.45s ease;
    z-index:-1;
}

.gov-card::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:6px;
    height:100%;
    background:linear-gradient(135deg, rgb(255,207,148), rgba(81,61,214,0.85));
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    z-index:1;
}

/* HOVER */
.gov-card:hover::before{
    left:0;
}
.gov-card:hover{
    transform:translateY(-10px);
    color:#fff;
}

/* TEXT */
.gov-card h4{
    margin:0 0 10px;
    color:#1c3d6b;
    font-size: 18px;
}
.gov-card p{
    margin:5px 0;
    font-size:14px;
}

/* RESPONSIVE */
@media(max-width:992px){
    .gov-card{
        width:45%;
    }
}
@media(max-width:576px){
    .gov-card{
        width:100%;
    }
}