:root {
	--Color-White: #ffffff;
	--Color-Black: #000000;
	--Color-EDF0F3: #EDF0F3;
	--Color-373B75: #373B75;
	--Color-00906B: #00503c;
	--Color-03616c: #03616c;
	--Color-323232: #323232;
	--Color-AAAAAA: #AAAAAA;
	--Color-E3E6F2: #E3E6F2;
	--Color-CBCCDB: #CBCCDB;
	--Color-004D4E: #004D4E;
	--Color-848484: #757575;
	--Color-CECECE: #CECECE;
	--Color-735D98: #735D98;
	--Color-F0F7F8: #F0F7F8;
	--Color-FFFFFF69: #FFFFFF69;
	--Color-EAEBF1: #EAEBF1;
	--Color-DCDCDC: #DCDCDC;
	--Color-646464: #646464;
	--Font-12: 0.75em;
	--Font-13: 0.8125em;
	--Font-14: 0.875em;
	--Font-16: 1em;
	--Font-18: 1.125em;
	--Font-20: 1.25em;
	--Font-24: 1.5em;
	--Font-26: 1.625em;
	--Font-28: 1.75em;
	--Font-32: 2em;
	--Font-36: 2.25em;
	--Font-38: 2.375em;
	--Font-44: 2.75em;
	--Font-48: 3em;
	--Font-52: 3.25em;
	--Font-54: 3.375em;
	--Font-56: 3.5em;
	--Font-58: 3.625em;
	--Font-60: 3.75em;
	--Font-62: 3.875em;
	--Font-64: 4em;
	--Font-66: 4.125em;
	--Font-68: 4.25em;
	--Font-70: 4.375em;
	--Font-72: 4.5em;
	--Font-74: 4.625em;
	--Font-76: 4.75em;
	--Font-78: 4.875em;
	--Font-80: 5em;
	--Font-82: 5.125em;
	--Font-84: 5.25em;
	--Font-86: 5.375em;
	--Font-88: 5.5em;
	--Font-90: 5.625em;
	--Font-92: 5.75em;
	--Font-94: 5.875em;
	--Font-96: 6em;
	--Font-98: 6.125em;
	--Font-100: 6.25em;
	--Font-300: 300;
	--Font-400: 400;
	--Font-500: 500;
	--Font-600: 600;
	--Font-700: 700;
	--Font-800: 800;
	--Font-900: 900;
	--FontFamily-primary: 'Lexend Deca';
	--FontFamily-secondary: 'DM Sans';
	--FontFamily-fontawesome: 'fontawesome';
	--Transition-2sl: .2s all linear;
	--Transition-5sl: .5s all linear;
	--Transition-2s: .2s all;
	--Transition-3s: .3s all;
}

@font-face { font-family: 'Inter';src: url('../fonts/Inter24pt-Bold.woff2') format('woff2'), url('../fonts/Inter24pt-Bold.woff') format('woff');font-weight: bold;	font-style: normal;	font-display: swap; }
@font-face { font-family: 'Inter';src: url('../fonts/Inter18pt-SemiBold.woff2') format('woff2'), url('../fonts/Inter18pt-SemiBold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap; }
@font-face { font-family: 'Inter';src: url('../fonts/Inter18pt-Medium.woff2') format('woff2'), url('../fonts/Inter18pt-Medium.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap; }
@font-face { font-family: 'Inter';src: url('../fonts/Inter18pt-Regular.woff2') format('woff2'), url('../fonts/Inter18pt-Regular.woff') format('woff');font-weight: 400;font-style: normal;font-display: swap; }
@font-face { font-family: 'Inter';src: url('../fonts/Inter18pt-Light.woff2') format('woff2'), url('../fonts/Inter18pt-Light.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap; }
@font-face { font-family: 'Funnel Sans';src: url('../fonts/FunnelSans-Bold.woff2') format('woff2'), url('../fonts/FunnelSans-Bold.woff') format('woff');font-weight: bold;	font-style: normal;	font-display: swap; }
@font-face { font-family: 'Funnel Sans';src: url('../fonts/FunnelSans-SemiBold.woff2') format('woff2'), url('../fonts/FunnelSans-SemiBold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap; }
@font-face { font-family: 'Funnel Sans';src: url('../fonts/FunnelSans-Medium.woff2') format('woff2'), url('../fonts/FunnelSans-Medium.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap; }
@font-face { font-family: 'Funnel Sans';src: url('../fonts/FunnelSans-Regular.woff2') format('woff2'), url('../fonts/FunnelSans-Regular.woff') format('woff');font-weight: 400;font-style: normal;font-display: swap; }
@font-face { font-family: 'Samarkan Normal';src: url('../fonts/SamarkanNormal.woff2') format('woff2'), url('../fonts/SamarkanNormal.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap; }
/* common style */
*, *:before, *:after { -webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	padding: 0;	margin: 0; }
::-moz-selection { color: var(--Color-White);background: var(--Color-373B75);text-shadow: none; }
::selection { color: var(--Color-White);background: var(--Color-373B75);text-shadow: none; }
* {	outline: none; }
a {	color: var(--Color-Black);display: inline-block;text-decoration: none;transition: var(--Transition-2s);line-height: 1.2; }
a:hover, a:focus { color: var(--Color-00906B); }
button:focus,
button#scrollToTop:focus,
[type="search"]:focus,
[type="submit"]:focus,
[type="button"]:focus,
.toggle-btn:focus,
.NonResposniveTabsLI:focus,
.playBtn:focus,
.swiper-button-next:focus,
.swiper-button-prev:focus,
.linkHref:focus,
a:focus { outline: 2px dashed #1e135b; }
img { border: 0;vertical-align: top;height: auto;max-width: 100%; }
.jsRequired { display: none; }
p {	padding: 0 0 15px;margin: 0px; }
.region.region--arthapedia-disclimer p:last-child {	font-size: var(--Font-14);padding: 0 0 0px; }
ul { list-style: none;padding: 0px;margin-bottom: 0px; }
.dialog-off-canvas-main-canvas ul > li { position: relative;padding-left: 15px;margin-bottom: 15px; }
.dialog-off-canvas-main-canvas ul>li ul { margin-top: 15px; }
ul > li:after {	/* content: ""; */position: absolute;left: 0;top: 10px;	width: 6px;	height: 6px;background-color: var(--Color-00906B);border-radius: 50%; }
.last-child-mb-0 > li:last-child, .last-child-mb-0>div:last-child, .last-child-mb-0>p:last-child { margin-bottom: 0px; }
.ul-li-style-1 > li { color: var(--Color-646464); }
.ul-li-style-1>li:after { background-color: var(--Color-646464); }
html, body { overflow-x: hidden; }
body { padding-top: 130px;	background: var(--Color-White);	color: var(--Color-323232);	font-family: "Inter", serif;font-size: 100%;font-weight: var(--Font-400);line-height: 1.6;	min-height: 100vh; }
body.CursorAnimationON { cursor: url(../images/cursor.png), auto !important;	/* Adjust path as needed */ }
body.CursorAnimationON a, body.CursorAnimationON button, body.CursorAnimationON .Language .dropbutton, body.CursorAnimationON .SearchBox .form-submit, body.CursorAnimationON .view-filters form .js-form-submit, body.CursorAnimationON div#AccessibilityControl .fontScaler {	cursor: url(../images/cursor-pointer-large.png), auto !important; }
.z-minus-1 { z-index: -1; }
.z-1 {	z-index: 1; }
.z-11 {	z-index: 11; }
.z-111 { z-index: 111; }
.z-9999 { z-index: 9999; }
.img-padding { width: 100%;	position: relative;	padding-bottom: 100%;overflow: hidden;z-index: 1; }
.img-center { position: absolute;left: 50%;	top: 50%;transform: translate(-50%, -50%) scale(1);width: 101%;height: 101%;object-fit: cover;z-index: -1; }
.rounded-30 { border-radius: 30px; }
.rounded-24 { border-radius: 24px; }
.rounded-8 { border-radius: 8px; }
.rounded-15 { border-radius: 15px; }
.rounded-16 { border-radius: 16px; }
.rounded-10 { border-radius: 10px; }
.rounded-50 { border-radius: 50%; }
.bg-cover {	background-position: center center;	background-repeat: no-repeat;background-size: cover; }
.bg-contain { background-position: center center;background-repeat: no-repeat;background-size: contain; }
.heading-box { padding-bottom: 30px; }
.white-space {	white-space: nowrap; }
.img-overlay:after { content: "";position: absolute;left: 50%;top: 50%;	transform: translate(-50%, -50%);width: 100%;height: 100%;z-index: -1; }
.ShadowBox { box-shadow: 0px 0px 24px #00000014;background-color: var(--Color-White); }
input, select, textarea, .form-select, .form-control, .form-date {	border-radius: 0px;	min-height: 45px;font-size: var(--Font-16);	padding: 5px 15px;border: 1px solid;border-color: var(--Color-004D4E);color: var(--bs-body-color); }
input:focus, select:focus, textarea:focus, .form-select:focus, .form-control:focus { outline: none;	box-shadow: unset; }
input::placeholder, select::placeholder, textarea::placeholder { color: var(--Color-848484); }
.DateCalander {	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.5' height='21.5' viewBox='0 0 20.5 21.5'%3E%3Cg id='Icon_feather-calendar' data-name='Icon feather-calendar' transform='translate(-3.75 -2.25)'%3E%3Cpath id='Path_90448' data-name='Path 90448' d='M6.611, 6H21.389A2.058, 2.058, 0, 0, 1, 23.5, 8V22a2.058, 2.058, 0, 0, 1-2.111, 2H6.611A2.058, 2.058, 0, 0, 1, 4.5, 22V8A2.058, 2.058, 0, 0, 1, 6.611, 6Z' transform='translate(0 -1)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90449' data-name='Path 90449' d='M24, 3V7' transform='translate(-5.778 0)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90450' data-name='Path 90450' d='M12, 3V7' transform='translate(-2.222 0)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90451' data-name='Path 90451' d='M4.5, 15h19' transform='translate(0 -4)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-position: 95% 50%;background-repeat: no-repeat;background-size: 5%;padding-right: 45px; }
.form-select, select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(5 120 135)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;padding: 5px 35px 5px 15px; }
.float-right-img, .float-left-img {	margin-bottom: 15px; }
.float-right-img { float: right;margin-left: 50px; }
.float-left-img { float: left;margin-right: 50px; }
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1414px; }
.form-text { font-size: var(--Font-16); }

/* Swiper */
.swiper-pagination-bullet {	display: inline-block;width: 7px;	height: 7px;background-color: var(--Color-White); }
/* Arrow */
.ArrowPrev, .ArrowNext { background-color: transparent;	transition: var(--Transition-2s);margin: 0px 5px;width: 35px;height: 35px;display: inline-block;border: 1px solid;border-color: var(--Color-373B75);position: relative;color: var(--Color-373B75); }
.ArrowPrev:hover, .ArrowNext:hover { background-color: var(--Color-373B75);	color: var(--Color-White); }
.ArrowPrev.swiper-button-disabled, .ArrowNext.swiper-button-disabled { opacity: 0.5;	pointer-events: none; }
.ArrowPrev:after, .ArrowNext:after {transition: var(--Transition-2s);	font-size: var(--Font-12);font-family: var(--FontFamily-fontawesome);	display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); }
.ArrowPrev:after { content: "\f177"; }
.ArrowNext:after { content: "\f178"; }
.border-bottom-3 { border-bottom: 3px solid var(--Color-373B75); }
.border-bottom-5 { border-bottom: 5px solid var(--Color-373B75); }
.grid-full { display: block; }
.region--content { margin-bottom: 0; }
.node__content { padding-bottom: 0; }
/* width class */
.w-36 {	width: 36%; }
/* padding and margin class */
.section-padding { padding: 70px 0; }
.section-padding-top-0 { padding-top: 0px; }
.section-padding-bottom-0 {	padding-bottom: 0px; }
.padding-20-30 { padding: 20px 30px; }
.padding-30 { padding: 30px; }
.padding-50 { padding: 50px; }
/* padding Top */
.padding-top-20 { padding-top: 20px; }
.padding-top-25 { padding-top: 25px; } 
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
/* padding Bottom */
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }
/* padding right */
.padding-right-20 {	padding-right: 20px; }
.padding-right-25 {	padding-right: 25px; }
.padding-right-30 {	padding-right: 30px; }
.padding-right-40 {	padding-right: 40px; }
.padding-right-50 {	padding-right: 50px; }
/* padding left */
.padding-left-20 { padding-left: 20px; }
.padding-left-25 { padding-left: 25px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-50 { padding-left: 50px; }
/* col padding */
.col-padding-10 { padding-left: 10px;padding-right: 10px; }
.col-padding-15 { padding-left: 15px;padding-right: 15px; }
.row-15 { margin-left: -15px;margin-right: -15px; }
.row-10 { margin-left: -10px;margin-right: -10px; }
.row-5 { margin-left: -5px;	margin-right: -5px; }
/* margin bottom */
.margin-bottom-16 { margin-bottom: 16px; }
.margin-bottom-10 {	margin-bottom: 10px; }
.margin-bottom-20 {	margin-bottom: 20px; }
.margin-bottom-30 {	margin-bottom: 30px; }
.margin-bottom-40 {	margin-bottom: 40px; }
/* margin top */
.margin-top--20 { margin-top: -20px; }
.margin-top--30 { margin-top: -30px; }
.margin-top--50 { margin-top: -50px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.DateIcon:before { content: "\f073";font-family: var(--FontFamily-fontawesome);	margin-right: 5px;	display: inline-block; }
label {	margin-bottom: 6px;	color: var(--Color-373B75); }
/* heading */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {	color: var(--Color-323232);	font-weight: var(--sttl-theme-font-400);margin-bottom: 15px;font-family: var(--sttl-theme-font-primary); }
h1 { font-size: var(--Font-78);	line-height: 1.1;font-weight: var(--Font-700);color: var(--Color-323232); }
h2 { font-size: var(--Font-36);	line-height: 1.3;font-weight: var(--Font-600);color: var(--Color-323232); }
h3 { font-size: var(--Font-32);	line-height: 1.2;font-weight: var(--Font-500);color: var(--Color-323232); }
h4 { font-size: var(--Font-28);	line-height: 1.2;font-weight: var(--Font-700);color: var(--Color-323232); }
h5 { font-size: var(--Font-24);	line-height: 1.2;color: var(--Color-323232);font-weight: var(--sttl-theme-font-600); }
h6 { font-size: var(--Font-20);	line-height: 1.2;color: var(--sttl-theme-black);font-weight: var(--sttl-theme-font-600); }

/* BG class */
.bg-00906B { background-color: var(--Color-00906B); }
.BG-White { background-color: var(--Color-White); }
.BG-373B75 { background-color: var(--Color-373B75); }
.BG-057887 { background-color: var(--Color-00906B); }
.BG-03616c { background-color: var(--Color-03616c); }
.BG-F0F7F8 { background-color: var(--Color-F0F7F8); }
.BG-EAEBF1 { background-color: var(--Color-EAEBF1); }
.Color-373B75 { color: var(--Color-373B75); }
.font-style-32 { font-size: var(--Font-32);	font-weight: var(--Font-600); }
.font-style-24 { font-size: var(--Font-24);	font-weight: var(--Font-600); }
.font-style-20 { font-size: var(--Font-20);	font-weight: var(--Font-600); }

/* Font class */
.font-12 { font-size: var(--Font-12); }
.font-13 { font-size: var(--Font-13); }
.font-14 { font-size: var(--Font-14); }
.font-16 { font-size: var(--Font-16); }
.font-18 { font-size: var(--Font-18); }
.font-20 { font-size: var(--Font-20); }
.font-24 { font-size: var(--Font-24); }
.font-28 { font-size: var(--Font-28); }
.font-32 { font-size: var(--Font-32); }
.font-36 { font-size: var(--Font-36); }
.font-400 {	font-weight: var(--Font-400); }
.font-500 {	font-weight: var(--Font-500);}
.font-600 {	font-weight: var(--Font-600);}
/* button and cta link*/
.Button { background-color: var(--sttl-theme-pink);	color: var(--Color-White);background-color: var(--Color-00906B);padding: 10px 15px; }
.Button:hover, .Button:focus { background-color: var(--Color-373B75);color: var(--Color-White); }
.Button-Outline { color: var(--Color-00906B);background-color: transparent; padding: 15px 24px;border: 1px solid;border-color: var(--Color-00906B); }
.Button-Outline:hover, .Button-Outline:focus { background-color: var(--Color-00906B);color: var(--Color-White); }
.cta-link {	position: relative;	color: var(--Color-373B75);	font-weight: var(--Font-500); }
.cta-link:hover {color: var(--Color-Black); }
.cta-link:after { content: "\f061";	font-family: var(--FontFamily-fontawesome);	margin-left: 7px;vertical-align: middle;position: relative;	z-index: 1; }
.file--application-pdf { background-image: url(../images/pdf.png);	background-size: 18px;background-repeat: no-repeat;	margin-right: -4px;	padding-left: 14px; }
.csv-export-link-mapping,.csv-export-link-mapping-data,.addBtn,.export-pdf,.print-page { padding: 8px;	margin-top: 0px;border-radius: 10px; background: var(--Color-00906B);color: var(--Color-White);	float: right;
	margin-right: 15px;	border: none;line-height: 1.6; }
	.csv-export-link-mapping{float: unset;margin-right: 0px;}
	.csv-export-link-mapping-data{float: unset;margin-right: 0px;}
.csv-export-link-mapping:focus,
	.csv-export-link-mapping:hover,.csv-export-link-mapping-data:hover,.addBtn:hover,.export-pdf:hover, .print-page:hover { background: var(--Color-004D4E);color: var(--Color-White);transition: all .5s ease; }

	
/* LI Padding */
.HeaderMenu ul li, .SocialFeed .NonResposniveTabs ul li, footer .SocialIcons ul li { padding-left: 0px;	margin-bottom: 0px; }
footer .SocialIcons ul li:after, footer .Menu-1 ul li:after, div#AccessibilityControl ul li:after, .HeaderMenu ul li:after, .SocialFeed .NonResposniveTabs ul li:after { display: none; }
/* header */
header { z-index: 9;position: absolute;background-color: var(--Color-White);	left: 0;top: 0;width: 100%;	transition: var(--Transition-2sl); }
body.fixed-header header { top: -118px;	position: fixed; }
.HeaderBottom {	position: relative;	width: 100%;z-index: 5;	background-color: var(--Color-00906B);transition: transform 0.3s ease-in-out; }
.header-bottom-fixed {	position: fixed;top: 0;	left: 0;width: 100%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
.HeaderTop { padding: 15px 0px; }
.HeaderTop .HeaderLogo { position: relative; align-items: center; }
.arthapedia-header { background-color: var(--Color-00906B); }
.Logo {	max-width: 401px; }
.Logo h1 { line-height: 1; font-size: var(--Font-38);}
.Logo h1 a { display: flex; }
.AccessibilityBox {	width: calc(100% - 304px); }
small {	font-style: italic;	color: var(--Color-004D4E); }

/* Accessibility */
.Accessibility > a { width: 45px; height: 45px;	background: url(../images/accessbility.png) center/cover;margin-left: 12px; }
div#AccessibilityControl { width: 340px;position: fixed;right: -340px;top: 0;transition: var(--Transition-2sl);	z-index: 20;background-color: var(--Color-White);
	overflow: hidden;/* box-shadow: 10px 5px 10px var(--Color-Black); */box-shadow: 0px 3px 30px #00000029;visibility: hidden; }
.AccessibilityOpen div#AccessibilityControl { right: 0px;visibility: visible; }
div#AccessibilityControl ul { padding: 20px;background-color: var(--Color-White);margin: -10px -5px 0px; }
div#AccessibilityControl ul li { padding: 10px;	width: calc(50% - 10px);border: 1px solid var(--Color-Black);margin: 10px 5px 0px;min-height: 80px; }
div#AccessibilityControl .fontScaler { width: auto;	height: auto;padding: 0;font-size: var(--Font-14);min-height: unset;background-color: transparent;border: none;	margin: 0px 2px;color: #575757; }
div#AccessibilityControl ul li span { width: 100%;display: block;font-weight: var(--Font-500);line-height: normal; }
div#AccessibilityControl .Heading {	z-index: 1;	font-size: var(--Font-18);	font-weight: var(--Font-500);background-color: var(--Color-00906B);padding: 10px 15px;color: var(--Color-White);display: flex;justify-content: space-between; }
div#AccessibilityControl .AccessibilityClick { color: var(--Color-White); }
div#AccessibilityControl .contrastChanger {	width: 12px;height: 12px;padding: 0;min-height: 0;font-size: 0;margin: 0px 2px;	border-radius: 50%;	border: none; }
div#AccessibilityControl .contrastChanger.normal { border: 1px solid var(--Color-Black);background-color: var(--Color-White); }
div#AccessibilityControl .contrastChanger.wob {	border: 1px solid var(--Color-Black);background-color: var(--Color-Black); }
div#AccessibilityControl ul li .PauseAnimationAcc .StartAnimationIcon:after { content: "\f04c";	font-family: var(--FontFamily-fontawesome); }
div#AccessibilityControl ul li .PauseAnimationAcc.play .StartAnimationIcon:after { content: "\f04b"; }
div#AccessibilityControl ul li .CursorAnimationAcc span { display: inline-block;position: relative;padding-right: 8px; }

div#AccessibilityControl ul li .CursorAnimationAcc span:after { content: "\f245"; font-family: var(--FontFamily-fontawesome); font-size: 1em; margin-left: 5px; display: inline-block; }
#search-form { display: none; }
/* ------arthapedia-header css start------- */
.arthapedia-top-header { background-color: var(--Color-00906B); padding: 20px 0; }
.arthapedia-top-header .HeaderLogo { justify-content: space-between; }
.arthapedia-top-header .Logo h1 { padding-right: 40px; }
.arthapedia-top-header .Logo h1 a { display: flex; }

.arthapedia-top-header .sub-logo { padding-left: 27px; border-left: 1px solid rgb(255, 255, 255, 0.5); }
.arthapedia-top-header .Logo h1 { padding-right: 40px; }
.arthapedia-top-header .border-right { height: 54px; width: 1px; border: 1px solid rgb(255, 255, 255, 0.5); }
.arthapedia-top-header .upload-button { display: flex; align-items: center; gap: 9px; padding: 13px 18px 13px 40px; background-color: var(--Color-White); border-radius: 65px; font-size: var(--Font-16); line-height: 20px; font-weight: var(--Font-500); color: var(--Color-735D98); cursor: pointer; margin-right: 30px; margin-bottom: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, .1); position: relative; }

.arthapedia-top-header .upload-button::before { content: '\2b'; font-size: var(--Font-28); color: var(--Color-735D98); position: absolute; left: 16px; top: 46%; transform: translateY(-50%); }
.arthapedia-top-header .upload-button span { font-size: var(--Font-20); margin-right: 8px }
.arthapedia-top-header .file-input { display: none }

/* searchbar */
.arthapedia-top-header .search-container { position: relative; display: flex; align-items: center }
.arthapedia-top-header .search-icon { font-size: var(--Font-20); color: var(--Color-White); cursor: pointer; padding: 0 30px }
.arthapedia-top-header .region--arthapedia-search { position: absolute; top: 50px; right: 0px; width: 313px; display: none; background-color: var(--Color-White); box-shadow: 0px 0px 30px #00000029; border-radius: 8px; padding: 0px 0px 0px 1px; z-index: 20; padding: 10px; }
.arthapedia-top-header .region--arthapedia-search :after { content: ""; content: ""; position: absolute; bottom: 100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; display: block; top: auto; border-radius: 0px; right: 25px; }
.search-container .searchDailogBox{border: 1px solid #ccc;}
.arthapedia-top-header .region--arthapedia-search form { display: flex; }
.arthapedia-top-header .region--arthapedia-search .form-element { width: 100%; border: none; outline: 0; font-size: var(--Font-14); border-radius: 20px }
.arthapedia-top-header .region--arthapedia-search .form-text { margin-top: 0; }
.arthapedia-top-header .region--arthapedia-search .form-element:focus { outline: 0; box-shadow: none; }
.arthapedia-top-header .region--arthapedia-search.show { display: flex; animation: .8s slideDown }

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-10px)
	}

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

.arthapedia-top-header .region--arthapedia-search .form-submit { background-color: var(--Color-00906B); border: none; padding: 8px 16px; color: var(--Color-White); border-radius: 0; cursor: pointer; font-size: var(--Font-16); }
.arthapedia-top-header .profile-name p { display: block; font-size: var(--Font-16); color: var(--Color-White); padding-bottom: 0; }
.arthapedia-top-header .profile-img { border-color: var(--Color-White); }
.arthapedia-top-header .profile-menu { top: 50px; right: 0px; }
.arthapedia-top-header.HeaderTop .btn { border-radius: 8px; padding: 8px 15px; color: var(--Color-004D4E); padding: 12px 15px; border-radius: 0px; border: 1px solid var(--Color-004D4E); background-color: var(--Color-White); font-weight: 600; }
.HeaderTop .profile-menu a { margin-right: 0px; }
.arthapedia-top-header.HeaderTop .btn:hover { color: var(--Color-White); background-color: var(--Color-004D4E); }

/* profile */
.profile { display: flex; align-items: center; margin-left: 20px; position: relative; }
.HeaderTop .btn { background-color: var(--Color-004D4E); padding: 12px 15px; border-radius: 0px; border: 1px solid var(--Color-004D4E); color: var(--Color-White); font-weight: 600;font-size:1em; }
.HeaderTop .btn:hover { background-color: var(--Color-00906B); color: var(--Color-White); transition: all 0.4s ease; }
.profile-name { margin-right: 10px; text-align: right; color: var(--Color-White) }
.profile-name p { display: block; font-size: var(--Font-16); color: var(--Color-Black); padding-bottom: 0; }

.profile-name small { display: block; font-size: var(--Font-16); color: var(--Color-White) }
.profile-img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; margin-right: 12px; border: 2px solid var(--Color-00906B) }
.profile-img img { border-radius: 50% }
.profile-menu { position: absolute; top: 88px; right: 60px; z-index: 10; background: var(--Color-White); box-shadow: 0 4px 8px rgba(0, 0, 0, .2); list-style: none; min-width: 200px; opacity: 0; pointer-events: none; transform: translateY(-10px); transition: opacity .2s, transform .2s }
header .profile-menu li { padding: 0; margin-bottom: 0; border-bottom: 1px solid #fff; }
.profile-menu a { text-decoration: none; color: var(--Color-00906B); display: flex; align-items: center; padding: 0; transition: color .3s; font-size: var(--Font-16); border: none !important; border-radius: 0 !important; }
.profile-menu .linkHref{font-weight: 500;}
.profile-menu a span { margin-right: 8px; transition: color .3s, transform .2s }
.profile-menu.show { opacity: 1; pointer-events: auto; transform: translateY(0) }
.arthapedia-top-header .Accessibility { display: none !important; }
.arthapedia-bottom-header { background-color: var(--Color-White); border-bottom: 1px solid #646464; }
.arthapedia-bottom-header .HeaderMenu ul li a { color: var(--Color-323232); font-size: var(--Font-18); line-height: 1.2; padding: 20px 6px; font-weight: var(--Font-400); }
body .HeaderMenu ul li a.primary-nav__menu-link:focus::before { border: none }
.arthapedia-bottom-header .HeaderMenu ul li.hover > a { background-color: var(--Color-03616c); color: var(--Color-White); }
.HeaderMenu .submenu .child-trigger{height: 0px !important;}
/* ------arthapedia-header css end------- */

/* SearchBox */
.SearchBox { position: relative; margin-right: 20px; }
.SearchBox .search { border-radius: 100px; padding-right: 50px; border: 1.5px solid var(--Color-00906B); min-width: 210px; }
.SearchBox .submit { position: absolute; right: 0; border: none; font-size: 0; min-height: 36px; width: 45px; top: 50%; transform: translateY(-50%); background: url(../images/search_img.png) transparent; background-position: center center; background-size: 20px; background-repeat: no-repeat; }
.SearchIconResponsive span { font-size: var(--Font-16); background-color: var(--Color-004D4E); border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; color: var(--Color-White); margin-right: 6px; }
.SearchBox .block-search { margin-bottom: 0; }

.SearchBox .form-search { border-radius: 100px; border-color: var(--Color-00906B); padding: 0 40px 0 18px; min-height: 48px; font-size: var(--Font-14) !important; width: 265px; }
.SearchBox input.form-submit { border: 0; padding: 22px 20px; color: var(--Color-00906B); font-size: var(--Font-14); text-indent: -99999px; appearance: none; background: url(/themes/ies/images/search.svg) no-repeat center; background-position: center center; background-size: 1.5em; width: 16px; min-width: 16px; height: 16px; position: absolute; right: 5px; margin: 0; top: 2px; }

/* Language */
.Language { margin-right: 15px; }
.Language select { padding-left: 25px; padding-right: 43px; border: 2px solid var(--Color-00906B); color: var(--Color-00906B); font-size: var(--Font-14); }
.Language select:focus { border: 2px solid var(--Color-00906B); }
.Language .member-login { display: flex; align-items: center; gap: 10px; border-radius: 100px; border: 1.5px solid var(--Color-004D4E); padding: 13px 20px; font-size: var(--Font-16); line-height: 20px; font-weight: var(--Font-700); color: var(--Color-004D4E); font-family: "Funnel Sans", serif; }
.Language .member-login:hover { color: var(--Color-White); background-color: var(--Color-00906B); transition: 0.4s ease; }
.Language .member-login img { margin-top: 4px; }

/* BannerHome */
.BannerHome { height: 300px; margin: 80px 0 0; }
.BannerHome .BannerHomeSlider { height: 100%; }
.BannerHome .Heading { font-size: var(--Font-44); line-height: 54px; color: #FFFFFF; text-align: center; max-width: 1000px; margin: 0 auto; display: block; }
.BannerHome .banner-link { font-size: var(--Font-16); line-height: 20px; color: var(--Color-White); background-color: var(--Color-00906B); padding: 14px 34px; }
.BannerHome .banner-link:hover { color: var(--Color-00906B); background-color: var(--Color-White); }
.BannerHome .HeadingBox { z-index: 1; position: relative; }
.BannerHome .HeadingBox .container { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; }
.BannerHome .BannerHomeBox { height: 100%; padding-bottom: 41px; }
.BannerHome .HomeBannerSwiper { height: 100%; }
.BannerHome .HomeBannerPagination { position: absolute; z-index: 1; width: 7px; height: 7px; right: 24px; top: 25%; }
.BannerHome .swiper-pagination-bullet { width: 15px; height: 15px; background-color: rgb(255, 255, 255, 0.8); opacity: 0.59; border: 1px solid var(--Color-00906B); }
.BannerHome .swiper-pagination-bullet-active { background-color: var(--Color-00906B); border: 1px solid var(--Color-White); }

/* Marquee */
.Marquee { padding: 20px 0px; box-shadow: 0px 3px 30px #00000029; }
.Marquee .capacityInner ul { box-shadow: none; }
.Marquee .capacityInner ul::after { display: none; }
.Marquee .MarqueeBox { width: 100%; overflow: hidden; white-space: nowrap; }
.MarqueeBox .view-content{display: flex;}
.MarqueeBox .view-empty { margin-top: 0px; }
.MarqueeBox .view-empty p { padding-bottom: 0px; }
.Marquee .MarqueeBox ul { display: flex;align-items: center; will-change: transform; -webkit-animation: marquee 15s linear infinite; animation: marquee 50s linear infinite; white-space: nowrap; }
.Marquee .MarqueeBox ul li { margin-bottom: 0px; display:flex;align-items: center;gap: 10px; margin-right: 30px;padding-right: 20px; }
.Marquee .MarqueeBox ul li a { display: flex; gap: 3px; align-items: center;}
.Marquee .MarqueeBox ul li:after { background-color: var(--Color-00906B); border-radius: 50%; }
.Marquee .MarqueeBox ul.MarqueePause { -webkit-animation-play-state: paused; animation-play-state: paused; }
.Marquee .MarqueeWrap { display: flex; align-items: center; }
.Marquee .cta-link { white-space: nowrap; margin-left: 54px; color: var(--Color-00906B); }
.Marquee .cta-link:hover { color: var(--Color-Black); }
.Marquee .Updates { margin-bottom: 0; margin-right: 30px; padding-right: 25px; position: relative; white-space: nowrap; }
/* .Marquee .MarqueeBtn:after {display: none; content: "\f04c"; font-size: var(--Font-12); font-family: var(--FontFamily-fontawesome); color: var(--Color-White); background-color: var(--Color-00906B); border-radius: 50%; width: 35px; height: 35px; line-height: 35px; text-align: center; display: block; }
.Marquee .MarqueeBtn.Play:after { content: "\f04b"; }*/
.Marquee .Updates .MarqueeBtn { position: absolute; right: -15px; top: 50%; transform: translateY(-50%); cursor: pointer; color: var(--Color-323232); } 
.verticleToggle{border:none;height: 35px;background:transparent;line-height:35px;margin-right:10px;}
.verticleToggle>span,
.updatesToggle>span{font-size: var(--Font-12); font-family: var(--FontFamily-fontawesome); color: var(--Color-White); background-color: var(--Color-00906B); border-radius: 50%; width: 35px; height: 35px; line-height: 35px; text-align: center;border:none;  }
.verticleToggle>span{font-size: var(--Font-16);}
/* about-section */
.ShadowBox.Marquee.mt-50 { margin-top: 50px; }
.aboutIesSection { padding: 110px 0 0px; }
.about-section { padding: 80px 0; background: url(../images/about_bg.png)no-repeat center/cover; background-color: var(--Color-White); }
.about-content { padding-left: 20px; }
.about-content { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.about-content h2 { font-size: var(--Font-36); line-height: 44px; color: #323232; margin: 0 0 20px; }
.about-content p { font-size: var(--Font-16); line-height: 24px; color: #323232; margin: 0; text-align: justify; }
.about-content a { color: var(--Color-00906B); }
.mediaGallery  .region.region--arthapedia-home-image { height: 100%;}
/* officer-section */

/* academic-section */
.officer-inner {	/* padding: 80px 0 0; */
width: 100%; }
.officer-header h2 { font-size: var(--Font-36); line-height: 44px; font-weight: var(--Font-700); color: var(--Color-323232); letter-spacing: 0.32px; margin: 0 0 30px; }
.academic-desc { font-size: var(--Font-16); color: var(--Color-323232); max-width: 715px; }
.officerNav, .gallery-nav { position: relative; max-width: 100px; width: 100%; height: 38px; }
.about-link { color: var(--Color-00906B); }
.departmentSwiper-next, .departmentSwiper-prev, .videoSwiper-next, .videoSwiper-prev, .officerSwiper-next, .officerSwiper-prev, .gallery-next, .gallery-prev { border: 1px solid var(--Color-00906B); width: 38px; height: 38px; top: 0; margin: 0; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: '\f061'; font-family: var(--FontFamily-fontawesome); }
.swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after { content: '\f060'; font-family: var(--FontFamily-fontawesome); }
.videoSwiper-next::after, .videoSwiper-prev::after, .departmentSwiper-next::after, .departmentSwiper-prev::after, .officerSwiper-next::after, .officerSwiper-prev::after { font-size: var(--Font-16); color: var(--Color-004D4E); transition: 0.4s ease-in-out; }
.officerSwiper-next:hover:after, .officerSwiper-prev:hover:after, .departmentSwiper-next:hover:after, .departmentSwiper-prev:hover:after { color: var(--Color-White); }
.videogalleryNext:hover, .videogalleryPrev:hover,
.swiper-button-next:hover .swiper-button-next:after, .swiper-button-prev:hover .swiper-button-prev:after { color: var(--Color-White); }
.videogalleryNext:hover, .videogalleryPrev:hover,.departmentSwiper-next:hover, .departmentSwiper-prev:hover, .officerSwiper-next:hover, .officerSwiper-prev:hover { transition: 0.4s ease-in-out; background-color: var(--Color-00906B); }
.departmain { padding: 0px 40px; position: relative; }

/* academic slider */
.officerSlider .swiper-wrapper { overflow: visible; }
.sidePauseButton { position: absolute !important; left: auto !important; right: 0px; top: 60px !important; }
.departmain .swiper-button-prev.departmentSwiper-prev, .departmain .swiper-button-next.departmentSwiper-next { top: 15px !important; }
.departmain .swiper-button-prev.departmentSwiper-prev { left: 0px; }
.departmain .swiper-button-next.departmentSwiper-next { left: auto; right: 0px; }
.officerSlider .swiper-slide { height: auto !important; margin-right: 20px; }
.officerSlider .external-link:hover:after { color: var(--Color-White); }
.officer-box { background: var(--Color-White); box-shadow: 6px 6px 10px #0000001A; padding: 20px 25px; border-bottom: 4px solid var(--Color-00906B); transition: 0.3s all ease-in-out; height: 100%; }
.officer-box:hover { background-color: var(--Color-00906B); border-bottom: 4px solid var(--Color-004D4E); transition: 0.3s all ease-in-out; }
.officer-box:hover a{ color:var(--Color-White); }
.officer-box .calender { display: flex; gap: 5px; align-items: center; position: relative; font-size: var(--Font-16); line-height: 20px; color: var(--Color-004D4E); margin: 0; }
.officer-box .desc { font-size: var(--Font-16); line-height: 22px; color: var(--Color-323232); font-weight: var(--Font-600); margin-bottom: 4px; padding-bottom: 0; cursor: pointer; }
.officer-box .year { font-size: var(--Font-14); line-height: 22px; color: #575757; font-weight: var(--Font-400); margin-bottom: 0; }
.officer-box:hover .calender { color: var(--Color-White); }
.officer-box:hover .desc { color: var(--Color-White); }
.officer-box:hover .year { color: var(--Color-White); }
.officer-box .desc:hover .external-link:after { color: var(--Color-White) !important; }

/* media */
.mediaGallery ul li { margin: 0; padding: 0; }
.mediaGallery ul li:after { display: none; }
.mediaGallery ul li.NonResposniveTabsLI { border: 1px solid; padding: 14px 6px; line-height: 20px; transition: 0.3s all ease-in-out; cursor: pointer; color: var(--Color-00906B); margin-bottom: 0; }
.mediaGallery ul li.active { background-color: var(--Color-00906B); color: var(--Color-White); }
.mediaGallery ul li.NonResposniveTabsLI span { font-size: var(--Font-18); margin-right: 8px; }
.mediaGallery ul li.NonResposniveTabsLI:hover { background-color: var(--Color-03616c); color: var(--Color-White); }
.mediaGallery .title { font-size: var(--Font-70); line-height: 86px; font-weight: normal; font-family: "Samarkan Normal"; color: var(--Color-White); }
.mediaGallery .hoverText { position: absolute; bottom: 0px; display: flex; left: 50%; transform: translateX(-50%); width: 100%; padding: 0 16px 16px; color: var(--Color-White); font-size: var(--Font-16); line-height: 24px; font-weight: var(--Font-600); text-align: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 1; height: 100%; background: linear-gradient(180deg, #e0e0e000 0%, #000000a8 100%); align-items: flex-end;}
.mediaGallery .videoPop a:hover .hoverText { opacity: 1; visibility: visible; }
.mediaFeed .NonResposniveTabs ul { position: absolute; top: -69px; right: 0; display: flex; }
.mediaFeed .NonResposniveTabs li { cursor: pointer; font-size: var(--Font-32); margin-left: 10px; color: var(--Color-848484); line-height: normal; }
.mediaFeed .NonResposniveTabs li:before { filter: drop-shadow(0px 0px 24px #00000014); content: ""; position: absolute; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid var(--Color-White); left: 50%; top: calc(100% + 9px); transform: translateX(-50%); opacity: 0; }
.mediaGallery .cta-link { color: var(--Color-00906B); }
.mediaGallery .cta-link:hover { color: var(--Color-Black); }
.mediaGallery .contentBox h3 { font-size: var(--Font-70); line-height: 86px; color: var(--Color-White); font-family: 'Samarkan Normal'; font-weight: normal; }
.mediaGallery .contentBox p { font-size: var(--Font-18); line-height: 24px; color: var(--Color-White); }
.mediaGallery .contentBox a { font-size: var(--Font-14); line-height: 18px; color: var(--Color-Black); background-color: var(--Color-White); padding: 10px 24px; transition: 0.5s ease; }
.mediaGallery .contentBox a:hover { color: var(--Color-White); background-color: var(--Color-00906B); padding: 10px 24px; transition: 0.5s ease; }
.mediaFeed .NonResposniveTabs li.active:before { opacity: 1; }
.mediaFeed .NonResposniveTabs li.active:nth-child(1) { color: #1842aa; }
.mediaFeed .NonResposniveTabs li.active:nth-child(2) { color: var(--Color-Black); }
.mediaFeed .NonResposniveTabs .NonResposniveTabsContent { display: none; }
.mediaFeed .NonResposniveTabs .NonResposniveTabsContent.active { display: block; }

/* .earthWrap {
	height: 507px;
} */
.earthWrap.position-relative { background: #000; }
.earthWrap img { width: 100%; height: 100%; max-height: 432px; object-fit: cover; }
.mediaGallery .mediaSwiper { height: 433px; }
.mediaGallery .mediaSwiper .swiper-slide img { width: 100%; height: 100%; }
.mediaGallery .slide-content { position: relative; height: 100%; }
.mediaGallery .slide-content p { position: absolute; color: var(--Color-White); bottom: 25px; left: 20px; font-size: var(--Font-18); line-height: 26px;font-weight: var(--Font-600); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 0px;}
.mediaGallery .slide-content a{position: relative;}
.mediaGallery .slide-content a:before { content: ''; position: absolute; bottom: 0; width: 100%; left: 0px; height: 100%; overflow: hidden; border-radius: 0px; padding-bottom: 0px; text-align: center; background: linear-gradient(180deg, #e0e0e000 0%, #00000075 100%);}
.mediaGallery .videoPop a { height: 429px; width: 100%; position: relative; }
.mediaGallery .videoPop a img { height: 100%; width: 100%; }
.mediaGallery .videoPop a::after { content: ''; width: 100%; height: 100%; position: absolute; background: url(../images/youtube-img.png) no-repeat; background-position: center; background-color: rgba(0, 0, 0, 0.4); background-size: 80px; opacity: 0; cursor: pointer; transition: all 0.4s ease; top: 0; left: 0; }
.mediaGallery .videoPop a:hover::after { opacity: 1; transition: all 0.4s ease-in-out; transform: scale(1); }

/* multiPhoto-section */
.multiPhoto-section { padding: 50px 0; }
.multiPhoto-section .slide-content { height: 100%; width: 100%; padding: 12px 0; }
.multiPhoto-section .slide-content img { border-radius: 12px; height: 100%; }

/* multivideo-section */
.multiVideo-section { padding: 50px 0; }
.multiVideo-section .videoPop a { height: 250px; width: 100%; position: relative; }
.multiVideo-section .videoPop a img { border-radius: 12px; }
.multiVideo-section .videoPop a::after { border-radius: 12px; }

/* photo-gallery section */
.gallery-heading { width: 100%; text-align: center }
.gallery-heading h2 span { font-size: var(--Font-30); font-weight: var(--Font-700); border-bottom: 2px solid #000; padding-bottom: 25px }
.gallery_sec { width: 100%; padding: 14px 0 }
.gallery_sec a { position: relative; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out }
.gallery_sec a::before { position: absolute; content: ""; width: 30px; height: 30px; background: 0 0/contain no-repeat; top: 45%; left: 50%; transform: translate(-50%, -50%) }

.gallery_sec img { border-radius: 6px; width: 100%; height: 220px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out }
.gallery_sec a:hover img { position: relative; width: 100%; opacity: .4 }
.gallery_sec a:hover::before { position: absolute; content: ""; width: 30px; height: 30px; background: url(https://i.ibb.co/3fMkjjF/Resize.png) 0 0/contain no-repeat; z-index: 99 }

/* DepartmentLogo */
.DepartmentLogo .DepartmentLogoA { margin: 0px; }
.DepartmentLogo .swiper-slide { height: initial; padding: 0px 15px; }

/* service-section */
.service-section { padding: 20px 0; }
.service-section h1 { font-size: var(--Font-32); line-height: 46px; font-weight: var(--Font-700); }
.service-section .serviceinner .bulletText li { font-size: var(--Font-18); line-height: 26px; font-weight: var(--Font-400); position: relative; padding-left: 14px; }
section .view-filters form {  padding-top: 0px;}
/* capacity-building innerpage */
.capacityInner ul { background: var(--Color-White); box-shadow: 0px 0px 40px #00000024; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 15px; margin-bottom: 30px; position: relative; }
.capacityInner ul::after { content: ''; width: 98%; height: 6px; border: 5px solid var(--Color-00906B); position: absolute; z-index: -1; bottom: -4px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; left: 50%; transform: translateX(-50%); transition: all 0.4s; }
.capacityInner ul:hover::after { border: 8px solid var(--Color-004D4E); transition: all 0.4s; }
.capacityInner ul:hover li a { color: var(--Color-00906B); transition: all 0.4s; }
.capacityInner ul:last-child { margin-bottom: 0px; }
.capacityInner ul li { margin-bottom: 0px; position: relative; padding-left: 20px; }
.capacityInner ul li a { font-size: var(--Font-16); line-height: 24px; color: var(--Color-323232); }

/* innerBanner */
section.innerBanner { position: relative; height: 220px; width: 100%; margin-top: 70px; }
section.innerBanner .bannerImg { background-size: cover; height: 100%;background-color:#233158;background-image:none !important; }
section.innerBanner .bannerImg img { opacity: 0; height: 100%; }
section.innerBanner h2 { top: 50%; transform: translateY(-50%); color: var(--Color-White); font-size: var(--Font-32); background-color: rgb(35, 49, 88); line-height: 40px; max-width: 650px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
section.innerBanner .grid-full { position: relative; }
.breadcrumb { bottom: 12px; margin-bottom: 0; color: var(--Color-White); left: 0; }
.breadcrumb ul { display: flex; margin-bottom: 0; margin-left: 0; gap: 12px;align-items:center; }
.breadcrumb ul li { margin-bottom: 0; }
.breadcrumb ul>li::after { display: none; }
.breadcrumb .breadcrumb__content { margin: 0; padding: 0; }
.breadcrumb .breadcrumb__list { margin: 0; display: flex; padding-left: 0; gap: 12px; padding-bottom: 0; }
.breadcrumb .breadcrumb__item { padding-left: 14px; position: relative;font-size:14px;opacity: 1;}
.breadcrumb .breadcrumb__item { list-style: none; }
.breadcrumb .breadcrumb__item:first-child { padding-left: 0; }
.breadcrumb .breadcrumb__item:first-child::before { display: none; }
.breadcrumb .breadcrumb__item::before { content: ''; width: 0.4375em; height: 0.4375em; border-radius: 50%; background-color: var(--Color-White); left: 0; top: 50%; position: absolute; transform: translateY(-50%); }
.breadcrumb__item { background-color: rgb(35, 49, 88); }
.breadcrumb .breadcrumb__item .breadcrumb__link { font-size: 14px; line-height: 18px; color: var(--Color-White); background-color: rgb(35, 49, 88);opacity:0.7;}
.breadcrumb__item:nth-child(n + 2)::before { margin-inline: 0; }
.region > *:where(:not([data-big-pipe-placeholder-id])) { margin-block-end: 0; justify-content: center; }
.breadcrumb::after { display: none; }
/* view-filter key title */
.view-filters form { display: flex; align-items: end; gap: 20px; padding: 20px 0 0; flex-wrap: wrap; }
.view-filters form label { display: block; font-size: var(--sttl-font-14); margin-bottom: 12px; }
.view-filters form input { height: 40px; border-radius: 0; border: 1px solid #01274A; margin-top: 0; padding: 10px; }
.resetButton,
.view-filters form input[type=submit], .view-header a.button { background-color: var(--Color-00906B); border: 1px solid var(--Color-00906B); color: var(--sttl-color-white); padding: 0px 20px; transition: 0.3s all ease-in-out; display: block; height: 40px; line-height: 40px; font-size: 0; background-repeat: no-repeat; background-position: center; }
.view-filters form input[type=submit]:hover, .view-header a.button:hover { background-color: transparent; color: var(--sttl-color-secondary); transition: 0.3s all ease-in-out; }
.view-filters form input[type=submit] { background-image: url(../images/search-white.svg); background-size: 22px 22px; transition: 0.3s all ease-in-out; }
.view-filters form input[type=submit]:hover { background-image: url(../images/search-orange.svg); background-size: 22px; }
.resetButton,
.view-filters form input[name=op] { background-image: url(../images/reset-white.svg); background-size: 25px; }
.resetButton:hover,
.view-filters form input[type=submit]#edit-reset:hover, .view-filters form input[name=op]:hover { background-image: url(../images/reset-orange.svg); background-size: 25px; }
.resetButton:hover, .view-filters form input[type=submit]#edit-reset:hover, .view-filters form input[name=op]:hover {
    background-image: url(../images/reset-hover.svg);
    background-size: 25px;
}
/* LoginSection */
body.login { padding-top: 0; }
.LoginSection { padding: 30px 0px; overflow: hidden; min-height: 100vh; }
.LoginSection:after { content: ""; position: absolute; top: 50%; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/login_bg_img.jpg); left: 50%; transform: translate(-50%, -50%) rotate(0deg); z-index: -1; }
.LoginSection .FeedbackFrom .MainLogo { width: 100%; height: 100%; }
.LoginSection .tabs-wrapper { display: none; }
.LoginSection label.js-form-required:after { content: ""; display: inline-block; width: 6px; height: 6px; background-size: contain; margin-inline: 3px; vertical-align: text-top; background-repeat: no-repeat; background-image: url(../images/download.svg); }
.LoginSection .form-item { margin-bottom: 15px; }
.LoginSection .form-text { width: 100%; }
.LoginSection .form-item .form-item__description { display: none; }
.LoginSection .FeedbackFrom { max-width: 1055px; padding: 0px; position: relative; box-shadow: 0 0 12px #00000045 }
.LoginSection .FeedbackFrom .Left, .LoginSection .FeedbackFrom .Right { padding: 40px 50px; }
.LoginSection .FeedbackFrom .Left { width: 50%; background-color: var(--Color-White); }
.LoginSection .FeedbackFrom .Right { width: 50%; background-color: #effaff; }
.LoginSection .FeedbackFrom .Right .img-center { z-index: unset; left: 0; top: unset; bottom: 0; transform: unset; height: auto; width: 100%; }
.LoginSection .FeedbackFrom .js-form-submit { margin-top: 20px; font-size: var(--Font-18); padding: 10px 20px; min-height: auto; background-color: var(--Color-00906B); color: var(--Color-White); }
.LoginSection .FeedbackFrom .js-form-submit:hover { background-color: var(--Color-004D4E); color: var(--Color-White); transition: all 0.4s; box-shadow: var(--BoxShadow-6); }
.LoginSection .ashokChakra img { animation: rotate 40s infinite linear; width: 58%; }
.LoginSection.ForgotPage .Right { display: none !important; }
.LoginSection.ForgotPage .FeedbackFrom .Left { width: 100%; }
.LoginSection.ForgotPage .FeedbackFrom { justify-content: center; max-width: 530px; }
.LoginSection.ForgotPage .FeedbackFrom:after { display: none; }
.LoginSection .fpassLink { margin-top: 8px; }

/* Page404 */
.page-not-found .section-padding { position: relative; z-index: 1; }
.page-not-found .section-padding:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/404-bg.svg); background-position: center; background-repeat: repeat-x; background-size: contain; opacity: 0.4; z-index: -1; }
.Page404 .Text404 { font-size: 145px; color: var(--Color-Primary); line-height: 1; }

/* --------------arthapedia-page-css --------------*/

/* concept-section */
body.arthapedia { padding-top: 165px; }
.concept-section { padding: 70px 0 40px; background-color: #F6F5FB; }
.concept-section .left-content { padding: 33px; background: var(--Color-White); box-shadow: 0px 3px 65px #5E53BE17; min-height: 425px; }
.concept-section .left-content .title { padding-bottom: 14px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgb(0, 0, 0, 0.3); }
.concept-section .left-content .title h2 { font-size: var(--Font-26); margin-bottom: 0; line-height: 31px; font-weight: var(--Font-700); color: var(--Color-323232); }

.concept-section .left-content .title a { font-size: var(--Font-16); margin-bottom: 0; line-height: 26px; font-weight: var(--Font-400); color: var(--Color-00906B); text-decoration: underline; }
.concept-section .left-content .description p a { display: inline; }
.aadhaar-0 .arthapedia-section .concept-section a[href^="http://"], .aadhaar-0 .concept-section .left-content .description p a.external, .aadhaar-0 .concept-section .left-content .description p a[href^="gopher://"] { background: url("../images/secure_img.png") center right no-repeat; padding-right: 13px }
.aadhaar-0 .concept-section .left-content .description p .link-https, .aadhaar-0 .concept-section  a.external.text[href^="https://"] { background: url("../images/secure_img.png") center right no-repeat; padding-right: 13px }
.path-arthapedia .capacityInners { margin-top: 40px; }
.concept-section .left-content .description h3 { font-size: var(--Font-20); margin: 22px 0 10px; line-height: 22px; font-weight: var(--Font-700); color: var(--Color-735D98); }

/* .ies-cadre>div{text-align: center;width: 100%;} */
.arthapedia-section .concept-section h4 { font-weight: 600; }
.arthapedia-section .concept-section ul li, .aadhaar-0 .node__content ul li { position: relative; }
.arthapedia-section .concept-section ul li::after, .aadhaar-0 .node__content ul li:before, ul.bulletText li::before { content: ''; width: 0.5em; height: 0.5em; border-left: 2px solid var(--Color-00906B); border-top: 2px solid var(--Color-00906B); position: absolute; transform: rotate(135deg); left: 0; top: 0.46875em; background-color: transparent; border-radius: 0px; }
.arthapedia-section .concept-section ul li ul li { position: relative; }
.arthapedia-section .concept-section ul li ul li::after { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background-color: var(--Color-00906B); border-radius: 50%; }
.concept-section .left-content .description p { max-width: 572px; font-size: var(--Font-16); margin: 0px 0 10px; line-height: 22px; font-weight: var(--Font-400); color: #4A4A4A; text-align: justify; }
.concept-section .left-content .description span { color: var(--Color-00906B); font-style: italic; }
.concept-section .right-content { background: var(--Color-White); box-shadow: 0px 3px 65px #5E53BE17; min-height: 425px;  display: flex; }
.concept-section .right-content .recent { width: calc(65% - 0px); padding: 33px; }
.concept-section .right-content .recent h2 { font-size: var(--Font-26); margin-bottom: 0; line-height: 31px; font-weight: var(--Font-700); color: var(--Color-323232); border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 14px; max-width: 318px; }
.concept-section .right-content .recent ul { padding: 20px 0 15px; }
.concept-section .right-content .recent ul>li { margin-bottom: 10px; color: var(--Color-White); font-size: var(--Font-16); }
.concept-section .right-content .recent ul>li::after { background-color: var(--Color-White); }
.concept-section .right-content .recent a { font-size: var(--Font-16); color:var(--Color-323232); text-decoration: underline; }
/* .concept-section .right-content .recent-img { width: calc(35% - 0px); } */
.concept-section .right-content .recent-img img { height: 100%;object-fit: cover; }

/* innercard */
.concept-section .innercard { margin-top: 40px; }
.concept-section .innercard .inner-box { background-color: var(--Color-White); padding: 35px 40px; box-shadow: 0px 3px 65px #5E53BE17; display: flex; align-items: center; gap: 32px; transition: all 0.4s ease-in-out; }
.concept-section .innercard .inner-box:hover { background-color: #050740 }
.concept-section .innercard .inner-box:hover h4 a { color: var(--Color-White) }
.concept-section .innercard .inner-box h4 { font-size: var(--Font-24); color: #050740; max-width: 129px; margin-bottom: 0; transition: all 0.4s ease-in-out; }
.concept-section .innercard .inner-box img { transition: filter 0.3s ease-in-out; }
.concept-section .innercard .inner-box:hover img { filter: brightness(0) invert(1); }

/* concept arthapedia contact */
.concept-section .artContact { background-color: var(--Color-White); border-radius: 8px; box-shadow: 0 0 20px #00000045; padding: 20px; margin-bottom: 25px; }
body.wob.arthapedia .concept-section .innercard .inner-box img { filter: brightness(0) saturate(100%) invert(88%) sepia(100%) saturate(7470%) hue-rotate(1deg) brightness(104%) contrast(101%); transition: filter 0.3s ease-in-out; }
.wob .table-responsive.tableStyle{background-color: var(--sttl-color-black);}
.wob .table>:not(caption)>*>* {background-color: var(--sttl-color-black);}
.wob.page-node-type-concepts .node__content .field__label{color: var(--sttl-color-primary);}
.wob.arthapedia-section .concept-section ul li::after,
body.wob .arthapedia-section .concept-section ul li::after{border-color: var(--sttl-color-primary);}
body.wob .arthapedia-section .concept-section a{color: var(--sttl-color-black)}	
body.wob .suggest-concept .form-element {  border: 1px solid #ffc107; border-radius: 8px; margin: 0px; background-color: #000;}
body.wob .captcha__title.js-form-required.form-required {color: var(--sttl-color-primary);}
body.wob .node-form .form-item__label { color: #ffff00; }
.concept-section .artContact strong { font-size: var(--Font-24); color: var(--Color-00906B); border-bottom: 1px solid var(--Color-00906B); }
.concept-section .artContact p { padding-bottom: 5px; }

/* info-section(arthapedia) */
.info-section { padding: 60px 0 }
.info-section .info-content { padding-left: 30px; }
.info-section .info-content h2 { font-size: var(--Font-26); }
.info-section .info-content p { font-size: var(--Font-16); padding: 0 0 10px; line-height: 24px; text-align: justify; }

/* faq-section */
.faq-section { width: 100%; height: 100%; position: relative; }
body.path-node.page-node-type-page.arthapedia .faq-section::after{ height: 690px; }
.faq-section::after { content: '';width: 100%;height: 100%;top: 27%;z-index: -1;background-color: var(--Color-00906B);position: absolute;overflow: hidden; }
.arthapedia .faq-section::after { content: '';width: 100%;height: 690px;top: 27%;z-index: -1;background-color: var(--Color-00906B);position: absolute;overflow: hidden; }
.path-arthapedia .faq-section::after,.page-node-type-concepts .faq-section::after { height: 100%; }
.faq-section .innerFaq { padding: 60px 0;box-shadow: 0 3px 65px #4d42B217;background: var(--Color-White); }
.faq-section .innerFaq .faq-accordion {	width: calc(85% - 0px);	margin: 0 auto;	border: none; }
.faq-section .innerFaq .faq-accordion h2 { font-size: var(--Font-26);line-height: 32px; }
.faq-section .innerFaq .faqfield-question {	display: flex;	justify-content: space-between;	align-items: center;padding: 20px 0;color: #4a4a4a;	background-color: var(--Color-White);border-bottom: 1px solid var(--Color-735D98);border-left: none;	border-right: none;	border-top: none;border-radius: 0;font-size: var(--Font-24);line-height: 26px;font-weight: 500; }
.faq-section .innerFaq .faqfield-question:last-of-type { border: none; }
.faq-section .innerFaq .faqfield-answer { padding: 20px 0 ;height: auto;border-bottom: 1px solid var(--Color-735D98);border-radius: 0;border-left: none;border-right: none;border-top: none;overflow: hidden; }
.faq-section .innerFaq .faqfield-answer:last-child { border: none; }
.faq-section .innerFaq .faqfield-answer p {	padding: 0 0 12px;font-size: var(--Font-16);line-height: 22px;color: var(--Color-646464); }
.faq-section .innerFaq .ui-state-active { color: #000000; }
.faq-section .innerFaq .ui-accordion-header-icon { display: none; }
/* .faq-section .innerFaq .faqfield-question .icnPlus {height: 20px;width: 20px;background-image: url(../images/faq-plus.png);background-position: center;background-repeat: no-repeat;background-size: cover; }
.faq-section .innerFaq .icnPlus { height: 42px; width: 42px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: cover; transition: transform 0.3s ease-in-out; } */
/* .faq-section .innerFaq .icnPlus.plus-icon { height: 42px; width: 42px; background-image: url(../images/faq-plus.png); background-size: 20px; background-repeat: no-repeat; background-position: center; border-radius: 50%; }
.faq-section .innerFaq .icnPlus.minus-icon { height: 42px; width: 42px; background: rgb(0, 0, 0, 0.1); background-image: url(../images/faq-minus.png); background-size: 20px; background-repeat: no-repeat; background-position: center; border-radius: 50%; } */

/* FAQ Answer Smooth Transition */
.faq-section .innerFaq .faqfield-answer { overflow: hidden; display: none; }
.faq-section .innerFaq .faqfield-question.active { border-bottom: none; }

/* subscribe-blog */
.faq-section .subscribe-blog { background-image: url(../images/subscribe_bg_img.png); position: relative; background-position: center; padding: 32px 0; margin-top: 50px; }
.faq-section .subscribe-blog .inner { display: flex; margin: 0 116px; justify-content: space-between; align-items: center; }
.faq-section .subscribe-blog .inner .innerform { position: relative; }
.faq-section .subscribe-blog .inner .innerform p { font-size: var(--Font-26); line-height: 32px; color: var(--Color-White); padding-bottom: 20px; font-weight: var(--Font-700); }
.faq-section .subscribe-blog .inner .innerform input { width: 660px; border-radius: 65px; background: var(--Color-White); min-height: 60px; position: relative; font-size: var(--Font-16); border: 2px solid var(--Color-White); padding: 5px 150px 5px 30px; }
.faq-section .subscribe-blog .inner .innerform .submit-btn { width: auto; position: absolute; right: 5px; bottom: 5px; font-size: var(--Font-18); min-height: 50px; padding: 10px 24px; background-color: var(--Color-00906B); border-radius: 100px; color: var(--Color-White); font-weight: var(--Font-700); border: none; }
.faq-section .subscribe-blog .inner .innerimg { width: 150px; height: 150px; background-color: var(--Color-White); border-radius: 50%; display: flex; align-items: center; justify-content: center; }

/* arthapedia-footer */
.arthapedia-footer { background-color: var(--Color-White); padding: 20px 0; }
.arthapedia-footer .copyright-text p { font-size: var(--Font-16); line-height: 20px; color: var(--Color-646464); }

/* --------------arthapedia-page-css end--------------*/
/* footer */
footer { background-color: var(--Color-004D4E); padding: 34px 0 40px; color: #000; }
.footerTop { background: var(--Color-White); padding: 20px; margin-bottom: 40px; }
footer .FooterLogo img { width: 401px; }
footer .Address { font-size: var(--Font-14); }
footer .SocialIcons ul li { display: flex; margin-left: 10px; }
footer .SocialIcons ul { display: flex; flex-wrap: wrap; margin-left: 0; }
footer .SocialIcons ul li a { width: 34px; height: 34px; border: 1px solid var(--Color-White); display: flex; justify-content: center; align-items: center; color: var(--Color-White); background: var(--Color-004D4E); }
footer .SocialIcons ul li a small { color: #fff; font-size: 16px; }
footer .SocialIcons ul li a small span { display: none; }
footer .SocialIcons ul li a:hover { background-color: #000; color: var(--Color-White); }
footer .SocialConnect { display: flex; justify-content: space-between; align-items: center; }
footer .SocialConnect .Heading { margin-bottom: 0px; color: #303030; font-size: var(--Font-20); line-height: 27px; font-weight: var(--Font-500); font-family: "Funnel Sans", serif; }
footer .Menu-1 ul { display: flex; flex-wrap: wrap; margin-top: -5px; margin-left: 0; }
footer .Menu-1 ul li a { color: var(--Color-White); }
footer .Menu-1 ul li a:hover { color: var(--Color-373B75); }
footer .Menu-1.Menu-2 ul li a, footer .CopyRight { font-size: var(--Font-14); color: var(--Color-White); }
footer .Menu-1.Menu-2 ul li a:hover { color: var(--Color-323232); }
footer .Menu-1 ul li { margin-bottom: 0px; padding-left: 10px; margin-left: 10px; border-left: 1px solid var(--Color-FFFFFF69); line-height: normal; margin-top: 5px; }
footer .Menu-1 ul li:first-child { padding-left: 0px; margin-left: 0px; border: none; }
footer .Visitors p { padding-bottom: 0; text-align: right; font-size: var(--Font-14); color: var(--Color-White); }
footer .visitCounter { text-align: end; color: var(--Color-White); font-size: var(--Font-14); }
footer .footer-col-4 { width: 80%; }
footer .footer-col-5 { width: 20%; }

/* Marquee keyframes */
@-webkit-keyframes marquee {
	0% {
	transform: translateX(0);
	}

	100% {
	transform: translateX(-100%);
	}
}

@keyframes marquee {
	0% {
	transform: translateX(0);
	}

	100% {
	transform: translateX(-100%);
	}
}

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

/* table-responsive */
.table-wraper { overflow: hidden; margin: 40px 0; border-radius: 12px;}
.contact-us .views-field-title,
.all-annual-immovable-property-returns .views-field-title,
.government-reports .views-field-field-government-contribution-by,
.working-paper .views-field-field-working-paper-by-name,
.media-publication .views-field-field-working-paper-by-name{width: 22%;}
.views-field-field-select-year,
.views-field-field-select-month-gov,
.views-field-field-select-year-gov,
.views-field-field-rules-notification-date,
.views-field-field-select-month{width: 8%;}	
table .views-field-field-governme-report-selec-type,
table .views-field-field-wp-select-type-file-link,
table .views-field-field-rules-notificatio-document,
table .views-field-field-vacancy-deputatio-document{width: 10%;}
.table-responsive { border-radius: 12px; }
.table-responsive table { width: 100%; border-collapse: collapse; }
.table-responsive table thead tr th:first-child { border-top-left-radius: 12px; border-left: none; }
.table-responsive table thead tr th:last-child { border-top-right-radius: 12px; }
.table-responsive thead th { background: var(--Color-00906B); color: var(--Color-White); font-weight: var(--Font-500); font-size: var(--Font-16); padding: 12px; text-align: left; border-left: 1px solid #E1E1E1; white-space: nowrap; }
.table-responsive thead th:first-child { min-width: 70px; }
.table-responsive thead th[data-heading="Sr. No."], .table-responsive thead th[data-heading="Download"] { text-align: center; }

/* .table-responsive tbody tr:nth-child(2n+1) {background: #F2FAFF;} */
.table-responsive tbody tr td:last-child { border-right: 1px solid #E1E1E1; }
.table-responsive tbody tr td { padding: 11px 12px; font-size: var(--Font-16);  border-left: 1px solid #E1E1E1; vertical-align: middle;color: var(--Color-323232); }
.table-responsive tbody tr td a { color: #212529; }
.table-responsive tbody tr th {border-left: 1px solid #E1E1E1;border-bottom: none;}
.table-responsive tbody tr:last-child td{border-bottom: 1px solid #E1E1E1;}


.table-responsive tbody tr td a:hover { color: var(--Color-00906B); transition: all 0.3s; }
.table-responsive tbody tr td span.file--application-pdf { background-image: url(../images/pdf.png); width: 15px; background-size: contain; background-repeat: no-repeat; margin-right: 5px; padding-left: 25px; }
.table-responsive tbody tr td ul { list-style-type: none; padding: 0; margin: 0; }
.table-responsive tbody tr td ul span { font-size: var(--Font-14); }
.table-responsive tbody tr:nth-child(even) th,
.table-responsive tbody tr:nth-child(even) td { background-color: #00906B12; }
.table-responsive thead tr th.views-field-body { max-width: 700px; width: 400px; min-width: 400px; }
.table-responsive thead tr th[data-heading="Date"] { min-width: 135px; }
.table-responsive thead tr th.views-field-counter { width: 55px; }
.table-responsive thead tr th[data-heading="By Name"] { width: 270px; }
.table-responsive tbody tr td a img { width: 40px; }

/* .new-badge {display: inline-block;background: linear-gradient(45deg, #ff6b6b, #ff9f43);color: white;font-weight: bold;font-size: var(--Font-12);padding: 2px 8px;border-radius: 12px;animation: pulse 1.5s infinite alternate;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);} */
.new-badge { display: inline-block; background: var(--Color-00906B); color: white; font-weight: 400; font-size: var(--Font-12); padding: 4px 8px 5px; border-radius: 12px; line-height: 12px; }
.fileSize { font-size: var(--Font-12); }
.officer-box:hover .new-badge {  background: #ffffff; color: #323232;}


@keyframes pulse {
	0% {
	transform: scale(1);
	box-shadow: 0 0 5px rgba(255, 107, 107, 0.8);
	transition: all 0.5s ease;
	}

	100% {
	transform: scale(1.1);
	box-shadow: 0 0 8px rgba(255, 107, 107, 1);
	transition: all 0.5s ease;
	}
}

/* table-pagination */
.table-pagination { margin: 30px 0; }
.table-pagination .record .record-data { font-size: var(--Font-16); line-height: 24px; font-weight: var(--Font-400); color: var(--Color-646464); }
.table-pagination .record .record-number { color: #01274A; font-weight: var(--Font-700); }
.table-pagination .pagination { display: flex; gap: 20px; position: relative; padding: 0 50px; max-width: 250px; }
.table-pagination .pagination::before { content: ''; height: 35px; width: 35px; background: url(../images/left-side-arrow.svg) no-repeat center; position: absolute; left: 0; background-color: var(--Color-White); border: 1px solid var(--Color-004D4E); cursor: pointer; }
.table-pagination .pagination::after { content: ''; height: 35px; width: 35px; background: url(../images/right-side-arrow.svg) no-repeat center; position: absolute; right: 0; background-color: var(--Color-White); border: 1px solid var(--Color-004D4E); transform: rotate(-90deg); cursor: pointer; }
.table-pagination .pagination p { padding-left: 0; height: 36px; width: 36px; color: var(--Color-00906B); background-color: var(--Color-White); display: flex; justify-content: center; align-items: center; padding-bottom: 0; cursor: pointer; font-size: var(--Font-16); font-weight: var(--Font-400); border: 1px solid var(--Color-00906B); }
.table-pagination .pagination p:hover, .table-pagination .pagination .active { color: var(--Color-White); background-color: var(--Color-00906B); border: 1px solid var(--Color-00906B); transition: 0.3s all; }
.table-pagination .pagination p::after { display: none; }

/* search-result */
.search-results { flex-wrap: wrap; list-style: none; padding: 0; margin-top: -30px; margin-bottom: 0px; display: flex; width: auto; }
.search-results .search-results__item { position: relative; width: 100%; margin-top: 30px; box-shadow: 0px 0px 40px #00000024; background-color: var(--Color-White); padding: 20px; border-radius: 8px; z-index: 1; margin-bottom: 0; }
.search-results .search-results__item:after { content: ""; position: absolute; top: 98%; left: 5%; right: 5%; width: 90%; height: 5px; background-color: var(--Color-004D4E); z-index: -1; border-radius: 30px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.search-results .search-result__title { font-size: var(--Font-20); margin-bottom: 10px; padding-top: 0px; }
.search-results .search-result__title a { line-height: 1.3; }
.search-results .search-result__snippet { padding-bottom: 0; }
.search-results .search-result__snippet strong { color: var(--Color-00906B); }

/* page pagination */
.pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; margin-top: 36px; }
.pager .pager__items { order: 2; display: flex; flex-wrap: wrap; justify-content: end; margin-right: -5px; margin-top: -10px; }
.pager .pager__item { color: var(--Color-848484); position: relative; width: 40px; height: 40px; padding: 0; border: 1px solid; border-color: var(--Color-CFCFCF); display: flex; justify-content: center; align-items: center; margin: 10px 5px 0px; border-radius: 4px; }
.pager .pager__item:after { display: none; }
.pager .pager__item .pager__link { font-weight: var(--Font-500); color: var(--Color-323232); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.pager .pager__item:hover { border-color: var(--Color-Primary); }
.pager .pager__item:hover .pager__link, .pager .pager__item.pager__item--active { background-color: var(--Color-00906B); color: var(--Color-White); border-color: var(--Color-00906B); }
.pager .pager__item svg, .pager .pager__item.pager__item--ellipsis { display: none; }
.pager .pager__item.pager__item--previous a, .pager .pager__item.pager__item--first a, .pager .pager__item.pager__item--next a, .pager .pager__item.pager__item--last a { color: var(--Color-848484); }
.pager .pager__item.pager__item--previous a:before, .pager .pager__item.pager__item--next a:before, .pager .pager__item.pager__item--first a:before, .pager .pager__item.pager__item--last a:before { font-family: var(--FontFamily-fontawesome); }
.pager .pager__item.pager__item--previous a:before { content: "\f060"; }
.pager .pager__item.pager__item--next a:before { content: "\f061"; }
.pager .pager__item.pager__item--first a:before { content: "\f100" }
.pager .pager__item.pager__item--last a:before { content: "\f101" }

/* sitemap */
.sitemap .sitemap ul li { position: relative; height: auto; }
.sitemap .sitemap ul li::after { display: none; }
.sitemap .sitemap ul { list-style: none; padding: 0; position: relative; margin: 0; }
.sitemap .sitemap ul a { display: inline-block; }
.sitemap .sitemap ul a+span.FileSize.UsingJs { display: none; }
.sitemap .sitemap ul>li>ul { border-left: 1px solid #d0ecfe; list-style: none; padding: 10px 0 0px; margin: 0 0 0px 25px; position: relative }
.sitemap .sitemap ul>li { padding: 0 0 0 25px; position: relative; margin-bottom: 10px }
.sitemap .sitemap .sitemap-item ul li a { color: var(--Color-Black); width: 100%; border-radius: 6px; }
.sitemap .sitemap ul>li>ul>li { padding: 0 0 0 25px; position: relative; }
.sitemap .sitemap .sitemap-item ul li ul li::before { position: absolute; height: 10px; width: 10px; content: ""; background-color: #d0ecfe; top: 12px; left: 10px; border-radius: 100%; text-align: center; line-height: normal; }
.sitemap .sitemap ul>li>ul>li>a { transition: .3s all; padding: 8px 10px; background-color: #e7f5fe; }
.sitemap .sitemap .sitemap-item ul li ul li>a::after { content: ""; display: block; border-top: 1px solid #d0ecfe; height: 0; position: absolute; transition: .3s all; top: 17px; left: 0px; width: 18px; }
.sitemap .sitemap ul>li>ul:after { content: ""; height: 7px; left: -4px; position: absolute; bottom: 0; width: 7px; background: #e8e6e6; border-radius: 50%; }
.sitemap .sitemap ul>li>a, #site-map .nolink { color: var(--Color-Black); font-size: var(--sttl-theme-font-16); line-height: 25px; text-decoration: none; padding: 9px 20px; transition: .3s all; background-color: rgb(0, 144, 107, 0.2); border: 1px solid var(--Color-00906B); }
.sitemap .sitemap ul>li>ul>li>a:hover { transition: .3s all; background: var(--Color-00906B); color: var(--Color-White); padding-left: 30px; }
.sitemap .sitemap ul>li>a:hover, #site-map .nolink:hover { background: var(--Color-00906B); color: var(--Color-White); }
.sitemap .sitemap ul>li>a:hover+.child-trigger2 { color: var(--Color-White); }
.sitemap .sitemap-item.sitemap-plugin--menu.sitemap-item--menu-main { margin-bottom: 0; }
.sitemap .sitemap-item h2 { display: none; }
.sitemap .sitemap ul>li>ul>li ul li { list-style: none; }
.sitemap .sitemap ul>li>ul>li ul li a:hover { transition: .3s all; background: var(--Color-00906B); color: var(--Color-White); padding-left: 30px; }
.sitemap .sitemap ul>li>ul>li ul li a { padding: 7px 10px; background-color: #eff9ff; }
.sitemap .sitemap ul>li>ul>li>ul>li>ul>li>a { background-color: #B3B3B3; }
.sitemap .sitemap>div>div>ul>li ul { display: none; }
.sitemap .sitemap .child-trigger2 { cursor: pointer; position: absolute; right: 4px; width: 43px; top: 0px; display: flex; justify-content: center; align-items: center; }
.sitemap .sitemap .child-trigger2:after { content: "\2b"; line-height: 1; font-family: var(--FontFamily-fontawesome); display: inline-block; transition: 0.2s all; }
.sitemap .sitemap .child-trigger2.child-open2:after { content: "\f068"; }
.sitemap .sitemap>div>div>ul>li { padding: 0; }

/* scroll-to-top */
.scroll-to-top { position: fixed; bottom: 90px; right: 35px; display: none; background: linear-gradient(145deg, var(--Color-00906B), var(--Color-004D4E)); color: var(--Color-White); border: none; border-radius: 50%; width: 50px; height: 50px; cursor: pointer; font-size: var(--Font-24); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3), inset 0 -4px 6px rgba(0, 0, 0, 0.2); opacity: 0; transform: scale(0); transition: opacity 0.4s ease, transform 0.4s ease, box-shadow 0.3s ease, transform 0.3s ease; z-index: 99; }
.scroll-to-top.show { display: block; opacity: 1; transform: scale(1); }
.scroll-to-top:hover { background: linear-gradient(145deg, #00b318, #028f15); box-shadow: 0 12px 20px rgba(0, 0, 0, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.3); transform: scale(1.1) translateY(-6px); }

/* .view-concepts */

/* .inner-concept .view-content{column-count:3 ;background: var(--Color-White);padding: 15px;border-radius: 8px; box-shadow: 0 0 10px #00000054;} */
.inner-concept .view-content h3 { color: var(--Color-00906B); }
.inner-concept .view-content .views-field { position: relative; padding-left: 16px; }
.inner-concept .view-content .views-field::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--Color-00906B); top: 50%; transform: translateY(-50%); position: absolute; left: 5px; }

/* view-arthapedia-search */
.view-arthapedia-search .item-list .search-results { display: block; margin-top: 20px; }
.view-arthapedia-search .item-list ul li { background: var(--Color-White); position: relative; border-radius: 10px; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); padding: 20px; border-left: 5px solid var(--Color-00906B); margin-bottom: 25px; }
/* .view-arthapedia-search .item-list ul li::after { content: '';width: 90%;height: 10px;border: 10px solid var(--Color-004D4E);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);} */
.view-arthapedia-search .item-list .views-field-title a { font-size: var(--Font-24); color: var(--Color-00906B); font-weight: 600; margin-bottom: 10px; }
.view-arthapedia-search .item-list .views-field-title a:hover { color: var(--Color-004D4E); }
.view-arthapedia-search .item-list .views-field p { font-size: var(--Font-16); padding-bottom: 5px; line-height: 1.4; position: relative; padding-left: 14px; }
.view-arthapedia-search .item-list .views-field p::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--Color-00906B); position: absolute; left: 0; top: 9px; }

/* executive-record */
.executive-record .view-header p a { background-color: var(--Color-00906B); color: var(--Color-White); padding: 10px 10px 10px 30px; border-radius: 6px; margin-bottom: 12px; position: relative; }
.executive-record .view-header p a:hover { background-color: var(--Color-004D4E); }
.executive-record .view-header p a::before { content: '\f007'; font-size: 16px; color: var(--Color-White); position: absolute; top: 50%; left: 8px; transform: translateY(-50%); font-family: "Font Awesome 6 free"; }
.executive-record .view-filters form { box-shadow: 0px 0px 40px #00000024; padding: 20px; border-radius: 6px; margin-bottom: 30px; justify-content: flex-start; border: 1px solid rgb(0, 144, 107, 0.5); }

/* .executive-record .view-content .views-view-grid { display: flex;flex-wrap: wrap;justify-content: start;} */
.executive-record .view-content .views-view-grid__item { border-bottom: 5px solid var(--Color-00906B); box-shadow: 0px 0px 40px #00000024; padding: 20px; border-radius: 6px; margin-bottom: 15px;	/* width: 325px; */ transition: all .3s ease-out; }
.executive-record .view-content .views-view-grid__item .views-field { display: flex; }
.executive-record .view-content .views-view-grid__item .views-label { font-weight: var(--Font-600); letter-spacing: 0.30px; }
.executive-record .view-content .views-view-grid__item .views-field-title { border-bottom: 1px solid var(--Color-00906B); margin-bottom: 10px; }
.executive-record .view-content .views-view-grid__item .views-field-title h3 { font-size: var(--Font-20); }
h4.exceTitle { font-size: var(--Font-20); border-bottom: 1px solid var(--Color-00906B); margin-bottom: 10px; padding-bottom: 15px; }
.executive-record .detailShow:hover { background: var(--Color-00906B); transform: scale(1.03); border-bottom: 5px solid var(--Color-004D4E); }
.executive-record .detailShow:hover h4.exceTitle { border-bottom: 1px solid #fff; }
.executive-record .detailShow:hover h4.exceTitle a { color: #fff; }
.executive-record .detailShow:hover .exceGrade { color: #fff; }
.executive-record .view-content .views-view-grid__item:hover  .views-field.views-field-title { border-color: #fff; }
.executive-record .view-content .views-view-grid__item:hover .field-content { color: #fff; }

/* executive-detailed */
.executive-detailed { background-color: var(--Color-White); border-top: 10px solid var(--Color-00906B) !important; box-shadow: 0px 0px 20px #00000045; padding: 24px 15px!important; margin: 40px 0px!important; border-radius: 8px; position: relative; border: 1px solid var(--Color-00906B); }
.executive-detailed .heading { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid var(--Color-CBCCDB); display: flex; justify-content: space-between; align-items: center }
.executive-detailed .profileDetailEx { padding: 25px; display: flex; justify-content: space-between; align-items: center; background-color: var(--Color-EAEBF1); border: 1px solid rgb(0, 0, 0, 0.3);gap: 5px; }
.executive-detailed .inner-field { column-count: 2; column-gap: 5px; }
.executive-detailed .inner-field img { width: 150px; }
.executive-detailed .profile-section { display: flex; justify-content: space-between; background: #f2f2f2; padding: 10px }
.executive-detailed .profile-left, .executive-detailed .profile-right { width: 48%; padding: 10px; background: #e6e6e6 }
.executive-detailed .profile-photo { width: 20%; text-align: center }
.executive-detailed .profile-photo img { width: 100px; height: auto; border: 1px solid var(--Color-AAAAAA) }
.executive-detailed .field { display: flex; align-items:flex-start; gap: 8px; padding: 5px 0 5px 16px; font-size: var(--Font-16); position: relative; }
.executive-detailed .field::before { content: '';top:15px;width: 7px; height: 7px; background-color: var(--Color-004D4E); border-radius: 50%; position: absolute; left: 0; }
.executive-detailed .field img { width: 18px; }
.executive-detailed .field__label { font-weight: var(--Font-600); }
.executive-detailed .views-label { font-weight: var(--Font-600); }
.executive-detailed h6 { font-size: var(--Font-24); font-weight: var(--Font-600); margin-top: 15px; padding-left: 0; }
.executive-detailed .field__label::after { content: ':'; margin-left: 5px }
.executive-detailed a { color: #005189; text-decoration: none }
.executive-detailed a.button.button--add:before, .executive-detailed a.button.button--edit:before { font-size: 16px; font-weight: 90; font-family: "Font Awesome 6 free"; position: absolute; top: 50px; right: 30px; background-color: var(--Color-00906B); width: 35px; height: 35px; color: #fff; text-align: center; line-height: 34px; transition: .3s ease-in-out }
.executive-detailed a.button.button--add:hover:before, .executive-detailed a.button.button--edit:hover:before { color: var(--Color-00906B); background: #fff }
.executive-detailed a.button.button--edit { font-size: 0; height: 0; border: none }
.executive-detailed a.button.button--edit:before { content: "\f044"; border-radius: 100%; border: 1px solid var(--Color-00906B); }
.executive-detailed a.button.button--add { font-size: 0; height: 0; line-height: 0; border: none }
.executive-detailed a.button.button--add:before { content: "\f0fe"; border-radius: 100%; border: 1px solid var(--Color-00906B) }
.executive-detailed .view-footer .view-header{margin-top: 30px;}
.path-profile-management-pdf .executive-detailed h6{margin-top: 0px;}
.page-node-type-executive-record-sheet .executive-detailed .table-wraper{margin-bottom: 0px;}
/* editorial-board-data */
.editorial-board-data { background: #f8f9fa; border-radius: 10px; margin: 30px 0; box-shadow: 0 4px 10px rgba(0, 0, 0, .1) }
.editorial-board-data .arthapedia-executive-title { background: var(--Color-White); border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, .1) }
.editorial-board-data .arthapedia-executive-title h3 { border-bottom: 2px solid var(--Color-00906B); padding: 20px; margin-bottom: 0; font-size: var(--Font-24); color: var(--Color-White); background: var(--Color-00906B); border-top-left-radius: 8px; border-top-right-radius: 8px }
.editorial-board-data .arthapedia-executive-record { display: flex; justify-content: start; flex-wrap: wrap; padding: 20px; gap: 25px; background: var(--Color-F0F7F8); border-radius: 8px; }
.editorial-board-data .arthapedia-executive-record .views-view-grid__item { border-bottom: 5px solid var(--Color-00906B); background: var(--Color-White); width: calc(25% - 19px); padding: 15px; border-radius: 8px; box-shadow: 0 0 15px rgba(0, 0, 0, .2); transition: transform .3s ease-in-out }
.editorial-board-data .arthapedia-executive-record .views-field-title { display: block }
.editorial-board-data .arthapedia-executive-record .views-field:not(.views-field-title) { display: flex; align-items: start; gap: 10px }
.editorial-board-data .arthapedia-executive-record .views-field-title h3 { border-bottom: 1px solid var(--Color-00906B); background: 0 0; padding: 0 0 10px; font-size: var(--Font-20); font-weight: var(--Font-600); margin-bottom: 12px }
.editorial-board-data .arthapedia-executive-record .views-field-title a { text-decoration: none; color: var(--Color-Black); transition: .4s ease-in-out; font-size: var(--Font-16); }
.editorial-board-data .arthapedia-executive-record .views-field-title a:hover { color: var(--Color-00906B) }
.editorial-board-data .arthapedia-executive-record .views-field .views-label { font-weight: var(--Font-600); }
.editorial-board-data .arthapedia-executive-record .views-field .field-content { word-break: break-word; }

/* form-edit node-executive-record-sheet-edit-form */
.exeButton { text-align: right; display: flex; background: var(--Color-00906B); width: auto; margin-left: auto; color: var(--Color-White); padding: 12px; margin-bottom: 15px; }
.exeButton:hover { background-color: var(--Color-004D4E); color: var(--Color-White); }
form.node-executive-record-sheet-edit-form { padding: 20px; background: rgb(214, 214, 214, .5); border-radius: 10px; border-top: 10px solid var(--Color-00906B); }
form.node-executive-record-sheet-edit-form .form-item__label { color: var(--Color-00906B); position: relative; padding-left: 14px; font-weight: 600; }
form.node-executive-record-sheet-edit-form .form-item__label::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--Color-00906B); position: absolute; left: 0; top: 9px; }
form.node-executive-record-sheet-edit-form input[value=Remove] { background-color: var(--Color-004D4E); color: var(--Color-White); border-radius: 0; border: 1px solid var(--Color-004D4E); }
form.node-executive-record-sheet-edit-form input[value=Remove]:hover { background-color: var(--Color-00906B); }
form.node-executive-record-sheet-edit-form .form-item__description { color: #c72929; }

/* service-section  (tabs-wrapper) */
.service-section .tabs-wrapper { margin: 30px 0; border-radius: 8px }
.service-section .tabs { flex-direction: row; }
.service-section .tabs__tab { display: inline-block; margin-right: 10px; border-radius: 6px; overflow: hidden; max-width: 200px; width: 100%; padding-left: 0; }
.service-section .tabs__link { padding: 10px 15px; background: #e3e3e3; color: var(--Color-323232); text-decoration: none; border-radius: 6px; transition: .3s ease-in-out; justify-content: center; height: 40px; }
.service-section .tabs__link:hover { background: #d6d6d6 }
.service-section .tabs__tab.is-active .tabs__link { background: var(--Color-00906B); color: #fff; font-weight: var(--Font-600) }
.service-section .tabs__link.is-active::after { border-color: var(--Color-004D4E) }
.service-section .tabs__trigger { background: 0 0; border: none; cursor: pointer; padding: 5px; display: none }
.service-section .tabs__trigger-icon span { display: block; width: 20px; height: 3px; background: #555; margin: 4px 0; border-radius: 3px }
.service-section .tabs__trigger[aria-expanded=true] .tabs__trigger-icon span { background: var(--Color-00906B) }
.userSection { max-width: 100%; background: var(--Color-FFFFFF69); padding: 20px; border-radius: 12px; box-shadow: 0 0 20px rgba(0, 0, 0, .2); font-family: Arial, sans-serif; margin: 20px auto }
.userSection .field { margin-bottom: 15px; padding: 10px; border-left: 4px solid var(--Color-00906B); background: var(--Color-F0F7F8); border-radius: 8px; display: flex; align-items: center; gap: 8px; }
.userSection .field__label { font-weight: 700; color: #333; margin-bottom: 0px; font-size: 14px }
.userSection .field div, .userSection .field time { font-size: var(--Font-16); color: #555 }
.userSection .js-form-item { font-size: 14px; font-weight: 700; color: #007bff; margin-bottom: 15px }

/* user-form */
.user-form h4, .user-form label { font-weight: 600; color: var(--Color-00906B) }
.user-form { max-width: calc(98% - 0px); margin: 20px auto; padding: 20px; background: rgb(214, 214, 214, .6); border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, .1) }
.user-form label { font-size: var(--Font-16); display: block; margin-bottom: 5px }
.user-form input, .user-form select { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px }
.user-form input:focus, .user-form select:focus { border-color: #007bff; outline: 0; box-shadow: 0 0 5px rgba(0, 123, 255, .5) }
.user-form .form-item { margin-bottom: 15px }
.user-form .form-item__description { font-size: var(--Font-14); color: var(--Color-848484); margin-top: -10px; margin-bottom: 10px }
.user-form h4 { font-size: var(--Font-16); margin-bottom: 10px }
.user-form .button { width: auto; padding: 10px 16px; background-color: var(--Color-004D4E); color: #fff; border: none; border-radius: 5px; font-size: var(--Font-16); margin-bottom: 0; cursor: pointer; transition: background .3s }
.user-form .button:hover { background-color: var(--Color-00906B) }

/* node-form */
.node-form .filter-guidelines__item--plain-text h4 { color: var(--Color-848484); }
.node-form textarea { width: 100%; }
.node-form #edit-title-0-value { max-width: 300px }
.node-form table th { display: flex; align-items: center; gap: 8px }
.node-form table th .form-item__label--multiple-value-form { margin-bottom: 0; color: var(--Color-00906B); font-size: var(--Font-28); }
.field-multiple-drag, .node-form table th[data-heading=""], .node-form thead tr th:nth-child(2), .node-form thead tr th:nth-child(3), .node-form tr.draggable td:nth-child(3), td[data-th=Order] { display: none }

.node-form .js-form-item { display: flex; flex-direction: column; margin-bottom: 15px }
.node-form .placeholder { background-color: transparent }
.node-form .form-actions { padding: 20px }
.node-form .paragraph-type-label { color: var(--Color-00906B); font-size: var(--Font-24); font-weight: var(--Font-600); }
.node-form .button, .paragraphs-tabs .tabs__tab a { transition: background .3s ease-in-out }
.node-form .tabledrag-toggle-weight-wrapper { text-align: right; padding: 20px 20px 0 20px; }
.node-form .tabledrag-toggle-weight { padding: 12px; background-color: var(--Color-004D4E); color: var(--Color-White); border: none; }
.node-form .paragraphs-tabs-wrapper { margin-top: 30px; border-radius: 8px; box-shadow: 0px 0px 15px rgba(0, 0, 0, .3); border-top: 15px solid var(--Color-00906B); }
.node-form .paragraphs-tabs li { display: inline-block; margin-right: 10px }
.node-form .paragraphs-tabs .tabs__tab a { text-decoration: none; color: #fff; padding: 10px 15px; border-radius: 5px; background: #0056b3 }
.node-form .paragraphs-tabs .tabs__tab a:hover { background: #003f7f }
.node-form .paragraphs-tabs .tabs__tab.is-active a { background: #fc0; color: #333 }
.node-form .paragraphs-dropdown-toggle { background-color: rgb(255, 255, 255, .6); border: 1px solid #004d4e; margin-left: 12px; border-radius: 50%; padding: 15px; }
.node-form .field-multiple-table { width: 100%; border-collapse: collapse; background: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden }
.node-form .field-multiple-table th { background: var(--Color-White); color: var(--Color-00906B); padding: 20px; text-align: left }
.node-form .field-multiple-table td { padding: 50px 20px; border-bottom: 1px solid var(--Color-00906B); background-color: var(--Color-EAEBF1); }
.node-form .fieldset__wrapper { display: flex; gap: 5px; }
.node-form .form-item__label { font-weight: 700; color: var(--Color-323232); margin-bottom: 5px; font-size: var(--Font-16); }
.form-text, .node-form .form-select { width: 100%; padding: 8px 24px 8px 8px; border: 1px solid var(--Color-CBCCDB); border-radius: 0px; font-size: var(--Font-16); }
.new-dashboard .form-select {   background-position: right .49rem center;}
.user-logged-in .messages--error .placeholder {color: red !important;}
.form-text:focus, .node-form .form-select:focus, .node-form .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) { border-color: var(--Color-00906B); outline: 0; box-shadow: 0 0 5px rgba(6, 137, 6, 0.5) }
.node-form .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items { flex-wrap: wrap; }
.node-form .button { background: var(--Color-00906B); color: #fff; padding: 8px 15px; border: none; cursor: pointer; margin-left: 0 }
.executive-record-sheet .views-exposed-form { display: grid; grid-template-columns: repeat(4, 1fr); }
.node-form .paragraphs-actions { margin: 20px 0; justify-content: end; }
.node-form .paragraphs-dropdown-actions { border: none; border-radius: 0px; z-index: 15; right: 0; top: 32px; }
.node-form .button:hover { background: #004D4E }
.node-form .tabledrag-handle { cursor: grab }
.node-form input[value=Duplicate], .node-form input[value=Remove] { background-color: var(--Color-White); color: var(--Color-00906B); border-radius: 0; border-bottom: 1px solid var(--Color-004D4E) }
.node-form input[value=Duplicate]:hover, .node-form input[value=Remove]:hover { background-color: #218838; color: var(--Color-White); border-radius: 0; }
.node-form .vertical-tabs { gap: 30px; align-items: center; }
.node-form .vertical-tabs__panes { width: auto; }
.node-form .vertical-tabs__menu { width: auto; border: 1px solid #323232; }
.node-form .vertical-tabs__menu-item.is-selected { margin-bottom: 0; margin-inline-end: 0; padding-left: 0; }
.node-form .ies-details { border: none; }
.node-form .ies-details__wrapper { margin: 0; }
.node-form .ies-details__wrapper .js-form-item { flex-direction: row; align-items: center; gap: 7px; margin-bottom: 0; }
.node-form .ies-details__wrapper .js-form-item .form-item__label { margin-bottom: 0; }
.node-form .ies-details__wrapper #edit-revision { width: 20px; }

/* concept-index */
/* concept-index */
/* .indexMap {	display: grid;flex-wrap: wrap;width: 100%;gap: 30px;grid-template-columns: repeat(3, 1fr);} */
.masonry-item { float: left; }
.masonry-grid { display: flex; margin: 0 auto; gap: 20px; }
.masonry-grid .item-list .masonry-content { background-color: #fff; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, .1); padding: 16px; transition: transform .3s, box-shadow .3s; border-top: 5px solid var(--Color-00906B); position: relative; }
.grid-sizer, .masonry-item { width: calc(33.333% - 20px); }
.masonry-item .card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.2s ease-in-out; }
.masonry-item { padding: 12px; }
.masonry-grid .item-list .masonry-content:hover { transform: translateY(-5px); box-shadow: 0 6px 12px rgba(0, 0, 0, .15) }
.masonry-grid .item-list .masonry-content h3 { margin: 0 0 10px; font-size: var(--Font-18); color: #fff; }
.masonry-grid .item-list .masonry-content li { margin-bottom: 6px; position: relative; list-style: none; padding: 0 0 5px 18px; border-bottom: 1px dashed #d0d0d0; }
.masonry-grid .item-list .masonry-content li::before { content: ''; width: 8px; height: 8px; border-left: 2px solid var(--Color-00906B); border-top: 2px solid var(--Color-00906B); position: absolute; transform: rotate(135deg); left: 0; top: 7px; }
.masonry-grid .item-list .masonry-content a { text-decoration: none; color: var(--Color-00906B); transition: color .2s; font-size: 18px; }
.masonry-grid .item-list .masonry-content a:hover { color: #0056b3 }

/* unsubscribe-confirmation-form */
.unsubscribe-confirmation-form { width: 100%; max-width: 400px; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, .1); text-align: center; margin: 5% auto; display: flex; flex-direction: column; justify-content: center; }
.unsubscribe-confirmation-form h2 { font-size: 22px; color: #333; margin-bottom: 15px }
.unsubscribe-confirmation-form p { font-size: 16px; color: #666; margin-bottom: 15px }
.unsubscribe-confirmation-form .email-text { font-weight: 700; color: #d9534f; background: #ffe6e6; padding: 8px; border-radius: 5px; margin: 10px 0; display: inline-block }
.unsubscribe-confirmation-form .button { padding: 12px; font-size: 16px; border-radius: 5px; border: none; cursor: pointer; transition: background-color .3s; margin-top: 20px }
.unsubscribe-confirmation-form #edit-confirm { background: #d9534f; color: #fff }
.unsubscribe-confirmation-form #edit-confirm:hover { background: #c9302c }
.unsubscribe-confirmation-form #edit-cancel { background: #6c757d; color: #fff }
.unsubscribe-confirmation-form #edit-cancel:hover { background: #5a6268 }
.unsubscribe-text { height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: var(--Font-32); line-height: 1.3; color: var(--Color-00906B); max-width: 600px; text-align: center; background-color: var(--Color-White); box-shadow: 0 0 25px #00000045; margin: 0 auto; position: relative; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 40px; margin: 50px auto 0px; }
.unsubscribe-text::after { content: ''; width: 100%; height: 10px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; background-color: var(--Color-00906B); position: absolute; bottom: 0; }

/*smoke external css popup start*/
.smoke-base { position: fixed; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; opacity: 0; }
.smoke-base.smoke-visible { opacity: 1; visibility: visible; }
.smokebg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; }
.smoke-base .dialog { position: absolute; }
.dialog-prompt { margin-top: 15px; text-align: center; }
.dialog-buttons { margin: 20px 0 5px 0 }
.smoke { text-align: center; font-size: 18px; line-height: 150%; }
.dialog-buttons button { display: inline-block; vertical-align: baseline; cursor: pointer; font-style: normal; text-decoration: none; border: 0; outline: 0; margin: 0 5px; -webkit-background-clip: padding-box; font-size: 13px; line-height: 13px; font-weight: normal; padding: 9px 12px; }
.dialog-prompt input { margin: 0; border: 0; font-family: sans-serif; outline: none; border: 1px solid #aaa; width: 75%; display: inline-block; background-color: transparent; font-size: 16px; padding: 8px; }
.smoke-base { background: rgba(0, 0, 0, .6); }
.smoke-base .dialog { top: 40%; width: 700px; left: 50%; margin-left: -350px; }
.smoke-base .dialog-inner { padding: 15px; color: #202020; }
.smoke { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 2px 8px #666; }
.dialog-buttons button { background-color: rgba(0, 0, 0, .85); border-radius: 0; color: #fff; }
.dialog-buttons button.cancel { background-color: rgba(0, 0, 0, .40); }

/* coming soon */
.comingSoonIfram iframe { height: 400px; width: 100%; }



/* High Contrast */
:root body.wob {
	--sttl-color-primary: #ff0;
	--sttl-color-secondary: #80ff00;
	--sttl-color-white: #fff;
	--sttl-color-black: #000;
	--sttl-color-gray: #333;
}

body.wob { background: var(--sttl-color-black); }
body.wob header { background: var(--sttl-color-black); }
.wob .field--name-field-concepts-references { color: var(--sttl-color-white); }
.wob .author-info h4, .wob .arthapedia-section .concept-section h4 { color: var(--sttl-color-white); }
body.wob .HeaderMenu ul li.hover > a { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); }
/* body.wob .HeaderMenu > ul> li> ul { background-color: var(--sttl-color-black); } */
body.wob .HeaderMenu > ul> li> ul { background-color: #00000073; backdrop-filter: blur(8px); }
body.wob .HeaderMenu ul>li ul li a { border-color: var(--sttl-color-primary); }
body.wob .HeaderMenu ul>li ul li>ul { background-color: var(--sttl-color-black); }
body.wob .concept-section .right-content { background: #333; }
body.wob .HeaderBottom { box-shadow: none; background: #23232a; border-top: 1px solid var(--sttl-color-primary); }
.faq-section .innerFaq .faqfield-answer{border-color:var(--sttl-color-primary);}
body.wob .faq-section .innerFaq .ui-state-active { color: var(--sttl-color-primary); }
body.wob .faqfield-question::after { filter: invert(86%) sepia(100%) saturate(500%) hue-rotate(0deg) brightness(100%); }
body.wob .Language .member-login { border: 1.5px solid var(--sttl-color-primary); color: var(--sttl-color-primary); }
body.wob .Language .member-login:hover { background-color: var(--sttl-color-secondary); color: var(--sttl-color-black); }
body.wob .Accessibility > a { filter: invert(86%) sepia(100%) saturate(500%) hue-rotate(0deg) brightness(100%); }
body.wob .BannerHome .banner-link { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob .BannerHome .banner-link:hover { background-color: var(--sttl-color-secondary); }
body.wob .SearchBox .form-search { background-color: var(--sttl-color-black); border-color: var(--sttl-color-primary); }
body.wob .SearchBox input.form-submit { filter: brightness(0) saturate(100%) invert(88%) sepia(100%) saturate(7470%) hue-rotate(1deg) brightness(104%) contrast(101%); }
body.wob .ShadowBox { background-color: var(--sttl-color-black); }
body.wob .capacityInner #marqueess { background-color: var(--sttl-color-black); }
body.wob .capacityInner ul { background-color: var(--sttl-color-gray); }
body.wob .capacityInner ul li { color: var(--sttl-color-white); }
body.wob .bookElementBox, body.wob .capacityInner ul::after { border-color: var(--sttl-color-primary); }
body.wob .capacityInner ul:hover::after { border-color: var(--sttl-color-secondary); }
body.wob .Marquee .Updates { color: var(--sttl-color-white); }
body.wob .playBtn, body.wob .btn-2 span, body.wob .btn-2b::before, body.wob .Marquee .MarqueeBtn:after { color: var(--sttl-color-black); background-color: var(--sttl-color-primary); }
body.wob .bookTitle, body.wob .Marquee .cta-link { color: var(--sttl-color-primary); }
body.wob .Marquee .MarqueeBox ul li:after { background-color: var(--sttl-color-primary); }
body.wob .Marquee .cta-link:hover { color: var(--sttl-color-secondary); }
body.wob .capacityInner ul li a { color: var(--sttl-color-white); }
body.wob .about-section { background: var(--sttl-color-black); }
body.wob section.innerBanner .bannerImg{ filter: grayscale(1); }
body.wob .about-content h2 { color: var(--sttl-color-white); }
body.wob .breadcrumb .breadcrumb__link,
body.wob .breadcrumb__item,
body.wob section.innerBanner h2{ background-color: rgb(49 49 49);color:var(--sttl-color-primary);}
body.wob .about-content p {	color: var(--sttl-color-white); }
body.wob .about-content a { color: var(--sttl-color-primary); }
body.wob .about-content a:hover { color: var(--sttl-color-secondary); }
body.wob .rightLinksSection li a, body.wob .about-link { color: var(--sttl-color-primary); }
body.wob .about-link:hover { color: var(--sttl-color-secondary); }
body.wob .officer-header h2 { color: var(--sttl-color-white); }
body.wob .DepartmentLogo{ background: var(--Color-White);padding: 30px 0px !important; }
body.wob .smallHeader, body.wob .Marquee, body.wob .officer-box { background: #23232a; border-color: var(--sttl-color-primary); box-shadow: none; }

body.wob .officer-box:hover { border-color: var(--sttl-color-secondary); }
body.wob .officer-box .calender { color: var(--sttl-color-white); }
body.wob .officer-box .desc { color: var(--sttl-color-white); }
body.wob .officer-box .year { color: var(--sttl-color-white); }
body.wob .photogalleryNext,
body.wob .videogalleryPrev,
body.wob .videogalleryNext,
body.wob .photogalleryPrev,
body.wob .videoSwiper-next, body.wob .videoSwiper-prev,
body.wob .videogalleryNext{ border: 1px solid var(--sttl-color-primary); background-color: var(--sttl-color-black); }
/*body.wob .departmentSwiper-next, body.wob .departmentSwiper-prev,*/
body.wob .officerSwiper-next,body.wob .officerSwiper-prev{	border: 1px solid var(--sttl-color-primary); }
body.wob .videogalleryNext,body.wob .photogalleryPrev,
/*body.wob .departmentSwiper-next::after, body.wob .departmentSwiper-prev::after,*/
body.wob .viewAllLinks,
body.wob .videogalleryNext,
body.wob .officerSwiper-next::after, body.wob .officerSwiper-prev::after { color: var(--sttl-color-primary); }
body.wob .verticleToggle>span,body.wob .updatesToggle>span,
body.wob .toggle-btn,body.wob .playBtnG, body.wob .videogalleryNext:hover, body.wob .videogalleryPrev:hover,
/*body.wob .departmentSwiper-next:hover,body.wob .departmentSwiper-prev:hover,*/
body.wob .officerSwiper-next:hover, body.wob .officerSwiper-prev:hover { background-color: var(--sttl-color-primary);color: var(--sttl-color-black); }
body.wob .departmentSwiper-prev:hover:after, body.wob .departmentSwiper-next:hover:after{ color:var(--sttl-color-white); }
body.wob .swiper-button-next:hover body.wob .swiper-button-next:after, 
body.wob .swiper-button-prev:hover body.wob .swiper-button-prev:after {	color: var(--sttl-color-black); }
body.wob div#AccessibilityControl .fontScaler {	color: var(--sttl-color-white); }
body.wob h3 { color: var(--sttl-color-white); }
body.wob h2 { color: var(--sttl-color-white); }
body.wob p { color: var(--sttl-color-white); }
body.wob small { color: rgb(255, 255, 255, 0.5); }
body.wob ul > li { color: var(--sttl-color-white); }
body.wob .empty-search-results-text { color: var(--sttl-color-white); }
body.wob .mediaGallery .tabBtn.active { background-color: var(--sttl-color-primary);color: var(--sttl-color-black); }
body.wob .earthWrap ul li.marquee-item,
body.wob .mediaGallery .tabBtn { border-color: var(--sttl-color-primary);	color: var(--sttl-color-white);background-color: transparent; }
body.wob .earthWrap .marquee-item a::before,
body.wob .mediaGallery ul li.NonResposniveTabsLI:hover { background-color: var(--sttl-color-primary);color: var(--sttl-color-black); }
body.wob .mediaGallery .cta-link { color: var(--sttl-color-primary); }
body.wob .mediaGallery .cta-link:hover { color: var(--sttl-color-secondary); }
body.wob .mediaGallery .contentBox a { color: var(--sttl-color-primary); }
body.wob .mediaGallery .contentBox a:hover { background-color: var(--sttl-color-secondary); color: var(--sttl-color-black); }
body.wob footer { background-color: var(--sttl-color-gray); }
/* body.wob .footerTop {background-color: var(--sttl-color-primary);} */
/*body.wob footer .SocialIcons ul li a { color: var(--sttl-color-primary);border-color: var(--sttl-color-primary); background-color: var(--sttl-color-black); }*/
body.wob .service-section h1 { color: var(--sttl-color-white); }
body.wob .service-section p { color: var(--sttl-color-white); }
body.wob .service-section .bulletText li { color: var(--sttl-color-white); }
body.wob .table-responsive thead th:first-child { border-color: var(--sttl-color-white); }
body.wob .table-responsive thead th { background-color: var(--sttl-color-primary);color: var(--sttl-color-black);border-color: var(--sttl-color-black); }
body.wob .table-responsive tbody tr td { color: var(--sttl-color-white);border-left: 1px solid #666666; }
body.wob .table-wraper { border: 1px solid #666666; }
body.wob .table-responsive tbody tr td:last-child { border-right: 1px solid #666666;  }
body.wob .table-responsive tbody tr:nth-child(even) td { background-color: var(--sttl-color-gray); }
body.wob .table-responsive tbody tr td a { color: var(--sttl-color-primary); }
body.wob .view-filters form input {	background-color: var(--sttl-color-black);border-color: var(--sttl-color-primary); }
body.wob .view-filters form input[type=submit] { border-color: var(--sttl-color-primary); background-color: var(--sttl-color-black); }
body.wob .pager .pager__item:hover .pager__link { background-color: var(--sttl-color-primary);color: var(--sttl-color-black); border-radius: 3px; }
body.wob .pager .pager__item.pager__item--active { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); border-radius: 3px; }
body.wob .pager .pager__item .pager__link { color: var(--sttl-color-white); }
body.wob ul > li:after { background-color: var(--sttl-color-primary); }
body.wob .breadcrumb .breadcrumb__item::before { background-color: var(--sttl-color-primary); }
body.wob div#AccessibilityControl .Heading { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob div#AccessibilityControl ul { background-color: #282828; }
body.wob div#AccessibilityControl ul li { border-color: #727236; }
body.wob div#AccessibilityControl ul li span { color: var(--sttl-color-white); }
body.wob a { color: var(--sttl-color-white); }
body.wob div#AccessibilityControl .contrastChanger.wob { background-color: var(--sttl-color-gray); border-color: var(--sttl-color-white); }
body.wob input, select, textarea, .form-select, .form-control { border-color: var(--sttl-color-primary); }
body.wob label { color: var(--sttl-color-white); }
body.wob .new-badge { background: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob .scroll-to-top { background: linear-gradient(145deg, var(--sttl-color-primary), var(--sttl-color-secondary)); color: var(--sttl-color-black); }
body.wob .executive-record .view-filters form { background: var(--sttl-color-gray);border: 1px solid var(--sttl-color-primary); }
body.wob .alphabetGroup .active, body.wob .alphabetGroup a:hover { background: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob .executive-record .view-content .views-view-grid__item { background: var(--sttl-color-gray); box-shadow: none; }
body.wob .personalDetails { color: var(--sttl-color-white); }
body.wob .executive-record .view-content .views-view-grid__item .views-field-title { border-color: var(--sttl-color-primary); }
body.wob .executive-record .view-content .views-view-grid__item .views-field { color: var(--sttl-color-white); }
body.wob .fa-times:before { color: var(--sttl-color-black); }
body.wob .comingSoonIfram iframe { filter: contrast(0.3); }
body.wob .executive-detailed { background: var(--sttl-color-black); border-color: var(--sttl-color-primary); box-shadow: 0 0 8px var(--sttl-color-primary); border-top-color: var(--sttl-color-primary) !important; }
body.wob .executive-detailed .heading { border-color: var(--sttl-color-primary); }
body.wob .executive-detailed .field::before { background-color: var(--sttl-color-primary); }
body.wob .executive-detailed .inner-field { background-color: var(--sttl-color-gray); color: var(--sttl-color-white); }
body.wob .sitemap .sitemap-item ul li a { color: var(--sttl-color-primary); background-color: var(--sttl-color-black); }
/* body.wob.sitemap .sitemap .sitemap-item ul li ul li>a::after, */
body.wob.sitemap .sitemap-item ul li ul li::before,
body.wob.sitemap .sitemap-item ul li ul li>a::after,
body.wob.sitemap ul>li>ul:after,
body.wob.sitemap .sitemap-item ul li ul li::before{background-color:var(--sttl-color-primary);border-color: var(--sttl-color-primary);border-color: #ff0;}
body.wob.sitemap ul>li>ul:after{background-color: var(--sttl-color-primary);}
body.wob.sitemap ul>li>a:hover, #site-map .nolink:hover { background: var(--sttl-color-primary); color: var(--sttl-color-black); }
.wob.sitemap ul>li>ul { border-left: 1px solid #ffc107; }
body.wob .sitemap ul>li>a { border-color: var(--sttl-color-primary); }
body.wob .sitemap .child-trigger2:after { color: var(--sttl-color-white); }
.wob .btnStyle, body.wob .Button { color: var(--sttl-color-black); background-color: var(--sttl-color-primary); }
body.wob .Button:hover { background-color: var(--sttl-color-secondary); }
body.wob .search-results .search-results__item { background-color: var(--sttl-color-gray); box-shadow: 0 0 6px var(--sttl-color-white); }
body.wob .search-results__item::after { border-color: transparent; background-color: var(--sttl-color-primary); }
body.wob .search-results .search-results__item:after { top: 101%; }
body.wob .search-results .search-result__snippet strong { color: var(--sttl-color-primary); }
body.wob .executive-detailed h6 { color: var(--Color-White); }
body.wob .executive-detailed .views-label { color: var(--sttl-color-white); }
body.wob .executive-detailed .field-content { color: var(--sttl-color-white); }
body.user-logged-in ul li:after { display: none; }
body.wob .Logo img { filter: invert(1); }
body.wob .executive-detailed .profileDetailEx { background-color: var(--sttl-color-gray); }
body.wob .node-form .paragraphs-tabs-wrapper { border-color: var(--sttl-color-primary); box-shadow: 0 0 8px var(--sttl-color-primary); }
body.wob .node-form .field-multiple-table td { border-color: var(--sttl-color-primary); background-color: var(--sttl-color-gray); }
body.wob .node-form .tabledrag-toggle-weight { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); transition: all0.5s ease; }
body.wob .node-form .tabledrag-toggle-weight:hover { background-color: var(--sttl-color-white); color: var(--sttl-color-black); }
body.wob .node-form .form-item__label { color: var(--sttl-color-primary); }
body.wob .node-form .paragraphs-dropdown-toggle { background-color: var(--sttl-color-white); }
body.wob .node-form .paragraph-type-label { color: var(--sttl-color-primary); }
body.wob .node-form .button { background-color: var(--sttl-color-secondary); color: var(--Color-Black); }
body.wob .node-form .button:hover { background-color: var(--sttl-color-primary); color: var(--Color-Black); }
body.wob form.node-executive-record-sheet-edit-form .form-item__description { color: var(--sttl-color-secondary); }
body.wob form.node-executive-record-sheet-edit-form { border-color: var(--sttl-color-primary); background: var(--sttl-color-gray); }
body.wob form.node-executive-record-sheet-edit-form .form-item__label::before { background: var(--sttl-color-primary); }
body.wob .executive-record .view-content .views-view-grid__item { border-color: var(--sttl-color-primary); }
body.wob .executive-detailed a.button.button--edit:before { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob .executive-detailed a.button.button--add:before { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob .executive-detailed a.button.button--add:hover:before { background: var(--sttl-color-secondary) }
body.wob .executive-detailed a.button.button--edit:hover:before { background: var(--sttl-color-secondary) }
body.wob .arthapedia-top-header { background-color: var(--sttl-color-gray); }
body.wob .arthapedia-top-header .Logo h1 img { filter: invert(0); }
body.wob .arthapedia-bottom-header .HeaderMenu ul li a { color: var(--sttl-color-white); }
body.wob .concept-section { background-color: var(--sttl-color-black); }
body.wob .concept-section .left-content { background: var(--sttl-color-gray); }
body.wob .concept-section .left-content .title h2 { color: var(--sttl-color-white); }
body.wob .concept-section .left-content .description p { color: var(--sttl-color-white); }
body.wob .concept-section .innercard .inner-box { background-color: var(--sttl-color-gray); }
body.wob .concept-section .innercard .inner-box h4 { color: var(--sttl-color-white); }
body.wob .concept-section .innercard .inner-box h4:hover { color: var(--sttl-color-primary); }
body.wob .concept-section .artContact { background-color: var(--sttl-color-gray); }
body.wob .concept-section .artContact strong { color: var(--sttl-color-primary); border-color: var(--sttl-color-primary); }
body.wob .info-section .info-content p { color: var(--sttl-color-white); }
body.wob .faq-section .innerFaq { background: var(--sttl-color-gray); }
body.wob .view-filters form input, body.wob .view-filters form select{border-color: var(--sttl-color-primary);background-color: #000000;color: var(--sttl-color-white);}
body.wob .faq-section .innerFaq .faqfield-question { background-color: var(--sttl-color-gray); color: var(--sttl-color-primary); border-color: var(--sttl-color-primary); }
body.wob .faq-section .innerFaq .icnPlus.minus-icon { background: rgba(255, 255, 255, 0.8); background-image: url(../images/faq-minus.png); background-size: 20px; background-repeat: no-repeat; background-position: center; }

body.wob .faq-section .innerFaq .faqfield-answer { background-color: var(--sttl-color-gray); }
body.wob .faq-section .innerFaq .faqfield-answer p { color: var(--sttl-color-white); }
/* body.wob .faq-section .innerFaq .ui-state-active { color: #00000000;} */
body.wob .arthapedia-footer .copyright-text p { color: var(--sttl-color-white); }
body.wob .arthapedia-bottom-header .HeaderMenu ul li.hover > a { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob .HeaderTop .btn { background-color: var(--sttl-color-gray); color: var(--sttl-color-primary); }
body.wob .profile-menu li { border-color: var(--sttl-color-primary); }
body.wob .profile-img { border-color: var(--sttl-color-primary); }
body.wob .editorial-board-data .arthapedia-executive-title h3 { background: var(--sttl-color-primary); color: var(--sttl-color-black); border-color: var(--sttl-color-primary); }
body.wob .editorial-board-data .arthapedia-executive-record { background: var(--sttl-color-black); }
body.wob .editorial-board-data .arthapedia-executive-record .views-view-grid__item { background: var(--sttl-color-gray); border-color: var(--sttl-color-primary); }
body.wob .editorial-board-data .arthapedia-executive-record .views-field .views-label { color: var(--Color-White); }
body.wob .editorial-board-data .arthapedia-executive-record .views-field .field-content { color: var(--Color-White); }
body.wob .LoginSection .FeedbackFrom .Left { background-color: var(--sttl-color-black); }
body.wob .LoginSection .FeedbackFrom .Right { background-color: var(--sttl-color-gray); }
body.wob .LoginSection .FeedbackFrom .MainLogo img { filter: brightness(1) invert(1); }
body.wob legend { color: var(--sttl-color-white); }
body.wob .LoginSection .FeedbackFrom .js-form-submit { color: var(--sttl-color-black); background-color: var(--sttl-color-primary); }
body.wob .LoginSection .FeedbackFrom .js-form-submit:hover { background-color: var(--sttl-color-secondary); }
body.wob .sitemap .sitemap ul>li>ul>li ul li a:hover { background-color: var(--sttl-color-gray); }
body.wob .sitemap .sitemap ul>li>ul>li>a:hover { background-color: var(--sttl-color-gray); }
body.wob .sitemap .sitemap-item ul li a:hover { background: var(--sttl-color-gray); color: var(--Color-White); }
body.wob footer .Menu-1.Menu-2 ul li a:hover { color: var(--sttl-color-secondary); }
body.wob footer .SocialIcons ul li a:hover { color: var(--sttl-color-secondary); }
body.wob header .parent-trigger { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob .SearchIconResponsive span { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob .HeaderMenu>ul>li.parent>a:after { border-color: var(--sttl-color-primary); }
body.wob .HeaderMenu ul>li>a { color: var(--sttl-color-primary); }
body.wob .HeaderMenu ul>li .child-trigger { background-color: var(--sttl-color-gray); }
body.wob .arthapedia-top-header .profile .btn:hover { background-color: var(--sttl-color-gray); color: var(--Color-White); transition: all 0.4s ease; }
body.wob .faq-section .subscribe-blog .inner .innerimg { background-color: var(--sttl-color-gray); }
body.wob .faq-section .subscribe-blog .inner .innerimg img { filter: invert(1); }
body.wob .node-form .field-multiple-table th { background-color: var(--sttl-color-gray); }
body.wob .editorial-board-data .arthapedia-executive-record .views-field-title h3 { color: var(--sttl-color-primary); background-color: var(--sttl-color-gray); }
body.wob .editorial-board-data .arthapedia-executive-record .views-field-title a { color: var(--sttl-color-primary); }
body.wob .editorial-board-data .arthapedia-executive-record .views-field-title a:hover { color: var(--sttl-color-secondary); }
body.wob .inner-concept .view-content h3 { color: var(--sttl-color-white); }
body.wob .inner-concept .view-content .views-field::before { background-color: var(--sttl-color-primary); }
body.wob .masonry-grid .item-list .masonry-content { background-color: var(--sttl-color-gray); border-color: var(--sttl-color-primary); }
body.wob .masonry-grid .item-list .masonry-content h3 { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob .masonry-grid .item-list .masonry-content a { color: var(--sttl-color-white); }
body.wob .masonry-grid .item-list .masonry-content a:hover { color: var(--sttl-color-secondary); }
body.wob .masonry-grid .item-list .masonry-content li::before { border-color: var(--sttl-color-primary); }
body.wob .userSection .field { background-color: var(--sttl-color-black); border-color: var(--sttl-color-primary); color: var(--sttl-color-white); }
body.wob .userSection .field__label { color: var(--sttl-color-primary); }
body.wob .userSection .js-form-item { color: var(--sttl-color-white); }
body.wob .userSection .js-form-item h4 { color: var(--sttl-color-primary); }
body.wob .userSection .field time { color: var(--sttl-color-white); }
body.wob .HeaderTop .btn { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob .HeaderTop .btn:hover { background-color: var(--sttl-color-secondary); color: var(--sttl-color-black); }
body.wob .arthapedia-top-header.HeaderTop .btn { background-color: var(--sttl-color-primary); color: var(--sttl-color-black); }
body.wob .arthapedia-top-header.HeaderTop .btn:hover { background-color: var(--sttl-color-secondary); color: var(--sttl-color-black); }
body.wob .unsubscribe-text { background-color: var(--sttl-color-gray); color: var(--sttl-color-white); }
body.wob .unsubscribe-text:after { background-color: var(--sttl-color-primary); }
body.wob .table-responsive tbody tr:last-child td { border-bottom: 1px solid transparent; }
body.wob .table-responsive .table{margin-bottom: 0;}
/* Masonry */
/* .masonry-grid {display: flex;margin: 0 -12px;}
.grid-sizer, .masonry-item {width: calc(33.333% - 20px);}
.masonry-item .card {background: #fff;padding: 20px 100px 20px 20px;border-radius: 8px;box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);transition: transform 0.2s ease-in-out;border: 1px solid #00906b57;margin: 12px;}
.masonry-item .card a {font-size: var(--Font-16);line-height: 25px;}
.fileIcnSize {display: flex;gap: 10px;margin-top: 10px;}
.masonry-item .card time {background: #00906b;display: inline-block;color: #fff;padding: 8px;max-width: 60px;text-align: center;font-size: var(--Font-14);line-height: 17px;border-radius: 4px;margin-top: 7px;margin-left: auto;position: absolute;right: 20px;top: 20px;}
.masonry-item .card time span {font-size: var(--Font-12);}
@media (max-width: 900px) {
.grid-sizer, .masonry-item {width: calc(50% - 10px);}
}
@media (max-width: 600px) {
.grid-sizer, .masonry-item {width: calc(100% - 10px);}
} */

/* ------dashboard-header start----- */
body.Dashboard { background-color: #EDF0F3; }
.mainWrap { margin: 150px 0 0; }
section.dashboard-header { position: fixed; top: 0px; z-index: 9; background: #fff; left: 0; width: 100%; }
.button--primary.form-submit { background-color: var(--Color-00906B); color: var(--Color-White); border-radius: 7px; }
.dashboard-header header { box-shadow: 12px 12px 20px #00000005; padding: 20px; border-radius: 12px; }
.dashboard-header .border-right { height: 23px; width: 1px; border: 1px solid rgb(112, 112, 112, 0.2) }

/* searchbar */
.dashboard-header .search-container { position: relative; display: flex; align-items: center }
.dashboard-header .search-icon { font-size: var(--Font-24); color: #053382; cursor: pointer; padding-right: 24px; }
.dashboard-header .search-bar-container { position: absolute; top: 45px; right: -25px; width: 250px; display: none; background-color: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, .1); border-radius: 50px; padding: 0; z-index: 1111; border: 2px solid #053382 }
.dashboard-header .search-bar { width: 100%; border: none; outline: 0; font-size: var(--Font-14); border-radius: 25px }
.dashboard-header .search-bar:focus { outline: 0 }
.dashboard-header .search-bar-container.show { display: flex; animation: .8s slideDown }

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-10px)
	}

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

.dashboard-header .search-btn { background-color: #053382; border: none; padding: 8px 16px; color: white; border-radius: 0 20px 20px 0; cursor: pointer; font-size: var(--Font-16); }
.dashboard-header .notification-link { position: relative; font-size: var(--Font-24); color: #053382; cursor: pointer; padding: 0 23px; }
.dashboard-header .notification-link span { height: 15px; width: 15px; background-color: #F53F3F; border-radius: 50%; position: absolute; color: var(--Color-White); display: flex; justify-content: center; font-size: 10px; line-height: 15px; top: 15px; right: 15px; }
.dashboard-header .setting-link { font-size: var(--Font-24); color: #053382; cursor: pointer; padding-left: 24px; }
.dashboard-header .userBox, #toggle-sidebar { margin-left: 20px; }
.dashboard-header #toggle-sidebar-res { margin-right: 20px; }
.dashboard-header .profile { position: relative; display: flex; align-items: center; gap: 12px; cursor: pointer; }
.dashboard-header .profile h3 { margin-bottom: 0; font-size: var(--Font-16); font-weight: 500; color: #505050; line-height: 24px; }
.dashboard-header .profile p { font-size: var(--Font-14); color: var(--Color-848484); margin-bottom: 0; line-height: 20px; }
.dashboard-header .menu { position: absolute; top: calc(100% - 10px); right: 0; width: 200px; min-height: 100px; background: #fff; box-shadow: 0 12px 40px 0 rgba(23, 16, 159, .2), 0 70px 100px -60px rgba(23, 16, 159, .4); opacity: 0; transform: translateY(-10px); visibility: hidden; transition: 300ms; border-radius: 8px; z-index: 9; }
.dashboard-header .menu.active { opacity: 1; transform: translateY(0); visibility: visible; }
.dashboard-header .menu ul { position: relative; display: flex; flex-direction: column; z-index: 10; background: #fff; padding: 15px 0; margin: 0; border-radius: 8px; }
.dashboard-header .menu ul li { list-style: none; }
.dashboard-header .menu ul li::after { display: none; }
.dashboard-header .menu ul li:hover a { color: #1C55BC; }
.dashboard-header .menu ul li a { text-decoration: none; color: #323232; display: flex; align-items: center; padding: 0 20px 15px; gap: 10px; font-weight: 500; }
.dashboard-header .menu ul li:last-child a { padding-bottom: 0; }
.dashboard-header .menu-arrow { background: #fff; border-radius: 2000px; border-radius: 6px; content: ""; display: block; height: 30px; right: 0; position: absolute; top: 4px; transform: rotate(45deg) translateX(-70%); width: 30px; z-index: -1; z-index: 9; }
.leftSection a#toggleClose { display: none; }
/* ------dashboard-header end----- */

/* Dashboard Left panel */
.mainWrap .container-fluid { padding: 0; }
.mainWrap .page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > a, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-search input.search-menu, .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-menu ul li a, #show-sidebar, #close-sidebar { transition: all 0.3s ease; }
.mainInner .leftSection { position: fixed;	left: 0;	transition: 0.3s all ease-in-out;	max-width: 280px;	z-index: 9;background-color: #143370;height: calc(100vh - 190px); }
.user-logged-in .leftSection{ height: calc(100vh - 280px); }
body.fixed-header .mainInner .leftSection {	position: fixed;	left: unset;	transition: 0.3s all ease-in-out;	max-width: 260px;}
.mainWrap .page-wrapper { overflow-y: auto;	max-height: calc(100vh - 190px); }
.user-logged-in .mainWrap .page-wrapper {overflow-y: auto;	max-height: calc(100vh - 190px);	padding-bottom: 80px;}
.mainWrap .sidebar-wrapper {width: 280px;height: 100%;max-height: 100%;top: 0;	left: -300px;z-index: 999;}
.mainWrap .sidebar-wrapper ul {	list-style-type: none;	padding: 0;	margin: 0;}
.mainWrap .sidebar-wrapper a {	text-decoration: none;}
.mainWrap .sidebar-wrapper .sidebar-menu .header-menu span {font-weight: bold;	font-size: 14px;	padding: 15px 20px 5px 20px;	display: inline-block;}
.mainWrap .sidebar-wrapper .sidebar-menu ul li {margin-bottom: 0;	padding-left: 0;}
.mainWrap .sidebar-wrapper .sidebar-menu ul li:first-child {border-top-right-radius: 5px;}
.mainWrap .sidebar-wrapper .sidebar-menu ul li:after {display: none;}
.mainWrap .sidebar-wrapper .sidebar-menu ul li:last-child a {border-bottom: none;}
.mainWrap .sidebar-wrapper .sidebar-menu ul li a {	position: relative;	margin: 0 0px;	color: var(--Color-White);	display: flex;	align-items: center;	gap: 10px;	border-bottom: 1px solid rgb(255, 255, 255, 0.22);	padding: 20px 20px;	font-size: var(--Font-14);	line-height: 18px;	font-weight: 400;}
.mainWrap .sidebar-wrapper .sidebar-menu ul li.active,
.mainWrap .sidebar-wrapper .sidebar-menu ul li:hover {background: #1962C1;}	
.mainWrap .sidebar-wrapper .sidebar-menu .sidebar-submenu {	display: none;}
.mainWrap .sidebar-wrapper {background: #143370;	border-top-right-radius: 5px;}
.mainWrap .sidebar-wrapper .sidebar-menu ul li ul li a{padding: 12px 20px;}
/* Dashboard content */
.mainWrap .mainInner { /*display: flex;gap: 32px;*/	position: relative; }
.mainWrap h2.title { font-size: var(--Font-24);	line-height: 32px;color: #333333;font-weight: 600;margin-bottom: 15px;letter-spacing: 0.44px; }
.mainWrap .dashBox {background: var(--Color-White);	box-shadow: 12px 12px 20px #00000005;border-radius: 5px;padding: 20px;display: flex;gap: 16px;align-items: center;
	justify-content: space-between;height: 130px;position: relative;transition: transform .3s; }

.mainWrap .dashBox::after { content: ''; width: 90%; height: 4px; background-color: #E04A8A; bottom: -4px; left: 50%; transform: translateX(-50%); position: absolute; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.mainWrap .colorTwo::after { background-color: #54B875; }
.mainWrap .colorThree::after { background-color: #4E82FF; }
.mainWrap .colorFour::after { background-color: #F6763C; }
.mainWrap .colorOne { color: #E04A8A; }
.colorTwo { color: #54B875; }
.colorThree { color: #4E82FF; }
.colorFour { color: #F6763C; }
.mainWrap .dashBox .imgWrap { border-radius: 10px; width: 60px; height: 60px; text-align: center; line-height: 60px; }
.mainWrap .dashBox .imgWrap img { vertical-align: middle; }
.mainWrap .dashBox .detailWrap h3 { font-weight: 600; font-size: var(--Font-26); line-height: 36px; margin-bottom: 6px; }
.mainWrap .dashBox .detailWrap p { font-size: var(--Font-20); line-height: 24px; color: var(--Color-323232); max-width: 135px; }
.mainWrap select { min-height: 36px;max-height: 90px; max-width: 110px; font-size: 14px; border-radius: 7px; padding: 0 25px 0 5px; border: 1px solid #ACACAC; }
.mainWrap .innerdate { max-width: 150px; width: 100%; }
.mainWrap .innerdate select { width: 100%; background-image: url(../images/black_dropdown.svg); background-size: 12px; }
.mainWrap .monthChart, .officerChart, .studentData { margin-top: 30px; box-shadow: 12px 12px 20px #00000005; border-radius: 5px; padding: 24px; background-color: var(--Color-White); }
.mainWrap .monthChart, .officerChart { height: 397px; }
.mainWrap .officerChart #Officers-Pie-Chart { margin-left: 0px; }
.mainWrap .rightSection { transition: 0.3s all ease-in-out; }
.rightSection>.studentData { margin-top: 0px; }
.dashboard-executive .rightSection>.studentData { margin-top: 30px; }
.mainWrap .rightSection { margin-left: 320px; width: calc(100% - 360px); }
.mainWrap .studentData { margin-bottom: 15px; }
.mainWrap .studentData .heading a { color: #FF7234; width: 100px; }
.mainWrap .studentData .heading h2 { color: #0E2753; }
.mainWrap .studentData .heading a:hover { color: #373B75; transition: all .5s ease; }
.mainWrap .studentData .heading a span { font-size: var(--Font-14); padding-left: 5px; }
.mainWrap footer { background-color: transparent; padding: 0 0 15px; color: var(--Color-848484); }

/* monthly Chart Custom Tooltip*/
#Month-Wise-User, #Monthly-Performance { width: 100%; height: 330px; }
.ChartCustomToolTip { background-color: var(--Color-White); border-radius: 12px; padding: 15px 0px; min-width: 280px; display: flex; flex-wrap: wrap; border: 1px solid #e0e0e0; }
.ChartCustomToolTip .Items { width: calc(100% / 4); }
.ChartCustomToolTip.WithTwoData .Items { width: calc(100% / 2); }
.ChartCustomToolTip.WithTwoData .BorderItem { border-right: none; }
.ChartCustomToolTip .Items .Value, .ChartCustomToolTip .Items .Title { width: 100%; display: block; text-align: center; }
.ChartCustomToolTip .Items .Value { font-size: 18px; font-weight: 600; letter-spacing: 0.4px; }
.ChartCustomToolTip .Items .Value1 { color: #7078CB; }
.ChartCustomToolTip .Items .Value2 { color: #50B259; }
.ChartCustomToolTip .Items .Value3 { color: #F8B263; }
.ChartCustomToolTip .Items .Value4 { color: #E67575; }
.ChartCustomToolTip .Items .Title { font-size: var(--Font-12); color: #323232; letter-spacing: 0.24px; font-weight: 600; }
.chart-navigation { display: flex; justify-content: space-between; margin-top: -70px; position: relative; width: calc(95% - 30px); left: 60px; }
.chart-navigation button { margin: 0 10px; }
.chart-navigation button:focus { border: none; }
#Officers-Pie-Chart { width: 100%; height: 250px; }
#customLegend { margin-top: 20px; display: flex; padding: 10px; flex-direction: column; max-width: 160px; }
.legend-item { display: flex; align-items: center; cursor: pointer; flex-wrap: wrap; padding: 18px 0; border-bottom: 1px solid #ccc }
.legend-item:first-child { padding-top: 0 }
.legend-item:last-child { padding-bottom: 0; border-bottom: 0 }
.color-box { width: 12px; min-width: 12px; height: 12px; margin-right: 8px }
.legend-category { font-size: 16px; margin-right: 5px; font-weight: 500 }
.legend-value { font-size: 22px; font-weight: 500; display: block; width: 100%; color: #323232 }

/* Table student-Data*/
.studentData .table-responsive table { margin-bottom: 0; }
.studentData .table-responsive table thead { border: 1px solid rgb(112, 112, 112, 0.1); }
.studentData .table-responsive table thead th { background: #00503c; color: #fff; font-weight: var(--Font-500); padding: 12px 12px;  vertical-align: middle;font-size: var(--Font-16); }
.studentData .table-responsive table thead th:first-child { border-radius: 4px 0 0 0px; }
.studentData .table-responsive table thead th:last-child { border-radius: 0 4px 0px 0; }
.table-responsive table tbody tr:last-child td:first-child { border-radius: 0px 0 0 4px; }
 .table-responsive table tbody tr:last-child td:last-child {border-radius: 0 0px 4px 0;}

.studentData .table-responsive table tbody [data-th="Name"] { display: flex; align-items: center; gap: 16px; }
.studentData .table-responsive table tbody tr { border-bottom: 1px solid rgb(112, 112, 112, 0.25); }
.studentData .table-responsive table tbody tr:last-child { border-bottom: none }
.studentData .table-responsive table tbody td {  padding: 12px 12px; vertical-align: middle; color: var(--Color-323232); font-size: var(--Font-16); line-height: 20px; }
.studentData .table-responsive table thead th:first-child, .studentData .table-responsive table tbody td:first-child { padding-left: 20px; }
.studentData .table-responsive table tr td { transition: 0.3s all ease-in-out; }
.studentData table.table tr:hover td { background-color: #ECF0FC; }

/* Student Dashboard */
.mainWrap .profileImage { background: #079871; border-radius: 10px; overflow: hidden; box-shadow: 2px 2px 32px #0000001C; max-width: 280px; width: 100%; }
.mainWrap .profileImage .imgWrap { height: 265px; }
.mainWrap .profileImage .imgWrap img { height: 100%; object-fit: cover; object-position: center; }
.mainWrap .profileImage .imgWrap:before { content: ''; width: 100%; height: 70px; position: absolute; background: transparent linear-gradient(180deg, #00000000 0%, #000000 150%); opacity: 0.70; bottom: 0; background-size: 100% 100%; background-position: bottom; }
.mainWrap a.editProfileImg { left: 0; bottom: 10px; width: 100%; color: #fff; text-decoration: none; font-size: 14px; display: flex; align-items: center; gap: 6px; justify-content: center; }
.mainWrap .studentDetail { padding: 24px 15px; color: #fff; }
.mainWrap .studentDetail span { font-size: 14px; font-weight: 300; }
.mainWrap .profileInfoMain .heading { margin-bottom: 12px; }
.mainWrap .profileInfo { padding: 0 25px 0 0; margin: 0 16px; border-right: 1px solid #CFCFCF; }
.mainWrap .infoInner span { color: #555555; line-height: 25px; }
.mainWrap .infoInner p { color: #191919; font-weight: 500; line-height: 25px; margin-bottom: 0; }
.mainWrap .infoInner { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CFCFCF; }
.mainWrap .profileInfo .infoInner:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.mainWrap .editProfileRow .editProfileCol:first-child .profileInfo { margin-left: 0; }
.mainWrap .editProfileRow .editProfileCol:last-child .profileInfo { margin-right: 0; padding: 0; border: 0; }
.mainWrap a.orangeBorderBtn { text-decoration: none; color: #6151FB; font-weight: 600; border: 1px solid; display: inline-block; padding: 10px 28px; border-radius: 5px; transition: 0.3s all ease-in-out; }
.mainWrap a.orangeBorderBtn svg path, a.editPro svg path { transition: 0.3s all ease-in-out; fill: #6151FB; stroke: #6151FB; }
.mainWrap a.orangeBorderBtn:hover { background-color: #6151FB; color: #fff; }
.mainWrap a.orangeBorderBtn:hover svg path { fill: #fff; stroke: #fff; }
.mainWrap .alertInner span { font-size: 13px; color: #323232; }
.mainWrap .alertInner span img { margin-top: -4px; display: inline-block; margin-right: 3px; }
.mainWrap .alertInner p { margin-bottom: 0; font-size: 14px; line-height: 19.92px; margin-top: 3px; }
.mainWrap .alertInner { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #CFCFCF; }
.mainWrap .alertInner a { transition: 0.3s all ease-in-out; color: #323232 }
.mainWrap .alertBox .alertInner:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.mainWrap span.currentSem { display: inline-block; background: #1962C1; color: #fff; font-size: 14px; padding: 4px 13px; margin-left: 20px; position: relative; }
.mainWrap span.currentSem:before { content: ''; background: #1962c1; display: block; height: 10px; left: 0; position: absolute; top: 15px; transform: rotate(45deg) translateX(-70%); width: 10px; z-index: 1; }
.earthWrap .marquee-wrapper { width: 100%; text-align: center; padding: 30px; overflow: hidden; height: 432px; }
.earthWrap .marquee-inner ul { height: 50%; margin-left: 15px }
.earthWrap .marquee-wrapper .marquee-block { width: 100%; height: 280px; overflow: hidden; box-sizing: border-box; position: relative; margin: 20px auto; background: 0 0 }
.earthWrap .marquee-inner { display: block; width: 100%; position: absolute; will-change: transform }
.earthWrap .marquee-item { display: block; transition: transform .2s ease-out; text-align: left; }
.earthWrap .marquee-item a { font-size: var(--Font-24); line-height: 28px; position: relative; padding: 12px 15px; color: var(--Color-White); background-color: transparent; text-decoration: underline; }
.earthWrap .marquee-item a:hover { color: var(--Color-CECECE); padding: 15px; background-color: transparent }
.earthWrap .marquee-item a::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--Color-EAEBF1); position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
.earthWrap .marquee-inner.to-left { animation: 25s linear infinite marqueeTop }

@keyframes marqueeTop {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-50%)
	}
}

.external-link:after { content: "\f08e"; font-family: var(--FontFamily-fontawesome); font-size: var(--Font-12); margin-left: 5px }
.external-link.external-link-img:after { display: none; }

/* new css here  */
.smallHeader { color: #fff; padding: 3px 5px; background: var(--Color-00906B); position: relative; }
.rightLinksSection { display: flex; justify-content: flex-end; align-items: center; list-style: none; }
.rightLinksSection li { margin-bottom: 0px; padding-left: 20px; position: relative; }
.dialog-off-canvas-main-canvas ul.rightLinksSection li { margin-bottom: 0px;}

/* .rightLinksSection li::after{display: none;} */
.rightLinksSection li::after { content: ""; position: absolute; left: 9.5px; top: 50%; width: 1px; height: 1em; background-color: #fff; border-radius: 0px; transform: translateY(-50%); }
.rightLinksSection li:first-child:after { display: none; }
.rightLinksSection li a { color: #fff; }
.currentDate, .rightLinksSection li a { line-height: 25px; font-size: 0.875em; }
.masonry-grid .item-list .masonry-content h3 { background: var(--Color-00906B); width: 35px; display: flex; align-items: center; justify-content: center; position: absolute; left: 25px; top: -4px; color: #fff; padding: 5px; aspect-ratio: 1; margin: 0; border-radius: 0px 0 8px 8px; }
.masonry-grid .item-list .masonry-content ul { margin: 30px 0 0 10px; }
.masonry-grid .item-list .masonry-content a:hover { color: #004332; }
.masonry-grid .item-list .masonry-content li:last-child { border-bottom: 0; }
@media (max-width:1199px) {
	.currentDate,
	.rightLinksSection li a {font-size: 12px;}
}

.structure-ies .table-responsive{border-bottom: 1px solid #ccc;	margin-bottom: 15px;}
.hierarchical-structure .node__content{text-align: center;}
.table-responsive table{min-width: 800px;}


/* 22/03/2025 */
/* .earthWrap{background-image: url(../themes/ies/images/atharpedia.jpg);} */
.sectionHeader{display: flex;min-height: 50px;align-items: center;justify-content: space-between;line-height: 50px;}
.verticleMarqueeContainer{width:100%;height: 372px;overflow: hidden;position: relative;padding: 0;}
.marqueeContent {display: flex;flex-direction: column;gap: 10px;position: absolute;animation: scrollUp 15s linear infinite;}

@keyframes scrollUp {
	0% { transform: translateY(0); }
    100% { transform: translateY(-50%); } 
}


.view-filters form input:focus, .view-filters form select:focus { border: 1px solid #004d4e; }
.view-filters form input, .view-filters form select { border: 1px solid #aeaeae; border-radius: 30px; }
.resetButton,
.view-filters form input[type=submit] { border-radius: 100%; aspect-ratio: 1; width: 45px;min-height: 45px; }
.view-filters form input[type=submit]:hover { background-image: url(../images/search-orange.svg); background-size: 22px; background-color: transparent; }
.earthWrap ul li.marquee-item { border-bottom: 1px solid #ccc; }
.earthWrap ul li.marquee-item a { text-decoration: none; font-size: var(--Font-18); }
.verticleMarqueeContainer .marqueeContent{ width: 50%; }
.studentData .table-responsive table tr td.views-field.views-field-field-executive-record-photo img { width: 40px; border-radius: 50% 50%; aspect-ratio: 1; margin: 0 auto; }
.quickIcon { display: none; }
.currentDate.clock { display: flex; align-items: center; justify-content: center; }
.currentDate.clock ul { display: flex; align-items: center; justify-content: center; padding: 0 0 0 5px; margin: 0 0 0 8px; list-style: none; border-left: 1px solid #ffffff; line-height: normal; }
.currentDate.clock ul li { margin: 0; padding: 0 2px; }
.HeaderMenu ul > li ul li a.extIcn::after { content: '\f08e'; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; margin: 0 0 0 5px; }
.HeaderMenu ul > li ul li a.extIcn { position: relative; }
.HeaderMenu ul > li ul li a.newIcn::after { content: 'New'; font-size: 12px; margin: 0 0 0 5px; background: #00ac80; padding: 3px 8px; border-radius: 8px; position: relative; top: -2px; }
.HeaderMenu ul > li ul li a.newIcn { position: relative; }
.HeaderMenu ul > li ul li a.pdfIcn::after { content: '\f1c1'; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; margin: 0 0 0 5px; }
.HeaderMenu ul > li ul li a.pdfIcn { position: relative; }
.region--user-data-dashboard form#views-exposed-form-executive-record-sheet-block-3 { gap: 16px; display: flex; }
.mainWrap select { min-height: 45px; max-width: 240px; min-width: 154px; font-size: 14px; border-radius: 7px; padding: 0 25px 0 15px; border: 1px solid #ACACAC; }

/* .DisclaimerSection.text-center { border-top: 1px solid #ccc;} */
.region--footer-disclaimer strong { font-size: 20px; }
.BannerHomeSlider .img-center { background: #000; object-fit: contain !important; }
.studentData .view-filters { margin-bottom: 31px; }
.birthDays { position: relative; padding-left: 24px; }
.birthDays:after { content: "\f073"; font-family: var(--FontFamily-fontawesome); vertical-align: middle; left: 0px; color: var(--Color-00906B); position: absolute; }
.HeaderMenu > ul > li { position: relative; overflow: visible; }
.newConcept { animation: blink 1s infinite; }
.newContent { padding-right: 36px; position: relative; }
.newContent:before, .HeaderMenu > ul > li.menu__item--level-1>a.newIcn:before { content: 'New'; position: absolute; right: 15px; background: #fff500; padding: 2px 4px; font-size: 10px; top: 50%; transform: translateY(-50%); border-radius: 3px; color: #000; animation: blink 1s infinite; }
.newContent:before { right: 0px; }
.HeaderMenu > ul > li.menu__item--level-1>a.newIcn:after { right: -36px; }
@keyframes blink {
	0% { opacity: 0 }
	49%{ opacity: 0 }
	50% { opacity: 1 }
}
.HeaderMenu > ul > li>a.newIcn { padding: 14px 40px 14px 15px; }
.path-sitemap.sitemap .sitemap-item ul{ display: block !important; }
.sitemap .sitemap .child-trigger2:after { display: none; }
.Marquee .view.view-updates .capacityInners ul li{ position: relative; }
.Marquee .view.view-updates .capacityInners ul li::before{ position: absolute;content: ''; width: 8px;height: 8px;border-radius: 100%;background: #004D4E;left: 0;top: 9.5px; }
.arthapedia-section { min-height: calc(100vh - 454px); }

 /* button style */
.btnStyle { background: var(--Color-00906B);color: #fff;min-width: 120px;width: fit-content;border: none;padding: 0px 20px;transition: 0.3s all ease-in-out;display: block;line-height: 43px;font-size: 16px;border: 1px solid var(--Color-00906B);font-weight: 500;padding: 0px 15px !important;text-align: center; }
.btnStyle:hover { background:transparent !important;color: var(--Color-00906B) !important; }
.view-filters.archiveBtnRt { display: flex;justify-content: space-between;align-items: baseline; }
.alphabetGroup { display: grid; grid-template-columns: repeat(27, 1fr);gap: 10px;font-size: 20px;text-transform: capitalize;margin-bottom:30px; }
.alphabetGroup a { width: 30px;height: 30px;text-align: center;border-radius: 3px;border: 1px solid var(--Color-00906B);line-height: 30px; }
.alphabetGroup .active,
.alphabetGroup a:hover{ background: var(--Color-00906B);color: #fff; }
.alphabetGroup a.termids.disabled { cursor: not-allowed; }
.alphabetGroup a.termids.disabled:hover { opacity: 0.5;background-color: transparent;color: var(--Color-00906B); }

/* dashboard new css here started 25/03/2025 */
/* .path-node, */
.department-list,
.ministry-list,
.path-profile-management-pdf,
body.path-profile-management,
body.ccc-mapping,
body.dashboard-executive{ padding-top: 0px !important;background: var(--Color-EDF0F3); }
.mainWrap .dashBox:hover{ transform: translateY(-2px); }
.mainContent { padding-top: 40px; }

/* book page css here */
.bookElementBlock {	display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 30px;margin-top: 40px; }
.bookElementBox { text-align: center;box-shadow: 0px 0px 12px #00000014;border: 1px solid #E1E1E1;padding: 30px 20px; }
.bookCoverImg img{ width: 202px;height: 284px;object-fit: cover;margin: auto; }
.bookTitle { margin: 20px 0px 0px;font-size: 16px;font-weight: 600;color: var(--Color-323232);text-align: left; }
.bookAuthor{ font-size: 16px;color: var(--Color-323232);text-align: left; }
.bookAuthor span{ font-size: 14px;color: var(--Color-848484); }

/* Motivation Corner  page css here */
.motivationalQuoteBox { margin-top: 40px; display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px; }
.cardQuoteBox { background: #fff; padding: 12px; box-shadow: 0px 0px 12px #00000014;border: 1px solid #EDF7F5;
	border-radius: 12px; display: flex; align-items: center; gap: 24px; transition: transform 0.2s ease-in-out; }
.cardQuoteBox:hover { transform: translateY(-5px); }
.motivationalIcon{ width: 130px; height: 130px;min-width: 130px; object-fit: contain; background: #f0f0f0; border-radius: 8px; background: #EDF7F58C; border-radius: 10px; padding: 5px;display: flex;justify-content: center;padding: 20px; }
.cardQuote-content{ flex: 1; }
.cardQuote-header { display: flex;  align-items: center;  gap: 10px; margin-bottom: 5px;justify-content: space-between; }
.calenderSection { display: flex; align-items: center; gap: 10px; }
.cardQuote-header span{font-size: 16px;color: var(--Color-323232); }
.cardQuote-title { font-weight: 600;font-size: 16px;margin:8px 0px 16px;color:var(--Color-323232); }
.cardQuote-footer { display: flex; align-items: center; justify-content: space-between; color: #777; font-size: 14px; }
.cardQuote-footer span {display: flex;align-items: center;gap:7px;font-size: 10px;color: var(--Color-323232); }
p.noExecutiveRecord { display: none; }

/* aadhar page css here */
.aadhaar-0 h3{ font-weight: 500;font-size: var(--Font-28); }
.aadhaar-0 .author-info.author-info h4{ font-weight: 500;font-size: var(--Font-28);margin-top: 30px; }
footer .FooterLogo a img { width: auto;height: 45px;object-fit: contain; }  
.FooterLogo { gap: 10px;display: flex;align-items: center; }
  .footer-col.margin-top-20 { margin-top: 0px !important; }
  .padding-bottom-25.SocialConnect { padding-bottom: 0px; }
  .copyright-text.text-center.text-lg-start { text-align: center !important;font-size: 14px; }
  .view-empty { margin-top: 40px; }
  .placeholder { display: inline-block;  min-height: 1em;  font-style: normal;  color: #fff !important;  vertical-align: middle;  cursor: wait;  background-color: transparent;  opacity: 1; }
  /* .external-debt,
  .page-node-type-concepts li,
  .external-debt .links.inline ul li{position: relative;}
  .page-node-type-concepts .links.inline ul li::before,
  .external-debt li::before { content: '' !important;width: 8px;height: 8px;border-left: 2px solid #00906b;border-top: 2px solid #00906b;position: absolute;transform: rotate(135deg);left: 0;top: 7.5px;} */
.links.inline a{ margin-bottom: 15px; }
.links.inline li a{ margin-right: 10px; }
.links.inline li a:hover { color: #fff; }	
.links.inline li{ margin-bottom: 0px; }
.comment__meta { background: transparent;padding: 0px; }
.comment__content { background: #cbd2d826;border-radius: 12px;padding: 15px 15px;margin-top: 20px; }
.comment { position: relative;	padding-left: 70px; }
.comment__time { position: relative;padding-bottom: 0px; }
.comment__picture > div{ left: 0; }
.comment__picture-wrapper { position: relative; }
.comment__time::before{ content:'';width: 1px;height: 100%;position: absolute;left: -10px;top: 0px;background: #ccc	; }
.comment__content h3 a{ font-size: 20px; }
.show-hide-wrapper { margin-left: 72px; }
.indented { margin-left: 0px;padding-left: 70px; }
#comments .contextual-region{ padding-left: 72px !important; }  
a.comment__links-link { margin-bottom: 0px !important; }
ul.links.inline.comment__links { display: flex; }
button.show-hide-btn { margin-top: 12px !important; }
.links.inline li a:hover { color: #198754; }
#edit-comment-body-0-format-help-about { margin: 15px 0px; }
.add-comment__form #edit-preview,
.add-comment__form input#edit-submit { color: #198754;border: 1px solid #198754;background-color: #fff;margin-right: 12px !important; }
.js-form-item.form-item-subject-0-value { margin-bottom: 16px !important; }
.add-comment label.form-item__label {  font-weight: 600;color: #000; }
.comment__author a { font-size: 18px; margin-bottom: 0px !important; }
.node-concepts-form .js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label{ display: none; }
#node-concepts-form.node-form #edit-title-0-value{ width: 100% !important;max-width: 100%; }
#edit-field-concepts-references-0-format-help-about,
#edit-field-summary-0-format-help-about,
#edit-field-concepts-description-0-format-help-about { margin:15px 0px; }
.links.inline > li{ font-size: 18px; }
.node__content > .links.inline > li::before { content: '' !important;width: 8px;height: 8px;border-left: 2px solid var(--Color-00906B);border-top: 2px solid var(--Color-00906B);position: absolute;transform: rotate(135deg);left: 0;top: 8.5px; }
.page-node-type-executive-record-sheet .executive-detailed h6 { font-size: var(--Font-24);font-weight: var(--Font-600);margin-top: -5px;padding-left: 0; }
.page-node-type-executive-record-sheet .executive-detailed { margin: 0px 0px 40px; }
button.export-pdf { margin-right: 0px; }
.executive-detailed .inner-field { column-gap: 20px; }
.conceptBackpre{ border: 1px solid;padding: 14px 16px;line-height: 20px;transition: 0.3s all ease-in-out;cursor: pointer;background-color: var(--Color-00906B);	color: var(--Color-White);margin-bottom: 15px; }
.conceptBackpre:hover { background-color: var(--Color-03616c);color: var(--Color-White); }

/* .page-node-type-concepts a.external,div#content a[href ^="gopher://"] {background: url("../images/external-link.png") center right no-repeat;padding-right: 13px} */
/* .page-node-type-concepts a[href ^="https://"],.link-https {background: url("../images/secure_img.png") center right no-repeat;padding-right: 13px;} */

.page-node-type-concepts a[href ^="mailto:"], .link-mailto { background: url("../images/mail-icon.png") center right no-repeat; padding-right: 13px }
.page-node-type-concepts a[href ^="news://"] { background: url("../images/news-icon.png") center right no-repeat; padding-right: 13px }
.page-node-type-concepts a[href ^="ftp://"], .link-ftp { background: url("../images/file-icon.png") center right no-repeat; padding-right: 13px }
.page-node-type-concepts a[href ^="irc://"], div#content a.extiw[href ^="irc://"], .link-irc { background: url("../images/talk-icon.png") center right no-repeat; padding-right: 13px }
.page-node-type-concepts a.external[href $=".ogg"], .page-node-type-concepts a.external[href $=".OGG"], .page-node-type-concepts a.external[href $=".mid"], .page-node-type-concepts a.external[href $=".MID"], .page-node-type-concepts a.external[href $=".midi"], .page-node-type-concepts a.external[href $=".MIDI"], .page-node-type-concepts a.external[href $=".mp3"], .page-node-type-concepts a.external[href $=".MP3"], .page-node-type-concepts a.external[href $=".wav"], .page-node-type-concepts a.external[href $=".WAV"], .page-node-type-concepts a.external[href $=".wma"], .page-node-type-concepts a.external[href $=".WMA"], .link-audio { background: url("../images/audio-icon.png") center right no-repeat; padding-right: 13px }
.page-node-type-concepts a.external[href $=".ogm"], .page-node-type-concepts a.external[href $=".OGM"], .page-node-type-concepts a.external[href $=".avi"], .page-node-type-concepts a.external[href $=".AVI"], .page-node-type-concepts a.external[href $=".mpeg"], .page-node-type-concepts a.external[href $=".MPEG"], .page-node-type-concepts a.external[href $=".mpg"], .page-node-type-concepts a.external[href $=".MPG"], .link-video { background: url("../images/video-icon.png") center right no-repeat; padding-right: 13px }
.page-node-type-concepts a.external[href $=".pdf"], .page-node-type-concepts a.external[href $=".PDF"], .page-node-type-concepts a.external[href *=".pdf#"], .page-node-type-concepts a.external[href *=".PDF#"], .page-node-type-concepts a.external[href *=".pdf?"], .page-node-type-concepts a.external[href *=".PDF?"], .link-document { background: url("../images/document-icon.png") center right no-repeat; padding-right: 13px }
.page-node-type-concepts .node__content ul,
.page-node-type-concepts .node__content p{ font-size: 14px !important; }
.node__content .field--label-above{ margin:20px 0px !important; }
.page-node-type-concepts .node__content .field__label { font-size: 22px !important;color: #000;font-weight: 600 !important;margin: 12px 0px; }
.disclaimer .service-section { min-height: calc(100vh - 690px); }
.arthapedia-section article h6,
.arthapedia-section article h5{ font-weight: 600; }
.author-info { padding-top: 30px;}
.arthapediaComment { margin: 30px 0px 0px; }
.arthapediaComment .comments__title{ font-size: 28px;font-weight: 700; }
.pageInnerTitle { font-size: 20px;font-weight: 600;color: #000; }
.table-responsive.tableStyle{ border-radius: 12px;margin: 16px 0px;border-bottom: 1px solid #E1E1E1; }
.table-responsive.tableStyle table { margin-bottom: 0px; }
.table-responsive.tableStyle table thead tr th:first-child { border-top-left-radius: 0px;border-left: 1px solid #fff; }
.table-responsive.tableStyle table thead tr th:last-child { border-top-right-radius: 0px; }
.CmsAccordion{ width:100%;margin:20px auto;border-radius:6px; }
.CmsAccordion .accordion-item{ border-bottom:2px solid var(--Color-00906B);margin-bottom:8px;box-shadow: 0 4px 6px rgba(0, 0, 0, .1);background-color: #0A0A0A17; }
.CmsAccordion .accordion-header{ width:100%;border:none;padding:15px;font-size:20px;text-align:left;cursor:pointer;position:relative;font-weight: 500; }
/* .CmsAccordion .accordion-header::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:28px;transition:transform 0.3s ease} */
.CmsAccordion .accordion-header::after { content: '';position: absolute;right: 20px;top: 50%;width: 12px;height: 12px;border-right: 2px solid var(--Color-00906B);border-bottom: 2px solid var(--Color-00906B);transform: translateY(-50%) rotate(45deg);transition: transform 0.3s ease; }
  .CmsAccordion .accordion-item.active .accordion-header::after { transform: translateY(-50%) rotate(-135deg); } 
/* .CmsAccordion .accordion-item.active .accordion-header::after{content:'−'} */
.CmsAccordion .accordion-content{ max-height:0;overflow:hidden;padding:0 15px;background-color:#fff;transition:max-height 0.3s ease,padding 0.3s ease;position: relative;background-color: #fff; }
/* .CmsAccordion .accordion-content::after{content:'';width:calc(100% - 30px);height:1px;background-color:#E1E1E1;margin:0px 15px;position: absolute;top:0;left: 0;} */
.CmsAccordion .accordion-item.active .accordion-content{ max-height:200px;padding:15px }
 table{ width: 100%; }
 th[colspan="2"] { text-align: center !important; }
 .image-wrapper { text-align: center;  margin: 5px auto; }
.field--name-field-concepts-references ul li{ list-style: none; }
.HeaderLogo .image-wrapper img {  max-width: 400px; object-fit: contain; max-height: 97px;}
.arthapedia-section .concept-section a{ color: var(--Color-00906B); }
.arthapedia-section .concept-section a.button{ color: var(--Color-White); }
/* .arthapedia-section .concept-section a.button.cancelBtn{ color: var(--Color-00906B); } */
.arthapedia-section .concept-section a.btnStyle{color: #fff;}
.arthapedia-section .concept-section ul li,
.arthapedia-section .concept-section p{ font-size: 16px !important; }
.arthapedia-section .concept-section ul.bulletText li .bulletText li,
.arthapedia-section .concept-section ul li ul li { position: relative; }
.arthapedia-section .concept-section .bulletText li .bulletText li::before,
 .bulletText li .bulletText li::after,
.arthapedia-section .concept-section ul li ul li::after{ content: '';position: absolute;left: 0;top: 10px;width: 6px;height: 6px;background-color: var(--Color-00906B);border-radius:50%; }	
/* Remove default bullets */
.bulletText { list-style: none;  padding-left: 0; margin-left: 0; }
/* Style the nested li inside .circle */
.bulletText li { position: relative;  padding-left: 15px; }
ul.bulletText li ul.bulletText li:before { content: '';position: absolute;left: 0;  top: 0.6em;width: 6px;  height: 6px;  background-color: #00906B;  border-radius: 50%; }
.entity-moderation-form li.entity-moderation-form__item { min-width: 200px;font-size: 16px; }
.entity-moderation-form__item input#edit-submit { color: var(--Color-00906B);border: 1px solid var(--Color-00906B);background-color: #fff;margin-right: 12px !important;margin-top: 2px; }
label.form-item__label { font-weight: 500;color: #323232; }
.form-text:focus, .node-form .form-select:focus, .node-form .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) { border-color:none;outline: 0;box-shadow:none; }
.entity-moderation-form__item input{ margin-top: 0px; }
span.fileSize,	time { white-space: nowrap; }
.table-responsive tbody tr td:last-child a img { width: 19px; }
.faqfield-question{ position: relative; }
.faqfield-question::after{ content: '';  height: 42px;width: 42px; background-image: url(../images/faq-plus.png);   background-size: 20px;   background-repeat: no-repeat; background-position: center;border-radius: 50%; }
.faqfield-question.ui-accordion-header-active.active::after{ content: ''; height: 42px;min-width: 42px; width: 42px; background-image: url(../images/faq-minus.png); background-size: 20px;background-repeat: no-repeat; background-position: center; border-radius: 50%;background-color: rgb(0, 0, 0, 0.1); }
.views-field.views-field-field-inservice-trainin-document { min-width: 150px; }
.row-video,
.row-photos{ display: grid;grid-template-columns: repeat(4, 1fr); column-gap: 24px; row-gap:24px;margin-top: 40px; }
.row-photos .col-lg-3.col-sm-6.my-3.my-lg-0 { width: 100%; }
.row-video .col-lg-3.col-sm-6.my-3.my-lg-0{ width: 100%; }
.suggest-concept .form-element { border: 1px solid #aeaeae; border-radius: 8px; margin: 0px; }
.service-section .form-item__label{ font-weight: 600; }
.submit-form .captcha { margin-bottom: 15px; }
.button.cancelBtn{ background-color: var(--Color-00906B);color: #fff;border: 1px solid var(--Color-00906B);transition: 0.3s all ease-in-out;min-height: 45px;line-height: 26px;text-align: center;margin-left: 15px;margin-top: 63px;min-width: 100px; }
.button.cancelBtn:hover{ color: #fff !important; }
.form-item__description.description{display: none;}
.cancelBtn:hover{ background-color: var(--Color-00906B);color: #fff; }
.captcha__title.js-form-required.form-required { font-size: var(--Font-16);  color: #323232;  font-weight: 600; }
.captcha-type-challenge--image { --reload-icon-size: 20px; }
.path-portalcmsies .captcha-type-challenge--image { --image-width: 150px; }
.col-lg-12.submit-form { display: flex;align-items: flex-start; }
.concept-section .captcha.captcha-type-challenge--image { margin-right: 24px;}
.js-form-item.form-item.form-item-captcha-response.js-form-item-captcha-response { width: 500px;  max-width: 500px;  padding:0px 50px; }
.concept-section .js-form-item.form-item.form-item-captcha-response.js-form-item-captcha-response { width: 300px;  max-width: 500px;  padding:0px 0px; }
.suggest-concept  input#edit-submit { margin-top: 63px !important; min-width: 100px; }
.form-required{ position: relative; }
.suggest-concept .form-required::after { content: '*';color: red; margin-left: 4px; font-weight: bold; }
.suggest-concept .captcha__title.form-required::after { display: none; }
.directory .personalDetails h4.exceTitle { font-size: var(--Font-18);font-weight: 600;border-bottom: none;margin-bottom: 0px;padding-bottom: 0px; }

.view-directory .detailShow .personalDetails::before { content: ''; width: 50px; height: 50px; border-radius: 50%; background-image: url(../images/user-icon.svg); position: absolute; left: 0;top: 0;background-size: 50px; }
.view-directory .personalDetails {  position: relative;padding-left: 65px; }
.view-directory .detailShow { position: relative;border-bottom: 4px solid var(--Color-00906B);box-shadow: 0px 0px 40px #00000024;padding: 20px;border-radius: 6px;	margin-bottom: 15px;transition: all .3s ease-out; }
body.wob  .view-directory .detailShow { background: var(--sttl-color-gray); box-shadow: none; border-color: var(--sttl-color-primary); color: var(--sttl-color-white); }
body.wob h4.exceTitle{ color: var(--sttl-color-white); }
.error { color: #ff0000 !important;font-size: var(--Font-14); }
.form-text.error{color: var(--bs-secondary-color)!important;font-size: var(--Font-16);}
.suggest-concept-thank-you .arthapedia-section h3{ background-image: url(../images/ani-right.gif);background-repeat: no-repeat;background-position: center;background-size: 120px;padding: 163px 0 0px; }
.suggest-concept-thank-you .arthapedia-section{ text-align: center; }
.suggest-concept-thank-you .arthapedia-section h3{ font-size: var(--Font-36);font-weight: 700; }
.suggest-concept-thank-you .arthapedia-section p{ font-size: var(--Font-24) !important;font-weight: 500; }
.suggest-concept-thank-you  .concept-section { padding-bottom: 150px; }

/* profile-management form css here write  */
.path-profile-management form.node-executive-record-sheet-edit-form { gap: 20px; display: flex; flex-wrap: wrap;align-items: flex-start; }
.path-profile-management form.node-executive-record-sheet-edit-form .form-item__label { padding-left: 0px; }
.path-profile-management form.node-executive-record-sheet-edit-form .form-text { margin-top: 0px; }
.path-profile-management .studentData{ margin-top: 0px !important; }
.path-profile-management .form-item-field-caste,
.js-form-item-field-executive-record-gender { width: 10%; }
.path-profile-management .node-executive-record-sheet-edit-form .form-item-field-pre-name{ width: 10%; }
.js-form-item.form-item.form-item-field-date-of-posting-0-value,
.form-item.form-datetime-wrapper { width: 17%; }
.form-item-field-executive-record-gender { width: 15%; }
.form-item-field-executive-record-languages-0-value.js-form-item-field-executive-record-languages-0-value { width: 20%; }
.form-item-field-place-of-posting-0-value.js-form-item-field-place-of-posting-0-value { width: 20%; }
#ajax-wrapper--2,
.form-item-field-executive-record-author,
.form-item-title-0-value{ idth: 20%; }
.form-item-field-executive-record-ministry{ width: 50%; }
.js-text-full.text-full.js-form-item.form-item { width: 100%; }
.path-profile-management .node-executive-record-sheet-edit-form .form-element--type-select{ width: 100% !important;min-width: unset;max-width: unset; }
.path-profile-management form.node-executive-record-sheet-edit-form .form-item__label::before{ display: none; }
.path-profile-management .form-datetime-wrapper .form-item__label{ line-height: 1.6 !important; }
.form-date{ border-color: var(--Color-CBCCDB) !important; }
#edit-field-executive-record-desc-0-format-help-about{ margin: 15px 0px; }
.path-profile-management .form-item-revision-log-0-value.js-form-item-revision-log-0-value { flex-direction: column; align-items: flex-start; }
.path-profile-management .form-item-path-0-alias.js-form-item-path-0-alias.form-disabled { display: flex;flex-direction: column;align-items: flex-start; }
.path-profile-management .form-item.js-form-type-entity-autocomplete.form-item-uid-0-target-id{ display: flex;flex-direction: column;align-items: flex-start; }
.path-profile-management div#edit-created-0-value { gap: 20px;display: flex; }
.ies-details__wrapper.details-wrapper .form-item.form-datetime-wrapper { width: auto; }
.form-type-boolean.js-form-item.form-item.js-form-type-checkbox.form-item-status-value.js-form-item-status-value { display: flex;gap: 20px;flex-direction: row;align-items: flex-start;    justify-content: flex-start;margin-top: 30px; }
.sheetProfiledata a#edit-delete { margin-top: 30px; }
.form-checkbox.form-boolean[type="checkbox"] { width: 18px;height: 18px;min-height: 23px; }
.form-item-field-executive-record-tounge-0-value.js-form-item-field-executive-record-tounge-0-value { width: 10%; }
.path-profile-management .button{ text-align: center;min-width: 100px;display: inline-flex;min-height: 42px;justify-content: center;align-items: center; }
.path-profile-management .node-form .vertical-tabs { gap: 30px;	align-items: baseline; }
.path-profile-management-pdf .studentData{ margin-top: 0px !important; }
.path-profile-management-pdf .studentData .service-section{ padding: 0px; }
/* .path-profile-management-pdf .studentData .service-section > div:first-child{ display: flex;gap: 15px;justify-content: flex-end; } */
.exportMargebtn {  width: 100%; display: inline-flex; justify-content: flex-end;gap: 20px;}
.path-profile-management-pdf .executive-detailed { margin: 40px 0px; }
.path-profile-management-pdf .print-page { margin-right: 0px; }
section.service-section-executive { padding-top: 60px;}
.executive-detailed .table-wraper{ margin-top: 0px; }
.path-profile-management-pdf .executive-detailed .table-wraper{ margin-top: 0px;margin-bottom: 0px; }
.executive-detailed .view-empty {margin-top: 0px;}



.service-section-executive .print-page{margin-right: -12px;}

.service-section-executive .service-section{ padding-top: 0px; }
.file.file--mime-image-jpeg.file--image img{ max-height: 100px;object-fit: contain; }
.image-widget.js-form-managed-file.form-managed-file.clearfix { display: flex; gap: 20px;align-items: flex-start; }
.sheetProfiledata .js-form-type-vertical-tabs { display: none; }

/* hidden content  */
a[href="/filter/tips"],
.filter-guidelines__item--plain-text,
.filter-guidelines__item--restricted-html,
.form-item--editor-format,
#edit-field-er-details-posting-in-ies-0-subform-field-detail-posting-description-0-format-help-about,
#edit-field-executive-record-desc-0-format-help-about{ display: none !important; }

/* header reset  */
.user-logged-in section.dashboard-header{ top: 95px; }
.user-logged-in .mainWrap.er-dashboard { padding-top: 95px; }
/* header reset  */
.sheetProfiledata .exeButton { display: none; }
.form-item__description{ font-size: 12px;font-style: italic; }
/* .button.js-form-submit{margin: 15px 0px;} */
.node-form .tabledrag-toggle-weight-wrapper { padding: 20px 20px 20px 20px; }
.user-logged-in .placeholder { color: #323232 !important; }
/* #field-er-details-posting-in-ies-0-item-wrapper,
#field-er-details-posting-in-ies-0-item-wrapper--EsANONcr-2Y,
#field-er-details-posting-in-ies-0-item-wrapper--pYkd4Z9zmzA {display: flex;flex-wrap: wrap;} */
/* span.paragraph-type-label {  width: 50%;}
.paragraphs-actions {  width: 50%;} */
.draggable .paragraphs-actions{ margin-top: 0px !important; }
form table { width: calc(100% - 30px) !important; margin: auto; }
.form-text{ margin-top: 0px; }
/* .button[type="submit"]{border-radius: 0px;margin-right: 15px;} */
.button.button--primary[value="Save"]{ margin-top: 30px; }
/* .path-user.login .js-form-item.form-item.form-item-captcha-response.js-form-item-captcha-response { padding: 0px 0px; } */
.path-portalcmsies .js-form-item.form-item.form-item-captcha-response.js-form-item-captcha-response { padding: 0px 0px; max-width: inherit; width: auto; }
.form-type-boolean.js-form-item.form-item.js-form-type-checkbox{ gap: 12px;display: flex;flex-direction: row; }
.heading .button[type="submit"] { border-radius: 7px;margin:0px; }
.student-right a[title="View All"] .fa-chevron-right{ margin-left: 5px; }
.form-managed-file [data-drupal-selector="edit-field-executive-record-photo-0-preview"]{ border-radius: 12px; }

/* Sticky positions for each column */
.sticky-col { position: sticky; background: #f9f9f9; z-index: 2; }
.first-col  { left: 0;    }
.second-col { left: 70px;}
.third-col  { left: 135px; }
th.first-col  { left: 0;   z-index: 6 !important; }
th.second-col { left: 70px;z-index: 6 !important; }
th.third-col  { left: 135px;z-index: 6 !important; }
.third-col  { min-width: 200px; } 
.officerNav.mediaNav { max-width: 140px; }
.officerNav.mediaNav .swiper-button-next{ right: 0px; }
button#galleryToggleButton { position: relative; margin: 0px; left: 60px; }
.playBtn{ left: 55px;position:relative;z-index:1;height:40px;width:40px;display:flex;font-size:18px;font-weight:900;cursor:pointer;border:1.5px solid #000;color:#fff;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;justify-content:center;align-content:center;flex-wrap:wrap;border-radius:100% }
.btn-2{ color:var(--Color-00906B);overflow:hidden }
.btn-2 span{ display:inline-block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s }
.btn-2b::before{ position:absolute;width:100%;line-height:2.5;font-size:1em;transition:.3s;content:"\f04b";font-family:"Font Awesome 5 Free";left:-100%;top:50%;transform:translateY(-50%) }
.btn-2b.autoplay-stopped span { transform: translateX(225%); }
.btn-2b.autoplay-stopped::before {  left: 0;}
.table-responsive tbody tr:nth-child(even) td.first-col,
.table-responsive tbody tr:nth-child(even) td.second-col,
.table-responsive tbody tr:nth-child(even) td.third-col { background-color: #edf7f5; }
.table-responsive tbody tr:nth-child(odd) td.first-col,
.table-responsive tbody tr:nth-child(odd) td.second-col,
.table-responsive tbody tr:nth-child(odd) td.third-col { background-color: #fff; }
.ajax-progress-fullscreen { position: fixed; z-index: 1261;  top: 0px;  left: 0px; width: 100vw; height: 100vh; padding: 23px; opacity: 0.9;  border-radius: 7px;  background-color: rgba(0,0,0,0.5); background-image: url(../images/loader-img.gif); background-repeat: no-repeat; background-size: 80px;background-position: center center; }
body.MarqueePausePlay .marqueeContent{ animation-play-state: paused !important;}
#stopAutoplayBtnDepartment{ display: none; }
[data-drupal-selector="edit-field-types-of-deputation"] .fieldset__label,
[data-drupal-selector="edit-field-long-leave"] .fieldset__label,
[data-drupal-selector="edit-field-on-deputation"] .fieldset__label{ font-size:16px;font-weight: 600;color: var(--Color-00906B); }
[data-drupal-selector="edit-field-types-of-deputation"] .form-boolean-group,
[data-drupal-selector="edit-field-long-leave"] .form-boolean-group,
[data-drupal-selector="edit-field-on-deputation"] .form-boolean-group{ display: flex;gap: 20px; }
.path-profile-management input[type="radio"]{ min-height: 20px; }
[data-drupal-selector="edit-field-types-of-deputation"] .js-form-type-radio.form-item-field-types-of-deputation,
[data-drupal-selector="edit-field-long-leave"] .js-form-type-radio.form-item-field-long-leave,
[data-drupal-selector="edit-field-on-deputation"] .js-form-type-radio.form-item-field-on-deputation{ display: flex; gap: 5px; flex-direction: row; align-items: center; }
[data-drupal-selector="edit-field-types-of-deputation"] label.form-item__label.option,
[data-drupal-selector="edit-field-long-leave"] label.form-item__label.option,
[data-drupal-selector="edit-field-on-deputation"] label.form-item__label.option { margin-bottom: 0px; }
.captcha-type-challenge--image .captcha__element{ align-items: flex-end;flex-direction: row-reverse; }
.captcha__element img { width: 150px; border: 1px solid var(--Color-CBCCDB); padding: 5px; height: 45px; }

.cadreImg .image-wrapper img { border: 15px solid #fff; box-shadow: 0 0 52px 0 rgb(0 0 0 / 20%); border-radius: 15px; }
.service-section .view-directory .capacityInners { margin-top: 30px; }
body.wob .service-section .capacityInners .years{ color:var(--sttl-color-white); }
body.wob .service-section .view-directory .capacityInners { background: #282828; padding: 15px; border: 1px solid #ff0; border-radius: 15px; }
body.wob .service-section .capacityInners h4.exceTitle { border-bottom: 1px solid #626060; }
body.wob .Marquee .view.view-updates .capacityInners ul li::before{ background:var(--sttl-color-white); }
body.wob .videoSwiper-prev:after, .wob .videoSwiper-next:after{ color:var(--sttl-color-primary); }
body.wob .HeaderMenu>ul>li.parent.hover.focus>a:after { border-color: var(--sttl-color-black); }
body.wob .HeaderMenu ul li.hover > a:after{ border-color: var(--sttl-color-black); }
body.wob .officerSwiper-next:hover:after, body.wob .officerSwiper-prev:hover:after,
body.wob .videoSwiper-prev:hover:after, body.wob .videoSwiper-next:hover:after{ color:var(--sttl-color-black); }
body.wob .officerSlider .external-link:hover:after, body.wob .officer-box a:hover, body.wob .officer-box a .desc:hover{ color:var(--sttl-color-primary); }
body.wob .sitemap .sitemap ul>li>ul>li>ul>li>ul>li>a { background-color: var(--sttl-color-black); }
body.wob .smoke { background-color: #282828; box-shadow: none; border: 1px solid var(--sttl-color-primary); }
body.wob .smoke-base .dialog-inner { color: var(--sttl-color-white); }
body.wob .dialog-buttons button:hover, body.wob .dialog-buttons button.cancel:hover{ background-color:var(--sttl-color-secondary);color: var(--sttl-color-black); }
body.wob .dialog-buttons button { transition: all 0.4s; background-color: var(--sttl-color-primary);color: var(--sttl-color-black); }
body.wob .dialog-buttons button.cancel{ background-color: var(--sttl-color-black) ;color: var(--sttl-color-white);  }
body.wob .arthapedia-section .concept-section ul li::after, body.wob .aadhaar-0 .node__content ul li:before, body.wob ul.bulletText li::before { border-left: 2px solid #ffffff; border-top: 2px solid #ffffff; }
body.wob .alphabetGroup a { border: 1px solid var(--sttl-color-primary); }
body.wob h4.exceTitle { border-bottom: 1px solid var(--sttl-color-white); }
body.wob .view-filters form input[type=submit]:hover{ background-image: url(../images/search-white.svg); } 
body.wob .form-select, body.wob select { background: url(../images/arrow-down.png) 0 0 no-repeat; background-position: right .75rem center; }

body.wob .view-filters form input::-webkit-input-placeholder { color: var(--sttl-color-white); opacity: 1; }
body.wob .view-filters form input::-moz-placeholder { color: var(--sttl-color-white); opacity: 1; }
body.wob .view-filters form input:-ms-input-placeholder { color: var(--sttl-color-white); opacity: 1; }
body.wob .view-filters form input:-moz-placeholder { color: var(--sttl-color-white); opacity: 1; }


body.wob .SearchBox .form-search::-webkit-input-placeholder { color: var(--sttl-color-white); opacity: 1; } 
body.wob .SearchBox .form-search::-moz-placeholder { color: var(--sttl-color-white); opacity: 1; }
body.wob .SearchBox .form-search:-ms-input-placeholder { color: var(--sttl-color-white); opacity: 1; }
body.wob .SearchBox .form-search:-moz-placeholder { color: var(--sttl-color-white); opacity: 1; }
body.wob .Page404 .Text404{ color: var(--sttl-color-white); }

/* #edit-field-on-deputation-no, label[for="edit-field-on-deputation-no"] {
    display: none;
  } */
 .immovableClass ul{padding-left: 0px;}
 .immovableClass ul li {background: #00906B12;padding: 15px;border-radius: 6px;}

 body.path-annual-immovable-property-returns.annual-immovable-property-returns .messages-list {
    display: none;
}
.view-contact-us .table-wraper{margin-top: 0px;}

.contact-map {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 20px;
}

.contact-map iframe {
    width: 50%;
    height: 225px;
}

.contact-map .contact-title {
    width: 50%;
    border-radius: 12px;
    margin-top: 0;
    padding: 95px 50px 66px 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    font-size: 20px;
    background-image: url(/files/inline-images/location-icon.svg);
    background-repeat: no-repeat;
    background-position: center 25px;
    background-size: 35px;
    text-align: center;
}

.displayNone {
  display: none !important;
}

  /* Masonry container */
    .masonry-index-grid {
      margin: 0 auto;
    }

    /* Base column width for Masonry */
    .masonry-index-grid .grid-sizer {
      width: calc(33% - 20px) 
    }

    .index-box {
      width: calc(33% - 20px);/* 3 per row */
      box-sizing: border-box;  
      margin-bottom: 20px;padding:0px  15px 20px 0px;
      
    }
.index-box-wrapper {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    padding: 16px;
    transition: transform .3s, box-shadow .3s;
    border-top: 5px solid var(--Color-00906B);
    position: relative;
}
    /* Letter heading */
   /* Letter heading */
.index-box h2 {
    background: var(--Color-00906B);
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 25px;
    font-size: var(--Font-18);
    top: 0px;
    color: #fff;
    padding: 5px;
    aspect-ratio: 1;
    margin: 0;
    border-radius: 0px 0 8px 8px;
}
h4.author-name {
    border-radius: 8px;
    font-size: 20px;
    padding: 8px;
    color: #fff;
    background: #00503c;
    margin-top: 30px;
	text-align: center;
}
.masonry-index-grid .index-box .masonry-content h4.author-name a:hover,
.masonry-index-grid .index-box .masonry-content h4.author-name a{color: #fff;}
    /* Author list */
    .index-box > ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

	.masonry-index-grid .index-box .masonry-content li {
    margin-bottom: 6px;
    position: relative;
    list-style: none;
    padding: 0 0 5px 18px;
    border-bottom: 1px dashed #d0d0d0;
}

.masonry-index-grid .index-box .masonry-content li::before {
    content: '';
    width: 8px;
    height: 8px;
    border-left: 2px solid var(--Color-00906B);
    border-top: 2px solid var(--Color-00906B);
    position: absolute;
    transform: rotate(135deg);
    left: 0;
    top: 7px;
}

.masonry-index-grid .index-box .masonry-content  a {
    text-decoration: none;
    color: var(--Color-00906B);
    transition: color .2s;
    font-size: 18px;
}

.masonry-index-grid .index-box .masonry-content a:hover {
    color: #0056b3
}


/* new page css here start  */
.fs-13{font-size: 13px;}
.fs-12{font-size: 12px;}
.fw-600{font-weight: 600;}
.fw-500{font-weight: 500;}
.fw-400{font-weight: 400;}
.newTable .table-responsive{border-radius: 0px;}
.newTable table thead{background: #00503c;color: #323232;font-weight: 600;padding: 13px 20px;vertical-align: middle;border-radius: 0px;}
.newTable table thead th{background: #00503c;color: #fff;font-weight: 600;padding: 12px;}
.newTable table tbody td{text-align: center;}
.box-right {border-left: 1px solid #ccc;padding-left: 16px;margin-left: 16px;}
.textBlack{color: #000000;}
.innerPageHeading{font-size: 28px;font-weight:600;color: #000000;}
.cardWrapper{background: #EDF4F2; padding: 24px 30px;border-radius: 8px;margin-bottom: 0px;border-bottom: 4px solid #00503c;}
.cardWrapper p:last-child{margin-bottom: 0px;}
.cardWrapper .subTitle{font-weight: 600;font-size: 18px;margin-bottom: 10px;}
.cardWrapper ul{padding-left: 0px;}  
.cardWrapper ul li{padding-left: 30px;position: relative;list-style: none;color: #00503C;margin-bottom: 14px;font-size:var(--Font-18);} 
.cardWrapper ul li:before{content: "";background-image: url('/files/inline-images/arrow-vector.svg');background-repeat: no-repeat; width: 20px;height: 20px;position: absolute;left: 0;top: 2px;border-radius: 50%; background-position: center;} 
 .thumbsSlider {    box-sizing: border-box;  padding: 10px 0; }
.thumbsSlider .swiper-slide{ opacity: 0.4;cursor: pointer; }
.thumbsSlider .swiper-slide-thumb-active {   opacity: 1;    }
.mainSwiperView  .swiper-slide a{ max-width: 310px; max-height: 450px; display: contents;}
.mainSwiperView  .swiper-slide  img { display: block; width: 100%; max-width: 450px;height: auto; max-height: 350px;object-fit: contain;}
.slideWraper { padding: 30px 50px 0px; gap: 30px; display: flex; justify-content: center;flex-direction: column;}
.single_img { gap: 50px; display: flex;}
.textBox { text-align: left; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;padding-right: 30px;}
.textBox h5 { font-size:var(--Font-24); font-weight: 600; color:#000; margin-bottom: 28px;}
.textBox p{ font-size:var(--Font-20); font-weight: 300; color:#000; line-height: 28px; margin-bottom: 0;}
.mainSwiperView .textBox p em {margin-top: 8px; font-size: 15px;line-height: 20px;display: inline-block;}
.thumbNavigation{width: 80px;}
.swiperPagination .swiper-slide p{margin-bottom: 0;}
.thumbNext:after, .thumbPrev:after { font-size: 20px; font-weight: 900;color: rgba(68, 68, 68, 0.64);}
.viewSliderNext:after,.thumbNext:after{content: '\f054';font-family: var(--FontFamily-fontawesome);}
.viewSliderPrev:after,.thumbPrev:after{content: '\f053';font-family: var(--FontFamily-fontawesome);}
.thumbsSlider .swiper-slide { display: flex; justify-content: center; align-items: center;border-right: 1px solid rgba(68, 68, 68, 0.24); }
.thumbsSlider .swiper-slide p { margin-bottom: 0;padding: 0px 0px; font-size: 24px; font-weight: 400; color:rgba(0, 80, 60, 1);line-height: 1.2;}
.headSection { margin-bottom: 12px; }
.viewSliderNext:after, .viewSliderPrev:after { font-size: 30px; font-weight: 900;color: rgba(68, 68, 68, 0.64);} 
.cardWrapper>p.textBlack{font-size: var(--Font-20);}
body.wob .cardWrapper { background: #282828; border: 1px solid var(--sttl-color-primary); box-shadow: none; }
body.wob .cardWrapper .subTitle, body.wob .cardWrapper ul li { color: var(--sttl-color-white); }
body.wob .slideWraper { background: #282828; border: 1px solid var(--sttl-color-primary); box-shadow: none; }
body.wob .textBox h5, body.wob .textBox p { color	: var(--sttl-color-white); }

body.wob .innerPageHeading,
body.wob .thumbsSlider .swiper-slide p { color: var(--sttl-color-white); }	

/*new dashboard html css Start */
.new-dashboard .mainInner .leftSection{background-color: #FFF;}
.new-dashboard{background-color: #F1F7FF;}

.new-dashboard .sidebar-menu ul li{border-radius: 4px;}
.new-dashboard .sidebar-menu ul li img{filter: invert(1);}

.new-dashboard .sidebar-wrapper .sidebar-menu ul li a{ transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;}
.new-dashboard .mainWrap .sidebar-wrapper{background-color: #fff;}
.new-dashboard .mainWrap .sidebar-wrapper .sidebar-menu ul li a {color: #323232;font-weight: 400;}
.fileterElements .js-form-item{width: 100%;}
.fileterElements .form-select{border: 1px solid #CCCCCC;border-radius: 5px;background-color: #fff;max-width: 100%;padding: 12px 20px;min-height: 48px;}
.new-dashboard .sidebar-wrapper .sidebar-menu ul li.active{background: #497DD5;}
.new-dashboard .sidebar-wrapper .sidebar-menu ul li.active img,
.new-dashboard .sidebar-wrapper .sidebar-menu ul li:hover img{  filter: invert(0);transition: all 0.3s ease; }
.new-dashboard .sidebar-wrapper .sidebar-menu ul li.active a,
.new-dashboard .sidebar-wrapper .sidebar-menu ul li:hover a{color: #fff;transition: all 0.3s ease;}	
.selectSelect { width: calc(100% - 220px); display: flex;  gap: 10px; }
.custom-btn-primary:hover,
.custom-btn-primary{ background: #00503C; color: #fff; min-width: 100px; font-size: 14px; min-height: 48px; border-radius: 7px; border: none;cursor: pointer; }  
.custom-btn-secondary:hover,.custom-btn-secondary{ background: transparent; color: #00503C;border: 1px solid #00503C; min-width: 100px; font-size: 14px; min-height: 48px; border-radius: 7px;cursor: pointer;  } 
.group-btns {display: flex;gap: 10px;} 

.cardBox{gap: 16px;display: flex;box-shadow: 12px 12px 20px #00000005;border-radius: 5px;padding: 20px 24px;align-items: center;}

.cardColorOne{background: #D9DDF2;}
.cardColorTwo{background: #F8DBD0;}
.cardColorThree{background: #C4ECE0;}
.detailWrap h3{font-weight: 600;font-size: 28px;line-height: 30px;margin-bottom: 6px;color: #333333;}
.detailWrap p{font-size: 16px;line-height: 24px;color: #333333;margin-bottom: 0;font-weight: 500;}
.cardBox.cardColorThree .detailWrap{flex:1;}
.new-dashboard .rightSection .cardBox{height: 100%;}
.copyrightText{color: #848484;font-size: 14px;line-height: 20px;margin-bottom: 0;}
#age-wise-officers,
        #gender-wise-Officers,
        #State-wise-officers,
#chartdiv {
  width: 100%;
  height: 350px;
}
#ministry-wise-officers{width: 100%;height:800px; /* Fixed height for better visibility */
}

#ministry-wise-officers .am5-focus-container div[role="checkbox"]:nth-child(odd)::after {content: "";position: absolute;right: 13px;top: 0;width: 1px;height: 100%;background-color: #ccc;}
#grade-wise-officers,
#donutchartdiv {width: 100%;height: 400px; /* Fixed height for better visibility */
}
.new-dashboard .monthChart,.new-dashboard .officerChart{height: 500px;}
.new-dashboard .grade-wise-officers-section,
.new-dashboard .gender-wise-Officers-section{height: 440px;}
.new-dashboard .monthChart.ministry-wise-officers-section {height: auto;}
.am5exporting-icon{background-color:#00503C!important;color:#fff !important;opacity: 1 !important;}
.am5exporting-icon svg path{fill:#fff !important;}
.am5exporting-menu.am5exporting-valign-top, .am5exporting-icon.am5exporting-valign-top, .am5exporting-list.am5exporting-align-top {top: -10px !important;}

/* sidebar menu  */
.sidebar-menu ul {list-style: none;padding: 0;margin: 0;  }
.sidebar-menu ul li {  margin-bottom: 5px;  }
.sidebar-menu .sidebar-dropdown ul {display: none;padding-left: 20px;  }
.sidebar-menu .dropdown-toggle { display: flex;align-items: center;padding: 10px;text-decoration: none; }
.sidebar-menu .dropdown-toggle::after {content: '\f107';font-size: 15px;margin-left: 5px;font-family: 'FontAwesome';border: 0;position: absolute;right: 12px;}
.sidebar-menu .sidebar-dropdown.toggle .dropdown-toggle::after{ transform: rotate(180deg);}
.sidebar-menu > li{padding-right: 10px;}
.sidebar-menu li a span{white-space: break-spaces;}
.path-profile-management .paragraph-type--er-details-of-posting-in-ies span.paragraph-type-label{ display: none;}

.k-pdf-export .service-section, .k-pdf-export {  font-family: Arial, Helvetica, sans-serif!important;}
.executive-detailed .inner-field{ width:80%!important;}
.table-responsive.tableWrapper { max-height: 500px;}
.table-responsive.tableWrapper thead th,
.table-responsive.tableWrapper thead{position: sticky;top:0px;z-index: 5;}
.arrow {  display: flex;  gap: 15px;}
.table-scroll-wrapper {display: flex;	flex-direction: column;align-items: center;	align-items: flex-end; gap: 10px;}
.tableWrapper {overflow-x: auto; white-space: nowrap; max-width: 100%; border: 1px solid #ddd; scroll-behavior: smooth;}
.scroll-btn {background: #00503c;color: #fff;border: none;padding: 4px 15px;cursor: pointer;font-size: 22px;border-radius: 8px;transition: 0.3s;}
.scroll-btn:hover { background: #00503c;transform: scale(1.01);}
.export-pdf:active,
.export-pdf:focus,
.export-pdf:hover{color: #fff !important;}
.profileDetailEx .inner-field .field__label {position: relative; min-width: 180px;  max-width: 180px;padding-right: 10px; font-size:16px;}
.executive-detailed .field__label::after {  content: ':';  top: 0px;  right: 0px;  position: absolute;}

.reload-captcha-wrapper {
    display: none !important;
}
.path-profile-management .button--primary.form-submit { border-radius: 0px; }
.path-profile-management .js-form-required.form-required::after {content: '*' !important;color: red !important;margin-left: 4px !important;font-weight: bold !important;}
/* td.views-field.views-field-field-ers-details-posting-date-3 {  white-space: nowrap;} */


.user-logged-in .messages--error .placeholder {
    color: red !important;
}

body.wob .btnStyle:hover {
    color: var(--sttl-color-primary)!important;
    border-color: var(--sttl-color-primary)!important;
}

body.wob .viewSliderNext:after,body.wob .viewSliderPrev:after, body.wob .thumbNext:after,body.wob .thumbPrev:after {
    color: var(--sttl-color-primary);
}

.form-text {
    color: unset;
}

.table-responsive .views-field-field-probationar-train-document, .table-responsive .views-field-field-inservice-trainin-document, .table-responsive .views-field-field-officers-corner-document, .table-responsive .views-field-field-select-type-file-link {
    min-width: 136px;
}
body.wob .form-select, body.wob select {   background: url(../images/drop-arrow.svg) 0 0 no-repeat;   background-position: right .49rem center;}

/* spacing css here  */
.section-padding,
.about-section {padding: 60px 0;}
footer {padding: 34px 0 15px;}

.node-add-list .node-add-list-item:contains("Executive Record Sheet") {
  display: none;
}

.ies-details__wrapper.details-wrapper .js-form-item.form-item{margin-bottom: 20px;}
.form-item-homepage .form-item__label{display: block;}
.form-item.form-datetime-wrapper .form-item__label{font-size: 16px;}
div#edit-date {gap: 50px; display: flex;}
.form-boolean-group .js-form-type-radio .form-radio{min-height: auto;}
.ies-details__wrapper.details-wrapper legend .fieldset__label--group{font-size: 16px;font-weight: 600;}
div#edit-status { gap: 50px; display: flex;}

.editorBord .artContact{ margin-right: 50px;}

.page-node-type-ex-rec-details-of-posting-in-ies .js-form-required.form-required::after {
    content: '*' !important;
    color: red !important;
    margin-left: 4px !important;
    font-weight: bold !important;
}

/* Loader Overlay */
.pdf-loader-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.pdf-loader-spinner {
    width: 52px;
    height: 52px;
    border: 5px solid rgba(255, 255, 255, 0.25);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: pdf-spin 0.75s linear infinite;
}

.pdf-loader-text {
    color: #ffffff;
    font-family: Inter, sans-serif;
    font-size: 14px;
    letter-spacing: 0.3px;
}

@keyframes pdf-spin {
    to { transform: rotate(360deg); }
}
.container-fluid.px-3{ padding-left:0!important; padding-right:0!important}
.user-logged-in.path-profile-management-pdf .container-fluid.px-3{ padding-right: 1rem !important;padding-left: 1rem !important;}
.user-logged-in.path-profile-management-pdf .executive-detailed .educationQualificationSection,
.user-logged-in.path-profile-management-pdf .executive-detailed .detailsPostingSection,
.user-logged-in.path-profile-management-pdf .executive-detailed .trainingSection,
.user-logged-in.path-profile-management-pdf .executive-detailed .publicationAwardSection,
.user-logged-in.path-profile-management-pdf .executive-detailed .specializationSection,
.user-logged-in.path-profile-management-pdf .executive-detailed .cvDetailSection,
.user-logged-in.path-profile-management-pdf .executive-detailed .Disclaimer{ padding-left:0!important; padding-right:0!important}
.user-logged-in.path-profile-management .image-widget.js-form-managed-file.form-managed-file.clearfix { position: relative;}
.user-logged-in.path-profile-management .messages.messages--error.file-upload-js-error { position: absolute; top: 100%; padding: 10px 10px; font-size: 13px;}



.tabs{display:flex;gap:10px;} */
/* .tabBtn{ padding:12px 22px; border:1px solid #005c45; background:#fff; color:#005c45; cursor:pointer; transition:.3s; font-size:18px;}
.tabBtn.active{ background:#005c45; color:#fff;}
/* .controls{display:flex;gap:10px;}
.navBtn,
.playBtn{ width:50px; height:50px; border-radius:50%; border:1px solid #005c45; background:#fff; color:#005c45; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:18px;} */
.navBtn:hover,
.playBtnS:hover{ background:#005c45; color:#fff;}
.tabContent{display:none;}
.tabContent.active{  display:block;}
.photoSwiper .slide-content img{max-height: 450px; }
.head{ display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:20px; margin-bottom:25px;}
.leftHead{ display:flex; align-items:center; gap:20px; flex-wrap:wrap;}

.tabs{display:flex;gap:10px;}
.tabBtn{ padding: 14px 8px; border:1px solid #005c45; background:#fff; color:#005c45; cursor:pointer; transition:.3s;line-height: 20px;font-size: var(--Font-18); }
.tabBtn span.icons{margin-right: 8px;} 
.tabBtn.active{ background:#005c45; color:#fff;}
.controls{display:flex;gap:10px;}

.playBtnG,
.navBtn{ width:38px; height:38px; border-radius:0%; border:1px solid #005c45; background:#fff; color:#005c45; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:18px;}
.playBtnG{border-radius: 50%;}
.tabContent{display:none;}
.tabContent.active{  display:block;}
button.playBtnG.officerToggle {  position: absolute;right: 46px;}
.rightSectionHead{position: absolute;top: 14px;gap: 10px;right: 15px; display: flex; align-items: center;color: var(--Color-00906B); }
.rightSectionHead a{color: var(--Color-00906B);}



.marqueeContent:hover,
.marqueeContent.paused{
    animation-play-state: paused !important;
}
.mediaGallery .swiper-slide .slide-content a { max-height: 420px;padding-bottom: 66%;}
.mediaGallery .swiper-slide .slide-content  img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(1);width: 101%;height: 101%;object-fit: cover;z-index: -1;object-fit: cover;}

.f-html{
    padding: 0;
    width: 100%;
	margin: auto;
    height: 100%;
    min-height: 1px;
    overflow: visible;
    max-width: var(--f-video-width, 960px);
    max-height: var(--f-video-height, 540px);
    aspect-ratio: var(--f-video-aspect-ratio);
    background: var(--f-video-bg, rgba(0, 0, 0, .9));
}