:root {
	/* 🎨 Colors */
	--color-primary-darkblue: #404493;
	--color-primary: linear-gradient(5.82deg, #404493 4.55%, #5B5FA6 95.3%);
	--color-tertiary: #00CCFF;
	--color-tertiary-linear-gradient: linear-gradient(354.67deg, #00CCFF 3.45%, #4ADBFF 94.93%);

	/*--color-secondary: #00CCFF;*/
	--color-seva-orange: #D45424;
	

	--color-background: #f5f5f5;
	/*--color-light-green: #9FD356;*/
	--color-light-green:#6CA124;
	--color-linear-gradient-green:linear-gradient(185.71deg, #9FD356 10.41%, #6CA124 95.12%);
	--color-light-pink:#AB92BF;
	/*--color-yellow: #FFAE03;*/
	--color-yellow:#E39B03;
	--color-linear-gradient-yellow: linear-gradient(360deg, #E39B03 0%, #FFC74F 100%);
		
	--color-green:#34803E;
	--color-fluorescent-green: #53DD6C;
	--color-white: #FFFFFF;
	--border-color: #697077;
	--color-light-black: #4D4D4D;
/*	--chart-color-text: #0F1E56*/;
	--chart-color-text:linear-gradient(5.82deg, #404493 4.55%, #5B5FA6 95.3%);
	--color-light-grey: #F4F4F4;
	--color-border: #D7DBEC;
	--color-border-list: #AAAAAA;
	--color-background: #F5F6FB;
	--color-border-footer:#919EB7;
	--color-text-footer:#5A607F;
	--color-red:#D23751;
	--color-red-linear-gradient-orange: linear-gradient(5.33deg, #D23751 4.88%, #E85A71 96.36%);
	--color-gray:#2B2B2B;
	--color-black:#000000;
	--color-draft-grey:#B7B7B7;
	--color-login-border: #B7C0D0;

	/* 🔤 Font Sizes */
	--font-size-xxs:0.625rem;
	/* 10px */
	--font-size-xs: 0.75rem;
	/* 12px */
	--font-size-sm: 0.875rem;
	/* 14px */
	--font-size-small-sm:0.813rem;
	/*13px*/
	--font-size-md: 1rem;
	/* 16px */
	--font-size-md-2: 1.125rem;
	/* 18px */
	--font-size-lg: 1.25rem;
	/* 20px */
	--font-size-xl: 1.375rem;
	/* 22px */
	--font-size-xxl: 1.5rem;
	/* 24px */
	--font-size-1xl: 1.625rem;
	/*26*/
	--font-size-2xl: 1.75rem;
	/*28*/
	--font-size-3xl: 2rem;
	/* 32px */
	/* --font-size-4xl: 2.25rem;*/
	/* 36px */
	--font-size-4xl: 2.125rem;
	/*34px*/
	/* 🏋️ Font Weights */
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-medium2: 600;
	--font-weight-bold: 700;
	--font-weight-boldmedium: 800;

	/* 🌫️ Shadows */
	--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
	--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.15);
	/* ---box-shadow-normal: 0px 5px 24px 0px #00000040;*/
	---box-shadow-normal: 0px 5px 24px 0px rgba(0, 0, 0, 0.25);

	/* border*/
	--border-radius-xs: 4px;
	--border-radius-sm: 6px;
	/*--border-radius-md: 8px;*/
	--border-radius-md: 10px;
	--border-radius-lg: 12px;
	--border-radius-xl: 14;
	--border-sidebar: 30px

}

/*...............Header CSS...................*/
/* For WebKit browsers */

::-webkit-scrollbar-track {
  background: #e0e0e0; /* track color */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-tertiary); /* thumb color */
}
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background: url("data:image/svg+xml;utf8,<svg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.244078 0.388991C-0.0563256 0.697977 -0.0794336 1.18418 0.174754 1.52042L0.244078 1.60117L4.41074 5.88689C4.71115 6.19587 5.18384 6.21964 5.51075 5.95819L5.58926 5.88689L9.75592 1.60117C10.0814 1.26644 10.0814 0.723726 9.75592 0.388991C9.45552 0.0800045 8.98283 0.0562364 8.65592 0.317686L8.57741 0.388991L5 4.06794L1.42259 0.388991C1.12219 0.0800045 0.649493 0.0562364 0.322584 0.317686L0.244078 0.388991Z' fill='%23B7B7B7'/></svg>") no-repeat right 10px center;
    background-size: 10px 7px;
}
.content-wrapper {
    height: 50vh; /* or any fixed height */
    overflow-y: auto;
    position: relative;
}
.custom-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	/*z-index: 9;*/
	z-index: 1042;
}
.background-white{
	background-color: var(--color-white);
	border-radius: var(--border-radius-md);
}
.mininav-main-div {
	background-color: var(--color-tertiary);
	/*height: 42px;*/
	vertical-align: middle;
	text-align: center;
	color: var(--color-primary);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	height: auto;
	/* no fixed height */
	padding: 10px 0;
	/* total 20px vertical padding */
	line-height: 22px;
}

.header-main-div {
	padding: 12px 24px;
	background-color: var(--color-white);
	position: sticky;
	  position: -webkit-sticky;
	  top: 0; /* required */
	width: 100%;
	z-index: 1041;
}

.search-input-div {
	width: 390px;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-md);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-regular);
	padding: 6px 12px;
	gap: 8px;
}

input {
	border: none;
	outline: none;
}

input:focus {
	outline: none;
	border: none;
}

.login-btn {
	border-radius: var(--border-radius-md);
	background: var(--chart-color-text);
	color: var(--color-white);
	padding: 7px 30px;
	border: none;
	gap: 8px;
	justify-content: center;
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	box-shadow: 0px 4px 9px 0px #00000040;
	cursor: pointer;
	border: 1px solid transparent;
	transition: all 0.3s ease;
}
.login-btn:hover{
	color: var(--color-primary-darkblue);
		border: 1px solid var(--color-primary-darkblue);
		background: var(--color-white);
}
.register-btn {
	border-radius: var(--border-radius-md);
	background-color: var(--color-white);
	color: var(--color-primary);
	padding: 7px 30px;
	border: none;
	gap: 8px;
	justify-content: center;
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	box-shadow: 0px 4px 9px 0px #00000040;
	cursor: pointer;
	border: 1px solid var(--color-primary);
	transition: all 0.3s ease;
}

.hoverable-button {
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 10;
	padding: 5px 0px;
	display: none;
	flex-direction: column;
	gap: 5px;
	background: transparent;
}

.hoverable-div:hover .hoverable-button {
	display: flex;
}

.seva-nivesh-logoimg {
	width: 120px;
}

.main-chart-div {
	border: 1px solid var()
}
/*...............Header CSS...................*/
/*..............................Sidebar Css...................*/
.titleAddQue{
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	text-transform: uppercase;
	color:var(-color-gray)
}
.c-sidebar-header {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	background: var(--color-light-grey);
/*	box-shadow: 0px 1px 1px 0px #dfdfdf;*/
	/*padding-bottom: 4px !important;*/
	border-top-left-radius: var(--border-sidebar);
}

/*.c-sidebar-body {
	position: absolute;
	top: 50px;
	bottom: 125px;
	left: 0px;
	right: 0px;
	overflow: auto;
	padding-bottom: 25px;
}*/
.c-sidebar-body {
	position: absolute;
	top: 50px;
	bottom: 50px;
	left: 0px;
	right: 0px;
	overflow: auto;
	padding-bottom: 25px;
}

.c-sidebar-footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	border-top: 1px solid var(--color-border-footer);
	background: var(--color-white);
	/*padding: 15px 0px 65px 0px !important;*/
	/*box-shadow: 0px -1px 1px 0px #dfdfdf;*/
	border-bottom-left-radius: var(--border-sidebar)
}

.excSideBar{
	border-top-left-radius: var(--border-sidebar);
	border-bottom-left-radius: var(--border-sidebar);
}
.borders-top{
	border-top: 1px solid var(--color-border-footer);	
}
.height-100{
	height:100px;
}
.cross-img{
	cursor: pointer;
}

.submit-btn{
	width: 180px;
	color: var(--color-white);
	background: var(--chart-color-text);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	padding: 6px 18px;
	border-radius: var(--border-radius-md);
}
.submit-btn:hover{
	color: var(--color-primary-darkblue);
	border: 1px solid var(--color-primary-darkblue);
	background: var(--color-white);
}
.investor-btn{
	width: fit-content;
	color: var(--color-white);
	background: var(--chart-color-text);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	padding: 6px 18px;
	border-radius: var(--border-radius-md);
}
.investor-btn:hover{
	color: var(--color-primary-darkblue);
		border: 1px solid var(--color-primary-darkblue);
		background: var(--color-white);
}

.savedraft-btn{
	width: 180px;
	color: var(--color-white);
	background: var(--color-draft-grey);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	padding: 6px 18px;
	border-radius: var(--border-radius-md);
	border: none;
}
.height-90 {
    height: 90% !important;
}
.multiline-ellipsis {
  display: -webkit-box;   
  -webkit-box-orient: vertical;
 -webkit-line-clamp: 12;   
  overflow: hidden;           
  text-overflow: ellipsis;    
}
.view-card-link{
	position: absolute;
	width: 86% !important;
	/*background-color: var(--color-white);*/
	bottom: 6px;
	left: 21px;
		font-size: var(--font-size-small-sm) !important;
		font-weight: var(--font-weight-bold) !important;
}
.savedraft-btn:hover{
	color: var(--color-white);	
}

.sidebar-secondary-dashbord-card-box{
	border: 1px solid var(--color-tertiary);
	border-radius: var(--border-radius-md);
}
.sidebar-secondary-dashbord-card-box-h5{
	border-bottom: 1px solid var(--color-tertiary);
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);	
	background: var(--color-tertiary-linear-gradient);
		color: var(--color-white);	
}
.view-secondary-dashbord-card-box-h5{
	border-bottom: 1px solid var(--color-tertiary);
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);	
	color:var(--color-gray)
}
.view-secondary-dashbord-card-box-h5:hover{
	background: var(--color-tertiary-linear-gradient);
	color: var(--color-white);	
}
.view-secondary-dashbord-card-box-h5:hover svg path{
	fill : var(--color-white) ;
}
.sidebar-darkgreen-dashbord-card-box{
	border: 1px solid var(--color-light-green);
	border-radius: var(--border-radius-md);
}
.sidebar-darkgreen-dashbord-card-box-h5{
	background: var(--color-light-green);
		color: var(--color-white);
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding:13px 14px;
	font-size: var(--font-size-sm);
	border-bottom: 1px solid var(--color-light-green);
	font-weight: var(--font-weight-medium);	
}
.view-darkgreen-dashbord-card-box-h5{
		color:var(--color-gray);
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	font-size: var(--font-size-sm);
	border-bottom: 1px solid var(--color-light-green);
	font-weight: var(--font-weight-medium);	
}
.view-darkgreen-dashbord-card-box-h5:hover{
	background: var(--color-linear-gradient-green);
	color: var(--color-white);
}
.view-darkgreen-dashbord-card-box-h5:hover svg path{
	fill : var(--color-white) ;
}
.sidebar-lightgreen-dashbord-card-box{
	border: 1px solid var(--color-fluorescent-green);
	border-radius: var(--border-radius-md);
}
.sidebar-lightgreen-dashbord-card-box-h5{
	color:var(--color-gray);
	background: var(--color-fluorescent-green);		
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	border-bottom: 1px solid var(--color-fluorescent-green);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);	
}
.view-lightgreen-dashbord-card-box-h5{
	color:var(--color-gray);	
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	border-bottom: 1px solid var(--color-fluorescent-green);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);	
}
.view-investor-lightgreen-dashbord-card-box-h5{
	color:var(--color-white);
	background-color: var(--color-fluorescent-green);	
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	border-bottom: 1px solid var(--color-fluorescent-green);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);	
}
.view-lightgreen-dashbord-card-box-h5:hover{
	background: var(--color-fluorescent-green);	
	color: var(--color-white);
}
.view-lightgreen-dashbord-card-box-h5:hover svg path{
	fill : var(--color-white) ;
}
.sidebar-yellow-dashbord-card-box{
	border: 1px solid var(--color-yellow);
	border-radius: var(--border-radius-md);
}
.view-pdf-yellow{
	border: 1px solid var(--color-yellow);
	border-radius: var(--border-radius-md);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	color: var(--color-light-black);
	padding: 10px;
}
.view-pdf-yellow:hover{
	background: var(--color-linear-gradient-yellow);
	color: var(--color-white);
}
.view-pdf-yellow:hover svg path {
	fill: var(--color-white);
}
.view-pdf-primary{
	border: 1px solid var(--color-primary-darkblue);
	border-radius: var(--border-radius-md);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	color: var(--color-light-black);
	padding: 10px;
}
.view-pdf-primary:hover{
	background: var(--chart-color-text);
	color: var(--color-white);
}
.view-pdf-primary:hover svg path {
	fill: var(--color-white);
}
.view-pdf-darkgray{
	border: 1px solid var(--color-light-black);
	border-radius: var(--border-radius-md);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	color: var(--color-light-black);
	padding: 10px;
}
.view-pdf-darkgray:hover{
	background-color: var(--color-light-black);
	color: var(--color-white);
}
.view-pdf-darkgray:hover svg path {
	fill: var(--color-white);
}
.view-pdf-tertiary{
	border: 1px solid var(--color-tertiary);
	border-radius: var(--border-radius-md);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	color: var(--color-light-black);
	padding: 10px;
}
.view-pdf-tertiary:hover{
	background-color: var(--color-tertiary);
	color: var(--color-white);
}
.view-pdf-tertiary:hover svg path {
	fill: var(--color-white);
}
.view-pdf-lightgreen{
	border: 1px solid var(--color-fluorescent-green);
	border-radius: var(--border-radius-md);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	color: var(--color-light-black);
	padding: 10px;
}
.view-pdf-lightgreen:hover{
	background-color: var(--color-fluorescent-green);
	color: var(--color-white);
}
.view-pdf-lightgreen:hover svg path {
	fill: var(--color-white);
}
.view-pdf-darkgreen{
	border: 1px solid var(--color-light-green);
	border-radius: var(--border-radius-md);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	color: var(--color-light-black);
	padding: 10px;
}
.view-pdf-darkgreen:hover{
	background-color: var(--color-light-green);
	color: var(--color-white);
}
.view-pdf-darkgreen:hover svg path {
	fill: var(--color-white);
}
.view-pdf-red{
	border: 1px solid var(--color-red);
	border-radius: var(--border-radius-md);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	color: var(--color-light-black);
	padding: 10px;
	
}
.view-pdf-red:hover{
	background: var(--color-red-linear-gradient-orange);
	color: var(--color-white);
}
.view-pdf-red:hover svg path {
	fill: var(--color-white);
}
.sidebar-yellow-dashbord-card-box-h5{
	background: var(--color-linear-gradient-yellow);
		color: var(--color-white);	
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	border-bottom: 1px solid var(--color-yellow);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);	
}

.view-yellow-dashbord-card-box-h5{
	color:var(--color-gray);
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	border-bottom: 1px solid var(--color-yellow);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);	
}
/*.view-yellow-dashbord-card-box-h5:hover svg path{*/
/*	fill : var(--color-white) ;*/
/*}*/

.view-yellow-dashbord-card-box-h5:hover svg path:nth-of-type(1) {
    fill : var(--color-white) ;
}

.view-yellow-dashbord-card-box-h5:hover svg path:nth-of-type(2) {
    fill : var(--color-yellow) ;
}

.view-yellow-dashbord-card-box-h5:hover{
	background: var(--color-linear-gradient-yellow);
	color: var(--color-white);	
}
.sidebar-red-dashbord-card-box{
	border: 1px solid var(--color-red);
	border-radius: var(--border-radius-md);
}
.sidebar-red-dashbord-card-box-h5{
	background: var(--color-red-linear-gradient-orange);
		color: var(--color-white);
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	border-bottom: 1px solid var(--color-red);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);	
}
.view-red-dashbord-card-box-h5{
	color:var(--color-gray);
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	border-bottom: 1px solid var(--color-red);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);	
}
.view-red-dashbord-card-box-h5:hover{
	background: var(--color-red-linear-gradient-orange);
	color: var(--color-white);
}
.view-red-dashbord-card-box-h5:hover svg path{
	fill : var(--color-white) ;
}
.dashbord-card-height{
	height: 320px;
	overflow: hidden;
}
.dashbord-card-document-height{
    height: 494px;
	overflow: hidden;
}
.height-300{
	height: 300px;
	overflow-y: auto;
}
.login-div-container {
	font-size: var(--font-size-sm);
	padding: 6px 8px;
	background-color: transparent;
	border-radius: var(--border-radius-md);
	border: 1px solid var(--color-border-footer);
}
.login-div-container:focus{
	border: 1px solid var(--color-border-footer);
}
.profle-div-container{		
		background-color: transparent;
		border-radius: var(--border-radius-md);
		border: 1px solid var(--color-border-footer);
		height: 38px;
}
.profle-div-container:focus{
	border: 1px solid var(--color-border-footer);
}
.social-link-svg{
	border-right: 1px solid var(--color-border-footer);
	padding: 4px;
}
.social_link{
	padding: 4px;
	width: 100%;
}
 
.ql-toolbar.ql-snow{
	border: 1px solid var(--color-border-footer);
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md)	
}
.ql-container.ql-snow{
	border-bottom-left-radius: var(--border-radius-md);
	border-bottom-right-radius: var(--border-radius-md);
	border: 1px solid var(--color-border-footer);
} 

/*...........................Choose file..................................*/
.file-upload-wrapper {
   display: flex;
   align-items: center;
   border: 1px solid var(--color-border-footer);
   border-radius: var(--border-radius-md);
   padding: 2px 0px;
   box-sizing: border-box;
 }

 .file-upload-wrapper input[type="text"] {
   border: none;
   outline: none;
  flex: 1;
  width: 100%;
  padding-left: 8px;
   color: var(--color-draft-grey);
  font-style: italic;
   font-size: var(--font-size-xs);
   background: transparent;
 }
 
 .box-bg{
	background-color: var(--color-light-grey);
	border-bottom-left-radius: var(--border-radius-md);
	border-bottom-right-radius: var(--border-radius-md);
 }
 .box-gray-bg{
 background-color: var(--color-light-grey);
 border-radius: var(--border-radius-md);

 }
 .file-upload-wrapper button {
     background-color: transparent;
	 outline: none;
     border: none;
    border-radius: var(--border-radius-md);
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
   }

 input[type="file"] {
   display: none;
 }
 /*...........................Choose file..................................*/
 
/*..............................Sidebar Css...................*/
.projectlist {
    display: flex;
    list-style: none;
    gap: 5px;
    text-decoration: none;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #D4DBEE;
}
.projectlist>li>a.active
 {
    color: var(--chart-color-text);
    cursor: default;
    text-decoration: none;
    border: none;
}

.circle-img{
	width: 8px;
	height: 8px;
}
.projectlist>li>a.active .circle-icon {
    background-color: var(--color-tertiary);
}
.projectlist>li>a .circle-icon .checked-img{
    display: none;
}
.projectlist>li>a .circle-icon .circle-img{
    display: block;
}
.projectlist>li>a.active .circle-icon .circle-img{
    display: none;
}
.projectlist>li>a.active .circle-icon .checked-img{
    display: block;
}
.circle-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--color-light-black);
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease;
    z-index: 1;
    width: 20px;
    height: 20px;
}
.projectlist>li>a.active .checked-line {
    position: absolute;
    bottom: -2px;
    left: 50%;
    height: 3px;
    width: 80%;
    transform: translateX(-50%);
    background-color: var(--color-tertiary);
    transition: all 0.3s ease;
    border-radius: 5px;
}
.tabnav>li>a {
    position: relative;
    display: block;
    margin-right: 2px;
}
.circle-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--color-light-black);
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease;
    z-index: 1;
    width: 20px;
    height: 20px;
}
.projectlist>li>a {
	padding: 10px 18px;
    color: var(--color-light-black);
    border: none;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}
/*.project-Chapter {
    box-shadow: 0px 8px 6px 0px #D5DBE4;
    border-radius: 10px;
    background: #fff;
}*/
/*.......................Footer CSS...................*/
.footer-main-div {
	background: var(--color-primary);
	padding: 0px 40px;
}

.news-letter-div {
	background-color: var(--color-white);
	border-bottom-right-radius: var(--border-radius-lg);
	border-bottom-left-radius: var(--border-radius-lg);
}

.new-letter-heading {
	font-size: var(--font-size-xl);
	font-weight: var(--font-weight-bold);
	color: var(--color-light-black);
}

.investment-div {
	padding: 2px 18px;
	background-color: var(--color-light-grey);
	border-radius: var(--border-radius-md);
	border: none;
}

.news-letter-input {
	padding: 10px 12px;
	background-color: var(--color-light-grey);
	border-radius: var(--border-radius-md);
	border: none;
}

.news-letter-form {
	gap: 34px;
}


/* --- Footer Styles --- */
.site-footer {
	padding: 60px 0;
	color: var(--color-white);
}

/* --- Grid Layout for the Footer --- */
.footer-grid {
	display: grid;
	/* Create 4 columns. The first is twice as wide as the others. */
	grid-template-columns: 2fr 1fr 1.5fr;
	gap: 60px;
	/* Space between columns */
}

.footer-column {
	font-size: (--font-size-md);
}

/* --- Column Headings and Underlines --- */
.footer-column .footer-heading {
	font-size: var(--font-size-lg);
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 600;
}

.heading-underline {
	width: 50%;
	height: 2px;
	background-color: #ffffff;
	margin-bottom: 25px;
}

/* --- Specific Column Styling --- */

/* About Column */
.about-column .footer-para {
	margin: 0;
}

/* Quick Links List */
.footer-column .footer-ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-column .footer-ul .footer-li {
	margin-bottom: 12px;
}

.footer-column .footer-ul .footer-li .footer-href {
	color: var(--color-white);
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-column .footer-ul .footer-li .footer-href:hover {
	text-decoration: underline;
}

/* Get In Touch Section */
.contact-item {
	display: flex;
	align-items: center;
	/* Aligns icon and text to the top */
	margin-bottom: 15px;
	gap: 20px;
}

/*.contact-item i {
    font-size: 16px;
    width: 25px;  Gives the text a consistent starting point 
    margin-top: 4px;  Adjust icon vertical alignment 
}*/
.contact-item .footer-href {
	color: var(--color-white);
	transition: transform 0.3s ease;
	font-size: (--font-size-md);
}

/* Social Media Icons */
.social-icons {
	display: flex;
	gap: 20px;
	/* Space between icons */
}

.social-icons .footer-href {
	color: var(--color-white);
	font-size: 22px;
	transition: transform 0.3s ease;
}

.social-icons .footer-href:hover {
	transform: scale(1.2);
	/* Makes icon slightly larger on hover */
}

/* --- Responsive Design for Mobile --- */
@media (max-width: 992px) {
	.footer-grid {
		/* Change to a 2-column layout on tablets */
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.footer-grid {
		/* Stack to a 1-column layout on mobile */
		grid-template-columns: 1fr;
	}

	.footer-column {
		margin-bottom: 30px;
		/* Add space between stacked columns */
	}

	.news-letter-main-div {
		gap: 34px;
	}
	
	.header-info-div{
		gap: 15px;
	}
}

/*.......................Footer CSS...................*/


/*....................................body CSS............................*/
.app-content {
	min-height: calc(94vh - 90px) !important;
	margin-bottom: 0 !important;
	-webkit-transition: margin-left 0.3s ease;
	-o-transition: margin-left 0.3s ease;
	transition: margin-left 0.3s ease;
	/*	padding: 40px 30px 20px 30px;*/
	/*padding: 15px 32px 10px 32px;*/
	overflow: hidden;
	background-color: var(--color-white);
}

.NSE-image {
	height: 350px;
	width: 100%;
	border-radius: var(--border-radius-lg);
	box-shadow: 0px 5px 24px 0px #00000040;
}

.home-banner-image {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 12px;
}

.Banner-section {
	background-image: url('/seva_nivesh/assets/img/wepb/investment-growth-009c2017bb7ab3cf11a16b6ed9f7aa95.webp');
	/*background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 440' fill='none'><path fill='url(%23paint0_linear)' d='M1440 440H0V0H1440V440Z'/><defs><linearGradient id='paint0_linear' x1='0' y1='220' x2='1440' y2='220' gradientUnits='userSpaceOnUse'><stop stop-color='%23404493' stop-opacity='0.1'/><stop offset='1' stop-color='%2300CCFF' stop-opacity='0.1'/></linearGradient></defs></svg>");*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 30px 40px;
}

.home-banner-card {
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: var(--border-radius-lg);
	padding: 14px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	box-shadow: 0px 5px 24px 0px #00000040;
}

.home-card-para {
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-boldmedium);
	color: var(--color-primary);
	line-height: 26px;
}

.home-banner-card .login-btn:hover {
	color: var(--color-primary-darkblue);
		border: 1px solid var(--color-primary-darkblue);
		background: var(--color-white);
	text-decoration: none;
	border: 1px solid var(--color-primary);
}

.investment_eligibility {
	padding: 24px;
	border: 1px solid var(--color-border);
	border-radius: var(--border-radius-lg);
	margin: 30px 40px;
}

.TC {
	color: var(--chart-color-text);
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-medium);
}

.momentum_sse {
	margin: 30px 40px;
}

.momentum_sse_h6 {
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-4xl);
	color: var(--color-primary-darkblue);
}

.momentum-card {
	border-radius: var(--border-radius-lg);
	color: var(--color-white);
	text-align: center;
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
}
.view_issue_momentum-card{
	border-radius: var(--border-radius-lg);
	color: var(--color-white);
	text-align: center;
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0px;
}
.color-tertiary{
	background: var(--color-tertiary-linear-gradient);	
}
.color-red{
	background: var(--color-red-linear-gradient-orange);	
}
.color-light-green{
	background-color: var(--color-light-green);
}
.color-light-pink{
	background-color: var(--color-light-pink);
}
.color-yellow{
	background: var(--color-yellow);
}
.color-fluorescent-green{
	background-color: var(--color-fluorescent-green);
}
.momentum-card-h5 {
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-2xl);
	margin-bottom: 0px;
}
.view_issue_momentum-card-h5{
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-sm);
	margin-bottom: 0px;
}
.view_issue_momentum-card-para{
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	margin-bottom: 0px;
}
.momentum-card-para {
	font-size: var(--font-size-md-2);
	font-weight: var(--font-weight-medium);
	margin-bottom: 0px;
}

.chart-heading-h6 {
	font-size: var(--font-size-1xl);
	font-weight: var(--font-weight-medium2);
	color: var(--color-primary-darkblue);
	margin-bottom: 0px;
}

.main-chart-div {
	border: 1px solid var(--color-border);
	border-radius: var(--border-radius-lg);
	padding: 20px;
}

.registered-main-div {
	width: 80%;
	/*float: right;
	margin-right: 40px;*/

}

.registered-main-list {
	display: inline-flex;
	align-items: center;
	gap: 20px;
}

.registered-npo {
	background-image: url("/seva_nivesh/assets/img/wepb/money-tree-bg-8f303f0a6365bebd21106af45a3d3773.webp");
	height: 500px;
	padding: 0px 40px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	/*background: var(--color-background);*/
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.registered-npo-h3 {
	height: 60px;
	font-size: var(--font-size-md-2);
	color: var(--color-white);
	background: var(--color-primary-darkblue);
	border-top-left-radius: var(--border-radius-lg);
	border-top-right-radius: var(--border-radius-lg);
	display: flex;
	align-items: center;
	padding: 10px 18px;
}

.registeration-card {
	background: var(--color-white);
	border-radius: var(--border-radius-lg);
}

.causes-ul {
	height: 250px;
	width: 300px;
	padding: 5px 0px;
	margin: 0px 14px;
	border-bottom-left-radius: var(--border-radius-lg);
	border-bottom-right-radius: var(--border-radius-lg);
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: var(--color-white);
	text-decoration: none;
	outline: none;
}

.latest-news-main-dev {
	background: var(--chart-color-text);
	color: var(--color-white);
}

.latest-news-card {
	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: left;
	justify-content: center;
}

.latest-news-ul {
	height: 250px;
	padding: 5px 0px;
	margin: 0px 14px;
	overflow-x: hidden;
	overflow-y: scroll;
	color: var(--color-white);
	text-decoration: none;
	outline: none;
}

.latest-news-ul li {
	margin-right: 24px;
}

.know-more-href {
	font-size: var(--font-size-md);
	color: var(--color-white);
}

.know-more-href:hover {
	color: var(--color-white);
	text-decoration: underline;
}

.latest-news-items {
	width: 100%;
	align-items: center;
	padding: 8px 0px;
	font-size: var(--font-size-md);
	color: var(--color-white);
	border-bottom: 1px solid var(--color-border-list);
}

/*..............checkbox..............*/
/* Hide default checkbox */
.custom-checkboc-input[type="checkbox"] {
	opacity: 0;
	position: absolute;
}

/* Style the custom visual */
.custom-checkbox-visual {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 2px solid #ccc;
	border-radius: 4px;
	vertical-align: middle;
	/* Align with text */
	margin-right: 8px;
}

/* Checked state */
.custom-checkboc-input[type="checkbox"]:checked+.custom-checkbox-visual {
	background-color: #007bff;
	/* Example checked background */
	border-color: #007bff;
}

.custom-checkboc-input[type="checkbox"]:checked+.custom-checkbox-visual::after {
	content: '\2713';
	/* Unicode checkmark */
	display: block;
	color: white;
	text-align: center;
	line-height: 15px;
	/* Vertically center checkmark */
}

/* Hover and Focus states */
label:hover .custom-checkbox-visual,
.custom-checkboc-input[type="checkbox"]:focus+.custom-checkbox-visual {
	border-color: #0056b3;
}

/*..............checkbox..............*/
.check-causes {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 8px 0px;
	font-size: var(--font-size-md);
	color: var(--chart-color-text);
	border-bottom: 1px solid var(--color-border-list);
}

.testimonial-main-div {
	padding: 40px 40px;
}

.testimonials-detail-div {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}

.testimonial-heading {
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-bold);
	color: var(--chart-color-text);
}

.testimonial-para {
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-regula);
	color: var(--chart-color-text);
}

.testimonial-div {
	width: 90%;
	margin: 40px auto;
}

.testimonials-detail-div {
	padding: 0px 24px;
}

.prev-icon,
.next-icon {
	/*background: red;*/
	width: auto;
	height: fit-content;
	top: 50%;
}

.carousel-control-prev-svg,
.carousel-control-next-svg {
	background-image: unset;
}
.carousel{
	padding: 14px 0px;
}
/*.......................*/
.details-of-seva-nivesh {
	padding: 40px;
	background-color: var(--color-light-grey);
}

.seva-nivesh-details-card {
	border: 1px solid var(--chart-color-text);
	border-radius: var(--border-radius-lg);
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem !important;
	height: 120px;
	background-color: var(--color-white);
}

.seva-nivesh-details-card svg path:first-child {
	transition: fill 0.3s ease;
}

.seva-nivesh-details-card:hover {
	border: 1px solid var(--color-tertiary);
	box-shadow: 0px 4px 9px 0px #00000040;
}

.seva-nivesh-details-card:hover svg path:first-child {
	fill: var(--color-tertiary);
}

.seva-nivesh-details-card-para {
	font-size: var(--font-size-md-2);
	font-weight: var(--font-weight-bold);
	color: var(--color-light-black);
}

/*.........................table...........*/
.chart-main-table-div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*align-items: center;*/
	height: 100%;
}

.custom-table {
	width: 100%;
	font-size: var(--font-size-md-2);
	border-radius: var(--border-radius-md);
}

.custom-table thead {
	background: var(--chart-color-text);
	color: var(--color-white);
	text-align: center;
	font-size: var(--font-size-md-2);
	font-weight: var(--font-weight-medium2);
}

.custom-table thead tr {
	background-color: var(--chart-color-text);
	color: var(--color-white);
}

.custom-table td {
	color: var(--chart-color-text);
}

.custom-table td,
.custom-table th {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.total-row {
	font-weight: var(--font-weight-bold);
	color: var(--chart-color-text);
}

.legend {
	display: flex;
	gap: 20px;
	margin-top: 20px;
}

.legend-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: var(--font-size-md-2);
}

.legend-color-dfrd {
	width: 46px;
	height: 38px;
	background: var(--color-primary-darkblue);
	border-radius: var(--border-radius-md);
}

.legend-color-listed {
	width: 46px;
	height: 38px;
	background: var(--color-tertiary);
	border-radius: var(--border-radius-md);
}

/*.........................table...........*/

/*............................Admin Dashboard css....................*/
.dashboard-footer{
/*	z-index: 999;*/
	/*position: absolute;
	bottom: 0px;*/
	width: 100%;
	padding: 8px 24px;
	border-top: 1px solid var(--color-border-footer);
}
.footer-text-div{
	color: var(--color-text-footer);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
}
.alert-circle{
	    position: absolute;
	    top: 7px;
	    right: 8px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    width: 14px;
	    height: 14px;
	    border-radius: 50%;
	    /* font-size: var(--font-size-xs); */
	    font-size: 8px;
	    background: var(--color-red-linear-gradient-orange);
	    color: var(--color-white);
		font-weight: var(--font-weight-medium);
		overflow: hidden;
}

.header-border-bottom{
	border-bottom: 1px solid var(--color-border-footer);	
}
.organazition-container {
	background-color: var(--color-light-grey);
	color:var(--color-light-black);
	border-radius: var(--border-radius-md);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-regular);
	padding: 10px 18px;
	gap: 5px;
	text-align: center;
	margin-right: 8px;
}
.organazition-container-span{
	/*font-weight: var(--font-weight-medium2);*/
	color:var(--color-light-black)
}
.organazition-container-div{
	font-weight: var(--font-weight-medium);
	color: var(--color-light-black);
	font-size: var(--font-size-sm);	
}
.organazition-container-trust{
	font-weight: var(--font-weight-medium2);
	color: var(--color-black);
	font-size: var(--font-size-sm);	
}
.dashbord-card-box{
	border: 0.5px solid var(--color-primary-darkblue);
	border-radius: var(--border-radius-md);
}
.dashbord-card-box-h5{
	background: var(--chart-color-text);
	color: var(--color-white);
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);	
}
.view-dashbord-card-box-h5{
	color:var(--color-gray);
	border-bottom: 1px solid var(--color-primary-darkblue);
	border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md);
	padding: 10px 14px;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);	
}
.view-dashbord-card-box-h5:hover{
	background: var(--chart-color-text);
	color: var(--color-white);
}
.view-dashbord-card-box-h5:hover svg path{
	fill : var(--color-white) ;
}
.dashbord-card-box-financial-statement{
	height: 184px;
	padding: 14px 0px;
}
.dashbord-card-content-box{
	padding: 16px;
	background-color: var(--color-light-grey);
	border-radius: var(--border-radius-md);
}
.financial-statement-mount{
	font-size: var(--font-size-1xl);
	font-weight: var(--font-weight-bold);
	color: var(--chart-color-text);
}
.dashbord-card-box-content{
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	color: var(--color-gray);
	line-height: 20px;
}
.dashbord-card-box-hreflink{
	font-size: var(--font-size-sm);
		font-weight: var(--font-weight-medium);
		color: var(--color-gray);
		text-decoration: underline;
}
.dashbord-card-Issues-Details{
	padding: 14px;
}
.dashbord-card-box-hreflink:hover{
	color: var(--color-text-footer);
}
.btn-span{
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
}

.button-one{
	border: 1px solid var(--color-tertiary);
	border-radius: 20px;
	color: var(--color-light-black);
	padding: 4px 12px;
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-medium);
}
.button-one:hover{
	color: var(--color-white);
	background-color: var(--color-tertiary);
}
.button-two{
	border: 1px solid var(--color-red);
	border-radius: 20px;
	color: var(--color-light-black);
	padding: 4px 12px;
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-medium);
}
.button-two:hover{
	color: var(--color-white);
	background: var(--color-red-linear-gradient-orange);
}
.button-three{
	border: 1px solid var(--color-yellow);
	border-radius: 20px;
	color: var(--color-light-black);
	padding: 4px 12px;
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-medium);
}
.button-three:hover{
	color: var(--color-white);
	background: var(--color-linear-gradient-yellow);
}
.button-four{
	border: 1px solid var(--color-light-black);
	border-radius: 20px;
	color: var(--color-light-black);
	padding: 4px 12px;
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-medium);
}
.button-four:hover{
	color: var(--color-white);
	background-color: var(--color-light-black);
}

.button-five{
	border: 1px solid rgb(183, 183, 183);
	border-radius: 20px;
	color: var(--color-light-black);
	padding: 4px 12px;
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-medium);
}
.button-five:hover{
	color: var(--color-white);
	background-color: rgb(183, 183, 183);
}
.w100{
	width: 100px;
}
.add-btn{
	color: var(--color-white);
	background: var(--color-tertiary);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	padding: 6px 18px;
	border-radius: var(--border-radius-sm);
	width: fit-content;
}
.add-btn:hover{
	color: var(--color-tertiary);
	background: var(--color-white);
	border:1px solid var(--color-tertiary) ;	
}
.accordion-icon {
  transition: transform 0.3s ease;
}

.seva-nivesh-accordion[aria-expanded="true"] .accordion-icon {
  transform: rotate(180deg);
  text-align: right;
}
.seva-nivesh-accordion[aria-expanded="true"]{
	background: var(--color-light-grey);
}
/*...................Accordion Css............*/
.accordion-border-div{
	border: 1px solid var(--color-border-footer);
	border-radius: var(--border-radius-md);
	
	margin-bottom: 10px;
	background: transparent;
}
.seva-nivesh-accordion {
    display: flex;
	justify-content: space-between;
    gap: 10px;
    width: 100%;
	padding: 14px;
    align-items: center;
   	border:none;	
	background: transparent;
	border-radius: var(--border-radius-md);
	/*border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md)*/;
	font-size: var(--font-size-xxs);
	outline: none;
	height: 80px;
}
.seva-nivesh-accordion.collapsed{
	border-radius: var(--border-radius-md);;
}
.seva-nivesh-accordion:focus{
	outline: none;
}
.accordion-head-span{
	font-size: var(--font-size-xs);
	text-transform: uppercase;
	color: var(--color-light-black);
	font-weight: var(--font-weight-medium);	
	text-align: left;
}

.accordion-links{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--chart-color-text);
	font-size: var(--font-size-small-sm);
	font-weight: var(--font-weight-regular);
	text-align: left;
	/*width: 100%;*/
}

.accordion-links-span {
	max-width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	color: var(--color-primary-darkblue);	
}

.accordion-text-content{
	color: var(--color-gray);
		font-size: var(--font-size-small-sm);
		font-weight: var(--font-weight-regular);
		text-align: left;
}
/*...................Accordion Css............*/
        /**sidebarmenu design start**/
		.sidebarmenu {
		  visibility: hidden;
		}
		.sidebarmenu.ready {
		  visibility: visible;
		}
		/* Initial fixed sidebar */
		.wrapper .sidebarmenu {
		    position: fixed;
		    top: 82px;
		    z-index: 1;
		    background: var(--color-light-grey);
		    padding: 14px 0px;
		    border-top-right-radius: var(--border-sidebar);
		    border-bottom-right-radius: var(--border-sidebar);
		    /*margin: 10px 0px;*/
		    width: 250px;
		    height: 474px;
		    padding-bottom: 50px;
		    transition: 0.3s;
		   /* overflow-y: auto;*/
		}

		/* Sticky class to switch to sticky mode */
		.wrapper .sidebarmenu.sticky-mode {
		    position: fixed;
		    top: 80px;
		}
.wrapper .sidebarmenu .sidebarmenu-menu{
    overflow: hidden;
}

.siderbarcollapse .sidebarmenu .sidebarmenu-menu{
    overflow: visible;
}
.siderbarcollapse .sidebarmenu .sidebarmenu-lu .sidebarmenu-li.active{
	width: 78px;
   overflow: visible;
}

.sidebarmenu-heading{
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	color: var(--color-border-footer);
	padding: 0px 20px;
}
.sidebarmenu-lu{
	list-style: none;
	text-decoration: none;
	padding: 0px;
	    display: flex;
	    flex-direction: column;
	    gap: 10px;
}

.sidebarmenu-href {   
	    display: flex;
	    overflow: hidden;
	    flex-wrap: nowrap;
	   /* padding: 14px 20px;*/
	   padding: 4px 20px;
	    align-items: center;
	    gap: 10px;
	    justify-content: flex-start;
	    font-size: var(--font-size-sm);
	    font-weight: var(--font-weight-medium);
	    color: var(--color-light-black);
		text-decoration: none;
}
.sidebarmenu-href:hover{
	color: var(--color-light-black);
	text-decoration: none;
}
.sidebarmenu-btn-div{
	padding: 0px 20px;
}
.sidebarmenu-li.active {
		width: 90%;
	    background: var(--color-tertiary);
	    border-top-right-radius: 25px;
	    border-bottom-right-radius: 25px;
		color: var(--color-white) ;
}
.sidebarmenu-li.active .sidebarmenu-href{
	color: var(--color-white) ;
	padding: 14px 20px;
}
.sidebarmenu-li.active svg path{
	fill : var(--color-white) ;
}
        /**sidebarmenu design end**/
        /* Main-container design start */
.main-container{
    width: calc(100%-250px); /* .sidebarmenu width is -> 250px */
    margin-left: 250px;
    min-height: 100vh;
    transition: 0.3s;
	padding: 0px 4px 0px 0px;
	margin-top: 16px;
}
        /* Main-container design start */
        /**siderbarcollapse design start**/
        /**.siderbarcollapse class is created by JavaScript**/
.siderbarcollapse .sidebarmenu{
    width: 70px;
}

.sidebar-divider{
	border-top: 1px dashed var(--color-draft-grey);
	border-spacing: 7px;
	margin: 0px 20px;	
}
.siderbarcollapse .main-container{

    width: (100%-70px); /* .header height is -> 70px */
    margin-left: 70px;
}
.siderbarcollapse .sidebarmenu .sidebarmenu-href span{
	display: none;
	transition: 0.3s;
}
.sidebarmenu .sidebarmenu-btn-div .open_sidebarmenu-btn{
	display: block;
	transition: 0.3s;
}
.sidebarmenu .sidebarmenu-btn-div .close_sidebarmenu-btn{
	display: none;
	transition: 0.3s;
}
.siderbarcollapse .sidebarmenu .sidebarmenu-btn-div .open_sidebarmenu-btn{
	display: none;
	transition: 0.3s;
}
.siderbarcollapse .sidebarmenu .sidebarmenu-btn-div .close_sidebarmenu-btn{
	display: block;
	transition: 0.3s;
}
.siderbarcollapse .sidebarmenu .sidebarmenu-heading{
	display: none;
	transition: 0.3s;
}
 /**siderbarcollapse design end**/
 
 
/* ......................tabs....................*/

.underline-tabs {
    border-top: 1px solid var(--color-border-footer);
	border-bottom: 1px solid var(--color-border-footer);
    flex-wrap: nowrap;
}
.underline-bottom-tabs{
	border-bottom: 1px solid var(--color-border-footer);
	flex-wrap: nowrap;	
}
.tab-nav-link,.tab-navscroll-link{
	color: var(--color-light-black);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-regular);
	text-decoration: none;
}

.tab-nav-link:hover,.tab-navscroll-link:hover{
	color: var(--color-border-footer);
	text-decoration: none;
}


.underline-tabs .tab-nav-link, .underline-bottom-tabs .tab-nav-link{
    display: flex;
    align-items: center;
       padding: 8px;
    position: relative;
    border: none;
}
.underline-tabs .tab-navscroll-link{
	display: flex;
	   align-items: center;
	     padding: 8px 18px;
	   position: relative;
	   border: none;
}
.underline-tabs .tab-nav-link.active, .underline-bottom-tabs .tab-nav-link.active, .underline-tabs .tab-navscroll-link.active {
    color: var(--color-primary-darkblue);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
	background-color: transparent;
    border: none;
    position: relative;
}
.underline-tabs .tab-nav-link.active::after, .underline-bottom-tabs .tab-nav-link.active::after, .underline-tabs .tab-navscroll-link.active::after{
	content: '';
	position: absolute;
	bottom: -1.5px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	border-radius: 18px;
	border-bottom: 4px solid var(--color-tertiary);
}
.title-header-div{
	color: var(--color-primary-darkblue);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
}
.heading-black{
	color: var(--color-gray);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
}
.info-buttons{
	color: var(--color-gray);
	background-color: var(--color-light-grey);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	padding: 6px 18px;
	border-radius: var(--border-radius-md);
	width: fit-content;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
	white-space: nowrap;
	text-wrap: initial;
}
.text-paragraph{
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	color: var(--color-light-black);
	/*line-height: 18px;*/
	overflow-wrap: break-word;	
}
.view-document-pdf{
	border: 1px solid var(--color-light-green);
	border-radius: var(--border-radius-md);
	display: flex;
	font-size: var(--font-size-xs);
	align-items: center;
	justify-content: space-between;
	padding: 8px;
	width: 100%;
	color: var(--color-light-black);
}
.view-document-pdf span{
	overflow: hidden;
	text-wrap-mode: nowrap;
	text-overflow: ellipsis;
	width: 170px;
}
.imagedoc{
	height: 160px;
	border-radius: 4px;
	object-fit: fill;
}
.preview-pdf-frame{
	width:100%;
	height: 80vh;
}
.preview-img-frame {
    max-width: 100%;
    height: 50vh;
    object-fit: fill;
}
.view-document-pdf:hover{
	background-color: var(--color-light-green);
	color: var(--color-white);
}
.view-document-pdf:hover svg path {
    stroke: var(--color-white);
	cursor: pointer; 
}
.header-div {
	display: flex;
	gap: 5px;
	width: 100%;
	align-items: center;
	color: var(--color-tertiary);
	border: none;
	margin: 5px 0px;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
}
.dashborder {
	border-top: 1px solid var(--color-tertiary);
	border-spacing: 7px;
}

.view_issue_details{
	border-bottom:  1px dashed var(--chart-color-text)
	}
	
.view-issue-details{
	font-size: var(--font-size-sm);
	color: var(--chart-color-text);
	font-weight: var(--font-weight-medium);
	text-decoration: underline;
}

.table-project-cost {
  border: 1px solid var(--chart-color-text);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  width: 100%;
  background-color: white;
}

.tableproject-cost {
  width: 100%;
  border-collapse: collapse;
}

.th-project-cost, .td-project-cost {
  text-align: left;
  padding: 3px 4px;
  font-size: var(--font-size-sm);
  border-bottom: 1px solid var(--chart-color-text);
}

.th-project-cost {
  color: var(--color-light-black);
  font-weight: var(--font-weight-medium2);
}

.tr-project-cost:last-child td {
  border-bottom: none;
}
.th-project-cost:first-child {
  border-right: 1px solid var(--chart-color-text);
  width:40%;
}
.td-project-cost:first-child {
  border-right: 1px solid var(--chart-color-text);
  width:40%;
}
.view-issue-heading-black{
	color: var(--color-black);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium2);
}

.profile-avatar{
	width: fit-content;
	border-radius: 50%;
	border: 2px solid var(--color-green);
	padding: 6px;
}

.avatar-image{
	border-radius: 50%;
	width: 80px;
	height: 80px;
	background-position: center;
	object-fit: fill;
	background-repeat: no-repeat;
}

.profile-editor{
	position: absolute;
	top: 0px;
	right: 11px;
}
.profile-percentage-main-div{
	position: absolute;
	    bottom: -4px;
	    left: 50%;
	    transform: translateX(-50%);
	    border-radius: var(--border-radius-md);
	    padding: 1px 14px;
	    background-color: var(--color-light-grey);;
}
.profile-percentage{
	color: var(--color-green);
	font-weight: var(--font-weight-medium2);
}
.profile-main-div{
	gap: 14px;
	position: absolute;
	bottom: -28px;
}
.profile-name{
	color: var(--color-white);
	font-size: var(--font-size-md-2);
	font-weight: var(--font-weight-medium2);
}

.view-document {
    text-decoration: none; 
    cursor: default;
    color: black !important;
}

.view-document[href] {
    color: blue !important;          
    text-decoration: underline;
    cursor: pointer;
}
/* ......................tabs....................*/
@media only screen and (max-width:768px) {
	.app-content {
		padding: 60px 0px 10px 0px ! important;
	}

	.search-input-div {
		width: 200px;
		overflow: hidden;
	}

	.registered-npo {
		height: auto;
		justify-content: center;
	}

	.registered-main-div {
		width: 100%;
	}

	.news-letter-form {
		justify-content: center;
	}

	.momentum-card {
		height: 200px;
		margin-bottom: 14px;
	}

	.registered-main-list {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
}

.datepicker table tr td.day:not(.disabled) {
    color: #000 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.datepicker table tr td.disabled {
    color: #ccc !important;
    opacity: 0.6 !important;
}

/*....................................body CSS............................*/

/* Disable tab clicks visually */
  .tab-nav-link.disabled {
      pointer-events: none;
      opacity: 0.5;
      cursor: not-allowed;
  }
#prDocBody tr td{
	padding: 0.75rem;
}
/* ...10-21-2025 */
  .ms-search input{
	border: 1px solid #aaa;
  }
  .c-text {
	background-color: transparent;
	border-radius: var(--border-radius-md);
  }
  .ms-choice::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 8px;
    background-image: url('/seva_nivesh/assets/img/brand-logo/downarrow-e8a9aea91e878026236b7393a7a56745.svg');
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
  }
  .ms-choice>span.placeholder {
  	color: #5b5b5b !important;
  	text-align: left !important;
  	background: inherit !important;
  	border: 1px solid #FFF !important;
  	height: 25px !important;
  	width: inherit !important;
  	top: 7px !important;
  }
  .ms-choice {
  	display: block;
      width: 100%;
	  height: 36px;
      padding:8px;
      background-color: #fff;
      background-clip: padding-box;
      border-radius: var(--border-radius-md) !important;
      color: #6c757d;
      transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
      font-size: 14px;
      line-height: 15px;
  }
  .ms-choice:focus{
	outline: none;
	}
.carousel-indicators .carousel-li{
	width: 14px;
	height: 14px;
	 border-radius: 50%;
	 background-color: #B7B7B7;
}
/*.carousel-indicators .active {
    opacity: 1;
	color: #4D4D4D;
}*/
.carousel-indicators .carousel-li.active{
	opacity: unset !important;
	 background-color: #4D4D4D;
}
.carousel-indicators {
    bottom: -17px;
	}
.ms-drop.bottom{
	width: 100% !important;
}

.invest-now {
    position: relative;
    border: none;
    border-radius: var(--border-radius-md);
    background: var(--chart-color-text);
    color: var(--color-white);
    padding: 10px 30px;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium2);
    box-shadow: 0px 4px 9px #00000040;
    cursor: pointer;
    z-index: 0;
    overflow: hidden;
    animation: glowPulse 2s ease-in-out infinite;
}

.invest-now::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 4.5px;
    border-radius: inherit;
    background: repeating-linear-gradient(
        90deg,
        #53DD6C 0%,
        #FFC13D 25%,
        #53DD6C 50%,
        #FFC13D 75%,
        #53DD6C 100%
    );

    background-size: 300% 100%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    animation: flowOneDirection 4s linear infinite;
}


.invest-now:hover {
  color: var(--color-primary-darkblue);
  background: var(--color-white);
}


.height-500{
	max-height: 570px;
	overflow-y: auto;
}
.height-inside-card-500{
	height: 350px;
	overflow-y: hidden;
}

.final-action {
  position: relative;
  display: inline-block;
}


.action-content {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background-color: white;
  min-width: 135px;
  border: 1px solid #e0e6f1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  z-index: 1000;
}
.final-action .doc-btn:hover + .action-content {
	display: block;
}
.action-content a {
  display: block;
  text-align: left;
  padding: 10px 14px;
  color: #000c4f;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px solid #edf0f4;
}

.action-content a:last-child {
  border-bottom: none;
}
.final-action-dropdown {
  position: relative;
  display: inline-block;
}
.final-action {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background-color: white;
  min-width: 135px;
  border: 1px solid #e0e6f1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  z-index: 1000;
}
.action-content {
  display: none;
  position: absolute;
  right: 0;
  top: 20px;
  background-color: white;
  min-width: 135px;
  border: 1px solid #e0e6f1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
	padding: 5px;
}
.final-action:hover .action-content {
	display: block;
}
.action-content a {
  display: block;
  text-align: left;
  padding: 10px 14px;
  color: #000c4f;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px solid #edf0f4;
}

.action-content a:last-child {
  border-bottom: none;
}
.dropdown-content a {
  display: block;
  text-align: left;
  padding: 10px 14px;
  color: #000c4f;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px solid #edf0f4;
}

.dropdown-content a:last-child {
  border-bottom: none;
}
.dropdown-div{
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: 50px;
}
.dropdown-content a:hover {
  background-color: #f3f6ff;
  color: #000c4f;
  border-radius: 0;
  text-decoration: none ;
}
/* Toggle dropdown on button click */
.final-action-dropdown.show .dropdown-content {
  display: block;
}
input:disabled {
  background-color: var(--color-light-grey) !important;
}
.impact-investor-main{
	  border-radius: var(--border-radius-md);
	  border: 1px solid var(--color-border-footer);
	  
}
.investor-impact-main{
	padding: 8px 0px;
}
.investor-impact-h6{
	font-size: 19px;
	font-weight: var(--font-weight-bold);
	color: var(--color-yellow);
}
.investor-content{
	font-size: 17px;
	font-weight: var(--font-weight-medium2);
	color: var(--color-primary-darkblue);
}
.impactequaltosaving-main{
	border-radius: var(--border-radius-md);
	height: 190px;
}
.impactequaltosaving-main img{
	border-radius: var(--border-radius-md);
}
.impactequaltosaving-content {
	position: absolute;
	color: var(--color-white);
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 280px;
	padding: 12px;
}
.siderbarcollapse .main-container .impactequaltosaving-content {
	width: 280px;
}
.main-container .impactequaltosaving-content {
	width: 260px;
}
.saving-content{
	color: var(--color-white);
	font-size: 15px;
	font-weight: var(--font-weight-medium2);
}

.open-issue {
    position: relative;
    border: none;
    border-radius: var(--border-radius-md);
    background: var(--chart-color-text);
    color: var(--color-white);
    padding: 10px 30px;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium2);
    box-shadow: 0px 4px 9px #00000040;
    cursor: pointer;
    z-index: 0;
    overflow: hidden;
    animation: glowPulse 2s ease-in-out infinite;
}

.open-issue::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 4.5px;
    border-radius: inherit;

    /* Seamless repeating pattern */
    background: repeating-linear-gradient(
        90deg,
        #53DD6C 0%,
        #FFC13D 25%,
        #53DD6C 50%,
        #FFC13D 75%,
        #53DD6C 100%
    );

    background-size: 300% 100%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    animation: flowOneDirection 4s linear infinite;
}


.open-issue:hover {
  color: var(--color-primary-darkblue);
  background: var(--color-white);
}

@keyframes flowOneDirection {
    from { background-position: 0% 0%; }
    to   { background-position: -300% 0%; }
}

@keyframes glowPulse {
    0% {
        box-shadow: 0 0 5px rgba(83, 221, 108, 0.0);
    }
    50% {
        box-shadow: 0 0 20px #FFC13D; /* subtle green glow */
    }
    100% {
        box-shadow: 0 0 5px rgba(83, 221, 108, 0.0);
    }
}


.investor-card-box{
	border-radius: var(--border-radius-md);
	border: 1px solid var(--color-border-footer);
	transition: all 0.3s ease;	
	gap: 10px;
}

.investor-card-box:hover{
	 border: 1px solid #FDB441;
     box-shadow: 0 4px 12px rgba(253, 180, 65, 0.15);
     transform: translateY(-2px);	
}

.investor-href{
	color: var(--color-gray);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-sm);
}
.investor-href .investor-link-span{
	color: var(--color-gray);
		font-weight: var(--font-weight-medium);
		font-size: var(--font-size-sm);
		text-decoration: underline;		
}
.investor-href:hover{
	color: var(--color-gray);
}

.investor-dashbord-card-height {
    height: 289px;
    overflow: hidden;
}
.dashbord-below-card-height{
	max-height: 470px;
	overflow: hidden;	
}
.h-122
 {
    height: 122px !important;
}
.height-310{
    height: 310px;
    overflow-y: auto;
}
.height-320{
    height: 320px;
    overflow-y: auto;
}
.height-336 {
    height: 340px;
    overflow-y: auto;
}
.height-324{
	max-height: 324px;
	overflow: auto;
	justify-content: center;
}
.ms-drop input[type="radio"], .ms-drop input[type="checkbox"] {
     margin-top: 0; 
}
.ms-drop ul>li label {
    display: flex;
    align-items: center;
}
.ql-editor.ql-blank::before {
  font-family: 'Montserrat'; 
  color: var(--color-draft-grey);                         
  font-weight: var(--font-weight-regular);                       
  font-size: var(--font-size-small-sm);                        
}

.ql-editor {
  min-height: 70px;
}

#summary_financials + .ql-editor ul {
	list-style-type: disc !important;
	  padding-left: 1.5em !important;
	  margin-left: 0 !important;
}
#summary_financials + .ql-editor ul li {
  margin-left: 0 !important;
}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{
	background-color: #0F1E56 !important;
}
#viewDoc.modal{
	top:0;
} 


.logo-box {
    width: 108px;
    height: 49px;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F4F4F4;
}

.issue-details-logo-img {
	width: 60px;
	height: 60px;
	object-fit: contain;
}

.initials-logo {
	font-size: 36px;
	    font-weight: 700;
	    color: #3F4493;
	    width: 84px;
}
/*@media (max-width: 768px) {

    .header-main-div {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 10px 15px;
    }

    .header-main-div > div:nth-child(2) {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .search-input-div {
        width: 100%;
    }

    .header-search-input {
        width: 100%;
    }

    .login-btn,
    .register-btn {
        width: 100%;
        justify-content: center;
    }

    .hoverable-div {
        width: 100%;
    }
    .hoverable-button {
        width: 100%;
        position: static;
        box-shadow: none;
    }
}*/


.mobile-hamburger {
    display: none;
}

@media (max-width: 768px) {
    .mobile-hamburger {
        display: block;
        position: relative;
    }

    .login-btn,
    .register-btn,
    .hoverable-div,
    .search-input-div {
        display: none !important;
    }

    /* Hamburger icon */
    .hamburger-icon {
        width: 28px;
        height: 22px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
    }

    .hamburger-icon span {
        height: 3px;
        background: #404493;
        width: 100%;
        border-radius: 20px;
        transition: 0.3s;
    }
    .hamburger-icon.active span:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }
    .hamburger-icon.active span:nth-child(2) {
        opacity: 0;
    }
    .hamburger-icon.active span:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }

    /* Mobile slide menu */
    .mobile-menu {
        position: absolute;
        right: 0;
        top: 50px;
        width: 250px;
        background: white;
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0 4px 25px rgba(0,0,0,0.14);
        opacity: 0;
        pointer-events: none;
        transform: translateY(-10px);
        transition: 0.25s ease;
        z-index: 999;
    }

    .mobile-menu.open {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .mobile-search {
        width: 100%;
        padding: 10px 12px;
        border-radius: 8px;
        border: 1px solid #cfd4da;
        margin-bottom: 15px;
    }

    .mobile-menu-item {
        display: block;
        padding: 10px 0;
        color: #404493;
        font-weight: 500;
        text-decoration: none;
    }
    
    /* Submenu */
    .mobile-submenu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.25s ease;
        margin-left: 10px;
    }

    .mobile-submenu.open {
        max-height: 200px;
    }

    .mobile-submenu-item {
        display: block;
        padding: 10px 0;
        font-size: 15px;
        color: #555;
        text-decoration: none;
    }

    .submenu-arrow {
        font-size: 20px;
        transform: rotate(0deg);
        transition: 0.25s;
    }
    .submenu-arrow.open {
        transform: rotate(90deg);
    }
}

.text-primary-blue {
	color: #404493;
}


/*notification dropdown css*/


.notification-btn {
    cursor: pointer;
}

/* Dropdown container */
.notification-dropdown {
    position: absolute;
    top: 55px;
    right: 70px;
    width: 320px;
    background: white;
    border-radius: 12px;
    box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
    padding: 0;
    overflow: hidden;
    display: none; /* Hidden by default */
    z-index: 1052!important;
}

/* Header */
.notif-header {
    background: #F5F6FA;
    padding: 14px 16px;
    font-weight: 600;
    font-size: 16px;
    color: #2A2E5A;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.notif-close {
    border: none;
    background: transparent;
    cursor: pointer;
    color: #555;
}

/* Notification list */
.notif-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.notif-list li {
    padding: 14px 16px;
    border-bottom: 1px solid #efefef;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    justify-content: space-between;
}

.notif-text {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.notif-time {
    font-size: 12px;
    color: #888;
}

/* Green dot indicator */
.notif-green-dot {
    width: 15px;
    height: 15px;
    background: #4CAF50;
    border-radius: 50%;
    flex-shrink: 0;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.notif-grey-dot {
    width: 8px;
    height: 8px;
    background: #4D4D4D;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 8px;
}

/* Hover effect */
.notif-list li:hover {
    background: #f9f9f9;
}


/*notification dropdown css*/

.npo-investor-issue-listnpo-investor-issue-list {
	overflow-x: auto;
}

.issue-badge {
	color: white;
	padding: 5px 16px;
	border-radius: 15px 0px 0px 15px;
	position: absolute;
	right: 0px;
	font-size: 10px;
	font-weight: 600;
}

.issue-badge.open{
	background-color: #00CCFF;
}

.issue-badge.upcoming{
	background-color: #E39B03;
}

.issue-badge.closed{
	background-color: #D23751;
}


.issue-badge.draft{
	background-color:rgb(183, 183, 183);
}

.npo-investor-issue-list {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	padding: 15px 15px;
	scroll-behavior: smooth;
}

.npo-investor-issue-list::-webkit-scrollbar {
	height: 6px;
}
.npo-investor-issue-list::-webkit-scrollbar-thumb {
	background: #919EB7;
	border-radius: 10px;
}

/* Card */
.issue-card {
	position: relative;
	min-width: 280px;
	max-width: 280px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #919EB7;
	padding: 18px;
	box-shadow: 0 0 4px rgba(0,0,0,0.06);
}

.issue-title {
	display: flex;
	flex-direction: column;
}

.issue-link {
	display: flex;
	font-weight: 600;
	font-size: 14px;
	color: #2D2A8E;
	text-decoration: none;
	margin-top: 2px;
	align-items: center;
    gap: 5px;
}

.issue-link img {
	width: 12px;
	margin-left: 4px;
}

/* Info section */
.issue-info {
	margin-top: 18px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.issue-info p {
	margin: 0;
	font-size: 13px;
	color: #4D4D4D;
	font-weight: 500;
}

.search-container {
    display: flex;
    align-items: center;
    border: 1px solid #919EB7;
    border-radius: 6px;
    padding: 5px 8px;
    height: 38px;
    background: #ffff;
}

.search-container input {
    border: none;
    outline: none;
    padding: 5px;
    flex: 1;
    width: 100%;
}

.investor-detail-panel{
    display: flex;
	justify-content: space-between;
    gap: 10px;
    width: 100%;
	padding: 25px;
    align-items: center;
   	border:none;	
	background: transparent;
	border-radius: var(--border-radius-md);
	/*border-top-left-radius: var(--border-radius-md);
	border-top-right-radius: var(--border-radius-md)*/;
	font-size: var(--font-size-xxs);
	outline: none;
}



/****************NPO Profile*************/

.profile-view-container {
	margin: 20px;
    border: 1px solid #919EB7;
    border-radius: 10px;
}

.header-bar {
            background: var(--chart-color-text);
            color: white;
            padding: 14px 0;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

        .header-content {
            display: flex;
            align-items: center;
            gap: 15px;
            position: relative;
            padding-inline: 20px;
        }

        .logo {
            width: 60px;
            height: 60px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
		.npo-profile-logo{
			border-radius: 50%;
			    display: flex;
			    align-items: center;
			    justify-content: center;
		}
        .org-name {
            font-size: var(--font-size-md-2);
            font-weight: 600;
            margin-bottom: 5px;
        }

        .contact-info {
            font-size: 0.9rem;
            opacity: 0.95;
        }

        .section-content {
            border-top: none;
            padding: 20px;
			height: 100%;
			background-color: #F4F4F4;
            border-radius: 0 0 5px 5px;
            box-shadow: 0px 15px 2px 0px rgba(244,244,244,0.75) inset;
        }
	.section-content-investor{
		padding: 14px;
		background: #F4F4F4;
		border-radius: 10px;
		}	
        .info-row {
            display: flex;
            justify-content: space-between;
            padding: 20px 0;
        }
        
        .info-item {
			flex:1;
		}

        .info-row:last-child {
            border-bottom: none;
        }

        .info-label {
            font-weight: 600;
            color: #555;
        }

        .social-icon {
            width: 35px;
            height: 35px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-decoration: none;
            margin: 10px 5px;
        }

        .facebook { background: transparent; }
        .twitter { background: transparent; }
        .instagram { background: transparent; }
        .linkedin { background: transparent; }
        .medium { background: transparent; }
        .youtube { background: transparent; }

        .donor-circle {
            text-align: center;
            margin: 10px;
            flex: 0 0 auto;
            width: 100px;
        }

        .circle {
            width: 84px;
            height: 84px;
            margin: 0 auto 10px;
            border-radius: 50%;
            background: repeating-linear-gradient(
                45deg,
                #333,
                #333 1px,
                #666 1px,
                #666 2 px
            );
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .circle-inner {
            width: 80px;
            height: 80px;
            background: white;
            border-radius: 50%;
        }

        .donor-label {
            font-size: 0.75rem;
            font-weight: 600;
            color: #333;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 150px;
        }

        .dots {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-top: 15px;
        }

        .dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #B7B7B7;
            cursor: pointer;
            transition: background 0.3s;
        }

        .dot.active {
            background: #4D4D4D;
        }

        .donor-carousel {
            overflow: hidden;
            position: relative;
            padding: 10px 0;
        }

        .donor-track {
            display: flex;
            transition: transform 0.5s ease;
            gap: 20px;
        }

        .award-card {
            background: #fff;       
            border-radius: 10px;
			overflow-x: auto;
			scroll-behavior: smooth;
            transition: transform 0.3s;
        }
		.award-card-box{
			display: flex;
			gap: 10px;
			align-items: center;
			justify-content: center;
		}
/*        .award-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }*/

        .award-image {
           /* background: linear-gradient(135deg, var(--primary-orange) 0%, #ff5722 100%);*/
			border: 1px solid #D9E1EC;
			border-radius: 10px;           
            color: white;			
			text-align: center;
        }

		.award-details p{
			color: #2B2B2B;
			font-size: 14px;
			font-weight: 500;
			margin-bottom: 0px;
		}
		.award-card-images{
			padding: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 300px;
			height: 200px;
		}
		.award-card-images img{
			width: 100%;
			  height: 100%;
			  object-fit: fill;
			  display: block;
		}
		.award-details {
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1px solid #D9E1EC;
			padding: 10px 14px;
				}
        .award-title {
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 15px;
        }

        .award-points {
            font-size: 0.85rem;
            line-height: 1.8;
        }

        .financial-text {
            font-size: 0.9rem;
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }

        .download-btn {
            background: var(--primary-orange);
            color: white;
            border: none;
            padding: 8px 20px;
            border-radius: 5px;
            margin-top: 10px;
        }

        .registration-badge {
            background: var(--primary-blue);
            color: white;
            padding: 3px 10px;
            border-radius: 3px;
            font-size: 0.75rem;
            position: relative;
            top: -5px;
            right: 15px;
        }
.preview-frame {
	width: 100%;
}
#img{
	height: 80vh;
}
#fallbackContainer{
	height: 50vh;
}
.investor-profile-grid {
	display: flex;
	flex-direction: column;
    gap: 20px;
    padding: 20px;
}

.profile-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 20px;
    padding: 20px;
}

.basic-info {
    grid-area: 1 / 1 / 3 / 2;
}

.media-source {
    grid-area: 1 / 2 / 2 / 3;
}

.donor {
    grid-area: 2 / 2 / 3 / 4;
}

.financial {
    grid-area: 1 / 3 / 2 / 4;
}

.awards {
    grid-area: 3 / 1 / 4 / 4;
}


.grid-item {
      background-color: #F4F4F4;
    border-radius: 10px;
    padding: 0;
    /*box-shadow: 0px 0px 1px 15px rgb(244 244 244) inset;*/
	overflow-y: hidden;
}

.grid-item.basic-info .section-header {
	border-bottom: 1px solid var(--color-yellow);
}

.grid-item.basic-info .section-header:hover {
	background: var(--color-linear-gradient-yellow);
    color: var(--color-white);
}

.grid-item.media-source .section-header {
	border-bottom: 1px solid var(--color-red);
}

.grid-item.media-source .section-header:hover {
	background: linear-gradient(5.33deg, #D23751 4.88%, #E85A71 96.36%);
    color: var(--color-white);
}

.grid-item.financial .section-header {
	border-bottom: 1px solid var(--color-tertiary);
}

.grid-item.financial .section-header:hover {
	background: linear-gradient(354.67deg, #00CCFF 3.45%, #4ADBFF 94.93%);
    color: var(--color-white);
}

.grid-item.donor .section-header {
	border-bottom: 1px solid var(--color-primary-darkblue);
}

.grid-item.donor .section-header:hover {
	background: linear-gradient(343.35deg, #404493 12.94%, #5B5FA6 89.93%);
    color: var(--color-white);
}

.grid-item.awards .section-header {
	border-bottom: 1px solid var(--color-light-green);
}

.grid-item.awards .section-header:hover {
	background: linear-gradient(354.67deg, #9FD356 3.12%, #B3DE76 94.6%);
    color: var(--color-white);
}

.section-header {
    background: #FFF;
    padding: 10px 15px;
    color: #000;
    font-weight: bold;
    border-radius: 12px 12px 0 0;
}

.template-btn {
    background-color: #EAF1FF;
    color: #18459F;
    font-size: 12px;
    border: 1px solid #18459F;
    border-radius: 4px;
    line-height: 20px;
    transition: all 0.3s ease;
}

.promo-panel {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 40px;
    background: #fff;
    padding: 20px 25px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
    align-items: center;
    margin-bottom: 12px;
    border: 1px solid #919EB7;
    gap: 10px;
}

.promo-panel.banner {
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 40px;
}

.promo-col {
    text-align: left;
    white-space: nowrap; 
}

.promo-label {
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    color: var(--color-light-black);
    font-weight: var(--font-weight-medium);
    text-align: left;
}

.promo-value {
    color: var(--color-gray);
    font-size: var(--font-size-small-sm);
    font-weight: var(--font-weight-regular);
    text-align: left;
    gap: 5px;
}

.view-btn {
    padding: 4px 12px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #3F4493;
    color: var(--chart-color-text);
    font-size: 11px;
    font-weight: 500;
}

.view-btn:hover {
    background: var(--chart-color-text);
    color: #fff;
}

.promo-menu {
    position: relative;
    text-align: right;
}

.options-icon {
    width: 18px;
    cursor: pointer;
}

.menu-dropdown.promo-dropdown {
    position: absolute;
    top: 18px;
    right: 0;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    padding: 0;
    width: 100px;
    display: none;
    border: 1px solid #919EB7;
    text-align: left;
}

.menu-item {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 13px;
}

.menu-item:hover {
    background: #f3f3f3;
}

.menu-item.delete {
    color: red;
}

/* Show on hover */
.promo-menu:hover .menu-dropdown {
    display: block;
}


/* Top Info Row */
.promo-info-row {
    display: flex;
    gap: 40px;
    background: #fff;
    padding: 12px 18px;
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    margin-bottom: 25px;
    justify-content: space-between;
}

.promo-info-item .label {
    font-size: 12px;
    color: #5d5d5d;
    font-weight: 600;
	margin-top: 2px;
}

.promo-info-item .value {
    font-size: 13px;
    font-weight: 600;
   /* margin-left: 4px;*/
}

/* Cards Row */
.promo-card-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

/* Single Card */
.promo-card {
    width: 100%;
}

.card-title {
    font-size: 13px;
    font-weight: 600;
    color: #2456e5;
    margin-bottom: 8px;
}

.card-img {
    width: 100%;
    height: 150px;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid #ddd;
}

/* Video thumbnail wrapper */
.video-thumb {
    position: relative;
}

.play-icon {
    width: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}


/*custom radio button */

.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
  border: 2px solid #3F4493;
}

.radio-container:hover input ~ .radio-checkmark {
  background-color: #ccc;
}

.radio-container input:checked ~ .radio-checkmark {
  background-color: #fff;
}

.radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radio-container input:checked ~ .radio-checkmark:after {
  display: block;
}

/*.radio-container .radio-checkmark:after {*/
/* 	top: 3px;*/
/*    left: 3px;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    border-radius: 50%;*/
/*    background: #3F4493;*/
/*}*/

.radio-container .radio-checkmark:after {
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    background: #3F4493;
    position: absolute;
    transform: translate(-50%, -50%);
}
/*custom radio button end */


.open-btn {
  margin: 50px;
  padding: 12px 20px;
  background: #1976d2;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

/* Overlay */
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

/* Popup */
.popup-box {
  width: 420px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  overflow: hidden;
}

/* Header */
.popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid #ddd;
}

.popup-header h3 {
  font-size: 16px;
  margin: 0;
}

.close-btn {
  font-size: 22px;
  cursor: pointer;
}

/* Content */
.popup-content {
  padding: 16px;
}

.info-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.info-row h4 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}

.info-row p {
  margin: 4px 0 0;
  font-size: 12px;
  color: #555;
}

.divider {
  height: 1px;
  background: #e0e0e0;
  margin: 12px 0;
}

/* Icons */
.icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}

.green { background: #4caf50; }
.orange { background: #ff9800; }
.red { background: #f44336; }
.blue { background: #3f51b5; }


/* Outer carousel container */
.custom-carousel {
    width: 100%;
    height: 190px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    margin-bottom: 1rem;
}

/* Each slide */
.custom-carousel .slide {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}

/* Important: keeps SAME visible portion regardless of width */
.carousel-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%;
}

/* Simple sliding animation */
.custom-carousel {
    animation: slide-animation 15s infinite linear;
}

@keyframes slide-animation {
    0%   { transform: translateX(0); }
    33%  { transform: translateX(0); }
    40%  { transform: translateX(-100%); }
    73%  { transform: translateX(-100%); }
    80%  { transform: translateX(-200%); }
    100% { transform: translateX(-200%); }
}


/*-------------codenpen css--------------*/

.dynamic-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 190px;
    border-radius: 5px;
    margin-bottom: 1rem;
}

.dynamic-slider .slides {
    display: flex;
    transition: transform 0.6s ease;
    height: 100%;
}

.dynamic-slider .slide {
    min-width: 100%;
    height: 100%;
    position: relative;
}

.dynamic-slider .slide img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

/* Dots */
.dynamic-slider .dots {
    position: absolute;
    bottom: 12px;
    width: 100%;
    text-align: center;
}

.dynamic-slider .dot {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #bbb;
    margin: 4px;
    border-radius: 50%;
    cursor: pointer;
}

.dynamic-slider .dot.active {
    background: #333;
}

.dynamic-slider .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
    background: rgb(255 255 255 / 26%);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3.8px);
}

.dynamic-slider .arrow:hover {
    background: rgb(255 255 255 / 43%);
}

.arrow.left { left: 10px; }
.arrow.right { right: 10px; }

.promo-panel {
    background: #ffffff;
}

.promo-panel.even-row {
    background: #F4F4F4; /* Light blue shade from Figma */
}

.dropbtn {
    background-color: #fff;
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn:focus {
    outline: none!important;
}

#myDropdown {
    position: absolute;
    background-color: #f1f1f1;
    min-width: 558px;
    overflow: auto;
    padding-top: 0px !important;
    top: 14px !important;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1051;
    padding-bottom: 0px !important;
}

.dropdown-product .product-col {
    padding: 10px;
    border-radius: 10px;
    height: 90px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 50% !important;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.equal-width-col {
    flex: 0 0 20%;
    max-width: 20%;
}

.equal-width-col .text-uppercase {
    text-align: center;
    width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-theme-btn {
    background: var(--chart-color-text) !important;
    border-radius: 6px;
    color: #fff;
    text-align: left;
    padding: 6px 23px !important;
	display: flex;
	align-items: center;
	gap: 10px;
}

.main-theme-btn:hover {
    color: #fff !important;
}

.view-document-pdf {
    display: flex;
    gap: 10px; /* space between the items */
  /*  flex-wrap: wrap;*/
}
#showpdf{
	height: 90vh;
}
.document-item {
    padding: 5px 10px;
    border: 1px solid #4CAF50; /* your green border */
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px; /* space between text and icon */
}
	
	
.no-issues-div {
	display: flex;
    align-items: center;
    justify-content: center;
}

.help-section-wrapper {
	padding: 1rem;
	border: 1px solid #3F4493;
    border-radius: 30px;
}

.help-container {
	max-width: 900px;
	margin: 0 auto;
	background: white;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.custom-nav {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
	justify-content: center;
	margin-bottom: 30px;
	list-style: none;
	padding: 0;
	margin-inline: 5rem;
}

.custom-nav-item {
	margin: 0;
}

.custom-nav-btn {
	display: inline-block;
	border-radius: 8px;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease;
	cursor: pointer;
	width: 100%;
}

.custom-nav-btn:hover {
	text-decoration: none;
}

.custom-nav-btn.active-tab {
	border: 2px solid transparent;
}

.custom-nav-btn.npo-profile {
	border: 1px solid #E39B03;
	background-color: white;
	color: #E39B03;
}

.custom-nav-btn.npo-profile.active-tab {
	background: linear-gradient(360deg, #E39B03 0%, #FFC74F 100%);
	border-color: #E39B03;
	color: white;
}
.custom-nav-btn.npo-profile.active-tab svg path:nth-of-type(1){
	fill:var(--color-white);
}
.custom-nav-btn.npo-profile.active-tab svg path:nth-of-type(2){
	fill: #E39B03;
}
.custom-nav-btn.npo-profile:hover svg path:nth-of-type(1){
	fill:var(--color-white);	
}
.custom-nav-btn.npo-profile:hover svg path:nth-of-type(2){
	fill: #E39B03;	
}
.custom-nav-btn.npo-profile:hover {
	background: linear-gradient(360deg, #E39B03 0%, #FFC74F 100%);
	border-color: #E39B03;
	color: white;
}

.custom-nav-btn.financial {
	border: 1px solid #6CA124;
	background-color: white;
	color: #6CA124;
}

.custom-nav-btn.financial.active-tab {
	background: linear-gradient(354.67deg, #9FD356 3.12%, #B3DE76 94.6%);
	border-color: #6CA124;
	color: white;
}
.custom-nav-btn.financial.active-tab svg path{
	fill:var(--color-white);
}
.custom-nav-btn.financial:hover svg path{
	fill:var(--color-white);
}
.custom-nav-btn.financial:hover {
	background: linear-gradient(354.67deg, #9FD356 3.12%, #B3DE76 94.6%);
	border-color: #6CA124;
	color: white;
}

.custom-nav-btn.donor {
	border: 1px solid #D23751;
	background-color: white;
	color: #D23751;
}

.custom-nav-btn.donor.active-tab {
	background: linear-gradient(5.33deg, #D23751 4.88%, #E85A71 96.36%);
	border-color: #D23751;
	color: white;
}
.custom-nav-btn.donor.active-tab svg path{
	fill:var(--color-white)
}
.custom-nav-btn.donor:hover svg path{
	fill:var(--color-white)
}
.custom-nav-btn.donor:hover {
	background: linear-gradient(5.33deg, #D23751 4.88%, #E85A71 96.36%);
	border-color: #D23751;
	color: white;
}

.custom-nav-btn.awards {
	border: 1px solid #2B2B2B;
	background-color: white;
	color: #2B2B2B;
}

.custom-nav-btn.awards.active-tab {
	background: #4D4D4D;
	border-color: #2B2B2B;
	color: white;
}
.custom-nav-btn.awards.active-tab svg path, .custom-nav-btn.awards:hover svg path{
	fill:var(--color-white)
}
.custom-nav-btn.awards:hover {
	background: #4D4D4D;
	border-color: #2B2B2B;
	color: white;
}

.custom-nav-btn.add-issue {
	border: 1px solid #3949ab;
	background-color: white;
	color: #3949ab;
}

.custom-nav-btn.add-issue.active-tab {
	background: #3F4493;
	border-color: #3949ab;
	color: white;
}
.custom-nav-btn.add-issue.active-tab svg path{
	fill:var(--color-white)
}
.custom-nav-btn.add-issue:hover svg path{
	fill:var(--color-white)
}
.custom-nav-btn.add-issue:hover {
	background: #3F4493;
	border-color: #3F4493;
	color: white;
}

.custom-nav-btn.past-projects {
	border: 1px solid #00CCFF;
	background-color: white;
	color: #00CCFF;
}

.custom-nav-btn.past-projects.active-tab {
	background: #00CCFF;
	border-color: #00CCFF;
	color: white;
}
.custom-nav-btn.past-projects.active-tab svg path:nth-of-type(1){
	fill: var(--color-white);
}
.custom-nav-btn.past-projects.active-tab svg path:nth-of-type(2){
	fill: #00CCFF;
}
.custom-nav-btn.past-projects:hover  svg path:nth-of-type(2){
	fill: #00CCFF;
}

.custom-nav-btn.past-projects:hover svg path{
	fill: var(--color-white);
}
.custom-nav-btn.past-projects:hover {
	background: #00CCFF;
	border-color: #00CCFF;
	color: white;
}

h2 {
	text-align: center;
	color: #0F1E56;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 30px;
}
.custom-tab-pane h2{
	text-transform: capitalize;
}
.info-box {
	background-color: #F4F4F4;
	border-radius: 12px;
	padding: 25px;
	border: 1px solid #B7B7B7;
}

.info-box h5 {
	font-size: 16px;
	font-weight: 600;
	color: #3F4493;
	margin-bottom: 20px;
}

.info-box ul {
	margin: 0;
	padding-left: 20px;
}

.info-box li {
	color: #2B2B2B;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 15px;
	font-weight: 500;
}

.info-box li:last-child {
	margin-bottom: 0;
}

.custom-tab-content {
	width: 100%;
}

.custom-tab-pane {
	display: none;
}

.custom-tab-pane.active-pane {
	display: block;
}
.font-weight-600{
	font-weight: var(--font-weight-medium2);
}
.width-180{
	width:180px;
}

.npo-name-details{
	color: #3F4493;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 130px;
}
.labels{
width: 100%;
font-weight: 600 !important;	
}
.img-card-box{
	background: #F4F4F4;
	position: relative;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.prefered-badge{
	position: absolute;
	width: 78px;
	right: 0px;
	top: 14px;
	padding:3px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background: var(--color-tertiary);
	color: var(--color-white);
	text-align: center;
	
}


.prefered-badge.Open{
	background-color: #00CCFF;
}

.prefered-badge.Upcoming{
	background-color: #E39B03;
}
.w140 {
    width: 140px;
}

.investor-card-height{
	height: 80px;
	    display: flex;
	    align-items: center
}
.icon-circles-svg {
    display: flex;
    align-items: center;
    justify-content: start;
	}
.investor-profile-details,.investor-profile-details:hover{
	color: var(--color-white);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium);
	pointer-events: none;
	cursor: none;
	text-decoration: none;
}
.investor-label{
	font-size: var(--font-size-xs);
	color: var(--color-text-footer);
	font-weight: var(--font-weight-medium2);
	text-transform: uppercase;
	margin-bottom: 0px;
}
.info-value{
	font-size: var(--font-size-sm);
	color: #000000;
	font-weight: var(--font-weight-regular);
	word-break: break-all;
}
.info-npo-profie-value{
	font-size: var(--font-size-sm);
	color: #0F1E56;
	font-weight: var(--font-weight-regular);
	word-break: break-all;
}
.address-info-value{
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-regular);
	color: #0F1E56;
}
.investor-socialmedia-url, .investor-socialmedia-url a{
	color:var(--color-gray);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
} 


.scrollbar{
	max-height: 60vh;
	overflow: auto;
	scrollbar-width: none;
}
.investor-logo{
	border:1px solid #fff;
	padding: 2px;
	/* background: white; */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.npo-email{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 250px;
}

.npo-profile-scroll{
	max-height: 70vh;
	overflow-y: auto;
	scroll-behavior: smooth;
}
.npo-profile-details{
	padding: 20px 0;
}

.npo-profile-details-scroll{
	height: 109vh;
	overflow-y: auto;
	scroll-behavior: smooth;
}


.openMediaHeading:hover {
    text-decoration: underline;
}

/*23/12/2025*/
/* Slider wrapper */
.slider-wrapper {
    width: 100%;
    overflow: hidden;
}

/* Track */
.slider-track {
    display: flex;
	justify-content: center;
    transition: transform 0.6s ease-in-out;
    will-change: transform;
}

/* Card */
.card-item {
    flex: 0 0 20%;   /* 🔥 FIX: force 5 cards */
    max-width: 20%;
    padding: 10px;
    box-sizing: border-box;
}

.card-box {
    background: transparent;
   /* border: 1px solid #ddd;*/
    padding: 0px;
    text-align: center;
    font-size: 16px;
	font-weight: 500;
    border-radius: 10px;
}

/* Dots */
.dots span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #B7B7B7;
    border-radius: 50%;
    margin: 5px;
    cursor: pointer;
}

.dots span.active {
    background: #4D4D4D;
}
.back-to-login{
	position: absolute;
	top: 14px;
	right:14px}