body {
		height: 100vh;
		margin: 0;
		color: #ffffff;
		background: linear-gradient(rgba(0, 0, 0, 0.068), rgb(42, 15, 6)), url(https://www.bennett.edu.in/wp-content/uploads/2024/07/The-Indian-Legal-System-Needs-Revamp.-An-Analysis.jpg);
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5 {
		    font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
	}

    p { font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;    font-size: 16px;}


  .mark-query {
  	background-color: #ffeb3b;
  	/* Bright Yellow */
  	color: #000;
  	padding: 0 2px;
  	border-radius: 3px;
  	font-weight: 600;
  }

  .mark-keyword {
  	background-color: #c8e6c9;
  	/* Light Green */
  	border-bottom: 2px solid #2e7d32;
  }

  .mark-concept {
  	background: #ffe066;
  }

	
	.center-logo {
		font-size: 2.5rem;
		font-weight: 700;
		letter-spacing: 1px;
	}
	/* iOS blur style box */
	
	.blur-box {
		background: rgba(0, 0, 0, 0.55);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
		border: 1px solid rgba(255, 255, 255, 0.15);
		border-radius: 20px;
		padding: 70px 30px;
		width: 75%;
		/* margin: auto; */
	}
	
	.search-input {
		border-radius: 0.5rem 0 0 0.5rem;
		height: 50px;
	}
	
	.search-btn,
	.search-btn:hover,
	.search-btn:active,
	.search-btn:focus {
		border-radius: 0 0.5rem 0.5rem 0;
		color: #ffffff !important;
		background: #ce8940 !important;
		border-color: #ffb98c !important;
	}
	
	.highlight-box {
		background: rgba(255, 255, 255, 0.12);
		border-left: 4px solid #ffc107;
		padding: 10px 16px;
		display: inline-block;
		margin-top: 20px;
	}
	
	.logo-strip img {
		height: 48px;
		opacity: 0.85;
		background: #fff;
		border-radius: 8px;
	}
	
	footer {
		width: 100%;
		padding: 12px 10px;
		text-align: center;
		font-size: 0.70rem;
		color: rgba(255, 255, 255, 0.85);
		background: #2a1617;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		border-top: 1px solid rgba(255, 255, 255, 0.15);
	}
	
	
	
	.mb-h {
		height: 95%;
	}
	
	@media screen and (max-width: 480px) {
		.mb-h {
			height: 85% !important;
		}
	}
	
	@media screen and (max-width: 768px) {
		.blur-box {
			width: 100%;
		}
        .header {padding: 15px 0 !important;
    height: 120px !important;}
    .cussearch {    padding: 0px !important;
    font-size: 18px !important;}
    .input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text {padding: 0px 20px !important;;}
    .view-w {width: 150px;}	

}
	/* RTL Offcanvas Custom Styling */
	
	.rtl-menu {
		background: rgba(0, 0, 0, 0.75);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
		color: #fff;
	}
	/* Ensure offcanvas body uses full height */
	
	.offcanvas-body {
		display: flex;
		flex-direction: column;
	}
	/* Footer container */
	
	.offcanvas-footer {
		padding-top: 20px;
		border-top: 1px solid rgba(255, 255, 255, 0.15);
	}
	/* Footer logo */
	
	.menu-footer-logo {
		width: 180px;
		opacity: 0.9;
	}
	/* Footer links */
	
	.menu-footer-links a {
		color: #b63608;
		text-decoration: none;
		font-size: 0.9rem;
	}
	
	.menu-footer-links span {
		color: #b63608;
	}
	
	.menu-footer-links a:hover {
		text-decoration: underline;
	}
	/* .nav-item {border-left: 1px solid #1a0505;} */
	
	.rtl-menu .nav-link {
		color: #170904;
		font-weight: 500;
		text-align: left;
	}
	
	.rtl-menu .nav-link:hover {
		color: #ce8940;
	}
	
	.rtl-menu .offcanvas-header {
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	}
	
	.closebtn {
		--bs-btn-close-bg: url
	}
	
	.rtl-menu .btn-close {
		filter: invert(0);
	}
	
	.menu-btn {
		position: fixed;
		top: 20px;
		right: 20px;
		z-index: 1;
		/* above blur box */
	}
	
	.btnmenu {
		color: #ffffff;
		border-color: #ce8940;
        background-color: #ce8940;
	}
	
	.btnmenu:hover,
	.btnmenu:active,
	.btnmenu:focus,
    .btnmenu:focus-visible {
		color: #ffffff !important;
		border-color: #ce8940 !important;
		background-color: #ce8940 !important;
        box-shadow: none !important;
	}
	
	.bgmenu {
		background-image: url("../img/menubg.png");
	}


    /*--------- list page -----------*/

    /* Header */
.header {
    background: url("../img/innnerbg.jpg");
    background-size: cover;
    color: white;
    padding: 35px 0;
    height: 160px;
}

/* Search Box */
.search-box {
    background: #ffffff;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-bottom: 8px solid #ce8940;
}


.cussearch:focus { outline: 0; box-shadow: none;}





/* Act Cards */
.act-card {
    border: none!important;
    border-left: 6px solid #92382f!important;
    border-radius: 12px!important;
    transition: all 0.3s ease!important;
}
.act-card:hover {
    transform: translateY(-5px)!important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.15)!important;
}

/* Sidebar Cards */
.info-card {
    border-radius: 14px;
    border: none;
    background: linear-gradient(135deg, #ffffff, #f0f4ff);
}

/* Section Title */
.section-title {
    font-weight: 700;
    color: #0d1b2a;
}

/* Badge */
.law-badge {
   background: #e9fff3;
    color: #33b83a;
    font-weight: 600;
}

.bg-light1 {
    --bs-bg-opacity: 1;
    background-color: rgb(236 243 251) !important;
    font-weight: 600;
}

.minh {margin-top: -35px;}

.viewbtn, .viewbtn:hover, .viewbtn:active, .viewbtn:focus {    
	background: #ce8940;
    border-color: #ce8940;
    color: #fff;
    padding: 6px 12px;
    margin-top: 10px;
    margin-right: 10px;}

		.btn:first-child:active {background: #ce8940;
			border-color: #ce8940;
			color: #fff;
			padding: 6px 12px;
		}

    .badge-w {width: 25px;
    height: 20px;
    font-size: 10px;}