@font-face {  font-family: 'Lato-regular'; src: url(../fonts/Lato-Regular.ttf);} 
@font-face {  font-family: 'Lato-black'; src: url(../fonts/Lato-Black.ttf);}  
@font-face {  font-family: 'Lato-bold'; src: url(../fonts/Lato-Bold.ttf);}  
@font-face {  font-family: 'Lato-light'; src: url(../fonts/Lato-Light.ttf);}  
@font-face {  font-family: 'Lato-thin'; src: url(../fonts/Lato-Thin.ttf);}
@font-face {
  font-family: 'Cinzel'; /* Define a name for your font */
  src: url('../fonts/Cinzel-VariableFont_wght.ttf') format('ttf'); /* Path to your font file */
}

@font-face {
  font-family: 'CinzelDecorative-Regular'; /* Define a name for your font */
  src: url('../fonts/CinzelDecorative-Regular.ttf') format('ttf'); /* Path to your font file */
}


.font-regular-lato{font-family:'Lato-regular';} 
.font-black-lato{font-family:'Lato-black';} 
.font-bold-lato{font-family:'Lato-bold';} 

:root {
	--hdr-logo: 11rem;
	--main-nav-height: 2.25rem;
	--header-h: 4rem;
	--sidebar-w: 12.5rem;
	--header-height: 8.5rem; /* default fallback */
	
	--brand: #9c1846;
	--brand-dark: #7f1338;
	--bg: #fbfbfc;
	--card: #fff;
	
	--sidebar-collapsed-w: 5rem;
	--gap: 1.125rem;
	--radius: 0.5rem;
	--accent: #7a2aa6; /* purple accent */
	--muted: #f6f3f7;
	--card-border: #eee;
	--text-muted: #777;
	--body-color: #231F20;
/* ========================================================================================================== 
   									Theme Requiered Color
========================================================================================================== */
	/*Typography colours*/
	--palette-dark: #231F20;
	--palette-primary: #231F20;
	--palette-secondary: #6D6E71;
	--palette-tertiary: #9D9D9D;
	--palette-disabled: #B4B4B4;

	/*Action color*/
	--palette-primary-action: #97144D;
	--palette-secondary-action: #ED1164;
	--palette-tertiary-action: #12877F;

	/*Surface color*/
	--palette-primary-surface: #FFFFFF;
	--palette-secondary-surface: ##F9F9F9;
	--palette-tertiary-surface: #F0F0F0;	

	/*Neutral colours*/
	--palette-neutral-1: #F7F7F7;
	--palette-neutral-2: #F3FFF3;
	--palette-neutral-3: #EBF0F9;
	--palette-neutral-4: #F4EBF9;
	--palette-neutral-5: #F9F6EB;
	--palette-neutral-6: #B8DDDB;
	/*Neutral action colours*/
	--palette-neutral-1-action: #0C1015;
	--palette-neutral-2-action: #0F322F;
	--palette-neutral-3-action: ##0F1B32;
	--palette-neutral-4-action: #260F32;
	--palette-neutral-5-action: #322A0F;
	--palette-neutral-6-action: #3D7F7C;
	
	/*Support colours*/
	--palette-negative: #EB0000;
	--palette-positive: #278829;
	--palette-warning: #D84008;
	--palette-variable: #145599;
	
	/*Grey palette colours*/
	--palette-grey-50: #404040;
    --palette-grey-100: #575757;
    --palette-grey-200: #6E6E6E;
    --palette-grey-300: #858585;
    --palette-grey-400: #9D9D9D;
    --palette-grey-500: #B4B4B4;
    --palette-grey-600: #CBCBCB;
    --palette-grey-700: #E2E2E2;
    --palette-grey-800: #F1F1F1;
    --palette-grey-900: #F9F9F9;
    --palette-grey-A100: #404040;
    --palette-grey-A200: #575757;
    --palette-grey-A400: #858585;
    --palette-grey-A700: #CBCBCB;
	
	
/* ========================================================================================================== 
   									Font Sizes
========================================================================================================== */
	--typo-fontsize: #145599;
	
	
	
	--typo-lineheight: #145599;
	--typo-paragraphspacing:: #145599;
	
	/* text-button spacing */
	--typo-letterSpacing:: 1px;
	/* for 10px to 12px font size */
	--typo-letterSpacing:: 0.32px;
	/* for 14px font size */
	--typo-letterSpacing:: 0.242px;
	/* for 16px to 24px font size */
	--typo-letterSpacing:: 0.16px;
	/* font size above 24px */
	--typo-letterSpacing:: 0px;
	

	/*font scale body font 16px base*/
	--font-4: 0.25rem;     /* 4px */
	--font-6: 1rem;     /* 6px */
	--font-8: 0.5rem;     /* 8px */
	--font-10: 0.625rem;     /* 10px */
	--font-12: 0.75rem;     /* 12px */
	--font-14: 0.875rem;     /* 14px */
	--font-16: 1rem;     /* 14px */
	--font-18: 1.125rem;     /* 18px */
	--font-20: 1.25rem;  /* 20px */
	--font-24: 1.5rem;   /* 24px */
	--font-26: 1.625rem;   /* 26px */
	
	--font-thin: 300;
	--font-normal: 400;
	--font-semi-bold: 600;
	--font-bold: 700;
	
	--font-regular-lato: 'Lato-regular';
	--font-black-lato: 'Lato-black';
	--font-bold-lato: 'Lato-bold'; 
	
	--border-color: #D5D5D5;

}

body {color: var(--body-color); /*font-family: 'Lato', sans-serif;*/ font-family: var(--font-regular-lato); font-weight: 400; font-size: 14px; line-height: 1.0; display: flex; flex-direction: column; color: var(--body-color);}

body, html {height: 100%; overflow: visible !important;}
/* ========================================================================================================== 
   									Default Responsive Stylesheet
========================================================================================================== */
/*
			new font size = 16px X new resolution/1400
			1920px साठी calculation
			16 X 1920/1400 =21.94 ≈22𝑝𝑥
			
			1400px =	base	16px
			1600px =	16 × 1600/1400 = 18px
			1920px =	16 × 1920/1400 = 22px
			2560px =	16 × 2560/1400 = 29px
			3200px =	16 × 3200/1400 = 37px
			3840px =	16 × 3840/1400 = 44px
			5120px =	16 × 5120/1400 = 58px
*/
/* 	
	📱 Mobile Device Resolutions  
*/

li::marker {display: none;}


@media (max-width: 414.98px) {
	body, html {font-weight: 400; font-size: 13px; line-height: 1.2;}
	header.header-section .top-hdr {height: 1.25rem !important;}
}
/* 	
	📱 Mobile Device Resolutions  
*/
@media (max-width: 414.98px) {
	body, html {font-weight: 400; font-size: 13px; line-height: 1.2;} 
}
/* 	
	📱 Mobile Device Resolutions  
*/
@media (min-width: 415px) and (max-width: 1279.98px) {
	body, html {font-weight: 400; font-size: 13px; line-height: 1.2;} 
}
/* 	
	📱 Mobile Device Resolutions  
*/
@media (max-width: 767.98px) {
	body, html {font-weight: 400; font-size: 13px; line-height: 1.2;}
	header.header-section .top-hdr {height: 1.225rem !important;}
	header.header-section .main-nav {height: calc(var(--main-nav-height) + 0.051rem) !important;}
}
/* 	
	📱 Tablet Device Resolutions  
*/
@media (min-width: 768px) {
	body, html {font-size: 14px;}
	/*header.header-section .top-hdr {height: 1.021rem !important;}*/
	header.header-section .hdr-logo::after {height: calc(100% + 0.858rem) !important; top: -0.8rem !important;}
}

/* 	
	🖥️ Desktop / Monitor Resolutions - HD (1280 × 720) 
*/ 
@media (min-width: 1280px) and (max-width: 1365.98px) {
	body, html {font-weight: 400; font-size: 14px; line-height: 1.2; }
}
/* 	
	💻 Laptop Resolutions - Small laptops (1440 × 900) 
*/ 
@media (min-width: 1366px) and (max-width: 1439.98px) {
	body, html {font-weight: 400; font-size: 16px; line-height: 1.2; }
}
/* 	
	💻 Laptop Resolutions - Older MacBook Pro (1440 × 900) 
*/ 
@media (min-width: 1440px) and (max-width: 1599.98px) {
	body, html {font-weight: 400; font-size: 16px; line-height: 1.6;}
	header.header-section .top-hdr {height: 1.06rem !important;}
}
/* 	
	💻 Laptop Resolutions - Standard Laptop / 
	🖥️ Desktop / Monitor Resolutions - HD+ (1600 × 900) 
*/ 
@media (min-width: 1600px) and (max-width: 1919.98px) {
	body, html {font-weight: 400; font-size: 16px; line-height: 1.6;}
	header.header-section .top-hdr {height: 1.01rem !important;}
	header.header-section .hdr-logo:after {top: -0.85644525rem !important;}
}
/* 	
	💻 Laptop Resolutions - Standard Laptop / 
	🖥️ Desktop / Monitor Resolutions - HD+ (1920 × 1080) 
*/
@media (min-width: 1920px) and (max-width: 2559.98px) {
	body, html {font-weight: 400; font-size: 18px; line-height: 1.6;}
}
/* 	
	💻 Laptop Resolutions - MacBook Pro Retina 13" (2560 × 1600) / 
	🖥️ Desktop / Monitor Resolutions - 2K / QHD (2560 × 1440) / 
	🖥️ Desktop / Monitor Resolutions - WQXGA (2560 × 1600) 
*/ 
@media (min-width: 2560px) and (max-width: 3071.98px) {
	body, html {font-weight: 400; font-size: 29px; line-height: 1.6;}
	header.header-section .top-hdr {height: 1.055rem !important;}
	header.header-section .main-nav {height: calc(var(--main-nav-height) - 0.01rem) !important;}
	header.header-section .hdr-logo {height: 3.3rem !important;}
}
/* 	
	💻 Laptop Resolutions - MacBook Pro Retina 16" (3072 × 1920) 
*/ 
@media (min-width: 3072px) and (max-width: 3839.98px) {
	body, html {font-size: 37px; line-height: 1.6;}
	header.header-section .top-hdr {height: 1.0rem !important;}
}
/* 	
	💻 Laptop Resolutions - MacBook Pro Retina 16" (3072 × 1920) / 
	🖥️) Desktop / Monitor Resolutions - 4K UHD (3840 × 2160)
*/ 
@media (min-width: 3840px) and (max-width: 5119.98px) {
	body, html {font-size: 44px; line-height: 1.6; letter-spacing: 0.16px;}
}
/* 	
	🖥️) Desktop / Monitor Resolutions - 5K (5120 × 2880)
*/ 
@media (min-width: 5120px) {
	body, html {font-size: 58px; line-height: 1.6; letter-spacing: 0.16px;}
}


::-webkit-scrollbar {
  width: 1px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #97144d;
  border-radius: 1rem;
}

::-webkit-scrollbar-thumb:hover {
  background: #97144d;
}



h1, h2, h3, h4, h5, h6 {}

a {color: var(--palette-primary-action);}

/* ========================================================================================================== 
   									Loader Stylesheet
========================================================================================================== */
/*.axis-loader3 {width: 5rem; height: 5rem; margin: 7rem auto; position: relative;}
.axis-loader3 .axis-ring {width: 5rem; height: 5rem; border: 5px solid #A0002D; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite;}
.axis-loader3 .axis-logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.axis-loader3 .axis-logo img {width: 2rem; height: 2rem; border-radius: 0.5rem;}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}*/
.axis-loader3 {width: 100%; height: 100%; position: fixed; display: flex; justify-content: center; align-items: center; z-index: 9999; background: #fff;}
.axis-loader3 .axis-ring {width: 5rem; height: 5rem; border-radius: 50%; animation: spin 1s linear infinite;
/* ⭐ One-side Gradient */
background: conic-gradient(
	#A0002D 0deg,          /* Burgundy start */
	#A0002D 250deg,        /* Full solid burgundy */
	#FFC6D5 360deg         /* Last side only light */
);
/* thickness */
-webkit-mask: 
radial-gradient(farthest-side, transparent calc(100% - 5px), black calc(100% - 4px));
mask: 
radial-gradient(farthest-side, transparent calc(100% - 5px), black calc(100% - 4px));
/* soft dark shadow */
filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));}

.axis-loader3 .axis-logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.axis-loader3 .axis-logo img {width: 2rem; height: 2rem; border-radius: 0.5rem; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* fade out animation */
.fade-out {
    opacity: 0;
    transition: opacity 0.8s ease;
    pointer-events: none;
}


/* ========================================================================================================== 
   									Default Responsive Stylesheet
========================================================================================================== */
/* Buttons Small */
@media (max-width: 414.98px) {
	.btn { height: 3.142857142857143rem; padding: 0.6666666666666666rem 1.1428571428571428rem; letter-spacing: 0.321px;}
}

/* Buttons Small */
@media (max-width: 767.98px) {
	.bm-w-100 {width: 100%;}
	.bm-w-50 {width: 50%;}
}
/* Buttons Medium */
@media (min-width: 415px) and (max-width: 1279.98px) {
	.btn { height: 3.142857142857143rem; padding: 0.8571428571428571rem 1.1428571428571428rem; letter-spacing: 0.321px;}
}
/* Buttons Large */ 
@media (min-width: 1280px) and (max-width: 1539.98px) {
	.btn {height: 3.5rem; letter-spacing: 0.015rem; letter-spacing: 0.24px; padding: 1rem;}
}
/* Buttons XtraLarge */ 
@media (min-width: 1540px) {
	.btn {letter-spacing: 0.1624px;}
}

.text-primary-action {color: var(--palette-primary-action);}

.btn {position: relative;}
.btn:disabled {background: var(--palette-primary-action); border: 0; cursor: not-allowed;}
.btn-primary {background: var(--palette-primary-action); overflow: hidden; border: 0;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {background: var(--palette-primary-action); box-shadow: none; outline: 0;}
.btn-primary:not(:disabled):not(.disabled):active {background: var(--palette-primary-action); box-shadow: none; outline: 0;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {box-shadow: none; outline: 0;}

/*primary button animation*/
.btn-primary::before {content: ""; position: absolute; width: calc(100% - 1rem); height: calc(100% + 5rem); background: rgba(241, 70, 135, 0.2); top: -2.5rem; left: 0.5rem; border-radius: 4rem; transform: scale(0); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; border: 0px solid  var(--palette-grey-700);}
.btn-primary::after {content: ""; position: absolute; width: calc(100% - 1rem); height: calc(100% + 5rem); background: rgba(241, 70, 135, 0.2); top: -2.5rem; left: 0.5rem; border-radius: 4rem; transform: scale(0); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; border: 0px solid  var(--palette-grey-700);}

.btn-primary:active::before {transform: scale(1); opacity: 1;}
.btn-primary:focus::after {transform: scale(1); opacity: 1;}

.btn-primary span{position: relative; z-index: 2;}


.btn-secondary {background: var(--palette-secondary-surface); color: var(--palette-primary-action); border: 1px solid  var(--palette-grey-700); transition: background 0.4s ease; overflow: hidden;}
.btn-secondary:hover {background: var(--palette-secondary-surface); color: var(--palette-primary-action); border: 1px solid  var(--palette-grey-700);}
.btn-secondary:focus {background: transparent !important; border: 1px solid  var(--palette-grey-700); outline: 0; color: var(--palette-primary-action) !important;}
.btn-secondary:active {background: transparent;}

/*secondary button animation*/
.btn-secondary::before {content: ""; position: absolute; width: calc(100% - 1rem); height: calc(100% + 5rem); background: rgba(250, 176, 204, 1); top: -2.5rem; left: 0.5rem; border-radius: 4rem; transform: scale(0); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; border: 0px solid  var(--palette-grey-700);}
.btn-secondary::after {content: ""; position: absolute; width: calc(100% - 1rem); height: calc(100% + 5rem); background: rgba(241, 70, 135, 0.2); top: -2.5rem; left: 0.5rem; border-radius: 4rem; transform: scale(0); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; border: 0px solid  var(--palette-grey-700);}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(130, 138, 145, 0);}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {background: transparent; color: var(--palette-primary-action); border: 1px solid  var(--palette-grey-700);}

.btn-secondary:active::before {transform: scale(1); opacity: 1;}
.btn-secondary:focus::after {transform: scale(1); opacity: 1;}

.btn-secondary span{position: relative; z-index: 2;}

.btn-tertiary {background: var(--palette-tertiary); color: var(--palette-primary-surface);}
.btn-tertiary:hover {background: var(--palette-tertiary-action); color: var(--palette-primary-surface);}

.btn-negative {background: var(--palette-negative); color: var(--palette-primary-surface);}
.btn-negative:hover {background: var(--palette-negative); color: var(--palette-primary-surface);}

.btn-positive {background: var(--palette-positive); color: var(--palette-primary-surface);}
.btn-positive:hover {background: var(--palette-positive); color: var(--palette-primary-surface);}

.btn-warning {background: var(--palette-warning); color: var(--palette-primary-surface);}
.btn-warning:hover {background: var(--palette-warning); color: var(--palette-primary-surface);}

.btn-variable {background: var(--palette-variable); color: var(--palette-primary-surface);}
.btn-variable:hover {background: var(--palette-variable); color: var(--palette-primary-surface);}

.btn-disable {background: var(--palette-disabled); color: var(--palette-primary-surface);}
.btn-disable:hover {background: var(--palette-disabled); color: var(--palette-primary-surface); cursor: not-allowed;}

.btn-icon {border-color: #E2E2E2; background: #F9F9F9; color: #333; width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; font-size: var(--font-24);}
.btn-icon:hover {border-color: #E2E2E2; background: #F9F9F9; color: #333;}


/* CONTENT */
.content{padding: 1.5rem 0 0; height: 100%; overflow-y: auto;}
.card{border-radius: var(--radius); border: 1px solid #eee; background: #fff; padding: 1rem; max-height: 100%; overflow-y: auto;}

.hamburger {border: 0; background: none; z-index: 99; font-size: 1.4rem; color: #fff; font-weight: 300; padding: 0; margin: 0 0.75rem 0 0;}
.dropdown-toggle::after {border: 0; font-family: "remixicon"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea4e"; color: var(--palette-dark);}
#collapseBtn {position: fixed; padding: 1rem 0; background: #f00; width: 100%; display: flex; justify-content: flex-start; left: 1.5rem;}

.main-container {height: calc(100% - var(--header-height)); /*height: calc(100% - 22.5%);*/}


/*================================================================================================ 
									header stylesheet 
================================================================================================ */

.header-section.sticky {position: fixed; top: 0; left: 0; box-shadow: 0 2px 10px rgba(0,0,0,0.15);}
.logo_title {font-family: 'Cinzel Decorative', serif; font-size: 2.4rem; color: var(--char); margin: 0rem 0 -0.5rem; line-height: 1.0;}

header.header-section {box-shadow: 0 5px 7px rgba(0,0,0,0.075); position: relative; z-index: 999;}
header.header-section .them-bg {background: #97144d;}
header.header-section .maroontheme {overflow: hidden;}
header.header-section .maroontheme .logo {}
header.header-section .header-container a {position: relative; z-index: 2;}
header.header-section .header-container {padding: 0 4.125rem 0 2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: normal; background: #97144d;}
header.header-section .hdr-logo {/*height: 3.251rem;*/ -ms-flex: 0 0 var(--hdr-logo); flex: 0 0 var(--hdr-logo); position: relative; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-align: center; align-items: center;}
/* header.header-section .hdr-logo:after {content: ""; background: url("../images/menucurve-new.svg") no-repeat top right #fff; background-size: cover; position: absolute; top: -0.825rem; right: -0.5rem; width: 100%; height: calc(100% + 0.825rem);} */
/* header.header-section .hdr-logo a {width: 6.875rem;} */
header.header-section .hdr-logo a {width: 10rem; text-decoration: none;}
header.header-section .hdr-logo a img {width: 100%; height: auto;}

header.header-section .nav-right {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex: 0 0 calc(100% - var(--hdr-logo)); flex: 0 0 calc(100% - var(--hdr-logo));}

/*header.header-section .hdr-logo {background: url("../images/menucurve-new.svg") #fff no-repeat; background-size: cover; text-align: center; display: flex;  background-size: calc(105% + -0.15rem) calc(105% + -0.15rem); background-position: -0.15rem -0.15rem;} */

header.header-section .hdr-logo .menu-curve {position: absolute; right: 0; background: #fff; height: calc(100% + 0.85rem); top: -0.8rem;}
header.header-section .hdr-logo .menu-curve img {height: 100%; width: 100%;}

/*================================================================================================ 
									top header stylesheet 
================================================================================================ */
header.header-section .top-hdr {height: 1.085rem; width: 100%;}
header.header-section .top-hdr ul {padding: 0; margin: 0; display: flex; height: 100%; align-items: center; line-height: 1.0;}
header.header-section .top-hdr ul li {padding: 0; margin: 0 0.25rem; list-style: none; padding: 0.1rem 0.5rem 0.25rem; display: flex; justify-content: center; align-items: center; border-radius: 0.25rem;}
header.header-section .top-hdr ul li:first-child {margin-left: 0;}
header.header-section .top-hdr ul li:last-child {margin-right: 0;}
header.header-section .top-hdr ul li.active {background: #fff; color: #97144d;}
header.header-section .top-hdr ul li a {color: #fff;}
header.header-section .top-hdr ul li.active a { color: #97144d;}
header.header-section .top-hdr ul li:hover a { color: #fff;}
header.header-section .top-hdr ul li.active:hover a { color: #000;}

/*================================================================================================ 
									main nav stylesheet 
================================================================================================ */
header.header-section .main-nav {background: #fff; height: calc(var(--main-nav-height) + 0.0rem); width: 100%; position: relative; display: flex; justify-content: flex-end;}
header.header-section .main-nav::after {content: ''; background: #fff; width: 100%; position: absolute; left: 100%; height: 100%; top: 0;}
header.header-section .main-nav ul {padding: 0; margin: 0; display: flex; height: 100%; align-items: center; line-height: 1.0;}
header.header-section .main-nav ul li {padding: 0; margin: 0 0.25rem; list-style: none; padding: 0.1rem 0.5rem 0.25rem; display: flex; justify-content: center; align-items: center; border-radius: 0.25rem;}
header.header-section .main-nav ul li:first-child {margin-left: 0;}
header.header-section .main-nav ul li:last-child {margin-right: 0;}
header.header-section .main-nav ul li.active {background: #97144d; color: #fff;}
header.header-section .main-nav ul li a {color: #000;}
header.header-section .main-nav ul li.active a { color: #fff;}
header.header-section .main-nav ul li:hover a { color: #000;}
header.header-section .main-nav ul li.active:hover a { color: #fff;}



/* SIDEBAR */
.sidebar{width: var(--sidebar-w); background: var(--card); border-right: 1px solid #eee; padding: 0.75rem 0rem; height: 100%; overflow-y :auto; transition: 0.22s;}
.sidebar.collapsed{width: var(--sidebar-collapsed-w);}
.sidebar.collapsed .nav-text{display: none}
.sidebar .nav-item, .fp-body .nav-item {border-radius: 0.25rem; font-weight: 400; font-size: var(--font-14); margin-bottom: 0.25rem; list-style: none;;}
.sidebar .nav-item:last-child, .fp-body .nav-item:last-child {margin-bottom: 0rem;}
.sidebar .nav-link, .fp-body .nav-link{display: flex; align-items: center; color: #333; text-decoration: none; position: relative; z-index: 2100; width: 100%; padding: 0; gap: 0.75rem; padding: 1.0rem 1rem;}
.sidebar .nav-link span.icon, .fp-body .nav-link span.icon {display: flex; justify-content: center; align-items: center; background: transparent; width: 1.5rem; height: 1.5rem;}
.sidebar .nav-link span.icon img, .fp-body .nav-link span.icon img,
.sidebar .nav-link span.icon svg, .fp-body .nav-link span.icon svg {max-height: 100%; max-width: 100%; height: auto;}
.sidebar .nav-item.active, .fp-body .nav-item.active{background: var(--brand); color: #fff;}
.sidebar.collapsed .nav-item.active .nav-link{gap: 0rem;}
.sidebar.collapsed {padding: 1rem 0.75rem;}
.sidebar.collapsed .nav-item {width: 100%; height: 3.5rem; padding: 0; display: flex; justify-content: center; align-items: center;}
.sidebar.collapsed .nav-item a {justify-content: center; align-items: center;}
.sidebar .nav-item.active:hover, .fp-body .nav-item.active:hover {background: var(--brand); color: #fff;}
.sidebar .nav-item.active:hover a, .fp-body .nav-item.active:hover a {color: #fff;}
.sidebar .nav-item.active:hover a path, .fp-body .nav-item.active:hover a path {fill: #fff;}
.sidebar .nav-item:hover, .fp-body .nav-item:hover{background: #f1f1f1; color: #fff;}
.sidebar .nav-item:hover a, .fp-body .nav-item:hover a{color: var(--brand);}
.sidebar .nav-item.active a, .fp-body .nav-item.active a {color: #fff;}
.sidebar .nav-item.active a path, .fp-body .nav-item.active a path {fill: #fff;}

.sidebar {display: flex; flex-direction: column;}
.sidebar .content {height: 100%; overflow-y: auto; padding: 0.75rem;}




/*================================================================================================ 
									menu overflow in header stylesheet 
================================================================================================ */
.navbar-overflow {position: absolute; background: #fff; height: var(--main-nav-height); margin-top: calc(0% - var(--main-nav-height)); display: flex; justify-content: flex-end; padding: 0.75rem 2rem 0 1rem; /*width: calc(100% - var(--hdr-logo));*/ flex-wrap: wrap; right: 0;}
.navbar-overflow ul.dropdown-menu {display: none; width: 25rem;}
.navbar-overflow ul.dropdown-menu.show {display: block;}
.navbar-overflow ul {margin: 0; padding: 0; align-items: center; display: flex;}
.navbar-overflow ul li {margin: 0 0.5rem 0; padding: 0; list-style: none; text-decoration: none; color: #000; font-size: var(--font-18);}
.navbar-overflow ul li:last-child {margin-right: 0; padding-right: 1rem;}
.navbar-overflow ul li a {color: var(--palette-primary); text-decoration: none; display: flex;}
.navbar-overflow ul li a.profile-icon {display: flex; background: #000; border-radius: 50%; width: 1.5rem; height: 1.5rem; align-items: center;}
.navbar-overflow ul li a.profile-icon img {min-width: 100%; min-height: 100%;}
.navbar-overflow ul li.link-menu a {}


/* nav list */
.navbar-nav {padding-left: 0; margin: 0; list-style: none;}
.navbar-nav .nav-item {padding: .6rem 0; border-bottom: 1px solid rgba(0,0,0,0.04);}
.navbar-nav .nav-item a {display:block; text-decoration:none; color:#111; font-size:1rem; padding: .2rem 0;}
.navbar-nav .nav-item .dropdown-menu {display: none;} /* keep original dropdown hidden (we'll clone its content) */


.profile-card { max-width: 420px; margin: 0 auto; border-radius: 12px; box-shadow: 0 6px 18px rgba(18, 24, 40, 0.06); background: #fff; border: 1px solid rgba(0,0,0,0.06); }
.profile-card .profile-header {padding: 18px; display: flex; gap: 16px; align-items: center; background: #F9F9F9;}
.profile-card .profile-header .avatar, .fp-header .profile-header .avatar {width: 3.5rem; height: 3.5rem; border-radius: 50%; background: #d1d5db; flex-shrink:0; display:inline-block; overflow:hidden; display: flex; justify-content: center; align-items: center;}
.profile-card .profile-header .avatar img, .fp-header .profile-header .avatar img { min-width: 100%; min-height: 100%; height: auto; object-fit: cover; display: block;}
.profile-card .name, .fp-header .name {font-weight: 600; font-size: var(--font-16); color:#111827; }
.profile-card .role { font-size:0.75rem; color:#6b7280; margin-top:2px; }
.profile-card .profile-body { padding: 0 18px 18px 18px; }
.profile-card .info-row { display:flex; justify-content:space-between; padding:10px 0; border-top:1px solid #f1f3f5; }
.profile-card .info-label { color:#6b7280; font-size:0.86rem; }
.profile-card .info-value { color:#374151; font-size:0.86rem; }
.profile-card .logout { display:flex; align-items:center; gap:8px; justify-content:center; padding:14px; border-top:1px solid #f1f3f5; }
.profile-card .logout a { text-decoration: none; color: #9b1232; font-weight: 600; font-size: var(--font-14);}
.profile-card .logout svg { transform: rotate(-0deg); }

ul.dropdown-menu {z-index: 9999; width: 22rem; max-width: 25rem;}
ul.dropdown-menu li {padding: 0.75rem 1rem; font-size: 1.0rem; list-style: none;}
ul.dropdown-menu li.active {background: #F5F5F5;}


.profile-avatar { width:28px; height:28px; object-fit:cover; }
.profile-avatar-lg { width:64px; height:64px; object-fit:cover; }
.profile-dropdown-menu { min-width:220px; max-width:340px; border-radius:12px; overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,0.08); background:#fff; }
.profile-dropdown-menu .dropdown-item { padding: 0px; }
.profile-dropdown-menu .dropdown-item:hover { background-color:#f8f9fa; }
.profile-dropdown-menu .border-bottom { border-bottom-color: rgba(0,0,0,0.06) !important; }
.theme-toggle { background: rgba(0,0,0,0.03); }
.theme-toggle .tt-btn { border:0; background:transparent; padding:6px 10px; border-radius:8px; color:var(--bs-body-color); }
.theme-toggle .tt-btn.active { background:#fff; box-shadow:0 2px 8px rgba(99,102,241,0.12); }
.profile-dropdown-menu .dropdown-divider { margin:8px 0; }
@media (max-width: 576px) { .profile-avatar-lg { width:48px; height:48px; } }

/* small responsive tweak */
@media (max-width:420px){ .profile-card{ margin:12px; } }

ul.dropdown-menu li:last-child {padding-top: 0;}



/*================================================================================================ 
									custom collapse stylesheet 
================================================================================================ */
#custom-collapse {}
/* When slide menu opens */
#custom-collapse.active {transform: translateX(0); opacity: 1;}

/* CLOSE BUTTON (hidden initially) */
#custom-collapse .close-btn {position: absolute; transition: opacity 0.4s ease; border: 0; background: none; z-index: 99; font-size: 1.8rem; color: #333; font-weight: 300; padding: 0; top: 1rem;}

/* When close button is ready to show */
#custom-collapse.show-close .close-btn {opacity: 1; pointer-events: auto;}

#custom-collapse .slide-nav-hdr {display: flex; padding: 0rem 0 1rem;}
#custom-collapse .slide-nav-logo {width: 100%; text-align: center;}

#custom-collapse ul {padding: 0; margin: 0; display: flex; flex-direction: row;}
#custom-collapse ul li {margin: 0; padding: 0.5rem 0.5rem;}

/* MOBILE PANEL - full screen */
/*#custom-collapse {position: fixed; inset: 0; background: #ffffff; z-index: 9999; display: none; flex-direction: column; padding: 1rem; overflow-y: auto; transform: translateX(-100%); opacity: 0; transition: transform 0.35s ease, opacity 0.3s ease;}*/
#custom-collapse.active {display: flex; transform: translateX(0); opacity: 1;}
#custom-collapse .slide-nav-hdr {display:flex; align-items:center; gap:1rem; padding-bottom: .5rem;}
#custom-collapse .slide-nav-logo img{height:36px;}
#custom-collapse .content {margin-top: .5rem;}

/* HIDE main nav when submenu active */
#custom-collapse .navbar-nav.hidden { display: none !important; }

/* Submenu header (Back + Title) */
#custom-collapse .submenu-header { display: none; align-items: center; gap: .6rem; padding: .6rem 0; border-bottom: 1px solid rgba(0,0,0,.06); z-index: 10; }
#custom-collapse .submenu-header.show { display: flex; }
#custom-collapse .submenu-back { background: none; border: 0; font-size: 1rem; padding: .25rem .5rem; cursor: pointer; color:#111; }
#custom-collapse .submenu-title { font-weight: 600; font-size: 1rem; color:#111; }

/* Submenu panel (cloned links) */
/*#custom-collapse .submenu-panel { padding: 0.75rem 0 1.2rem; }*/

/* PANEL SLIDE */
#custom-collapse {position: fixed; inset: 0; background: #ffffff; z-index: 9999; display: flex; flex-direction: column; padding: 1rem; overflow-y: auto; transform: translateX(-100%); /* start off-screen left */ opacity: 0; transition: transform 350ms cubic-bezier(.22,.9,.13,1), opacity 220ms ease; will-change: transform, opacity;}


/* SUBMENU PANEL SLIDE (from right) */
#custom-collapse .submenu-panel {transform: translateX(100%); /* start off-screen right */ opacity: 0; transition: transform 280ms cubic-bezier(.22,.9,.13,1), opacity 180ms ease; will-change: transform, opacity; /* visual styling for panel */background: transparent; padding: .6rem 0;}
#custom-collapse .submenu-panel a { display: block; padding: .6rem 0; text-decoration: none; color:#111; border-bottom: 1px solid rgba(0,0,0,0.04); }

/* when we want it visible (after insertion) */
#custom-collapse .submenu-panel.show {transform: translateX(0); opacity: 1;}

/* optionally animate submenu-header in/out (slide down/up) */
#custom-collapse .submenu-header {transform: translateY(-6px); opacity: 0; transition: transform 220ms ease, opacity 160ms ease;}
#custom-collapse .submenu-header.show {transform: translateY(0); opacity: 1;}

/* reduced motion respect */
@media (prefers-reduced-motion: reduce) {
	#custom-collapse,
	#custom-collapse .submenu-panel,
	#custom-collapse .submenu-header {transition: none !important;}
}

@media (max-width: 767.98px) {
	:root{
		--main-nav-height: 2.2rem;
		--hdr-logo: 15rem;
	}
	/*================================================================================================ 
									header stylesheet 
	================================================================================================ */
	header.header-section .top-hdr ul, .main-nav ul {display: none;}
	header.header-section .header-container {padding: 0 1rem 0 1rem;}
	header.header-section .hdr-logo {height: 3.55rem; margin-top: -1px;}
	header.header-section .hdr-logo img{width: 6rem; height: auto;}
	header.header-section .hdr-logo::after {background: url("../images/menucurve-xs.svg") no-repeat top right #fff; left: -1rem; background-size: calc(100% + 0.0rem); top: 0; width: 100%; height: 100%;}
	header.header-section .nav-right {margin-left: -1rem;}
	header.header-section .them-bg {height: 3.25rem;}
	.navbar-overflow {margin-top: calc(0.0rem - var(--main-nav-height)); padding: 0.25rem 2rem 0 1rem;}
	
	/*================================================================================================ 
									custom collapse stylesheet 
	================================================================================================ */
	#custom-collapse {position: fixed; inset: 0; background: #ffffff; z-index: 9999; display: flex; flex-direction: column; padding: 1rem 1rem 1rem; overflow-y: auto; transform: translateX(-100%); opacity: 0; transition: transform 0.4s ease, opacity 0.3s ease; display: none !important;}
	#custom-collapse ul {display: block;}
	
	.mx-mobile-0 {margin-left: 0; margin-right: 0;}
	.content.dashboard .mx-mobile-0 > div {padding-left: 0; padding-right: 0;}
}

@media (min-width: 768px) {
	.hamburger, .slide-nav-hdr {display: none !important;}
}


/* Hide original sidebar on small screens and show select dropdown */
#mobileSidebarSelectWrapper{display: none; padding: 0rem 0rem 1.5rem;}
@media (max-width: 767.98px){
	/* hide the left sidebar on mobile view (we'll use dropdown or full width panel) */
	 .sidebar {/*display:none !important;*/ width: 90%;} 
	/* show dropdown in header area */
	#mobileSidebarSelectWrapper{display: block;}
}

/* ensure select looks full width on small screens */
#mobileSidebarSelect{width:100%;}


/* Full-width sliding panel (covers the viewport) */
.full-panel {position: fixed; top: 0; left: 0; /* start off-screen to left */ width: 90vw; height: 100vh; background: #fff; z-index: 99999; overflow-y: auto; transform: translateX(-100%); opacity: 0; transition: transform 360ms cubic-bezier(.22,.9,.13,1), opacity 220ms ease;}
.full-panel.show { transform: translateX(0); opacity: 1; }
.full-panel .fp-header { display:flex; align-items:center; justify-content:space-between; padding: 1rem; border-bottom: 1px solid rgba(0,0,0,.06);}
.full-panel .fp-close { background:none; border:0; font-size:1.25rem; }
.full-panel .fp-body { padding: 1rem; }
.full-panel .fp-header .profile-header {font-size: var(--font-16);}
.full-panel .fp-header .profile-header .name {font-size: var(--font-18);}
/*.full-panel::before {content: ''; background: #000; width: 100%; height: 100%; top: 0; left: 0; position: absolute;}*/


/* small: hide original mobile panel if we use full-panel toggle */
@media (min-width: 768px) { .full-panel, #mobileSidebarSelectWrapper{ display:none !important; } }

@media (max-width: 767.98px){
	.navbar-overflow ul.dropdown-menu.show {display: block; top: auto; bottom: 0; position: fixed; left: 0; width: 100%; z-index: 9999; border-radius: 3rem 3rem 0 0; border-color: transparent; padding: 2rem 1rem 1rem;}
	body.backdrop .header-section {z-index: auto;}
	body.backdrop::after {content: ""; position: fixed; inset: 0; background: rgba(0,0,0,0.5); /* dim */ z-index: 99; /* dropdown पेक्षा कमी किंवा जास्त ठेवू शकता */
	}
}


/* Base custom select */
.form-select {appearance: none; transition: all .2s ease; outline: none; box-shadow: none;}

/* Hover */
.form-select:hover {border-color: #a8a8a8;}

/* Focus */
.form-select:focus {box-shadow: none; border-color: #97144d; outline: none;}

/* Disabled */
.form-select:disabled {background-color: #f1f1f1; color: #999;}

/* Small */
.form-select-sm {height: 36px; padding-right: 34px; background-position: right 10px center;}

/* Large */
.form-select-lg {height: 52px; padding-right: 48px; background-position: right 14px center; background-size: 16px;}


/* ======================================
RIGHT-SIDE FULL HEIGHT SLIDE MODAL
Bootstrap 5
Animation: Right → Left
====================================== */

/* Modal dialog positioned on right side */
.right-modal .modal-dialog {position: fixed; top: 0; right: 0; margin: 0; height: 100vh; width: 23.75rem; /* Change width as needed */ max-width: 100%; pointer-events: auto;/* Start off-screen on the right */transform: translateX(100%); /* Smooth animation */transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);}

/* Slide IN → When modal becomes visible */
.right-modal.show .modal-dialog {transform: translateX(0);}

/* Full height content */
.right-modal .modal-content {height: 100%; border-radius: 0; border: 0; overflow-y: auto;}

/* Optional: backdrop blur */
.modal-backdrop.show {backdrop-filter: blur(3px);}

/* Remove fade animation of Bootstrap if you want ONLY slide */
.right-modal.fade .modal-dialog {transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);}

/* Optional scrollbar styling */
.right-modal .modal-body {scrollbar-width: thin; scrollbar-color: #ccc transparent;}
.right-modal .modal-body::-webkit-scrollbar {width: 6px;}
.right-modal .modal-body::-webkit-scrollbar-thumb {background: #ccc; border-radius: 10px;}


/* wrapper covers viewport so overlay can capture clicks */
.popup-wrapper {position: fixed; inset: 0; pointer-events: none; /* disabled until opened */ z-index: 10000;}

/* overlay */
.popup-wrapper .popup-overlay {position: absolute; inset: 0; background: rgba(0,0,0,0.36); backdrop-filter: blur(4px); opacity: 0; visibility: hidden; transition: opacity .28s ease, visibility .28s;}

/* right panel */
.popup-wrapper .right-popup {position: absolute; top: 0; right: -100%; width: 30rem; height: 100vh; background: #fff; box-shadow: -8px 0 28px rgba(0,0,0,0.28); transition: right .33s cubic-bezier(.2,.9,.2,1); pointer-events: auto; overflow-y: auto; -webkit-overflow-scrolling: touch;}

/* when open */
.popup-wrapper.open { pointer-events: auto; }
.popup-wrapper.open .popup-overlay { opacity: 1; visibility: visible; }
.popup-wrapper.open .right-popup { right: 0; }

.right-popup-content {padding: 1.5rem; min-height: 100vh; box-sizing: border-box; position: relative; }
.right-popup .close-popup {border: none; background: transparent; font-size: 26px; cursor: pointer;}


.right-popup-content .right-popup-header {display: flex; justify-content: space-between; align-items: center; padding: 0 0 0rem; margin: 0 0 1rem;}
.right-popup-content .right-popup-header h3 {font-size: var(--font-20); font-weight: 700; margin: 0;}

.right-popup-content .note {color: var(--palette-primary-action);}

@media (max-width: 767.98px) {
	.right-popup { width: 100%;}
	.popup-wrapper .popup-overlay {margin: 5rem 0rem 0; background: #fff;}
	.popup-wrapper.open .popup-overlay {opacity: 1; visibility: visible;}
	.popup-wrapper .right-popup {right: 0; width: calc(100% - 2rem); margin: 5rem 1rem 0; position: relative; display: none; box-shadow: none;}
	.popup-wrapper.open .right-popup {right: 0; width: 95%; margin: 5rem auto 0; position: relative; display: block; height: calc(100% - 5rem);}
	.right-popup-content {height: 100%; min-height: auto; padding: 0; border: 1px solid; border-color: var(--border-color); height: auto; border-radius: 0.5rem;}
	.right-popup-content .right-popup-header {background: var(--palette-primary-action); color: #fff; text-decoration: none; padding: 0.5rem 1rem;}
	.right-popup-content .content{padding: 0 1rem 1rem;}
}

/*sidebar open after show backdrop for sidebar mobile view*/
/*.popup-backdrop{position: fixed; inset: 0; background: rgba(0,0,0,0.5); backdrop-filter: blur(3px); opacity: 0; transition: 0.3s ease; z-index: 9999;}
.popup-backdrop.show{opacity: 1; visibility: visible;}
.mobile-allpanel-open .popup-backdrop {display: none;}*/


/* When panel is open */
.mobile-allpanel-open {overflow: hidden;}
.mobile-allpanel-open header {z-index: 1;}
.mobile-overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45);     /* blackish overlay */ backdrop-filter: blur(6px);        /* blur background */opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 998;}
.mobile-overlay.show {opacity: 1; pointer-events: auto;}
.footer-actions {display: flex; gap: 1rem; padding: 0 1rem; justify-content: space-between; border-top: 1px solid #eee; background: #fff; position: sticky; bottom: 0;}
.control-row { margin-bottom: 18px; }
.repeatable-item { display:block; margin-bottom: 8px; }
/* action-row (Add / Clear / Delete) */
.action-row {display:flex; gap:8px; align-items:center; margin-top:8px;}
.hidden { display:none !important; }
.account-owner {border:1px solid #c46b80; background:#fff6f9; padding:8px 10px; border-radius:6px; color:#a72b4a; margin-top:6px;}
.footer-actions {display: flex; gap: 12px; padding: 0 0 1rem; justify-content: space-between; border-top: 1px solid #eee; background: #fff;}


/*================================================================================================ 
								accordion stylesheet 
================================================================================================ */
.accordion {}
.accordion .accordion-header {}
.accordion .accordion-item {border-radius: 0.5rem; overflow: hidden; background: #F9F9F9; border: transparent; margin: 0 0 1.0rem 0;}
.accordion .accordion-item:last-child {margin-bottom: 0;}
.accordion .accordion-item.active {border: 1px solid #D5D5D5;}
.accordion .accordion-header .accordion-button.collapsed {background: var(--palette-secondary-surface); color: var(--palette-dark);}
.accordion .accordion-header .accordion-button {background: var(--palette-primary-action); color: #fff; text-decoration: none;}
.accordion .accordion-header .accordion-button::after {color: #fff;}

.accordion .accordion-header .accordion-button.collapsed {background: var(--palette-secondary-surface); color: var(--palette-dark);}


/*================================================================================================ 
								sidebar stylesheet 
================================================================================================ */
.sidebar .nav-item.visit {border: 1px solid; border-color: #f1f1f1;}
.sidebar .nav-item.visit .nav-link {background: #f1f1f1; border-radius: 0.25rem;}
.sidebar .nav-item.visit.active .nav-link {background: var(--brand); border-radius: 0.25rem;}
.sidebar .submenu {padding: 0; margin: 0;}
.sidebar .submenu .nav-item.visit:hover {background: #000;}
.sidebar .submenu li {padding: 0; margin: 0; list-style: none;}
.sidebar .submenu .nav-collapse {background: #fff;}
.sidebar .nav-item:hover div, .fp-body .nav-item:hover div,
.sidebar .nav-item.active div, .fp-body .nav-item.active div{background: #fff;}

.sidebar .submenu .nav-item .nav-link {padding: 0.5rem; background: none; color: #333 ;}
.sidebar .nav-item.visit.active .submenu .nav-item .nav-link {background: #fff; color: #333;}
.sidebar .nav-item.visit.active .submenu .nav-item .nav-link:hover {background: #f1f1f1;}
.nav-item .arrow-icon {transition: 0.3s;}
.nav-item .collapse.show + .arrow-icon,
.nav-item .nav-link[aria-expanded="true"] .arrow-icon {transform: rotate(180deg);}