/* Main banner */
		
		.section_title{
			color: #e54406;
			text-align: center;
		}

	 /* Full-Width Slider */
        .carousel {
            width: 100%;
            max-height: auto;
            overflow: hidden;
        }

        .carousel-inner > .item > img {
            width: 100%;
            height: auto;
        }

        /* Fade-in Animation */
        .carousel-inner .item {
            transition: transform 1s ease-in-out, opacity 1s ease-in-out;
        }

        .carousel-caption {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.6);
            padding: 15px;
            border-radius: 5px;
        }

        /* Control Buttons Styling */
        .carousel-control {
            background: none !important;
            color: #fff;
            font-size: 30px;
        }





	
		.anton-regular {
		  font-family: "Anton", serif;
		  font-weight: 400;
		  font-style: normal;
		}

		
		.top-nav h5{
			margin: 0px!important;
		}
		.main_banner {
			padding: 50px 0px;
			position: relative;
			height: auto; 
			/*background-image: url('https://aaplanagarsevak.in/images/main_banners/desk_main_banner.jpg');
			background-size: cover; 
			background-position: center; 
			background-attachment: fixed;*/
			background-color: #F16F21;
			align-items: center; 
			padding-left: 20px;
			color: white;
		}

		/* Heading style */
		.main_banner h3 {
			font-size: 5rem;
			margin: 0; /* Remove default margin */
			color: #E54406;
			line-height: 70px;
		}

		.btn_primary{
			margin-top: 20px;
			background-color: #000;
			border-radius: 50px;
			padding: 10px 30px;
			font-family: "Libre Baskerville", serif;
			font-weight: 400;
			font-style: normal;
			transition: 0.5s;
			outline: none!important;
			border: none!important;
		}

		.btn_primary:hover{
			background-color: #E54406;
			color: #fff
		}

		.btn_primary:focus{
			color: #fff
		}

		.btn_seconday{
			margin-top: 20px;
			background-color: #E54406;
			border-radius: 50px;
			padding: 10px 30px;
			font-family: "Libre Baskerville", serif;
			font-weight: 400;
			font-style: normal;
			transition: 0.5s;
			outline: none!important;
			color: #fff!important;
			border: none!important;
		}

		.btn_primary:hover{
			background-color: #E54406;
			color: #fff
		}

		.btn_primary:focus{
			color: #fff
		}

		/* Media query for smaller screens */
		@media (max-width: 768px) {
			.main_banner h3 {
		        font-size: 4.5rem;
		    }

		    .location-tabs li a {
			    padding: 9px 17px;
			    font-size: 11px;
			}
		}

		.search_box{
			background-color: #F7F7F7;
			padding: 100px 100px;
		}

		.search-reasult{
			background-color: #e54406;
			padding: 50px 0px;
		}

		.search-reasult h3{
			color: #fff;
		}
	
		.features_box{
			display: flex;
			align-items: center; 
			justify-content: center; 
			height: 100%;
		}
		.features_inner_box{
			display: flex; 
			flex-direction: column; 
			justify-content: center;
		}

		.features_inner_box h5{
			font-weight: bold;
			margin-top: 60px;
			font-size: 20px;
		}
		.app_download{
			background-image: url('https://aaplanagarsevak.in/images/main_banners/application-img-06.jpg');
			padding: 100px 0; 
			display: flex; 
			align-items: center; 
			justify-content: center;
		}

		.suggestions {
            position: absolute;
            width: 100%;
            background: white;
            z-index: 1000;
            border: 1px solid #ccc;
        }

        .form_box{
        	padding: 100px 0px;
        }

         /* Custom Styling for the Slider */
	    .slider-container {
	        background: transparent;
	        padding: 30px;
	    }

	    .slider-item {
	        background: #fff;
	        padding: 15px;
	        border-radius: 10px;
	        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	        text-align: center;
	    }

	    .slider-item img {
	        width: 100%;
	        height: 200px;
	        object-fit: cover;
	        border-radius: 10px;
	    }

	    .slider-item h3 {
	        margin-top: 10px;
	        font-size: 18px;
	        color: #333;
	    }

	    .slider-item p {
	        font-size: 14px;
	        color: #666;
	    }

	    .section_title{
	    	font-family: "Inter Tight", serif;
			font-optical-sizing: auto;
			font-weight: <weight>;
			font-style: bold;

			font-size: 35px;
	    }



        /*PROFILE PAGE*/

        .canditade-innner-box{
			box-shadow: 0px 0px 10px #d8cece;
			padding: 10px;
			border-radius: 10px;
			margin-bottom: 15px;
		}


		.profile-main-banner{
			width: 100%;
			height: 400px;
		}

		.profile-main-banner img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.client-profile{
			width: 100%;
			height: 400px;
		}

		.client-profile img{
			width: 100%;
			height: 100%;
			object-fit: contain;
		}

		/* Custom Styling */
        .navbar {
            background: #E54406;
            border: none;
            margin: 0;
            border-radius: 0px;
        }
        .navbar-nav {
            float: none;
            display: table;
            margin: 0 auto;
        }
        .navbar-nav > li {
            float: none;
            display: table-cell;
        }
        .navbar-nav > li > a {
            color: #ffffff !important;
            font-size: 16px;
            padding: 15px 20px;
        }
        .navbar-nav > li > a:hover {
            background: #f16f21  !important;
        }
        .navbar-toggle {
            border: none;
        }
        .icon-bar {
            background: white;
        }
        .headline{
        	margin-top: 0px;
        	margin-bottom: 0px;
        }
        .profile_box{
        	margin-top: 140px;
        }


         /* Running text effect */
        .running-text {
            overflow: hidden;
            white-space: nowrap;
            position: fixed;
            width: 100%;
            padding: 10px 0px;
            background: #000;
            top: 50px;
            z-index: 99;
        }
        .running-text h5 {
            display: inline-block;
            color: #fff;
            font-size: 16px;
            white-space: nowrap;
            animation: marquee 20s linear infinite;
        }

        /* Animation for the running text */
        @keyframes marquee {
            from { transform: translateX(100%); }
            to { transform: translateX(-100%); }
        }

      

        /* Section Title */
		.tab-title {
		    font-size: 24px;
		    font-weight: bold;
		    color: #333;
		    margin-bottom: 20px;
		    font-family: "Libre Baskerville", serif;
			font-weight:600;
			font-style: normal;
		}

		/* Personal Info List */
		.personal-info-list {
		    list-style: none;
		    padding: 0;
		}

		.personal-info-list li {
		    display: flex;
		    align-items: center;
		    background: #f8f9fa;
		    padding: 12px;
		    border-radius: 8px;
		    margin-bottom: 10px;
		    font-size: 16px;
		    font-weight: 500;
		    transition: all 0.3s ease-in-out;
		}

		/* Icon Style */
		.icon-circle {
		    width: 40px;
		    height: 40px;
		    background: #e54406;
		    color: #fff;
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin-right: 15px;
		    font-size: 18px;
		}

		/* Hover Effects */
		.personal-info-list li:hover {
		    background: #e54406;
		    color: #fff;
		}

		.personal-info-list li:hover .icon-circle {
		    background: #fff;
		    color: #e54406;
		}


		/* Section Title */
		.canditate-title h3 {
		    font-size: 26px;
		    font-weight: bold;
		    color: #222;
		    margin-bottom: 20px;
		    font-family: "Libre Baskerville", serif;
			font-weight:600;
			font-style: normal;

		}

		/* Card Style */
		.canditade-innner-box {
		    background: #fff;
		    padding: 20px;
		    border-radius: 10px;
		    text-align: center;
		    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
		    transition: all 0.3s ease-in-out;
		    position: relative;
		    overflow: hidden;
		    margin-bottom: 20px;
		}

		/* Hover Effects */
		.canditade-innner-box:hover {
		    transform: translateY(-5px);
		    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
		}

		/* Icons */
		.icon {
		    width: 50px;
		    height: 50px;
		    background: #e54406;
		    color: #fff;
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: 22px;
		    margin: 0 auto 10px;
		    transition: 0.3s;
		}

		.canditade-innner-box:hover .icon {
		    background: #fff;
		    color: #e54406;
		    border: 2px solid #e54406;
		}

		/* Text Styling */
		.canditade-innner-box h4 {
		    font-size: 18px;
		    color: #333;
		    margin-bottom: 10px;
		    font-weight: 600;

		}

		.canditade-innner-box h5 {
		    font-size: 20px;
		    font-weight: bold;
		    color: #e54406;
		    margin-bottom: 15px;
		}

		/* Button Styling */
		.btn-info {
		    background: #007bff;
		    border: none;
		    padding: 8px 15px;
		    font-size: 14px;
		    border-radius: 5px;
		    transition: 0.3s;
		}

		.btn-info:hover {
		    background: #0056b3;
		}

		/* General Styles */
		.custom-tabs {
		    border-bottom: none; /* Remove default border */
		    display: flex;
		    justify-content: center;
		    background: #f8f9fa;
		    padding: 10px;
		    border-radius: 10px;
		    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
		}

		/* Tab Items */
		.custom-tabs li {
		    float: none;
		    display: inline-block;
		    margin: 0 5px;
		}

		/* Tab Links */
		.custom-tabs li a {
		    font-size: 16px;
		    color: #333;
		    background: #fff;
		    padding: 12px 20px;
		    border-radius: 25px;
		    display: flex;
		    align-items: center;
		    gap: 8px;
		    font-weight: bold;
		    transition: all 0.3s ease-in-out;
		    border: 2px solid transparent;
		}

		/* Active Tab */
		.custom-tabs li.active a {
		    background: linear-gradient(to right, #e54406, #bb3603);
		    color: #fff;
		    border-color: #e54406;
		    transition: 0.5s;
		}

		/* Hover Effect */
		.custom-tabs li a:hover {
		    background: linear-gradient(to right, #e54406, #e54406);
		    color: #fff!important;
		    border-color: #e54406;
		}
		/* Hover Effect */
		.custom-tabs li a:focus {
		    background: linear-gradient(to right, #e54406, #e54406);
		    color: #fff!important;
		    border-color: #e54406;
		}

		/* Icons */
		.custom-tabs li a i {
		    font-size: 18px;
		}

		/* Mobile Responsive */
		@media (max-width: 768px) {
		    .custom-tabs {
		        flex-direction: column;
		        align-items: center;
		    }

		    .custom-tabs li {
		        width: 100%;
		        text-align: center;
		    }

		    .custom-tabs li a {
		        display: block;
		        width: 100%;
		        text-align: center;
		    }
		}


		/* Section Title */
		.section-title {
		    font-size: 26px;
		    font-weight: bold;
		    margin-bottom: 20px;
		    color: #333;
		}

		/* Center Align Tabs */
		.location-tabs {
		    display: flex;
		    justify-content: center;
		    border-bottom: 2px solid #ddd;
		    margin-bottom: 20px;
		}

		.location-tabs li {
		    margin: 0 10px;
		}

		.location-tabs li a {
		    padding: 12px 20px;
		    font-size: 16px;
		    font-weight: bold;
		    text-transform: uppercase;
		    color: #fff;
		    border-radius: 8px 8px 0 0;
		    transition: all 0.3s ease-in-out;
		}

		.location-tabs li.active a,
		.location-tabs li a:hover {
		    background: #e54406;
		    color: #fff;
		    border: none;
		}

		/* Tab Content Styling */
		.tab-pane {
		    background: #f8f9fa;
		    padding: 20px;
		    border: 2px solid #ddd;
		    border-radius: 0 0 10px 10px;
		    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
		}

		.tab-pane h3 {
		    color: #e54406;
		    font-weight: bold;
		}

		/* Responsive Design */
		@media (max-width: 768px) {
		    .location-tabs {
		        display: block;
		        text-align: center;
		    }
		    .location-tabs li a {
			    padding: 10px 14px !important;
        		font-size: 12px;
			   
			}
		}

		/* Banner Styling */
/*.main_banner {
    background-image: url('https://aaplanagarsevak.in/images/main_banners/desk_main_banner.jpg');
	background-size: cover; 
	background-position: center;
	background-attachment: fixed; /
    padding: 50px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
}*/

/* Center Logo */
.logo-img {
    max-width: 250px;
    margin-bottom: 20px;
}

/* Text Styling */
h3 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.3;
}

h3 .highlight {
    font-size: 60px;
    color: #E54406;
}


/* Responsive Design */
@media (max-width: 768px) {
    .main_banner {
        min-height: 60vh;
        padding: 40px 20px;
        background-image: none!important;
        background-color: #f16f21 !important;
    }

    h3 {
        font-size: 42px;
    }

    h3 .highlight {
        font-size: 40px;
    }
}

/* Navbar Background */
.navbar-inverse {
    background-color: #000;
    border: none;
}

/* Center Navigation Links in Desktop */
.navbar-nav {
    float: none;
    display: inline-block;
}

/* Align Links Horizontally in Desktop */
@media (min-width: 769px) {
    .navbar-nav {
        display: flex;
        justify-content: center;
    }
}

/* Mobile View: Vertical Menu */
@media (max-width: 768px) {
    .navbar-collapse {
        text-align: left;
    }

    .navbar-nav {
        display: block;
        width: 100%;
    }

    .navbar-nav > li {
        display: block;
        width: 100%;
        text-align: center!important;
    }

    .navbar-nav > li > a {
        padding: 12px 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    /* Home Icon */
    .home-icon {
        display: inline-block;
        padding: 10px 15px;
        color: #fff;
        font-size: 22px;
    }
}

/* Hamburger Menu Animation */
.navbar-toggle .icon-bar {
    background-color: #fff;
}


/*MAHANAGAR PALIKA VISHESH CSS*/
     .main_box {
        background: #f8f9fa;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
        max-width: 400px;
        margin: 0 auto;
        margin-top: 30px!important;
        border: 2px solid #f16f21;
    }

    .logo_box img {
        width: 50%;
        display: block;
        margin: 0 auto;
        border-radius: 10px;
    }

    .box_list {
        margin-top: 20px;
    }

    .box_list ul {
        padding: 0;
        margin: 0;
    }

    .box_list ul li {
        background: #fff;
        padding: 12px 15px;
        margin: 0;
        border-bottom: 1px solid #d1d1d1; /* Light gray border */
        font-size: 18px;
        font-weight: bold;
        /*display: flex;*/
        transition: all 0.3s ease-in-out;
        position: relative;
        overflow: hidden;
    }
  	.highlited{
  		background-color: #e54406!important;
  		color: #fff!important;
  		text-align: center!important;
  	}

    /* Last list item should not have a border */
    .box_list ul li:last-child {
        border-bottom: none;
    }

    /* Hover effect */
    .box_list ul li::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: -100%;
        background: rgba(0, 123, 255, 0.1);
        transition: 0.3s ease-in-out;
    }

    .box_list ul li:hover::before {
        left: 0;
    }

    .box_list ul li:hover {
        color: #f16f21;
        transform: scale(1.05);
        cursor: pointer;
    }

    .box_list ul li i {
        margin-right: 10px;
        color: #f16f21;
        transition: color 0.3s ease-in-out;
    }

    .box_list ul li:hover i {
        color: #f16f21;
    }


    /*nandani page navbar*/


       /* Center menu items */
        .navbar-nav {
            float: none;
            display: flex;
            justify-content: center;
            width: 100%;
        }
        .navbar-nav > li {
            float: none;
            display: inline-block;
            text-align: center;
        }

        /* Adjust for mobile */
        @media (max-width: 767px) {
            .navbar-header {
                float: none;
            }
            .navbar-toggle {
                display: block;
            }
            .navbar-collapse {
                text-align: center;
            }
            .navbar-nav {
                display: block;
            }
            .navbar-nav > li {
                display: block;
            }
        }



      /*CSS FOR SIDEBAR*/
body{
	background-color: #fff3ef;
}

        /* Sidebar Styling */
        .sidebar {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 15px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
        }
        .sidebar ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .sidebar ul li {
            background: #fff;
            margin: 5px 0;
            padding: 12px;
            border-radius: 5px;
            text-align: center;
            font-weight: bold;
            color: #333;
            transition: all 0.3s ease-in-out;
            cursor: pointer;
        }
        .sidebar ul li:hover {
            background: #e54406;
            color: #fff;
            transform: scale(1.05);
        }

        /* Form Container */
        .nondni_form_container {
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
        }
        .nondni_container_tilte h4 {
            background: #e54406;
            color: white;
            padding: 10px;
            border-radius: 5px;
            font-weight: bold;
        }

        /* Responsive Adjustments */
        @media (max-width: 767px) {
            .sidebar {
                margin-bottom: 20px;
            }
        }
        .rows{
        	margin: 0px!important;
        }

        .amezing_features .slider-item{
        	background-color: #fff;
        	/*background-color: #e54406;*/
        	transition: 0.5s;
        }
        .amezing_features .slider-item:hover{
        	background-color: #e54406;
        	transition: 0.5s;
        }
        .amezing_features .slider-item img{
        	border-radius: 50%;
        }


        #mahanagar_palika {
		    position: relative;
		    padding: 30px 0px;
		    background-image: url('../images/top_ten/img1.jpg');
		    background-repeat: no-repeat;
		    background-size: cover;
		    z-index: 1;
		    background-attachment: fixed;
		}

		#mahanagar_palika::before {
		    content: "";
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    background: rgba(255, 243,239, 0.7); /* Adjust opacity here */
		    z-index: -1;
		}

		#mahanagar_palika a{
			text-decoration: none;
		}


		.dropdown {
            position: relative;
            display: inline-block;
        }
        .dropdown-btn {
            background-color: #e54406;
            color: white;
            padding: 10px 15px;
            font-size: 16px;
            border: none;
            cursor: pointer;
            border-radius: 5px;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: white;
            min-width: 200px;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
            border-radius: 5px;
            z-index: 1;
        }
        .dropdown-content a {
            color: black;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }
        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }


        /* General Styles */
		.features-section {
		    padding: 40px 0;
		    text-align: center;
		}

		.features-grid {
		   display: flex;
		    flex-wrap: wrap;
		    justify-content: center;
		    gap: 20px;
		}

		/* Feature Box */
		.feature-box {
			width: 250px;
		    background: #fedacc;
		    padding: 20px;
		    border-radius: 10px;
		    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		    transition: transform 0.3sease-in-out, box-shadow 0.3sease-in-out;
		    text-align: center;
		    backdrop-filter: blur(10px);
		    border: 1px solid #e54406;
		}

		/* Hover Animation */
		.feature-box:hover {
		    /*transform: scale(1.05);*/
		    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		}

		/* Feature Title */
		.feature-title h4 {
		    font-size: 18px;
		    font-weight: bold;
		    color: #E54406;
		    margin-top: 30px;
		}

		/* Image Styling */
		.feature-box img {
		    width: 100%;
		    max-height: 150px;
		    object-fit: cover;
		    border-radius: 10px;
		    transition: transform 0.3s ease-in-out;
		}

		/* Image Hover Effect */
		.feature-box:hover img {
		    transform: scale(1.1);
		}

		/* Button Styling */
		.feature_button {
		    margin-top: 15px;
		}

		.btn_primary {
		    display: inline-block;
		    padding: 10px 20px;
		    font-size: 16px;
		    font-weight: bold;
		    color: white;
		    background: #e54406;
		    border: none;
		    border-radius: 25px;
		    text-decoration: none;
		    transition: all 0.3s ease-in-out;
		    cursor: pointer;
		    text-align: center;
		}

		.btn_primary:hover {
		    background: #ff5500;
		    transform: scale(1.1);
		    box-shadow: 0px 4px 10px rgba(255, 91, 0, 0.5);
		}