@charset "UTF-8";

//* Font-face declarations for Noto Sans */
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/Noto_Sans/static/NotoSans-Regular.woff2') format('woff2'),
         url('../fonts/Noto_Sans/static/NotoSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/Noto_Sans/static/NotoSans-Medium.woff2') format('woff2'),
         url('../fonts/Noto_Sans/static/NotoSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/Noto_Sans/static/NotoSans-SemiBold.woff2') format('woff2'),
         url('../fonts/Noto_Sans/static/NotoSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/Noto_Sans/static/NotoSans-Bold.woff2') format('woff2'),
         url('../fonts/Noto_Sans/static/NotoSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* Font-face declarations for Noto Sans Devanagari */
@font-face {
    font-family: 'Noto Sans Devanagari';
    src: url('../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagar-Regular.woff2') format('woff2'),
         url('../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagar-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Devanagari';
    src: url('../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagar-Medium.woff2') format('woff2'),
         url('../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagar-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Devanagari';
    src: url('../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagar-SemiBold.woff2') format('woff2'),
         url('../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagar-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Devanagari';
    src: url('../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagar-Bold.woff2') format('woff2'),
         url('../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagar-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* Font-face declarations for Noto Sans Telugu */
@font-face {
    font-family: 'Noto Sans Telugu';
    src: url('../fonts/Noto_Sans_Telugu/static/NotoSansTelugu-Regular.woff2') format('woff2'),
         url('../fonts/Noto_Sans_Telugu/static/NotoSansTelugu-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Telugu';
    src: url('../fonts/Noto_Sans_Telugu/static/NotoSansTelugu-Medium.woff2') format('woff2'),
         url('../fonts/Noto_Sans_Telugu/static/NotoSansTelugu-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Telugu';
    src: url('../fonts/Noto_Sans_Telugu/static/NotoSansTelugu-SemiBold.woff2') format('woff2'),
         url('../fonts/Noto_Sans_Telugu/static/NotoSansTelugu-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Telugu';
    src: url('../fonts/Noto_Sans_Telugu/static/NotoSansTelugu-Bold.woff2') format('woff2'),
         url('../fonts/Noto_Sans_Telugu/static/NotoSansTelugu-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/*html{ font-size: 18px; }*/
/*  Custom Variables */
:root {
    --arci-eagle-green: #0B2641;
    --arci-wintergreen-dream: #13406C;
    --arci-wintergreen-text-dream: #13406C;
    --arci-powder-blue :#2966A3;
    --arci-columbia-blue: #6B99C7;
    --arci-azureish-white: #ADCCEB;
    --bs-arci-gradient: linear-gradient(90deg, #0b2641, #2966a3);

    --arci-deep-blue: #1D0A69;
    --arci-bright-gray: #EBEAEA;

    --arci-anti-flash-white :#f1f1f1;
    --arci-rhythm: #3D4043;
    --arci-bg-white: #FFFFFF;
    --arci-text-white: #FFFFFF;
    --arci-black : #150202;
    --arci-black-pure : #000000;
    --arci-profile-border-color: #D5CBBD;
    --arci-profile-card-secondary: #DBEBEB;
    --arci-error: #DC3545;
    --arci-link: #0D6EFD;
    --arci-warning: #FFC107 ;
    --arci-success: #198754;
    --arci-grey-light: #C6C6C6;
    --arci-grey-text-light: #C6C6C6;
    --arci-grey-medium: #8E8E8E;
    --arci-grey-dark: #606060;
    --hr-border: 1px solid #D5CBBD;
    --arci-border: 1px solid;
    --bs-required: #DC3545;
    --arci-logo-heading: #DC3545;
    --arci-body-line-height: 1.5;
    --arci-body-font-size: 1rem;
    --bs-arci-body-font-family: 'Noto Sans';
    --bs-body-bg: #ffffff;

     

    /* Font Size Variables */
    --font-heading-1: 2.25em;     /* 36px */
    --font-heading-2: 1.5em;      /* 24px */
    --font-heading-3: 1.25em;     /* 20px */
    --font-subtitle: 1.25em;      /* 20px */
    --font-paragraph-1: 1em;      /* 16px */
    --font-paragraph-2: 0.875em;  /* 14px */
    --font-small-text: 0.75em;    /* 12px */
    
    /* Font Weight Variables */
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semi-bold: 600;
    --weight-bold: 700;
}
:root[lang="hi"]{--bs-arci-body-font-family: 'Noto Sans Devanagari';}
:root[lang="te"]{--bs-arci-body-font-family: 'Noto Sans Telugu';}

.wob{
    --arci-banner-transparency: rgba(38, 24, 0, 0.95);
    --arci-eagle-green: #0B0C0E;
    --arci-wintergreen-dream: #0B0C0E;
     --arci-wintergreen-text-dream: #ffff00;
    --arci-powder-blue :#0B0C0E;
    --arci-columbia-blue: #0B0C0E;
    --arci-azureish-white: #23232a;
    --arci-azureish-white-bg: #bcb9c6;
    --bs-arci-gradient: linear-gradient(90deg, #0B0C0E, #0B0C0E);
    
    --arci-deep-blue: #ffff00;
    --arci-bright-gray: #0B0C0E;
    --arci-anti-flash-white :#ffff00;
    --arci-rhythm: #ffff00;
    --arci-bg-white: #0B0C0E;
    --arci-text-white: #ffff00;
    --arci-black : #ffff00;
    --arci-black-pure : #ffff00;
    --arci-profile-border-color: #23232a;
    --arci-profile-card-secondary: #23232a;

    
     --hr-border: 1px solid #23232a;
     --bs-required: #ffff00;
     --arci-logo-heading: #ffff00;
     --arci-grey-light: #23232a;
    --arci-grey-text-light: #ffff00;
    --bs-body-bg: #0B0C0E;
}

.lob{
    --arci-banner-transparency: rgba(69, 71, 84, 0.95);
    --arci-eagle-green: #22242A;
    --arci-wintergreen-dream: #454754;
    --arci-powder-blue :#676B7E;
    --arci-columbia-blue: #8A8E9F;
    --arci-azureish-white: #D5D6DC;
    --arci-azureish-white-bg: #F1F1F4;

    --arci-deep-blue: #ffff00;
    --arci-bright-gray: var(--arci-bright-gray);
    --arci-anti-flash-white :#ffff00;
    --arci-rhythm: #ffff00;
    --arci-white: #0B0C0E;
    --arci-black : #ffff00;
    --arci-black-pure : #ffff00;
    --arci-profile-border-color: #23232a;
    --arci-profile-card-secondary: #23232a;
     --hr-border: 1px solid #23232a;
     --bs-required: #ffff00;
     --arci-logo-heading: #ffff00;

}

.mob{
    /* Font Size Variables */
    --font-heading-1: 1.5em;      /* 24px */
    --font-heading-2: 1.25em;     /* 20px */
    --font-heading-3: 1em;        /* 16px */
    --font-subtitle: 1em;         /* 16px */
    --font-paragraph-1: 0.875em;  /* 14px */
    --font-paragraph-2: 0.75em;   /* 12px */
    --font-small-text: 0.625em;   /* 10px */
}
.text-primary{
    color: var(--arci-deep-blue) !important;
}
.arci-text-secondary{
    color: var(--arci-wintergreen-text-dream) !important;
}
@media (min-width: 1600px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1520px;
    }
}
@media (min-width: 1800px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1720px;
    }
}
@media (min-width: 2100px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 90vw;
    }
}
.offcanva-six.active .offcanva-six1 {
    background-color: var(--arci-grey-dark);

}
.btn-outline-dark {
    --bs-btn-color: var(--arci-black);
    --bs-btn-border-color: var(--arci-black);
}
body.invert-active {
  filter: invert(1);
}

body.highlight-links a {
  background: yellow;
  color: black;
  text-decoration: underline;
}

body.cursor-large {
  cursor: url('https://cdn-icons-png.flaticon.com/512/32/32178.png'), auto;
}

body.saturation-low {
  filter: saturate(50%);
}

body.saturation-high {
  filter: saturate(200%);
}
/* rest of your CSS below stays unchanged */
*,
:after,
:before {
    box-sizing: border-box;
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}
.icon {
    width: 32px;
    height: 32px;
    padding: 2px;
}
svg.icon path {
    fill: var(--arci-wintergreen-text-dream); !important;
}
body {
    margin: 0;
    font-family: var(--bs-arci-body-font-family);
    font-size: var(--arci-body-font-size);
    font-weight: var(--arci-body-font-weight);
    line-height: var(--arci-body-line-height);
    color: var(--arci-body-color);
    background-color:  var(--arci-bg-white);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.headers-top .row{
   align-content: center;
   align-items: center;
}
.nav-link, .media-library-view--widget .view-header a,.wob .navbar-nav .nav-link.active{
    color: var(--arci-black-pure);
}
a:not(.nav-link,.dropdown-item):hover {
    text-decoration: underline;
}
.dropdown-item:hover, .nav-item:hover, .dropdown-item:focus, .nav-item:focus-within {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}

hr {
    margin: var(--font-paragraph-1) 0;
    color: inherit;
    border: 0;
    border-top: var(--hr-border);
    opacity: 0.25;
}
        
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-weight: 500;
    line-height: 1.2;
}

.h1,
h1 {
    font-size: calc(1.375em + 1.5vw);
}

@media (min-width: 75em) {

    .h1,
    h1 {
        font-size: 2.5em;
    }
}

.h2,
h2 {
    font-size: calc(1.325em + 0.9vw);
}

@media (min-width: 75em) {

    .h2,
    h2 {
        font-size: 2em;
    }
}

.h3,
h3 {
    font-size: calc(1.3em + 0.6vw);
}

@media (min-width: 75em) {

    .h3,
    h3 {
        font-size: 1.75em;
    }
}

.h4,
h4 {
    font-size: calc(1.275em + 0.3vw);
}

@media (min-width: 75em) {

    .h4,
    h4 {
        font-size: 1.5em;
    }
}

.h5,
h5 {
    font-size: var(--font-subtitle);
}

.h6,
h6 {
    font-size: var(--font-paragraph-1);
}

p {
    margin-top: 0;
    margin-bottom: var(--font-paragraph-1);
    color: var(--arci-black);
}

ol,
ul {
    padding-left: 2em;
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: var(--font-paragraph-1);
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5em;
    margin-left: 0;
}

blockquote {
    margin: 0 0 var(--font-paragraph-1);
}

b,
strong {
    font-weight: bolder;
}


.small,
small {
    font-size: .875em;
}

/*nav custom*/
.navbar {
    background-color: var(--arci-bright-gray);
    border-bottom: 0.0625em solid var(--arci-grey-light);
}

.nav-item {
    padding: 0 2em;
    font-size: var(--font-subtitle);
    font-weight: var(--weight-regular);
    color: var(--arci-black);
    text-decoration: none;
}

.navbar-nav .nav-link.active {
    color: var(--arci-powder-blue);
    font-weight: var(--weight-semi-bold);
}

.nav-link.dropdown-toggle,.dropdown-item {
    text-decoration: none;
}
/*nav-end*/


/*haeder start*/
.heading-logo {
    color: var(--arci-deep-blue);
    font-weight: var(--weight-bold);
    text-align: left;
    font-size: var(--font-heading-2);
    margin: 0em;
    padding: 0;
}

a{
    text-decoration: none;
}
.subheadinglogo {
    color: var(--arci-logo-heading);
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-medium);
    text-align: left;
    margin: 0em;
}

.logos-news-title {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
}

/*.navbar-nav .nav-link.active {
    color: var(--color-arci-dark) !important;
    border-bottom: 0.25em solid var(--color-arci-dark);
    width: max-content;
}

.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    justify-content: left;
    padding: 0em 7.5em;
    flex-basis: auto;
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: var(--arci-black-pure);
    font-weight: 500;
    font-size: var(--font-subtitle);
}*/
.six-homes-cols .search {
    width: 75%;
    margin: auto;
    border: 0.063em solid var(--arci-profile-border-color);
    border-bottom: 0.125em solid var(--arci-profile-border-color);
    border-radius: 0.625em 0.625em 0em 0em;
    display: flex;
    align-items: center;
    padding: 0.625em;
    background: var(--arci-bg-white);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.six-homes-cols .search select {
    padding: 0;
    border: none;
    outline: none;
    width: 15%;
    cursor: pointer;
    background: transparent;
}

.six-homes-cols .search input {
    width: 75%;
    padding: 0;
    border: none;
    outline: none;
    margin-left: 0.625em;
   background: var(--arci-bg-white);
    color: var(--arci-wintergreen-text-dream);
}

.six-homes-cols .search button {
    width: 10%;
    padding: 0;
    border: none;
    outline: none;
    margin: auto;
    margin-right: 0;
    color: var(--arci-wintergreen-text-dream);
    border-left: var(--hr-border);
    background: var(--arci-bg-white);
}

.logos-home1 {
    aspect-ratio: 1;
    width: 9em;
    padding: 0.15em;
}

.logos-home2 {
    width: 25em;
}

.new-left-homes {
    display: inline-flex;
    align-items: center;
    align-content: center;
    margin: 0;
    padding: 0;
    flex-direction: row;
}

.searchBox,.acessTools {
    display: flex;
    justify-content: center;
    align-items: center;
}
.new-left-homes3 {
    display: inline-flex
;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.center-logo {
    width: 4.25em;
}

.fas.fa-search {
    color: var(--arci-wintergreen-text-dream);
}
.offcanva-six1 {
    border: var(--hr-border);
    border-radius: 0.5em;
    padding: 1.125em 0.625em;
    text-align: center;
    align-content: center;
    margin: 0.625em 0em;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color:  var(--arci-bg-white);
    height: 6.875em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#offcanvasRightLabel {
    margin-top: var(--font-subtitle);
    font-weight: 700;
    color: var(--arci-black-pure);
}
.offcanva-six.active .offcans-para, .offcanva-six.active svg.icon path{color:var(--arci-anti-flash-white);fill: var(--arci-anti-flash-white) !important;}
.offcans-para {
    color: var(--arci-black-pure);
    font-weight: 600;
    font-family: var(--bs-arci-body-font-family);
}

.spns-offcnavs {
    color: var(--arci-wintergreen-text-dream);
    font-size: 1.5em;
    font-weight: 700;
}

.new-left-homes3 li {
    display: flex;
    margin: 0em;
    align-content: center;
    justify-content: center;
}

.lists-homies {
    list-style: none;
}


.dropbtn {
    background-color: #4caf5000;
    color:  var(--arci-text-white);
    border: none;
    cursor: pointer;
}

.dropdownhomes {
    position: relative;
    display: inline-block;
}

.dropdownhomes-content {
    position: absolute;
    background-color: #f9f9f9;
    min-width: fit-content;
    z-index: 1;
}

.dropdownhomes-content a {
    color: #000000;
    padding: var(--font-small-text) var(--font-paragraph-1);
    text-decoration: none;
    display: block;
}

.dropdownhomes-content a:hover {
    background-color: var(--arci-bright-gray);
}

.dropdownhomes:hover .dropdownhomes-content {
    display: block;
}

.dropdownhomes:hover .dropbtn {
    background-color: var(--arci-bright-gray);
}

.main-right-arci .btn-primary {
    background-color: transparent;
    padding: 0em;
    border: none;
}

/* style for third-level dropdown */
/*.dropdown-submenu {
    position: relative;
}*/

/*.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
    position: absolute;
}*/

/* show submenu on hover */
/*.dropdown-submenu:hover .dropdown-menu {
    display: block;
}
*/
/* show dropdown on hover */
/*.nav-item.dropdown:hover>.dropdown-menu {
    display: block;
    margin-top: 2.5em;
    /* keeps alignment neat */
}*/

/* keep toggle caret styled */
/*.nav-link.dropdown-toggle::after {
    margin-left: .3em;
}
*/
/* style third-level submenus */
/*.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
    position: absolute;
}
*/
/* show submenu on hover */
/*.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
*/
/* right arrow icon style */
/*.submenu-icon {
    float: right;
    margin-left: 8px;
    transition: transform 0.3s ease;
}*/

/* rotate arrow when hovered */
/*.dropdown-submenu:hover>a .submenu-icon {
    transform: rotate(90deg);
}

.navbar-nav .toggle-icon {
    margin-left: 0.45em;
    font-size: var(--font-small-text);
}
*/
/*top header end*/

/*.navbar-nav .nav-link.active {
    color: var(--arci-wintergreen-text-dream) !important;
    border-bottom: 0.25em solid var(--arci-wintergreen-text-dream);
    width: max-content;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: left;
    padding: 0em 7.5em;
}

.navbar-expand-lg .navbar-nav {

    align-items: center;
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: var(--arci-black-pure);
    font-weight: 500;
    font-size: var(--font-subtitle);
    display: flex;
    justify-content: left;
    align-items: center;
}

.menu-item {
    min-width: 10.75em;
    min-width: 13em;
    display: flex;
    justify-content: center;
    margin-right: var(--font-paragraph-1);
}

.pointer {
    cursor: pointer;
}

.navbar {
    padding: 0.375em 0.4em 0em 0.4em;
    border: var(--hr-border);
    border-bottom: 0.125em solid var(--color-arci-dark);
}

.offcanvas.offcanvas-top {
    height: auto !important;
    max-height: 100%;
}

.navbar-nav .dropdown-item {
    padding: 0.55em var(--font-small-text);
}*/

/*header end*/

/*slider slick*/

#slick-sliders .slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#slick-sliders .slider {
    width: 100%;
}

#slick-sliders .slick-slide {
    height: 37em !important;
    position: relative;
}

.slick-slide video,
.slick-slide img:not(.person-card__image) {
    width: 100%;
    height: 37em;
    object-fit: cover;
    display: block;
}
.slick-dots{
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.slick-dots li {
    list-style: none;
}

.slick-dots li button {
    border-radius: 50%;
    font-size: 0.15em;
    width: 0.15em;
    aspect-ratio: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    border: solid #000 1px;
    color: #fff;
    background: #fff;
}

/* Move dots below video */
#slick-sliders .slick-dots {
    position: absolute !important;
    bottom: 5%;
    right: 10%;
    padding: 0;
    width: max-content;
    margin: 0;
    list-style: none;
    text-align: center;
    display: flex;
    gap: 0.25em;
}

/* Optional: dot styles */
#slick-sliders .slick-dots li button:before {
    color: var(--arci-grey-text-light);
    font-size: 4rem;
    opacity: 0.75;
}

#slick-sliders .slick-dots li.slick-active button:before {
    color: var(--arci-wintergreen-text-dream);
    opacity: 1;
}

#slick-sliders .slider-controls {
    text-align: center;
    margin: 20px 0;
}

#slick-sliders .slider-controls button {
    background: var(--arci-eagle-green);
    border: none;
    padding: 0.625em var(--font-subtitle);
    color:  var(--arci-text-white);
    font-size: var(--font-paragraph-2);
    border-radius: 0.313em;
    cursor: pointer;
}

#slick-sliders .slider-controls button:hover {
    background: var(--color-arci-dark-alt);
}

#slick-sliders #togglePlayPause {
    position: absolute;
    bottom: 4%;
    right: 7%;
    z-index: 1000;
    background: var(--arci-columbia-blue);
    color:  var(--arci-text-white);
    border: none;
    padding: 0.5em var(--font-small-text);
    border-radius: 5px;
    cursor: pointer;
    font-size: var(--font-paragraph-2);
}

#slick-sliders .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.banner-slider {
    list-style: none;
    padding: 0;
    margin: 0;
}

.banner-extra-controls {
    position: absolute;
    bottom: 4%;
    right: 2%;
}

/* Position container to align with dots */
.banner-extra-controls {
    display: inline-flex;
    gap: 0.8em;
    margin-left: var(--font-paragraph-1);
    /* Push away from dots */
    vertical-align: middle;
}

/* Style the arrow buttons */
.banner-extra-controls button {
    background: var(--arci-columbia-blue);
    border: none;
    color:  var(--arci-text-white);
    width: 2em;
    height: 2em;
    border-radius: 0.5em;
    font-size: var(--font-paragraph-1);
    cursor: pointer;
    transition: background 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hover effect */
.banner-extra-controls button:hover {
    background: var(--arci-eagle-green);
}

/*end video slider*/

/*latest news*/

.news-label {
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 0.5em;
    white-space: nowrap;
}

.news-marquee-wrapper {
    flex: 1;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.news-scroller {
    display: inline-block;
    padding-left: 100%;
    animation: scroll-news 20s linear infinite;
    white-space: nowrap;
    color: var(--arci-wintergreen-text-dream);
}

@keyframes scroll-news {
    0% {
        transform: translateX(0);
    }

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

.news-toggle-btn {
    background: none;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    color: #333;
}

.news-bar {
    position: relative;
    font-family: 'Noto Sans', sans-serif;
}

.news-label {
    font-weight: 700;
    color: var(--arci-wintergreen-text-dream);
    font-size: 1.4em;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.news-label i {
    margin-left: 5px;
    color: var(--arci-wintergreen-text-dream);
}

.news-marquee-wrapper {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
}

.news-toggle-btn {
    background: none;
    border: none;
    color: var(--arci-wintergreen-text-dream);
    font-size: var(--font-paragraph-1);
    cursor: pointer;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
}

#latest-news {
    background-color: var(--arci-grey-light);
}

#newsMarquee {
    width: 97%;
}

.news-label .fa-bullhorn {
    margin-left: 10px;
}

/*end news*/

/*pm quotes*/
.pm-quote-container {
    background: var(--arci-bright-gray);
    padding: 3em 0em;
}

.card-quotes {
    background-color: transparent;
    border: none;
}

.left-quotes {
    background-color: transparent;
}

.quotes-fluid {
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 50%;
}

.row-quotes {
    align-items: center;
}

.headline-quotes {
    color: var(--arci-wintergreen-text-dream);
    /* font-size: 2em; */
    /* font-style: normal; */
    /* font-weight: 500; */
    /* line-height: 1.813em; */
}

.title-quotes {
    font-style: normal;
    font-weight: 500;
    line-height: 1.2em;
    font-size: 1.7em;
}

.line {
    border: 0.1em solid var(--arci-eagle-green);
    margin-bottom: var(--font-paragraph-1);
}

.quote {
    color: var(--arci-wintergreen-text-dream);
    font-size: 2em;
    line-height: 0.01em;
}

.mobilelayout {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#btn-5tsp9b {
    background-color: var(--arci-wintergreen-text-dream);
    color:  var(--arci-text-white);
    text-decoration: none;
    padding: 0.625em var(--font-paragraph-1);
}

/*end quotes*/

/*about*/
.about-paragraph {
    color: var(--arci-black);
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.1px;
    font-size: var(--font-paragraph-1);
    margin-bottom: 2.5em !important;
    text-align: justify;
    word-spacing: 0.125em;
}
.right-box-about {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
#about-section {
}

.about-anchor {
    color: var(--arci-wintergreen-text-dream);
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    /* align-items: center; */
}
.accordian-parts .paras-accordions {
    font-size: var(--font-paragraph-1);
}

.headingclr {
    stroke: var(--color-arci-dark);
    margin-right: 0.7em;
}

.right-abouts {
    display: flex;
    justify-content: center;
}

.about-right-img {
    width: 12.5em;
    height: 12.5rem;
    padding: 0rem;
    border-radius: 0.45rem;
    border-bottom: 0.188em solid var(--color-arci-dark) !important;
    border: 0.05px solid var(--arci-grey-light);
    background-color:  var(--arci-bg-white);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.title-abouts-right {
    text-align: center;
    margin: 0.2em 0em;
    color: var(--arci-black);
    font-style: normal;
    font-weight: 600;
    min-height: 1.563px;
}

.profile-name-about {
    text-align: center;
    color: var(--arci-black);
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.row-abouts {
    align-items: center;
    padding: 1em 0em;
}

.performance-cols {
    border: var(--hr-border);
    padding: 1.5em 2em;
    text-align: center;
    background-color: var(--arci-bright-gray);
    border-radius: 8px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.icons-about {
    font-size: 2em;
    color: var(--arci-wintergreen-text-dream);
    margin-bottom: 0.4em;
}

.titles-performance {
    color: var(--arci-wintergreen-text-dream);
    font-weight: 600;
        white-space: nowrap;
}

.performance-cols:hover {
    background-color: var(--color-arci-light);
    color:  var(--arci-text-white);
}

/*end about*/

/*offer key*/
#key-section,#event-section {
    padding: 2.5em 2em; 
    background: var(--arci-bright-gray);
}

.key-section-heading,
.event-section-heading {
    color: var(--arci-wintergreen-text-dream);
    text-decoration: none;
    font-weight: 600;
}

/*end offer key*/

/*footer*/
.footer {
    background: var(--bs-arci-gradient);
    padding: 2.5em 2em; 
}

.usefullink {
    color:  var(--arci-text-white);
    font-style: normal;
    font-weight: 600;
    text-align: left;
    line-height: var(--font-subtitle);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.fivefooter-homes {
    text-align: left;
    margin-bottom: 0.5px !important;
    text-transform: uppercase;
}

.footer-links-list {
    display: grid;
    grid-template-columns: 40% 40%;
    padding-inline-start: 0px;
    color: rgb(255, 255, 255);
    gap: 0.625em var(--font-paragraph-1);
    list-style: none;
}

.footer-links-list li {
    position: relative;
    transform: translateX(-5px);
}

.footer-links-list .align-items-center {
    align-items: center !important;
}

.anchor-homes-nw {
    color:  var(--arci-text-white);
    font-size: 1.2em;
    font-style: normal;
    font-weight: 400;
    /* line-height: 20px; */
    text-decoration: none;
}

.footers-homs {
    margin: 0px;
}

.paras-footers-text {
    font-weight: 400;
    margin: 0px;
    color:  var(--arci-text-white);
    line-height: 1.875em;
}

.fas.fa-chevron-right {
    color:  var(--arci-text-white);
}

.disclaims-paras {
    margin-bottom: 0.2em;
    color:  var(--arci-text-white);
}

.disclaims-paras1 {
    color:  var(--arci-text-white);
}

.bottom-disclaim {
    margin-top: var(--font-paragraph-1);
    border-top: 1px solid var(--arci-text-white);
    padding-top: var(--font-paragraph-1);
}

.rounded-circle {
    border-radius: 50% !important;
    height: 2.188em;
    width: 2.188em;
    margin-right: 0.5em;
    padding: 0.313em;
    color: var(--arci-text-white);
    border:1px solid var(--arci-profile-border-color)
}

.img-footers {
    background-color:  var(--arci-bg-white);
    padding: 0.625em;
    border-radius: 0.5em;
    margin-top: 0.625em;
    margin-right: 0.625em;
    max-height: 5em;
}

.footer-imgs {
    display: flex;
    justify-content: left;
}

/*end footer*/

/* =============================================
   Key Offerings & Event Section
   Namespace: key- / event-
   Depends on: ARCI Design System Variables
   ============================================= */

/* =============================================
   Section Wrapper
   ============================================= */

#key-section,
#event-section {
  background: var(--arci-bright-gray);
  padding: 1.5rem;
  border-radius: 0.5em;
}

/* =============================================
   Layout — tabs left, whats-new right
   ============================================= */

#key-section .key-offerings__layout,
#event-section .key-offerings__layout {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

#key-section .key-offerings,
#event-section .key-offerings {
  flex: 1;
  min-width: 0;
}

#key-section .key-offerings__whats-new,
#event-section .key-offerings__whats-new {
  flex: 0 0 260px;
  min-width: 0;
}

/* =============================================
   Tab Slider Wrapper
   ============================================= */

#key-section .tab-slider-wrapper,
#event-section .tab-slider-wrapper {
  display: flex;
  align-items: stretch;
  background: var(--arci-bg-white);
  border: var(--hr-border);
  border-radius: 0.25em;
  overflow: hidden;
}

#key-section .tab-slider-track,
#event-section .tab-slider-track {
  flex: 1;
  overflow: hidden;
  min-width: 0;
}

/* =============================================
   Slider Arrow Buttons
   ============================================= */

#key-section .tab-slider-arrow,
#event-section .tab-slider-arrow {
  flex-shrink: 0;
  width: 32px;
  background: var(--arci-bg-white);
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--arci-wintergreen-dream);
  transition: background 0.15s ease;
  padding: 0;
}

#key-section .tab-slider-arrow--left,
#event-section .tab-slider-arrow--left {
  border-right: var(--hr-border);
}

#key-section .tab-slider-arrow--right,
#event-section .tab-slider-arrow--right {
  border-left: var(--hr-border);
}

#key-section .tab-slider-arrow:hover,
#event-section .tab-slider-arrow:hover {
  background: var(--arci-azureish-white);
}

#key-section .tab-slider-arrow:disabled,
#event-section .tab-slider-arrow:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

#key-section .tab-slider-arrow svg,
#event-section .tab-slider-arrow svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
}

/* =============================================
   Nav Tabs — override Bootstrap defaults
   ============================================= */

#key-section .nav-tabs,
#event-section .nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: none;
  margin: 0;
  padding: 0;
  width: max-content;
  transition: transform 0.3s ease;
  will-change: transform;
}

#key-section .nav-item,
#event-section .nav-item {
  flex-shrink: 0;
  border-right: var(--hr-border);
}

#key-section .nav-item:last-child,
#event-section .nav-item:last-child {
  border-right: none;
}

#key-section .nav-link,
#event-section .nav-link {
  display: block;
  padding: 0.625em 1.25em;
  font-weight: 500;
  font-size: var(--font-paragraph-1);
  border: none;
  border-radius: 0;
  border-bottom: none;
  margin-bottom: 0;
  cursor: pointer;
  background: var(--arci-bg-white);
  color: var(--arci-wintergreen-text-dream);
  white-space: nowrap;
  line-height: 1.4;
  transition: background 0.2s ease, color 0.2s ease;
}

#key-section .nav-link:hover:not(.active),
#event-section .nav-link:hover:not(.active) {
  background: var(--arci-azureish-white);
  color: var(--arci-wintergreen-dream);
  border-color: transparent;
  width: 100%;
}

#key-section .nav-link.active,
#event-section .nav-link.active {
  background: var(--arci-wintergreen-dream);
  color: var(--arci-text-white);
  border-color: transparent;
  border-bottom: none;
  width: 100%;
}

/* =============================================
   Tab Content
   ============================================= */

#key-section .tab-content,
#event-section .tab-content {
  border: var(--hr-border);
  border-top: none;
  border-radius: 0 0 0.25em 0.25em;
  padding: 0;
  background-color: var(--arci-bg-white);
  overflow-y: auto;
  max-height: 15.625em;
  margin-top: 0.625em;
  scrollbar-width: thin;
  scrollbar-color: var(--arci-columbia-blue) var(--arci-bright-gray);
}

#key-section .tab-content::-webkit-scrollbar,
#event-section .tab-content::-webkit-scrollbar {
  width: 0.375em;
}

#key-section .tab-content::-webkit-scrollbar-track,
#event-section .tab-content::-webkit-scrollbar-track {
  background: var(--arci-bright-gray);
}

#key-section .tab-content::-webkit-scrollbar-thumb,
#event-section .tab-content::-webkit-scrollbar-thumb {
  background: var(--arci-columbia-blue);
  border-radius: 0.625em;
}

#key-section .tab-content::-webkit-scrollbar-thumb:hover,
#event-section .tab-content::-webkit-scrollbar-thumb:hover {
  background: var(--arci-wintergreen-dream);
}

/* =============================================
   Tab Panes
   ============================================= */

#key-section .tab-pane,
#event-section .tab-pane {
  padding: 0;
}

#key-section .tab-pane ul,
#event-section .tab-pane ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#key-section .tab-pane li,
#event-section .tab-pane li {
  padding: 0.75em 1em;
  border-bottom: var(--hr-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-paragraph-1);
  color: var(--arci-black);
}

#key-section .tab-pane li:last-child,
#event-section .tab-pane li:last-child {
  border-bottom: none;
}

#key-section .tab-pane li a,
#event-section .tab-pane li a {
  text-decoration: none;
  color: var(--arci-black);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 0.5em;
}

#key-section .tab-pane li a:hover,
#event-section .tab-pane li a:hover {
  color: var(--arci-powder-blue);
}

/* =============================================
   Span Arrows
   ============================================= */

#key-section .span-arrows,
#event-section .span-arrows {
  font-size: 1.125em;
  color: var(--arci-columbia-blue);
  flex-shrink: 0;
  line-height: 1;
  padding-right: 0;
}

/* =============================================
   View More — Primary
   ============================================= */

#key-section .view-more,
#event-section .view-more {
  display: block;
  margin-top: 0.625em;
  text-align: center;
  border: 0.1em solid var(--arci-powder-blue);
  color: var(--arci-text-white);
  padding: 0.4em 1em;
  background-color: var(--arci-wintergreen-dream);
  border-radius: 0.375em;
  text-decoration: none;
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-semi-bold);
  width: fit-content;
  margin-left: auto;
  transition: background 0.2s ease;
}

#key-section .view-more:hover,
#event-section .view-more:hover {
  background: var(--arci-eagle-green);
}

/* =============================================
   What's New — Right Panel
   ============================================= */

#key-section .key-offerings__whats-new h3,
#event-section .key-offerings__whats-new h3 {
  font-size: 1.125em;
  font-weight: var(--weight-bold);
  color: var(--arci-eagle-green);
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 0.625em;
}

#key-section .news-box,
#event-section .news-box {
  background: var(--arci-wintergreen-dream);
  padding: 1em;
  border-radius: 0.25em;
  margin-top: 0.938em;
}

#key-section .news-box ul,
#event-section .news-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  max-height: 19em;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
}

#key-section .news-box ul::-webkit-scrollbar,
#event-section .news-box ul::-webkit-scrollbar {
  width: 0.375em;
}

#key-section .news-box ul::-webkit-scrollbar-track,
#event-section .news-box ul::-webkit-scrollbar-track {
  background: transparent;
}

#key-section .news-box ul::-webkit-scrollbar-thumb,
#event-section .news-box ul::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 0.625em;
}

#key-section .news-box ul::-webkit-scrollbar-thumb:hover,
#event-section .news-box ul::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.75);
}

#key-section .news-box li,
#event-section .news-box li {
  padding: 0.625em 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--arci-text-white);
  font-size: var(--font-paragraph-2);
}

#key-section .news-box li:last-child,
#event-section .news-box li:last-child {
  border-bottom: none;
}

#key-section .news-box li a,
#event-section .news-box li a {
  color: var(--arci-text-white);
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
  font-size: var(--font-paragraph-2);
}

#key-section .news-box li a:hover,
#event-section .news-box li a:hover {
  opacity: 0.8;
}

/* =============================================
   View More — Dark Variant
   ============================================= */

#key-section .view-more.dark,
#event-section .view-more.dark {
  color: var(--arci-eagle-green);
  border: var(--hr-border);
  margin-top: 0.938em;
  border-radius: 0.375em;
  font-weight: var(--weight-semi-bold);
  background-color: var(--arci-bg-white);
  width: fit-content;
  margin-left: auto;
  font-size: var(--font-paragraph-2);
  padding: 0.4em 1em;
  transition: background 0.2s ease;
  text-align: center;
  display: block;
  text-decoration: none;
}

#key-section .view-more.dark:hover,
#event-section .view-more.dark:hover {
  background: var(--arci-bright-gray);
}

/* =============================================
   Responsive
   ============================================= */

@media (max-width: 900px) {
  #key-section .key-offerings__layout,
  #event-section .key-offerings__layout {
    flex-direction: column;
  }

  #key-section .key-offerings__whats-new,
  #event-section .key-offerings__whats-new {
    flex: none;
    width: 100%;
  }

  #key-section .news-box ul,
  #event-section .news-box ul {
    max-height: 12em;
  }
}

@media (max-width: 576px) {
  #key-section,
  #event-section {
    padding: 1rem;
  }

  #key-section .tab-content,
  #event-section .tab-content {
    max-height: 12em;
  }
}

@media (min-width: 1080px) {
  #key-section .tab-slider-arrow,
  #event-section .tab-slider-arrow {
    display: none;
  }

  #key-section .tab-slider-arrow,
  #event-section .tab-slider-arrow {
    display: none;
  }

  #key-section .tab-slider-wrapper,
  #event-section .tab-slider-wrapper {
    border-radius: 0.25em;
    overflow: hidden;
  }

  #key-section .nav-tabs,
  #event-section .nav-tabs {
    width: 100%;
  }

  #key-section .nav-item,
  #event-section .nav-item {
    flex: 1;
  }

  #key-section .nav-link,
  #event-section .nav-link {
    text-align: center;
    width: 100%;
  }
}

/* =============================================
   Reduced Motion
   ============================================= */

@media (prefers-reduced-motion: reduce) {
  #key-section .nav-tabs,
  #event-section .nav-tabs,
  #key-section .tab-slider-arrow,
  #event-section .tab-slider-arrow,
  #key-section .view-more,
  #event-section .view-more,
  #key-section .nav-link,
  #event-section .nav-link {
    transition: none;
  }
}
/*end offer*/


/* Laestnews Section */
.key-offerings {
    flex: 1;
}

#key-section1 .tabs {
    display: flex;
    border: var(--hr-border);
    margin-top: 0.625em;
    margin-bottom: 0;
    border-radius: 0.25em;
    overflow: hidden;
}

#key-section1 .tab {
    flex: 1;
    text-align: center;
    padding: 0.625em;
    font-weight: 500;
    font-size: 1.3em;
    border: none;
    cursor: pointer;
    background: var(--arci-bg-white);
    color: var(--arci-wintergreen-text-dream);
    border-right: var(--hr-border);
    transition: background 0.3s ease;
}

#key-section1 .tab:last-child {
    border-right: none;
}

#key-section1 .tab.active {
    background: var(--arci-wintergreen-dream);
    color:  var(--arci-text-white);
}

#key-section1 .tab-content {
    border-top: var(--hr-border);
    height: 15.625em;
    /* Fixed height so it scrolls */
    padding: var(--font-paragraph-1);
    background-color:  var(--arci-bg-white);
    overflow-y: auto;
    margin-top: 0.625em;
    scrollbar-width: thin;
    /* For Firefox */
    scrollbar-color: var(--color-arci-dark) var(--arci-grey-light);
}

/* For WebKit browsers (Chrome, Edge, Safari) */
#key-section1 .tab-content::-webkit-scrollbar {
    width: 0.375em;
}

#key-section1 .tab-content::-webkit-scrollbar-track {
    background: var(--arci-grey-light);
    border-radius: 0em;
}

#key-section1 .tab-content::-webkit-scrollbar-thumb {
    background: var(--color-arci-dark-alt);
    border-radius: 0.625px;
}

#key-section1 .tab-content::-webkit-scrollbar-thumb:hover {
    background: var(--color-arci-dark);
}


#key-section1 .tab-pane {
    display: none;
    padding: 0;
}

#key-section1 .tab-pane.active {
    display: block;
}

#key-section1 .tab-pane ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#key-section1 .tab-pane li {
    padding: var(--font-small-text) 0;
    border-bottom: var(--hr-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--font-paragraph-1);
    color: #333;
}

#key-section1 .tab-pane li a {
    text-decoration: none;
    color: inherit;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#key-section1 .view-more {
    display: block;
    margin-top: 0.625em;
    text-align: center;
    border: 0.1em solid var(--arci-powder-blue);
    color:  var(--arci-text-white);
    padding: var(--font-small-text) var(--font-small-text);
    background-color: var(--arci-wintergreen-dream);
    border-radius: 0.625em;
    text-decoration: none;
    font-size: var(--font-paragraph-2);
    width: fit-content;
    margin-left: auto;
}

/* Right Section */
#key-section1 .whats-new {
    flex: 0.6;
}

#key-section1 .whats-new h3 {
    font-size: 1.125em;
    font-weight: bold;
    color: var(--color-arci-dark);
    display: flex;
    align-items: center;
    gap: 0.5em;
}

#key-section1 .news-box {
    background: var(--arci-wintergreen-dream);
    padding: var(--font-subtitle);
    border-radius: 0.625em;
    margin-top: 0.938em;
    /* height: 250px; */
    border-radius: 0.25em;
    border:0.05em solid var(--arci-profile-border-color);
}

#key-section1 .news-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    height: 17em;
    /* Fixed height for scrolling */
    scrollbar-width: thin;
    /* For Firefox */
    scrollbar-color: var(--arci-bg-white) var(--arci-wintergreen-dream);
    /* thumb + track colors */
}

/* For Chrome, Edge, Safari */
#key-section1 .news-box ul::-webkit-scrollbar {
    width: 0.375em;
    /* Thin scrollbar */
}

#key-section1 .news-box ul::-webkit-scrollbar-track {
    background: transparent;
    /* No track color */
}

#key-section1 .news-box ul::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.5);
    /* Semi-transparent white */
    border-radius: 0.625em;
}

#key-section1 .news-box ul::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.8);
    /* Brighter on hover */
}


#key-section1 .news-box li {
    padding: var(--font-small-text) 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color:  var(--arci-text-white);
    font-size: var(--font-paragraph-1);
}

#key-section1 .news-box li:last-child {
    border-bottom: none;
}

#key-section1 .news-box li a {
     color:  var(--arci-text-white);
    text-decoration: none;
    display: flex;
    font-size: var(--font-paragraph-1);
    justify-content: space-between;
    align-items: center;
}

#key-section1 .view-more.dark {
    color: var(--arci-black);
    border: var(--hr-border);
    margin-top: 0.938em;
    border-radius: 0.625em;
    text-align: center;
    font-weight: 600;
    background-color: var(--arci-bright-gray);
    display: block;
    width: fit-content;
    margin-left: auto;
    text-decoration: none;
    font-size: var(--font-paragraph-2);
    padding: var(--font-small-text) var(--font-small-text);
}

#key-section1 .span-arrows {
    font-size: 2em;
    line-height: var(--font-paragraph-1);
    padding-right: 0.625em;
}

/*end offer*/

/*cap research*/
#section-research {
    padding: 2.5em 2em; 
}

.four-box-cap {
    border: var(--hr-border);
    padding: var(--font-paragraph-1);
    background-color: var(--arci-bright-gray);
    margin: 0.625em 0em;
    border-radius: 0.525em;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.cap-search-titles {
  color: var(--arci-wintergreen-text-dream);
  font-size: var(--font-paragraph-1);
  margin-bottom: 0.325em;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* Max 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(var(--font-paragraph-1) * 1.2 * 2); /* Ensures at least 2 lines space (1.2 = line-height) */
  line-height: 1.2em;
}

.paragraph-caps {

    color: var(--arci-black-pure);
}


.paragraph-caps {
  color: var(--arci-black-pure);
  line-height: 1.5;
  font-size: var(--font-paragraph-1);
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;

  /* Keep fixed height of 2 lines */
  min-height: calc(1.5em * 2);
  max-height: calc(1.5em * 2);
}


.box-arrows1 {
    background-color: var(--arci-wintergreen-dream);
    color:  var(--arci-text-white);
    padding: 0.313em 0.625em;
    border-radius: 50%;
     border: var(--hr-border);
}

.research-slider-wrapper {
    max-width: 25em;
    /* margin: 3.125em auto; */
    text-align: center;
}


.research-slider .slide-item {
    padding: 2em var(--font-subtitle) var(--font-subtitle) var(--font-subtitle);
}

.circle-img {
    width: 15.625em;
    height: 15.625em;
    border-radius: 50%;
    background-color: #c9dbf7;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    justify-content: center;
    align-items: center;
    margin: 0 auto 0.938em;
    overflow: hidden;
}

.circle-img img {
    max-width: 100%;
    height: 250px;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border: var(--hr-border);
}

.persona-text {
    font-weight: bold;
    font-size: var(--font-paragraph-1);
    color: var(--color-arci-dark);
}

/* Hide default arrows */
#section-research .slick-prev,
.slick-next {
    display: none !important;
}

/* Controls container: force all into one line */
#section-research .slider-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.938em;
    margin-top: 0.638em;
}

#section-research .slider-controls .arrow-btn {
    background: none;
    border: none;
    color: var(--arci-wintergreen-text-dream);
    font-size: var(--font-subtitle);
    cursor: pointer;
    transition: color 0.3s ease;
}

#section-research .slider-controls .arrow-btn:hover {
    color: var(--arci-wintergreen-text-dream);
}

/* Make dots inline (not block) */
#section-research .slider-controls .slick-dots {
    position: static;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: max-content;
    gap: 0.625em;
    margin: 0;
    padding: 0;
}

#section-research .slider-controls .slick-dots li {
    display: inline-block;
    margin: 0;
}

#section-research .slider-controls .slick-dots li button:before {
    font-size: 2.3rem;
    color: var(--arci-wintergreen-text-dream);
}

#section-research .slider-controls .slick-dots li.slick-active button:before {
    color: var(--arci-wintergreen-text-dream);
}

/* Play/Pause Button in same line */
#section-research .play-pause-btn {
    background: var(--arci-eagle-green);
    color: var(--arci-text-white);
    border: none;
    padding: 0.375em 0.625em;
    border-radius: 0.313em;
    cursor: pointer;
    font-size: var(--font-paragraph-2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

#section-research .play-pause-btn:hover {
    background: var(--arci-eagle-green);
}

.row-four-cols {
    padding: var(--font-subtitle) 0;
}

#section-research .slick-dotted.slick-slider {
    margin-bottom: 10px;
}

/*important*/
.links-box {
    /* 350px */
    padding: var(--font-paragraph-1);
    /* 16px */
    border-radius: 0.5em;
        border: var(--hr-border);
    color: var(--color-arci-dark);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    margin: 2em auto;
    background-color: var(--arci-bright-gray);
}

.links-box h2 {
    font-size: var(--font-subtitle);
    /* 20px */
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin-bottom: var(--font-paragraph-1);
}

.links-box h2 i {
    color: var(--color-arci-dark);
    font-size: 1.125em;
}

.links-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 17em;
    overflow-y: auto;
}

.links-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--font-small-text) var(--font-paragraph-1) var(--font-small-text) 0.3125em;
    /* 12px 5px */
    border-bottom: 0.0625em solid var(--arci-grey-light);
    font-size: var(--font-paragraph-1);
    /* 16px */
    color: var(--arci-wintergreen-text-dream);
    cursor: pointer;
    transition: background 0.2s ease;
}

.links-list li:hover {
    background: var(--color-arci-lightest);
}

.links-list li:last-child {
    border-bottom: none;
}

.links-list li i {
    color: var(--color-arci-dark);
    font-size: var(--font-paragraph-2);
    /* 14px */
}

/* Custom Scrollbar Styling */
.links-list::-webkit-scrollbar {
    width: 0.375em;
    /* 6px */
}

.links-list::-webkit-scrollbar-track {
    background: transparent;
}

.links-list::-webkit-scrollbar-thumb {
    background: var(--arci-eagle-green);
    border-radius: 0.625em;
    /* 10px */
}

.links-list::-webkit-scrollbar-thumb:hover {
    background: var(--color-arci-dark-alt);
}

/* Firefox */
.links-list {
    scrollbar-width: thin;
    scrollbar-color: var(--color-arci-primary)transparent;
}

/*end important*/

/*end research*/

/*social*/

/* =============================================
   Social Media Section
   Namespace: social-
   ============================================= */

#social-media {
  padding: 2rem 0;
}

.social-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.title-socials {
  font-size: var(--font-heading-2);
  font-weight: var(--weight-bold);
  color: var(--arci-eagle-green);
  display: flex;
  align-items: center;
  gap: 0.625em;
  margin: 0;
}

.title-socials__icon {
  display: inline-block;
  width: 28px;
  height: 4px;
  background: var(--bs-arci-gradient);
  border-radius: 2px;
  flex-shrink: 0;
}

/* =============================================
   Platform Pills
   ============================================= */

.social-platform-pills {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.social-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-semi-bold);
  padding: 0.3em 0.875em;
  border-radius: 20px;
  border: 1.5px solid var(--arci-profile-border-color);
  text-decoration: none;
  cursor: pointer;
  background: var(--arci-bg-white);
  color: var(--arci-wintergreen-dream);
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.social-pill:focus-visible {
  outline: 3px solid var(--arci-powder-blue);
  outline-offset: 2px;
}

.social-pill svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}

.social-pill--x:hover   { background: #000000; color: #fff; border-color: #000000; }
.social-pill--yt:hover  { background: #CC0000; color: #fff; border-color: #CC0000; }
.social-pill--fb:hover  { background: #1877F2; color: #fff; border-color: #1877F2; }

/* =============================================
   Cards Grid
   ============================================= */

.social-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: start;
}

/* =============================================
   Individual Card
   ============================================= */

.social-card {
  background: var(--arci-bg-white);
  border: 0.5px solid var(--arci-profile-border-color);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.social-card:focus-within {
  outline: 2px solid var(--arci-powder-blue);
  outline-offset: 2px;
}

/* =============================================
   Card Header
   ============================================= */

.social-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75em 1em;
  border-bottom: var(--hr-border);
  background: var(--arci-bg-white);
}

.social-card__header-left {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.social-card__platform-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.social-card--x  .social-card__platform-dot { background: #000000; }
.social-card--yt .social-card__platform-dot { background: #CC0000; }
.social-card--fb .social-card__platform-dot { background: #1877F2; }

.social-card__icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.social-card--x  .social-card__icon { color: #000000; }
.social-card--yt .social-card__icon { color: #CC0000; }
.social-card--fb .social-card__icon { color: #1877F2; }

.social-card__title {
  font-size: var(--font-paragraph-1);
  font-weight: var(--weight-semi-bold);
  color: var(--arci-eagle-green);
  margin: 0;
}

.social-card__link {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-semi-bold);
  text-decoration: none;
  padding: 0.25em 0.625em;
  border-radius: 4px;
  border: 1px solid var(--arci-profile-border-color);
  color: var(--arci-wintergreen-dream);
  white-space: nowrap;
  transition: background 0.15s;
}

.social-card__link:hover { background: var(--arci-bright-gray); }

.social-card__link:focus-visible {
  outline: 3px solid var(--arci-powder-blue);
  outline-offset: 2px;
}

/* =============================================
   Feed Container
   ============================================= */

.feed-container {
  flex: 1;
  width: 100%;
  overflow: hidden;
  background: var(--arci-bright-gray);
  min-height: 400px;
  display: flex;
  flex-direction: column;
}

.social-iframe {
  display: block;
  width: 100%;
  height: 450px;
  border: none;
  flex: 1;
}

/* =============================================
   Card Footer
   ============================================= */

.social-card__footer {
  padding: 0.625em 1em;
  border-top: var(--hr-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--arci-bg-white);
}

.social-card__handle {
  font-size: var(--font-paragraph-2);
  color: var(--arci-wintergreen-dream);
  opacity: 0.75;
}

.social-card__status {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  font-size: 11px;
  font-weight: var(--weight-semi-bold);
  color: var(--arci-columbia-blue);
}

.social-card__status::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  display: block;
}

/* =============================================
   Screen Reader Only
   ============================================= */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* =============================================
   Responsive
   ============================================= */

@media (max-width: 992px) {
  .social-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .social-card:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  .social-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .social-card:last-child {
    grid-column: auto;
  }

  .social-iframe {
    height: 350px;
  }

  .feed-container {
    min-height: 350px;
  }

  .social-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* =============================================
   Reduced Motion
   ============================================= */

@media (prefers-reduced-motion: reduce) {
  .social-card,
  .social-pill,
  .social-card__link {
    transition: none;
  }
}

/*end social*/

/*logo*/
#logo-arcis {
    padding: 2.5em 2em; 
    background-color: var(--arci-bright-gray);
}

#logo-arcis .slider-wrapper {
    max-width: 80%;
    margin: 0em auto;
    text-align: center;
}

#logo-arcis .arci-logo-slider .logo-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--font-paragraph-1);
}

#logo-arcis .arci-logo-slider .logo-item img {
    max-height: 7em;
    max-width: 100%;
    object-fit: contain;
    border-radius: 0.625em;
    background-color: var(--arci-bright-gray);
    filter: grayscale(20%);
    transition: filter 0.3s ease;
}

#logo-arcis .arci-logo-slider .logo-item img:hover {
    filter: none;
}

/* Hide Slick default arrows */
#logo-arcis .slick-prev,
.slick-next {
    display: none !important;
}

/* Custom controls row */
#logo-arcis .silder-control-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5em;
    margin-top: var(--font-paragraph-1);
}

#logo-arcis .silder-control-logo button {
    background: none;
    border: none;
    font-size: 1.2em;
    color: var(--arci-wintergreen-text-dream);
    cursor: pointer;
    transition: color 0.3s ease;
}

#logo-arcis .silder-control-logo button:hover {
    color: var(--arci-wintergreen-text-dream);
}

/* Style the Slick dots */
#logo-arcis .silder-control-logo ul.slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
    margin: 0;
    padding: 0;
    position: static;
    list-style: none;
}

#logo-arcis .silder-control-logo .slick-dots li button:before {
    font-size: 0.6em;
    color: var(--color-arci-dark-alt);
    opacity: 1;
}

#logo-arcis .silder-control-logo .slick-dots li.slick-active button:before {
    color: var(--color-arci-dark);
}

/*end*/

/*last bannerspart*/
.three-column-layout {
    display: flex;
    gap: 1.5em;
    padding: var(--font-paragraph-1);
    align-items: stretch;
}

.banner-box,
.video-box,
.slider-box {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--arci-bg-white);
    border-radius: 0.5em;
    overflow: hidden;
    height: 23em;
}

/* Banner image */
.banner-box img {
    width: 100%;
    display: block;
    height: 23em;
    object-fit: cover;
    border-radius: 0.5em;
}

/* Video */
.video-box iframe {
    width: 100%;
    height: 100%;
    min-height: 18em;
    border-radius: 0.5em;
}

#last-section-banner {
    padding: 2.5em 2em; 
}

/*end last*/


/*icons*/
.about-icons {
    margin-right: 0.4em;
}

.key-icons {
    margin-right: 0.4em;
}

.latest-news-icons {
    margin-right: 0.4em;
}

.signature-icons {
    margin-right: 0.4em;
}

.our-research-icon {
    margin-right: 0.4em;
}

.plus-icons {
    margin-right: 0.4em;
}

.icons-researchs {
    margin-right: 0.4em;
}

/*end*/

/*center*/
#resreach-centers-ids {
    padding: 3.5em 7.5em;
}

.about-section-heading {
    color: var(--arci-wintergreen-text-dream);
    text-decoration: none;
    font-weight: 600;
    /* margin-bottom: var(--font-paragraph-1); */
}

.reseach-centers-boxes {
    border: 0.05em solid var(--arci-grey-light);
    padding: 3em;
    text-align: center;
    border-radius: 0.625em;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.reseach-centers-boxes:hover {
    background-color: var(--arci-azureish-white-bg);

}

.headings-box-reserach {
    margin: 0px;
    font-size: 1.6em;
    font-weight: 600;
    color: var(--arci-wintergreen-text-dream);
}

.anchor-headings-box-reserach {
    color: var(--arci-wintergreen-text-dream);
    text-decoration: none;
}

.view-all-centers {
    background-color: var(--arci-wintergreen-dream);
    display: flex;
    justify-content: end;
    color:  var(--arci-text-white);
    text-decoration: none;
    align-items: center;
    padding: 0.5em;
    margin-left: auto;
    margin-top: 1.2em;
    width: max-content;
}

.center-arrowicon {
    margin-left: 0.625em;
}

.focused-item {
    outline: 3px solid #2966A3;
    outline-offset: 3px;
    border-radius: 6px;
}

/*End center*/

/*focus*/

/*End*/
.view-all-doc {
    float: right;
    padding: 0.625em;
    border-radius: 0.5em;
    color: var(--arci-text-white);
    background-color: var(--arci-wintergreen-dream);
    border:0.05em solid var(--arci-profile-border-color);
    font-weight: 600;
    text-decoration: none;
}

.important-anchor {
    color: var(--arci-wintergreen-text-dream);
    text-decoration: none;
}

/*about*/
/* Banner */
#about-us .banner {
    background: url('/images/banner2.jpg') no-repeat center center/cover;
    height: 18.75em;
    /* 300px */
    position: relative;
    display: flex;
    align-items: flex-end;
    color:  var(--arci-text-white);
}


/* Page Menu (centered) */
#about-us .page-menu {
    background: var(--arci-wintergreen-dream);
    display: flex;
    justify-content: left;
    align-items: center;
    border-radius: 0.5em;
    position: absolute;
    bottom: -1.875em;
    left: 50%;
    transform: translateX(-50%);
    padding: var(--font-paragraph-1);
    max-width: 81.25em;
    /* 1300px */
    width: calc(100% - 2.5em);
}

/* Page Menu Links */
#about-us .page-menu a {
    color:  var(--arci-text-white);
    font-size: 1.3em;
    /* ~20.8px (scales) */
    margin: 0 0.9375em;
    /* 15px */
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

/* Icons in Page Menu */
#about-us .page-menu a i {
    margin-right: 0.5em;
    /* 8px */
    font-size: var(--font-paragraph-2);
    /* 14px */
    color: var(--arci-columbia-blue);
}

/* Active Link */
#about-us .page-menu a.active {
    font-weight: bold;
    position: relative;
    padding-left: 1.5em;
    /* space for custom SVG */
}

/* Insert SVG before active link text */
#about-us .page-menu a.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--font-paragraph-1);
    height: var(--font-paragraph-1);
    background: url('/images/download.svg') no-repeat center center;
    background-size: contain;
}

/* Content Section */
#about-us .content {
    display: flex;
    gap: 1.875em;
    /* 30px */
    padding: 5em var(--font-subtitle) 3.125em;
    /* 80px 20px 50px */
    max-width: 75em;
    /* 1200px */
    margin: auto;
}

/* Vision Box */
#about-us .vision-box {
    flex: 1;
    background: var(--arci-bg-white);
    padding: var(--font-subtitle);
    /* 20px */
    border-radius: 0.625em;
    /* 10px */
    font-size: 1.125em;
    /* 18px */
    line-height: 1.5;
    color: var(--arci-wintergreen-text-dream);
}

/* Text Content */
#about-us .text-content {
    flex: 2;
    font-size: var(--font-paragraph-1);
    /* 16px */
    line-height: 1.8;
}

/* Text Content Headings */
#about-us .text-content h2 {
    font-size: 1.375em;
    /* 22px */
    color: var(--arci-wintergreen-text-dream);
    margin-top: var(--font-subtitle);
    /* 20px */
}

.titlemaincontent {
    padding: 1.5em 0em;
}

.visionbox {
    border: var(--hr-border);
    border-radius: 0.625em;
    padding: var(--font-paragraph-1);
    background-color: var(--arci-bright-gray);
}

.about-vision {
    color: var(--arci-wintergreen-text-dream);
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 1.5em;
}

.about-vision1 {
    color: var(--arci-black-pure);
    text-transform: capitalize;
}

.object-title {
    color: var(--arci-wintergreen-text-dream);
}

.no-headings {
    font-weight: 700;
    color: var(--arci-wintergreen-text-dream);
}

.object-paras {
    color: var(--arci-black-pure);
}

.objectivebox {
    border: 0.05em solid var(--arci-profile-border-color);
    border-radius: 0.625em;
    padding: var(--font-paragraph-1);
    min-height: 15em;
    background-color: var(--arci-bright-gray);
}

.accordian-parts {
    padding: 1.4em 0em;
}

.accordion-item {
    margin: var(--font-paragraph-1) 0em;
    font-size: var(--font-paragraph-1);
    background-color: var(--arci-bright-gray);
    border: 0.05em solid var(--arci-profile-border-color) !important;
}
.accordion-header {
   color: var(--arci-black);
}

.accordion-button {
    background-color: var(--arci-bg-white);
     color: var(--arci-black);
}

.navbar-nav {
    padding: 0em 2.5em;
}

/*banner breadcrumb*/
.group-arci .navigationSection {
    position: absolute;
    bottom: -1.875em;
    width: 100%;
}

.group-arci .innernav {
    background: var(--arci-wintergreen-dream);
    padding: var(--font-paragraph-1);
    /* margin-top: -2.5em; */
    z-index: 8;
    border-radius: var(--font-small-text);
    -webkit-border-radius: var(--font-small-text);
    -moz-border-radius: var(--font-small-text);
    -ms-border-radius: var(--font-small-text);
    -o-border-radius: var(--font-small-text);
}

.group-arci .justify-content-between {
    justify-content: space-between !important;
     border: var(--hr-border);
}

.group-arci .innernav .nav {
    flex-wrap: nowrap;
    /* overflow-x: scroll; */
}

.group-arci .innernav .nav .nav-item {
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.group-arci .innernav .nav-link {
    color:  var(--arci-text-white);
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
    position: relative;
}

.anchor-breadcrumbs {
    color:  var(--arci-text-white);
}

.group-arci .breadcrumb-item+.breadcrumb-item::before {
    color:  var(--arci-text-white);
}

.group-arci .nav-link {
    display: block;
    text-decoration: none;
    background: none;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.group-arci .Innerbaner {
    position: relative;
    background: var(--arci-wintergreen-dream);
}

.group-arci .Innerbaner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, var(--arci-wintergreen-dream) 20%, transparent 70%);
    width: 100%;
    height: 100%;
}

.group-arci .internalPagesBanner img {
    height: 300px;
    object-fit: cover;
}

.group-arci .Innerbaner .innerbox {
    position: absolute;
    bottom: 25%;
    /* width: 85%; */
}

.group-arci .Innerbaner .innerbox .pagename {
    color:  var(--arci-text-white);
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0em;
    white-space: normal;
    max-height: 3em;
    -webkit-line-clamp: 2;
}

.breadcrumb-banners {
    position: relative;
}

.group-arci .nav-link[aria-current="page"]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--font-paragraph-1);
    height: var(--font-paragraph-1);
    background: url(/images/download.svg) no-repeat center center;
    background-size: contain;
}

.group-arci {
    margin-bottom: 60px;
}

.group-arci .nav-link {
    font-weight: bold;
    position: relative;
    padding-left: 1.2em;
    /* Space for the icon */
}

/*banner breadcrumb end*/

/*tender*/
.table thead th {
    background-color: var(--arci-bright-gray);
    /* Light blue header */
    text-align: start;
    vertical-align: middle;
    color: var(--arci-black);
    white-space: nowrap;
    /* Prevents text wrap in headers */
}

.table td,
.table th {
    vertical-align: middle;
    color: var(--arci-black);
}

.table>:not(caption)>*>* {
    background-color: var(--arci-bg-white);
}

.download-btn {
    display: inline-flex;
    align-items: center;
    background-color: var(--arci-wintergreen-dream);
    color:  var(--arci-text-white);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25em;
    font-size: 0.875rem;
    text-decoration: none;
    white-space: nowrap;
}

.download-btn img {
    width: var(--font-paragraph-1);
    height: var(--font-paragraph-1);
    margin-right: 0.25em;
}

.download-btn:hover {
    background-color: var(--arci-wintergreen-dream);
    color:  var(--arci-text-white);
}

.arci-inner-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: var(--font-paragraph-1);
    gap: 1rem;
}

.arci-inner-search .search-box,
.arci-inner-search .custom-select {
    border: 1px solid var(--arci-profile-border-color);
    border-radius: 0em;
    padding: 0.675rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--arci-bg-white);
    font-size: var(--font-paragraph-2);
 color: var(--arci-black);
    
}

.arci-inner-search .search-box input {
    border: none;
    outline: none;
    flex: 1;
    font-size: var(--font-paragraph-1);
     background-color: var(--arci-bg-white);
     color: var(--arci-black);
    padding: 0;
}

.arci-inner-search i {
    color: var(--arci-wintergreen-text-dream);
    font-size: var(--font-paragraph-2);
}

.arci-inner-search select {
    border: none;
    outline: none;
    background: transparent;
    font-size: var(--font-paragraph-1);
    color: var(--arci-black);
    padding: 0;
}

/*tender end*/

/*team*/
.team-section h2 {
    font-size: 2rem;
    color: var(--arci-black);
}

.team-card {
    background: var(--arci-bg-white);
    border-radius: var(--font-small-text);
    border: 1px solid var(--arci-profile-border-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}

.team-img {
    width: 7.5em;
    height: 7.5em;
    border-radius: 0.5em;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.team-card:hover .team-img {
    transform: scale(1.05);
}

.designation {
    color: var(--arci-wintergreen-text-dream);
    font-size: 0.9rem;
    font-weight: 500;
}

.title-teams-arci {
    color: var(--arci-wintergreen-text-dream);
}

.team-section {
    margin-bottom: 2em;
}

.paragraph-teams {
    width: 70%;
    margin: auto;
     color: var(--arci-black);
}

/*End team*/

.centers-card-design .slider-wrapper {
    max-width: 25em;
    width: 100%;
    margin-top: 0.938em;
    background-color: var(--arci-bg-white);
    height: 19em;
    border-radius: 0.625em;
    position: relative;
}

.centers-card-design .centers-slick .slick-slide {
    padding: 1.6em;
    outline: none;
}

.centers-card-design .slider-card {
    background-color: var(--arci-wintergreen-dream);
    border-radius: 0.625em;
    color:  var(--arci-text-white);
    text-align: center;
    padding: 60px 20px 100px;
    position: relative;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

.centers-card-design .slider-card i {
    font-size: 2.5em;
    display: block;
    margin-bottom: 10px;
}

.centers-card-design .slider-card h4 {
    margin: 0;
    font-size: 1.375em;
    font-weight: bold;
}

/* Arrows inside card */
.centers-card-design .slick-prev,
.centers-card-design .slick-next {
    position: absolute;
    bottom: 45px;
    z-index: 2;
    width: 35px;
    height: 35px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: var(--arci-columbia-blue);
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease;
    font-size: 18px;
    color:  var(--arci-text-white);
}

.centers-card-design .slick-prev:hover,
.centers-card-design .slick-next:hover {
    background: rgba(255, 255, 255, 0.3);
}

.centers-card-design .slick-prev {
    left: 29px;
}

.centers-card-design .slick-next {
    right: 29px;
}

/* Hide default slick arrows */
.centers-card-design .slick-prev:before,
.centers-card-design .slick-next:before {
    display: none;
}

/* Dots positioned inside card */
.centers-card-design .slick-dots {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.centers-card-design .slick-dots li {
    margin: 0;
}

.centers-card-design .slick-dots li button:before {
    font-size: 1.4rem;
    color:  var(--arci-text-white);
    opacity: 0.6;
}

.centers-card-design .slick-dots li.slick-active button:before {
    opacity: 1;
    color:  var(--arci-text-white);
}

.paragraph-centers1 {
    color:  var(--arci-text-white);
    margin-bottom: 0.05em;
}

/* Play/Pause button near dots */
.centers-card-design .play-pause-btn {
    background: transparent;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:  var(--arci-text-white);
    font-size: var(--font-paragraph-1);
    cursor: pointer;
    transition: background 0.3s ease;
}

.centers-card-design .play-pause-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}

.text-teams-arci {
    color: var(--arci-black-pure);
}

/*hrd*/
.banner-hrd-img {
    width: 100%;
}

.navbar-hrd {
    background-color: var(--arci-wintergreen-dream) !important;
    border: none;
}

.navbar-hrd .navbar-nav .nav-link.active {
    color: var(--arci-text-white) !important;
    border-bottom: 0.25em solid var(--arci-text-white);
}

.navbar-hrd .nav-link {
    color: var(--arci-text-white) !important;
}

#inner-content-hrds {
    padding: 2.5em 2em; 
}

.boxes-hrds {
    border: 0.05em solid var(--arci-grey-light);
    border-radius: 0.65em;
    padding: 1.2em var(--font-paragraph-1);
    gap: 12px;
    align-items: center;
    display: flex;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    margin: var(--font-small-text) 0px;
}

p.internship-para {
    /* font-size: 1.2em; */
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

p.fellowship-para {
    margin-bottom: 0.20em;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

p.fellow-para {
    margin-bottom: 0.20em;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

p.training-para {
    margin-bottom: 0.20em;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

p.result-paras {
    margin-bottom: 0.20em;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

p.guide-paras {
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

a.internship-btns {
    background-color: var(--arci-wintergreen-dream);
    border:1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
   color: var(--arci-text-white);
    font-size: 0.9em;
    text-decoration: none;
    border-radius: 8px;
}

a.fellowship-btns {
     background-color: var(--arci-wintergreen-dream);
    border:1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
   color: var(--arci-text-white);
    font-size: 0.9em;
    text-decoration: none;
    border-radius: 8px;
}

a.fellow-btns {
     background-color: var(--arci-wintergreen-dream);
    border:1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
   color: var(--arci-text-white);
    text-decoration: none;
    font-size: 0.9em;
    border-radius: 8px;
}

a.training-btns {
    background-color: var(--arci-wintergreen-dream);
    border:1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
   color: var(--arci-text-white);
    text-decoration: none;
    border-radius: 8px;
    font-size: 0.9em;
}

a.result-btns {
    background-color: var(--arci-wintergreen-dream);
    border:1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
   color: var(--arci-text-white);
    text-decoration: none;
    font-size: 0.9em;
    border-radius: 8px;
}

a.guide-btns {
     background-color: var(--arci-wintergreen-dream);
    border:1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
   color: var(--arci-text-white);
    text-decoration: none;
    font-size: 0.9em;
    border-radius: 8px;
}

.imgs-lefts-hrds {
    width: 100%;
}

.left-imgs-hrds {
    margin: auto;
    display: flex;
    justify-content: center;
}

.rows-hrds {
    align-items: center;
    width: 80%;
    margin: 20px auto;
}

.bg-hrd-parts1 {
    background: url(/images/hrd-title-bg1.png), linear-gradient(90deg, #6b99c736, #2966a396);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 40px 20px;
    width: 80%;
    margin: 40px auto;
    border-radius: var(--font-small-text);
}

.bg-hrd-parts {
    width: 80%;
    margin: 20px auto;
}

.title-bg-hrds {
    text-align: center;
    font-weight: 600;
    font-size: 3em;
    color:  var(--arci-text-white);
}

#fellowship-content-hrds {
    padding: 2.5em 2em; 
}

.fellowships-notics {
    display: flex;
    justify-content: space-between;
    align-items: center;
   background-color: var(--arci-wintergreen-dream);
    padding: 0.65em;
    margin: var(--font-paragraph-1) 0em;
    border:1px solid var(--arci-profile-border-color);
    border-radius: var(--font-small-text);
}

.guide-fellowship-btns {
    background-color: var(--arci-wintergreen-dream);
    border: var(--hr-border);
    color:  var(--arci-text-white);
    text-decoration: none;
    padding: 0.55em var(--font-small-text);
    border-radius: var(--font-small-text);
}

.para-fellowship-notice {
    margin: 0em;
     color: var(--arci-text-white);
}

.title-scheme-fellowships1 {
    color: var(--arci-black);
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 0.37em;
}

.para-scheme-fellowships1 {
    color: var(--arci-black);
}

.card-fellowship {
    border: var(--hr-border);
    padding: var(--font-paragraph-1);
    border-radius: 0.65em;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color:  var(--arci-bg-white);
}

.date-part-fellowship {
    border-top: var(--hr-border);
    display: flex;
    padding: 0.55em 0em 0em 0em;
    align-items: center;
    justify-content: space-between;
}

p.start-date-fellowship {
    margin: 0em;
    color: var(--arci-black);
}

p.last-date-fellowship {
    margin: 0em;
    color: var(--arci-black);
}
p.job-recruitment-type
 {
    color: var(--arci-black);
}
.fellowshi-apply {
    background-color: var(--arci-wintergreen-dream);
    padding: 0.35em 0.85em;
    color:  var(--arci-text-white);
    border-radius: 0.65em;
    text-decoration: none;
     border:1px solid var(--arci-profile-border-color);
}

.job-title-fellowship {
    color: var(--arci-wintergreen-text-dream);
    font-weight: 600;
}

.fellowship-divs {
    width: 80%;
    margin: auto;
}

.row-card-fellowship {
    margin: 2em 0em;
}
/*end hrd*/


#last-section-banner #key-section {
    padding: 0px !important;
    background-color: transparent;
}

.logos-news-title1 {
    white-space: break-spaces;
    margin: 0;
    padding: 0;
    max-width: min-content;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.new-captions {
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-bold);
    text-align: center;
    color: var(--arci-black);
}


/*register*/
 /* Base container */
    .register-arci {
      line-height: 1.6;
      padding: 2em;
      color: var(--arci-black);
    }

    /* Form wrapper */
    .register-arci form {
      max-width: 50em; /* 800px */
      margin: auto;
      background:  var(--arci-bg-white);
      border:1px solid var(--arci-profile-border-color);
      padding: 2em;
      border-radius: var(--font-small-text); /* 12px */
      box-shadow: 0 0.5em 1.5em rgba(0,0,0,0.1);
    }

    /* Section titles */
    .register-arci h2 {
      font-size: 1.4rem;
      margin-bottom: 0.8em;
      padding-bottom: 0.3em;
      border-bottom: 0.15em solid var(--arci-eagle-green);
      color: var(--arci-wintergreen-text-dream);
    }

    /* Form group spacing */
    .register-arci .form-group {
      margin-bottom: var(--font-subtitle);
    }

    /* Labels */
    .register-arci label {
      display: block;
      font-weight: bold;
      margin-bottom: 0.4em;
    }

    /* Inputs & selects */
    .register-arci input,
    .register-arci select,
    .register-arci textarea {
      width: 100%;
      padding: 0.8em;
      border: 0.1em solid var(--arci-profile-border-color);
      border-radius: 0.5em;
      font-size: 1rem;
      transition: border 0.3s, box-shadow 0.3s;
      color: var(--arci-black);
      background: var(--arci-bg-white);
    }

    .register-arci input:focus,
    .register-arci select:focus,
    .register-arci textarea:focus {
      border-color: var(--arci-wintergreen-dream);
      box-shadow: 0 0 0.4em var(--arci-wintergreen-dream);
      outline: none;
    }

    /* Notes under inputs */
    .register-arci .note {
      font-size: 0.85rem;
      color: var(--arci-black);
      margin-top: 0.3em;
    }

    /* Required field indicator */
    .register-arci .required::after {
      content: " *";
      color: var(--bs-required);
    }

    /* Error text */
    .register-arci .error {
      color: var(--bs-required);
      font-size: 0.9rem;
    }

    /* Buttons */
    .register-arci button {
      background: var(--arci-wintergreen-dream);
     color: var(--arci-text-white);
      padding: 0.9em 1.6em;
      font-size: 1rem;
      border:1px solid var(--arci-profile-border-color);
      border-radius: 0.5em;
      cursor: pointer;
      transition: background 0.3s, transform 0.2s;
      display: inline-block;
    }

    .register-arci button:hover {
      background: var(--arci-wintergreen-dream);
      transform: translateY(-0.1em);
    }

    .register-arci button:active {
      transform: translateY(0);
    }

    /* Fieldsets */
    .register-arci fieldset {
      border: 0.1em solid var(--arci-grey-light);
      padding: var(--font-paragraph-1);
      margin-bottom: 1.5em;
      border-radius: 0.5em;
      background: var(--arci-bg-white);
      color: var(--arci-black);
    }

    .register-arci legend {
      font-weight: var(--weight-bold);
      color: var(--arci-wintergreen-text-dream);
    }

    /* Two-column layout for names (responsive) */
    .register-arci .name-fields {
      display: flex;
      gap: var(--font-paragraph-1);
    }

    .register-arci .name-fields .form-group {
      flex: 1;
    }

    /* Responsive */
    @media (max-width: 40em) { /* 640px */
      .register-arci .name-fields {
        flex-direction: column;
      }
    }
/*register end*/

/*login*/
 .login-arci {
      
      line-height: 1.6;
      padding: 2em;
      color: var(--arci-black);
    }

    .login-arci form {
      max-width: 30em; /* ~480px */
      margin: auto;
      background:  var(--arci-bg-white);
      padding: 2em;
      border-radius: var(--font-small-text);
      box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    }

    .login-arci h2 {
      font-size: 1.5rem;
      margin-bottom: var(--font-paragraph-1);
      color: var(--arci-wintergreen-text-dream);
      border-bottom: 0.15em solid var(--arci-wintergreen-text-dream);
      padding-bottom: 0.3em;
      text-align: left;
    }

    .login-arci .form-group {
      margin-bottom: 1.2em;
    }

    .login-arci label {
      display: block;
      font-weight: bold;
      margin-bottom: 0.4em;
    }

    .login-arci input[type="text"],
    .login-arci input[type="password"] {
      width: 100%;
      padding: 0.8em;
      border: 0.1em solid var(--arci-profile-border-color);
      border-radius: 0.5em;
      font-size: 1rem;
      transition: border 0.3s, box-shadow 0.3s;
     background: var(--arci-bg-white);
    }

    .login-arci input:focus {
      border-color: var(--arci-wintergreen-text-dream);
      box-shadow: 0 0 0.4em rgba(0,95,204,0.5);
      outline: none;
    }

    .login-arci .required::after {
      content: " *";
      color: var(--bs-required);
    }

    .login-arci .captcha-box {
      border: 0.1em solid var(--arci-profile-border-color);
      padding: var(--font-paragraph-1);
      border-radius: 0.5em;
       background: var(--arci-bg-white);
    }

    .login-arci button {
      background: var(--arci-wintergreen-dream); /* dark red */
     color: var(--arci-text-white);
      padding: 0.9em 1.6em;
      font-size: 1rem;
      border: 1px solid var(--arci-profile-border-color);
      border-radius: 0.5em;
      cursor: pointer;
      transition: background 0.3s, transform 0.2s;
      display: block;
      width: 100%;
    }

    .login-arci button:hover {
      background: var(--arci-wintergreen-dream);
      transform: translateY(-0.1em);
    }

    .login-arci button:active {
      transform: translateY(0);
    }

    .login-arci .note {
      font-size: 0.85rem;
     color: var(--arci-black);
      margin-top: 0.3em;
    }
/*end login*/


/*reset*/
.reset-arci {
      line-height: 1.6;
      padding: 2em;
      color: #222;
    }

    .reset-arci form {
      max-width: 35em;
      margin: auto;
      background: var(--arci-bright-gray);
      border:1px solid var(--arci-profile-border-color);
      padding: 2em;
      border-radius: var(--font-small-text);
      box-shadow: 0 0.5em 1.5em rgba(0,0,0,0.1);
    }

    .reset-arci h2 {
      font-size: 1.6rem;
      margin-bottom: var(--font-paragraph-1);
      color: var(--arci-wintergreen-text-dream);
      border-bottom: 0.15em solid var(--arci-eagle-green);
      padding-bottom: 0.3em;
      text-align: left;
    }

    .reset-arci .form-group {
      margin-bottom: 1.2em;
       color: var(--arci-black);
    }

    .reset-note {
    color: var(--arci-black);
}
    .reset-arci label {
      display: block;
      font-weight: bold;
      color:var(--arci-black);
      margin-bottom: 0.4em;
    }

    .reset-arci .required::after {
      content: " *";
      color: var(--bs-required);
    }

    .reset-arci input[type="text"],
    .reset-arci input[type="email"] {
      width: 100%;
      padding: 0.8em;
      border: 0.1em solid var( --arci-profile-border-color);
      border-radius: 0.5em;
      font-size: 1rem;
      transition: border 0.3s, box-shadow 0.3s;
      background: var(--arci-bg-white);
      color: var(--arci-black);
    }

    .reset-arci input:focus {
      border-color: var(--arci-wintergreen-text-dream);
      box-shadow: 0 0 0.4em var(--arci-eagle-green);
      outline: none;
    }

    .reset-arci .error {
      color: var(--arci-wintergreen-text-dream);
      font-size: 0.9rem;
      margin-top: 0.3em;
      display: flex;
      align-items: center;
      gap: 0.4em;
    }

    .reset-arci .captcha-box {
      border: 0.1em solid var(--arci-profile-border-color);
      padding: var(--font-paragraph-1);
      border-radius: 0.5em;
       background: var(--arci-bg-white);
        color: var(--arci-black);
    }

    .reset-arci button {
      background: var(--arci-wintergreen-dream);
     color: var(--arci-text-white);
      padding: 0.9em 1.6em;
      font-size: 1rem;
      border: 1px solid var(--arci-profile-border-color);
      border-radius: 0.5em;
      cursor: pointer;
      transition: background 0.3s, transform 0.2s;
      display: block;
      width: 100%;
    }

    .reset-arci button:hover {
      background: var(--arci-eagle-green);
      transform: translateY(-0.1em);
    }

    .reset-arci button:active {
      transform: translateY(0);
    }

    .reset-arci .note {
      font-size: 0.85rem;
      color: var(--arci-black);
      margin-top: 0.3em;
    }
/*end*/

.youtube-part{
    width: 560px;
    height: 315px;
}
/* ====== Common Styles ====== */
.navbar-updates {
  background: var(--arci-bright-gray);
  border-bottom: 0.0625em solid var(--arci-grey-light); /* 1px */
  /* z-index: 9999; */
}

.navbar-updates .nav-link {
  font-weight: 500;
  color: var(--arci-black);
  padding: 0.625em 0.9375em; /* 10px 15px */
  text-decoration: none;
}



.navbar-updates .submenu-link {
  display: block;
  padding: 0.5em 0.9375em; /* 8px 15px */
  color: var(--arci-black);
  text-decoration: none;
  white-space: nowrap;
}

.navbar-updates .submenu-link:hover {
  background: var(--arci-bright-gray);
  color: var(--arci-wintergreen-text-dream)!important;
}

.dropdown-submenu-custom .submenu-custom.show .submenu-link:hover {
    color: var(--arci-wintergreen-text-dream)!important;
}

/* Dropdown icons */
.navbar-updates .toggle-icon,
.navbar-updates .submenu-icon {
  margin-left: 0.5em;  /* 8px */
  font-size: var(--font-small-text);   /* 12px */
  float: none;
  transition: transform 0.3s ease;
}

/* Rotate arrow when active */
.navbar-updates .submenu-custom.show ~ .toggle-icon,
.navbar-updates .submenu-custom.show ~ .submenu-icon {
  transform: rotate(180deg);
}
 
/* ====== Desktop View (>=992px) ====== */
@media (min-width: 62em) { /* 992px / 16 */
  .navbar-updates .navbar-nav {
    flex-direction: row;
    align-items: center;
  }

  .navbar-updates .nav-item {
    position: relative;
    margin: 0 0.3125em; /* 5px */
  }

  /* First-level dropdown (below link) */
  .navbar-updates .dropdown-custom > .submenu-custom {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 13.75em; /* 220px */
    background-color: var(--arci-bg-white);
    border: 0.0625em solid var(--arci-profile-border-color);
    list-style: none;
    padding: 0.5em 0; /* 8px 0 */
    z-index: 1000;
  }

  .navbar-updates .dropdown-custom:hover > .submenu-custom {
    display: block;
  }

  /* Second-level dropdown (open to right side) */
  .navbar-updates .dropdown-submenu-custom > .submenu-custom {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 13.75em; /* 220px */
    border: 0.0625em solid var(--arci-profile-border-color);
    list-style: none;
    background:  var(--arci-bg-white);
    padding: 0.5em 0; /* 8px 0 */
    z-index: 1000;
  }

  .navbar-updates .dropdown-submenu-custom:hover > .submenu-custom {
    display: block;
  }

  /* Desktop dropdown items */
  .navbar-updates .submenu-custom li {
    border-bottom: 0.0625em solid var(--arci-grey-light);
  }

  .navbar-updates .submenu-custom li:last-child {
    border-bottom: none;
  }
}

/* ====== Mobile View (<=991px) ====== */
@media (max-width: 61.9375em) { /* 991px */
  .navbar-updates .navbar-nav {
    flex-direction: column;
    text-align: left;
  }

  .navbar-updates .nav-item {
    width: 100%;
    border-bottom: 0.0625em solid #eee;
  }

  .navbar-updates .nav-link {
    display: block;
    width: 100%;
    padding: var(--font-small-text) 0.9375em; /* 12px 15px */
    font-size: var(--font-paragraph-1);           /* 16px */
    background:  var(--arci-bg-white);
  }

  /* Submenu opens in flow, not absolute */
  .navbar-updates .submenu-custom {
    display: none;
    position: relative;
    width: 100%;
    background: #f9f9f9;
    border: none;
    margin: 0;
    padding: 0;
  }

  .navbar-updates .submenu-custom.show {
    display: block;
  }

  /* Submenu items */
  .navbar-updates .submenu-custom li {
    width: 100%;
    border-top: 0.0625em solid #eaeaea;
  }

  .navbar-updates .submenu-link {
   padding: 0.625em var(--font-paragraph-1);
        font-size: 0.6375em;
        width: 167px;
        text-wrap-mode: wrap;
  }

  /* Nested submenu indentation */
  .navbar-updates .dropdown-submenu-custom > .submenu-custom {
    margin-left: 0;
    border-left: none;
    padding-left: 0;
  }

  /* Arrow icons float right */
  .navbar-updates .toggle-icon,
  .navbar-updates .submenu-icon {
    float: right;
    margin-top: 0.3125em; /* 5px */
  }
}

.dropdown-submenu-custom .submenu-custom.show {
  background-color: var(--arci-wintergreen-dream);
}

.dropdown-submenu-custom .submenu-custom.show .submenu-link {
  color: var!important;
}


/* Custom Classes */
.custom-select, 
.custom-input {
    width: 100%;
    padding: 0.6em;
    border-radius: 0.3em;
    border: 0.08em solid var(--arci-bright-gray);
    font-size: var(--font-paragraph-1);
}

.extra-fields.hidden {
    display: none;
}

.extra-fields {
    margin: var(--font-paragraph-1) 0em;
    padding: 0.8em;
    border: 0.1em  dashed #999;
    border-radius: 0.5em;
    background: #f9f9f9;
}

.checkbox-row {
  display: flex;
  align-items: center;
  gap: 0.5em; /* space between checkbox and label */
}

.checkbox-row input[type="checkbox"] {
  margin: 0;
}

.description {
  margin-top: 0.5em;
  font-size: 0.9em;
  color: var(--arci-black);
  line-height: 1.4em;
}
#personal-contact {
    width: max-content;
}

.contacts-labels{
    margin-bottom:0px!important;
}
#captcha {
    width: max-content;
}
.captcha-labels{
     margin-bottom:0px!important;
}
.announcement-titles{
    font-size: var(--font-heading-3);
    font-weight: var(--weight-bold);
}
.announcement-titles:after{
    content: '\f0a1';
    font-family: 'FontAwesome';
    font-size: var(--font-small-text);
    padding: 2px;
    margin-left: 5px;
}

button#toggleMute {
    position: absolute;
    bottom: 4%;
    left: 2%;
    padding: 0.41em 0.567em;
    background: var(--arci-columbia-blue);
    color:  var(--arci-text-white);
    border: none;
}

.search.search-focus {
  outline: 2px solid var(--arci-eagle-green); /* Bootstrap blue */
  outline-offset: 4px;
  border-radius: 6px; /* matches your input/button */
}


.key-offerings .tab:focus {
  outline: 2px solid var(--arci-eagle-green); /* Bootstrap blue */
  outline-offset: 2px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}
.news-scroller .announcement-lists:not(:last-child):after {
  content: " | ";
  margin: 0 0.5rem;
  color: #666; /* adjust color */
}

.slick-dots li button:focus {
  outline: 2px solid var(--arci-eagle-green);
  outline-offset: 3px;
}
.announcement-lists{
    text-decoration: none;
    color: var(--arci-wintergreen-text-dream);
    list-style: none;
}
.announcement-lists a{
    text-decoration: none;
    color: var(--arci-wintergreen-text-dream);
}
.about-anchors-main{
    text-decoration: none;
}
.about-anchors-main:hover{
    text-decoration: none;
}
.offcanva-six-main{
    color: var(--arci-wintergreen-text-dream);
}



.search button:focus {
  outline: 2px solid var(--arci-eagle-green);  /* Yellow focus ring */
  outline-offset: 3px;
 
}

.persona-research{
    color: var(--arci-wintergreen-text-dream);
}


/* Key offerings tab focus styles */
.key-offerings .tabs .tab {
  outline: none; /* remove default outline */
  cursor: pointer;
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* When tab has keyboard focus */
.key-offerings .tabs .tab:focus-visible {
  outline: 2px solid var(--arci-black); /* accessible blue outline */
  outline-offset: 2px;
 
  box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.3);
}

/* Active tab styling */
.key-offerings .tabs .tab.active {
  background-color: var(--arci-black);
 
  font-weight: 600;
  box-shadow: inset 0 -3px 0 var(--arci-black);
}

/* Accessibility: Ensure tabs look good for high contrast themes */
@media (forced-colors: active) {
  .key-offerings .tabs .tab:focus-visible {
    outline: 2px solid Highlight;
  }
}


.arci-hide {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap; /* prevents line breaks */
}

#key-section .tab-pane.active {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* pushes footer to bottom */
  padding: 15px;
  box-sizing: border-box;
}

#key-section .tab-content-inner {
  flex: 1; /* takes up available space */
   height: 13em;
  overflow-y: auto;
  overflow-y: auto;
}

#key-section .tab-footer {
   text-align: right; /* button aligned to right */
  margin-top: 20px;
  position: absolute;
  right: 0px;
  bottom: 0%;
}

#key-section .view-more {
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 600;
      border: var(--hr-border);
  transition: 0.3s;
}


.feedback-form {
    max-width: 30em;
    margin: auto;
    background:var(--arci-bg-white);
    padding: 2em;
    border-radius: var(--font-small-text);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  }

  .feedback-form h2 {
     font-size: 1.5rem;
    margin-bottom: var(--font-paragraph-1);
    color: var(--arci-wintergreen-text-dream);
    border-bottom: 0.15em solid var(--arci-wintergreen-text-dream);
    padding-bottom: 0.3em;
    text-align: left;
  }

  .feedback-form .form-group {
    margin-bottom: 15px;
  }

 .feedback-form .form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: var(--arci-black);
  }

  .feedback-form .form-group input,
  .feedback-form .form-group select,
 .feedback-form .form-group textarea {
       width: 100%;
    padding: 0.8em;
    border: 0.1em solid var(--arci-profile-border-color);
    border-radius: 0.5em;
    font-size: 1rem;
    transition: border 0.3s, box-shadow 0.3s;
   background: var(--arci-bg-white);
    color: var(--arci-black);
  }

 .feedback-form .form-group input:focus,
 .feedback-form .form-group select:focus,
 .feedback-form .form-group textarea:focus {
    outline: 3px solid rgba(0,95,204,0.5);
  }

 .feedback-form .form-group .error {
     color: var(--arci-wintergreen-text-dream);
    font-size: 0.875rem;
    margin-top: 5px;
  }

 .feedback-form button {
    background: var(--arci-wintergreen-dream);
   color: var(--arci-text-white);
    padding: 0.9em 1.6em;
    font-size: 1rem;
    border: none;
    border-radius: 0.5em;
    cursor: pointer;
    transition: background 0.3s, transform 0.2s;
    display: block;
    width: 100%;
  }

  
    .feedback-form .required::after {
      content: " *";
      color: var(--bs-required);
    }

  .feedback-form button:focus {
    outline: 3px solid rgba(0,95,204,0.5);
  }

  .feedback-form .required-note {
    font-size: 0.875rem;
    margin-bottom: 10px;
     color: var(--bs-required);
  }


  /* Main UL container */
.uli-hrd {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  padding: 0;
  margin: 0;
}

/* Each LI */
.lis-hrd {
  display: flex;
  justify-content: center;
}

/* Box styling */
.boxes-hrds {
  background: var(--arci-bg-white);
  border: 1px solid var(--arci-grey-light);
  padding: 15px;
  border-radius: 8px;
  text-align: left;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  width: 100%;
  max-width: 350px;
}

.boxes-hrds:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.boxes-hrds img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.boxes-hrds p {
  font-size: 1rem;
  margin: 10px 0;
  color: var(--arci-black);
}


.boxes-hrds a:focus {
  background: var(--arci-black);
  outline: 2px solid var(--arci-black);
}

.hrds-paragraph {
    color: var(--arci-black);
}

.all-heading-scheme{
    color: var(--arci-black);
}

.basic-paras{
    color: var(--arci-black);
}


.object-title-basic{
    color: var(--arci-wintergreen-text-dream);
}

.aboutcontent{
    margin-bottom:var(--font-paragraph-1);
    color: var( --arci-black);
}


/*fmct*/
.first-fmct {
    padding: 3em 2em;
}

.title-fmct {
    color: var( --arci-wintergreen-text-dream);
    font-weight: var(--weight-semi-bold);
}
.online-fmct{
     color: var( --arci-wintergreen-text-dream);
    font-weight: var(--weight-semi-bold);
}
.para-fmct {
    color: var( --arci-black);
    font-weight: var(--weight-regular);
    letter-spacing: -.1px;
    font-size: var(--font-paragraph-1);
    margin-bottom: 1em !important;
    text-align: justify;
    word-spacing: 0.125em;
}

.ul-fmct-features {
  list-style: none; /* remove default bullets */
  padding: 0;
  margin: 0;
}

.ul-fmct-features .list-features {
  position: relative;
  padding: 1rem 2rem 1rem 3rem; /* space for custom icon */
  border-radius: 0.775em;
  margin-bottom: 1rem;
  font-size: 1rem;
  align-items: center;
  line-height: 1.6;
  background-color: var(--arci-bright-gray);
  color: var(--arci-black); /* text color */
  border:1px solid var(--arci-profile-border-color);
}

/* Custom bullet (circle or icon) */
.ul-fmct-features .list-features::before {
  content: "✔";
  position: absolute;
  padding: 1rem 0rem 1rem 1rem;
  left: 0;
  top: 0.2rem;
  color: var(--arci-black); /* primary color */
  font-size: 1.1rem;
}

.fmct-feature {
     color: var( --arci-wintergreen-text-dream);
    font-weight: var(--weight-semi-bold);
    margin:1em 0em;
}
.right-first-part {
    background-color: var(--arci-wintergreen-dream);
    border:1px solid var(--arci-profile-border-color);
    padding: 2em;
    border-radius: 1em;
}
.links-fmct{
     color: var( --arci-wintergreen-text-dream); 
}

.online-fmct{
    color: var(--arci-text-white);
        text-align: center;
}

.right-fmct {
    padding: 1em;
}
.fmct-news-wrapper {
  border: 1px solid var(--arci-profile-border-color);
  background: var( --arci-bright-gray);
  padding: 1rem;
  width: 100%;
  overflow: hidden; /* ensure only one item shows */
  margin: 1em 0em;
    border-radius: 1em;
}

.news-heading {
  font-size: var(--font-paragraph-1);
  color: var(--arci-black);
  margin-bottom: 0.8rem;
}

.fmct-register {
  max-width: 50em;
    margin: auto;
    background: var(--arci-bg-white);
    border: 1px solid var(--arci-profile-border-color);
    padding: 2em;
    border-radius: var(--font-small-text);
    box-shadow: 0 0.5em 1.5em rgba(0, 0, 0, 0.1);
}

.fmct-register .register-container {
  width: 100%;
   max-width: 50em;
}

.fmct-register .register-title {
   font-size: 1.4rem;
    margin-bottom: 0.8em;
    padding-bottom: 0.3em;
    border-bottom: 0.15em solid var(--arci-eagle-green);
    color: var(--arci-wintergreen-text-dream);
}

.fmct-register .register-form {
  display: flex;
  flex-direction: column;
  gap: 0.94em; /* 15px */
}

.fmct-register .form-group {
  display: flex;
  flex-direction: column;
}

.fmct-register .form-group label {
  font-size: 0.875em; /* 14px */
  color: #333;
  margin-bottom: 0.31em; /* 5px */
}

.fmct-register .form-group input,
.fmct-register .form-group textarea {
  width: 100%;
  padding: 0.625em 0.75em; /* 10px 12px */
  border: 0.063em solid #ccc; /* 1px */
  border-radius: 0.25em; /* 4px */
  font-size: 0.875em; /* 14px */
  transition: border-color 0.2s ease;
}

.fmct-register .form-group textarea {
  resize: vertical;
  min-height: 6.25em; /* 100px */
}

.fmct-register .form-group input:focus,
.fmct-register .form-group textarea:focus {
  border-color: #1a57a8;
  outline: none;
}

.fmct-register .btn-register {
  background-color: #1a57a8;
  color: #fff;
  padding: 0.75em 0; /* 12px 0 */
  border: none;
  border-radius: 0.25em; /* 4px */
  font-size: 0.9375em; /* 15px */
  font-weight: 500;
  cursor: pointer;
  margin-top: 0.94em; /* 15px */
  transition: background 0.3s ease;
}

.fmct-register .btn-register:hover {
  background-color: #0d3c82;
}

.fmct-register .login-text {
  font-size: 0.8125em; /* 13px */
  margin-top: 0.625em; /* 10px */
  text-align: center;
}

.fmct-register .login-text a {
  color: #1a57a8;
  text-decoration: none;
}

.fmct-register .login-text a:hover {
  text-decoration: underline;
}

/*End fmct*/

.news-updates {
    width: 100%;
    background: var(--arci-bright-gray);
    border: 1px solid var(--arci-profile-border-color);
    padding: 1em;
    border-radius: 1em;
    margin: 1em 0em;
    position: relative;
}


.news-updates h3 {
  color: var(--arci-wintergreen-text-dream);
  font-weight: 600;
  margin-bottom: 0.8em;
}

.news-slider {
  max-height: 200px;
  overflow: hidden;
}

/* News item */
.news-item {
  display: flex;
  align-items: flex-start;
  background: var(--arci-bg-white);
  padding: 0.6em 0.8em 0.6em 1.8em;
  border-radius: 0.3em;
  box-shadow: 0 1px 2px var( --arci-wintergreen-dream);
  margin-bottom: 0.5em;
  position: relative;
}

/* Blue caret icon before each item (CSS only) */
.news-item::before {
  content: "\f0da";
  font-weight: 900;
  color: var(--arci-wintergreen-text-dream);
  position: absolute;
  left: 0.8em;
  top: 0.8em;
  font-size: var(--font-paragraph-2);
  font-family: var(--fa-style-family, "Font Awesome 6 Free", "Font Awesome 5 Free");
}



.news-item p {
  margin: 0;
  color: var(--arci-black);
  font-size: var(--font-paragraph-2);
  line-height: 1.4em;
}

/* Play/Pause button */
.news-controls {
  text-align: right;
  margin-top: 0.5em;
}

.news-toggle {
  background: var( --arci-eagle-green);
  color: var(--arci-text-white);
  border: none;
  border-radius: 50%;
  width: 2.2em;
  height: 2.2em;
  cursor: pointer;
  transition: background 0.3s ease;
}

.news-toggle:hover {
  background: var(--arci-eagle-green);
}

.news-toggle i {
   font-size: var(--font-paragraph-2);
}

.tab-content .more-link{
    display: none !important;
}

/*banner breadcrumb*/
.navigationSection {
    position: absolute;
    bottom: -1.875em;
    width: 100%;
}

.innernav {
    background: var(--arci-wintergreen-dream);
    padding: var(--font-paragraph-1);
    /* margin-top: -2.5em; */
    z-index: 8;
    border-radius: var(--font-small-text);
    -webkit-border-radius: var(--font-small-text);
    -moz-border-radius: var(--font-small-text);
    -ms-border-radius: var(--font-small-text);
    -o-border-radius: var(--font-small-text);
}

.innernav .nav {
    flex-wrap: nowrap;
    /* overflow-x: scroll; */
}

.innernav .nav .nav-item {
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.innernav .nav-link {
    color:  var(--arci-text-white);
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
    position: relative;
}

.breadcrumb-item a {
    color:  var(--arci-text-white);
    font-weight: var(--weight-semi-bold);
}
.breadcrumb-item {
    color:  var(--arci-text-white);
}

.breadcrumb-item+.breadcrumb-item::before {
    color:  var(--arci-text-white);
}

.nav-link {
    display: block;
    text-decoration: none;
    background: none;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.Innerbaner {
    position: relative;
    background: var(--arci-wintergreen-dream);
    min-height: fit-content;
    overflow: hidden;
}

.Innerbaner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, var(--arci-wintergreen-dream) 20%, transparent 70%);
    width: 100%;
    height: 100%;
}

.internalPagesBanner img {
    object-fit: cover;
    height: 11em;
}

.Innerbaner .innerbox {
    position: absolute;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Innerbaner .innerbox .pagename {
    color:  var(--arci-text-white);
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0em;
    white-space: normal;
    max-height: 3em;
    -webkit-line-clamp: 2;
}

.breadcrumb-banners {
    position: relative;
}

.nav-link[aria-current="page"]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--font-paragraph-1);
    height: var(--font-paragraph-1);
    background: url(/images/download.svg) no-repeat center center;
    background-size: contain;
}

.Innerbaner .nav-link {
    font-weight: bold;
    position: relative;
    padding-left: 1.2em;
    /* Space for the icon */
}



/* hrd section palak */
.banner-hrd-img {
    width: 100%;
}

.navbar-hrd {
    background-color: var(--arci-wintergreen-dream) !important;
    border: none;
}

.navbar-hrd .navbar-nav .nav-link.active {
    color: var(--arci-text-white) !important;
    border-bottom: 0.25em solid var(--arci-text-white);
}

.navbar-hrd .nav-link {
    color: var(--arci-text-white) !important;
}

#inner-content-hrds {
    padding: 0.15em 2em;
}

.boxes-hrds {
    border: 0.05em solid var(--arci-grey-light);
    border-radius: 0.65em;
    padding: 1.2em var(--font-paragraph-1);
    gap: 12px;
    align-items: center;
    display: flex;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    margin: var(--font-small-text) 0px;
}

p.internship-para {
    /* font-size: 1.2em; */
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

p.fellowship-para {
    margin-bottom: 0.20em;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

p.fellow-para {
    margin-bottom: 0.20em;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

p.training-para {
    margin-bottom: 0.20em;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

p.result-paras {
    margin-bottom: 0.20em;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

p.guide-paras {
    line-height: 1.5;
    margin-bottom: 0.5em;
    font-weight: 600;
}

a.internship-btns {
    background-color: var(--arci-wintergreen-dream);
    border: 1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
    color: var(--arci-text-white);
    font-size: var(--font-small-text);
    text-decoration: none;
    border-radius: 8px;
}

a.fellowship-btns {
    background-color: var(--arci-wintergreen-dream);
    border: 1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
    color: var(--arci-text-white);
    font-size: var(--font-small-text);
    text-decoration: none;
    border-radius: 8px;
}

a.fellow-btns {
    background-color: var(--arci-wintergreen-dream);
    border: 1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
    color: var(--arci-text-white);
    text-decoration: none;
    font-size: var(--font-small-text);
    border-radius: 8px;
}

a.training-btns {
    background-color: var(--arci-wintergreen-dream);
    border: 1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
    color: var(--arci-text-white);
    text-decoration: none;
    border-radius: 8px;
    font-size: var(--font-small-text);
}

a.result-btns {
    background-color: var(--arci-wintergreen-dream);
    border: 1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
    color: var(--arci-text-white);
    text-decoration: none;
    font-size: var(--font-small-text);
    border-radius: 8px;
}

a.guide-btns {
    background-color: var(--arci-wintergreen-dream);
    border: 1px solid var(--arci-profile-border-color);
    padding: 6px 10px;
    color: var(--arci-text-white);
    text-decoration: none;
    font-size: var(--font-small-text);
    border-radius: 8px;
}

.imgs-lefts-hrds {
    width: 100%;
}

.left-imgs-hrds {
    margin: auto;
    display: flex;
    justify-content: center;
}

.rows-hrds {
    align-items: center;
    margin: 20px auto;
}

.bg-hrd-parts1 {
    background: url(/images/hrd-title-bg1.png), linear-gradient(90deg, #6b99c736, #2966a396);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 40px 20px;
    width: 100%;
    margin: 40px auto;
    border-radius: var(--font-small-text);
}

.bg-hrd-parts {
    margin: 20px auto;
}

.title-bg-hrds {
    text-align: center;
    font-weight: 600;
    font-size: 3em;
    color: var(--arci-text-white);
}

#fellowship-content-hrds {
    padding: 0em 2em;
}

.fellowships-notics {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--arci-wintergreen-dream);
    padding: 0.65em;
    margin: var(--font-paragraph-1) 0em;
    border: 1px solid var(--arci-profile-border-color);
    border-radius: var(--font-small-text);
}

.guide-fellowship-btns {
    background-color: var(--arci-wintergreen-dream);
    border: var(--hr-border);
    color: var(--arci-text-white);
    text-decoration: none;
    padding: 0.55em var(--font-small-text);
    border-radius: var(--font-small-text);
}

.para-fellowship-notice {
    margin: 0em;
    color: var(--arci-text-white);
}

.title-scheme-fellowships1 {
    color: var(--arci-black);
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 0.37em;
}

.para-scheme-fellowships1 {
    color: var(--arci-black);
}

.card-fellowship {
    border: var(--hr-border);
    padding: var(--font-paragraph-1);
    border-radius: 0.65em;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: var(--arci-bg-white);
}

.date-part-fellowship {
    border-top: var(--hr-border);
    display: flex;
    padding: 0.55em 0em 0em 0em;
    align-items: center;
    justify-content: space-between;
}

p.start-date-fellowship {
    margin: 0em;
    color: var(--arci-black);
}

p.last-date-fellowship {
    margin: 0em;
    color: var(--arci-black);
}

p.job-recruitment-type {
    color: var(--arci-black);
}

.fellowshi-apply {
    background-color: var(--arci-wintergreen-dream);
    padding: 0.55em 0.85em;
    color: var(--arci-text-white);
    border-radius: 0.65em;
    text-decoration: none;
    border: 1px solid var(--arci-profile-border-color);
}

.job-title-fellowship {
    color: var(--arci-wintergreen-text-dream);
    font-weight: 600;
}

.fellowship-divs {
    margin: auto;
}

.row-card-fellowship {
    margin: 1.5em 0em;
}


/*vacancy*/
.career-card.mx-2 {
    border: var(--hr-border);
    padding: var(--font-paragraph-1);
    border-radius: 0.65em;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: var(--arci-bg-white);
    margin-bottom: 1.5em;
}

.titles-vacancy {
    margin-bottom: 0;
    color: var(--arci-black);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* show max 2 lines */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    min-height: 2.8em;
    /* space for 2 lines */
    display: flex;
    align-items: center;
    /* center if only 1 line */
}

/* Fix flex + webkit-box conflict */
.titles-vacancy>* {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
}


.career-card-header {
    background-color: var(--arci-azureish-white);
    border-radius: 0.25em;
    padding: 0.45em;
    font-size: var(--arci-anti-flash-white);
}

.job-type-card {
    text-decoration: underline;
    color: var(--arci-wintergreen-text-dream);
}

.careersContent {
    color: var(--arci-black);
}

.cardContentTwo .span {
    color: var(--arci-black);
}

.cardContentTwo .span-2 {
    color: var(--arci-black);
}

.download-btn-pdf {
    margin: 0em 0.75em;
    color: var(--arci-wintergreen-text-dream);
}

.offcanvas-header .btn-close {
    background-color: var(--arci-anti-flash-white);
}

.careersContent {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    height: 2.8em;
    /* 2 lines x line-height */
    display: flex;
    align-items: center;
}

.read-paragraph {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    height: 2.8em;
    /* 2 lines x line-height */
    display: flex;
    align-items: center;
}

.visually-hidden {
    color: var(--arci-black);
}

/*end*/
/* hrd ends */

.region.region-content {
    margin: 1.5em 0em;
}
 
footer .region-footer {
    padding: 0px!important;
}
 
.field--name-field-center{
    background-color: var(--arci-bright-gray);
    padding: 0.67em 1em;
        border-radius: 0.5em;
    border: var(--hr-border);
    margin-bottom: 0.65em;
}
 
.field--name-field-center a{
   color: var( --arci-wintergreen-text-dream);
   font-weight: 600;
}
 
.field--name-field-centre-category{
     background-color:  var(--arci-bright-gray);
    padding: 0.67em 1em;
        border-radius: 0.5em;
    border: var(--hr-border);
}
 
.node--type-facilities .field__label{
    color: var(--arci-wintergreen-text-dream);
    font-weight: 600;
}
 
.node--type-facilities .field__item{
    margin-bottom: 1em;
}
 
.view-id-technology .field-content a{
    color: var(--arci-wintergreen-text-dream);
    text-transform: capitalize;
    font-weight: 600;
    font-size: var(--font-heading-2);
}
.node--type-programmes .field__label{
       color: var(--arci-wintergreen-text-dream);
    text-transform: capitalize;
    font-weight: 600;
    font-size: var(--font-heading-2);
}
.node--type-programmes .field--name-field-image{
    display: flex;
}
 
.node--type-programmes .image-style-wide {
    width: 200px;
    object-fit: cover;
    height: 200px;
    margin: 0.54em 0.54em 0.54em 0em;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
 
.file--mime-application-pdf {
    background-color: var(--arci-wintergreen-dream);
    padding: 5px;
    text-align: center;
    border-radius: 8px;
    margin-bottom:1em;
}
.file--mime-application-pdf a {
    padding: 0px 12px;
    color: var( --arci-text-white);
}
 
.patent-buttons-anchor-node {
    margin-bottom: 1em;
    display: flex;
    justify-content: center;
}
.node-anchors-patents {
   background-color: var(--arci-wintergreen-dream);
   color: var( --arci-text-white);
     border-radius: 0.5em;
    border: var(--hr-border);
    padding: 5px 10px;
        font-weight: 600;
    margin: 0px 5px;
   
}

.thumbnail .rounded-circle{
    width: 180px;
    height: 180px;
} 

/*Orgainsation*/
/* Container and Layout Base */
.org-enhanced-container {
  padding: 50px 20px;
  background-color: #fcfcfc;
  overflow-x: auto;
}

.org-root-group, .org-leadership-group, .center-stack {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; align-items: center;
}

/* Card Universal Styling */
.org-card {
  min-width: 16em;
  max-width: 20em;
  margin: 0 0.5em;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
}

.card-header {
  padding: 14px 10px;
  font-weight: 700;
  font-size: 0.95rem;
  text-align: center;
  letter-spacing: 0.5px;
}

.card-content {
  background: #ffffff;
  padding: 10px;
  text-align: center;
  border-top: 1px solid rgba(0,0,0,0.04);
}

.person-name {
  color: #2c3e50;
  font-size: 0.88rem;
  font-weight: 500;
}

/* Enhanced Color Theming */
.card-council { background: linear-gradient(135deg, #133a63 0%, #1c548f 100%); color: white; }
.card-director { background: linear-gradient(135deg, #a62626 0%, #cf3a3a 100%); color: white; }
.card-advisory { background: linear-gradient(135deg, #5b8c5a 0%, #76af75 100%); color: white; }
.card-associate { background: linear-gradient(135deg, #e68a00 0%, #ffa500 100%); color: white; }

.card-center { 
  background: #ffffff; 
  border-left: 5px solid #133a63; 
}
.card-center .card-header { color: #133a63; text-transform: none; text-align: left; padding-left: 15px; }

/* Structural Connectors */
.connector-vertical { width: 2px; height: 30px; background: #cbd5e0; }
.connector-horizontal {
  width: 68.5%;
  height: 2px;
  background: #cbd5e0;
  margin: 0 auto;
  position: relative;
}

.leadership-flex { display: flex; align-items: flex-start; gap: 40px; }

/* Pillar System */
.pillar-grid {
  display: flex;
  justify-content: center;
  gap: 24px;
}
.pillar-system {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 20em;
}
.pillar-unit {flex: 1;min-width: 280px;display: flex;flex-direction: column;align-items: center;}

/* Mobile Readiness */
@media (max-width: 1100px) {
  .pillar-grid, .leadership-flex {
    flex-direction: column !important;
    align-items: center;
  }
  .connector-horizontal { display: none; }
  .org-card { width: 100%; max-width: 350px; }
}

.tier-council {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.tier-director-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 19.5em;
}
/*organistaion end*/

/* search form */
/* 1. The Main Container - Matches the Pill Shape & Navy Bar */
#search-block-form {
  display: flex;
  align-items: stretch;
  background: #ffffff;
  border: 0.0625em solid #e0e0e0; /* Approx 1px */
  border-bottom: 0.25em solid #162f6a; /* Approx 4px - The navy blue bar */
  border-radius: 0.9375em 0.9375em 0 0; /* Approx 15px rounded top */
  overflow: hidden;
  max-width: 25em; /* Approx 400px */
  margin: 0.625em 0;
}

/* 2. Text Input Area */
#search-block-form .form-item-keys {
  flex-grow: 1;
  margin: 0;
}

#search-block-form input#edit-keys {
  border: none !important;
  padding: 0.75em 1.125em; /* Proportional padding */
  font-size: 1.125em; /* Approx 18px */
  width: 100%;
  outline: none;
  box-shadow: none;
  background: transparent;
}

/* 3. The Vertical Divider & Button Wrapper */
#search-block-form .form-actions {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 0.9375em;
  border-left: 0.0625em solid #e0e0e0; /* The vertical divider line */
  background: transparent;
}

/* 4. The Icon Button Styling */
#search-submit.search-submit-button {
  background: transparent;
  border: none !important;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Adjust the SVG size using em for scaling */
#search-submit.search-submit-button svg {
  width: 1.5em; /* Scales with the font size */
  height: 1.5em;
  transition: transform 0.2s ease;
}

#search-submit.search-submit-button:hover svg {
  transform: scale(1.1);
}

/*search ends*/

/* ── Vision & Mission Section ── */
.vm-section { padding: 2.5em 2em; background-color: var(--arci-bright-gray, #EBEAEA); }
  .vm-section-header { text-align: center; margin-bottom: 2.5em; }
  .vm-eyebrow { display: inline-block; font-size: 0.75em; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--arci-powder-blue, #2966A3); margin-bottom: 0.5em; }
  .vm-section-title { font-size: 2em; font-weight: 700; color: var(--arci-wintergreen-text-dream, #13406C); line-height: 1.15; margin: 0.2em 0 0.8em; }
  .vm-rule { display: flex; align-items: center; justify-content: center; gap: 0.75em; }
  .vm-rule-line { width: 3.75em; height: 1px; background-color: var(--arci-columbia-blue, #6B99C7); }
  .vm-rule-diamond { width: 0.5em; height: 0.5em; background-color: var(--arci-powder-blue, #2966A3); transform: rotate(45deg); }

  .vm-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--arci-profile-border-color, #D5CBBD); border-radius: 0.5em; overflow: hidden; box-shadow: rgba(60,64,67,0.3) 0px 1px 2px, rgba(60,64,67,0.15) 0px 2px 6px 2px; }

  .vm-card { position: relative; padding: 2.5em 2em; overflow: hidden; }
  .vm-card--vision { background: linear-gradient(135deg, #0B2641 0%, #2966A3 100%); color: #fff; }
  .vm-card--mission { background-color: var(--arci-bg-white, #fff); border-left: 1px solid var(--arci-profile-border-color, #D5CBBD); }

  .vm-card-corner { position: absolute; top: 0; right: 0; width: 5em; height: 5em; overflow: hidden; pointer-events: none; }
  .vm-card-corner-inner { position: absolute; top: -2.5em; right: -2.5em; width: 5em; height: 5em; border-radius: 50%; opacity: 0.12; background-color: var(--arci-azureish-white, #ADCCEB); }

  .vm-card-badge { display: inline-flex; align-items: center; justify-content: center; width: 2.8em; height: 2.8em; border-radius: 0.5em; margin-bottom: 1.25em; flex-shrink: 0; }
  .vm-card--vision .vm-card-badge { background-color: rgba(173,204,235,0.2); }
  .vm-card--mission .vm-card-badge { background-color: var(--arci-azureish-white, #ADCCEB); }
  .vm-card-badge svg { width: 1.4em; height: 1.4em; max-width: 1.4em; max-height: 1.4em; display: block; flex-shrink: 0; }
  .vm-card--vision .vm-card-badge svg { fill: var(--arci-azureish-white, #ADCCEB); }
  .vm-card--mission .vm-card-badge svg { fill: var(--arci-wintergreen-dream, #13406C); }

  .vm-card-label { font-size: 0.7em; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 0.3em; display: block; }
  .vm-card--vision .vm-card-label { color: var(--arci-azureish-white, #ADCCEB); }
  .vm-card--mission .vm-card-label { color: var(--arci-powder-blue, #2966A3); }

  .vm-card-heading { font-size: 1.5em; font-weight: 700; line-height: 1.1; margin: 0 0 0.6em; }
  .vm-card--vision .vm-card-heading { color: #fff; }
  .vm-card--mission .vm-card-heading { color: var(--arci-wintergreen-text-dream, #13406C); }

  .vm-card-divider { width: 2.5em; height: 3px; border: none; margin: 0 0 1em; display: block; }
  .vm-card--vision .vm-card-divider { background-color: var(--arci-columbia-blue, #6B99C7); }
  .vm-card--mission .vm-card-divider { background-color: var(--arci-powder-blue, #2966A3); }

  .vm-card-body { font-size: 0.95em; line-height: 1.75; font-weight: 400; margin: 0 0 1.5em; }
  .vm-card--vision .vm-card-body { color: rgba(255,255,255,0.85); }
  .vm-card--mission .vm-card-body { color: var(--arci-grey-dark, #606060); }

  .vm-card-highlight { font-weight: 600; }
  .vm-card--vision .vm-card-highlight { color: #fff; }
  .vm-card--mission .vm-card-highlight { color: var(--arci-wintergreen-text-dream, #13406C); }

  .vm-card-tag { display: inline-block; padding: 0.35em 0.75em; font-size: 0.7em; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 0.375em; }
  .vm-card--vision .vm-card-tag { background-color: rgba(173,204,235,0.2); color: var(--arci-azureish-white, #ADCCEB); border: 1px solid rgba(173,204,235,0.3); }
  .vm-card--mission .vm-card-tag { background-color: var(--arci-azureish-white, #ADCCEB); color: var(--arci-wintergreen-text-dream, #13406C); }

  .vm-strip { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1em 1.5em; margin-top: 1.5em; padding: 1.1em 2em; background: linear-gradient(90deg, #0b2641, #2966a3); border-radius: 0.5em; }
  .vm-strip-item { display: inline-flex; align-items: center; gap: 0.4em; font-size: 0.8em; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.7); }
  .vm-strip-item i { color: var(--arci-azureish-white, #ADCCEB); font-size: 0.85em; }
  .vm-strip-accent { color: var(--arci-azureish-white, #ADCCEB) !important; font-weight: 700; }
  .vm-strip-dot { width: 4px; height: 4px; border-radius: 50%; background-color: var(--arci-columbia-blue, #6B99C7); opacity: 0.5; flex-shrink: 0; }

  @media (max-width: 768px) {
    .vm-grid { grid-template-columns: 1fr; }
    .vm-card--mission { border-left: none; border-top: 1px solid var(--arci-profile-border-color, #D5CBBD); }
    .vm-strip { flex-direction: column; gap: 0.5em; text-align: center; }
    .vm-strip-dot { display: none; }
    .vm-section-title { font-size: 1.5em; }
  }
/* ── End Vision & Mission Section ── */

.md-section { padding: 2.5em 2em; background-color: var(--arci-bg-white, #fff); }

  .md-header { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 1.5em; margin-bottom: 2.5em; padding-bottom: 1.5em; border-bottom: var(--hr-border, 1px solid #D5CBBD); }
  .md-eyebrow { display: inline-block; font-size: var(--font-small-text, 0.75em); font-weight: var(--weight-semi-bold, 600); letter-spacing: 0.2em; text-transform: uppercase; color: var(--arci-powder-blue, #2966A3); margin-bottom: 0.6em; }
  .md-title { font-size: var(--font-heading-1, 2.25em); font-weight: var(--weight-bold, 700); color: var(--arci-wintergreen-text-dream, #13406C); line-height: 1.1; margin: 0; }
  .md-count { font-size: 5em; font-weight: var(--weight-bold, 700); color: var(--arci-azureish-white, #ADCCEB); line-height: 1; user-select: none; }

  .md-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }

  .md-item { display: grid; grid-template-columns: 4.5em 1fr; border-bottom: 1px solid var(--arci-grey-light, #C6C6C6); transition: background-color 0.2s ease; }
  .md-item:first-child { border-top: 1px solid var(--arci-grey-light, #C6C6C6); }
  .md-item:hover { background-color: var(--arci-bright-gray, #EBEAEA); }

  .md-item-num { display: flex; align-items: flex-start; justify-content: center; padding: 2em 0; }
  .md-item-num-inner { display: flex; align-items: center; justify-content: center; width: 2.25em; height: 2.25em; border-radius: 50%; background-color: var(--arci-wintergreen-dream, #13406C); font-size: var(--font-paragraph-2, 0.875em); font-weight: var(--weight-semi-bold, 600); color: var(--arci-text-white, #fff); flex-shrink: 0; transition: background-color 0.2s ease; }
  .md-item:hover .md-item-num-inner { background-color: var(--arci-powder-blue, #2966A3); }

  .md-item-content { padding: 2em 1.5em 2em 0; border-left: 2px solid transparent; transition: border-left-color 0.2s ease, padding-left 0.2s ease; }
  .md-item:hover .md-item-content { border-left-color: var(--arci-powder-blue, #2966A3); padding-left: 1.25em; }

  .md-item-title { font-size: var(--font-heading-3, 1.25em); font-weight: var(--weight-semi-bold, 600); color: var(--arci-wintergreen-text-dream, #13406C); margin: 0 0 0.5em; line-height: 1.2; }
  .md-item-body { font-size: var(--font-paragraph-2, 0.875em); line-height: 1.75; color: var(--arci-grey-dark, #606060); font-weight: var(--weight-regular, 400); max-width: 720px; margin: 0; }
  .md-item-body strong { color: var(--arci-black, #150202); font-weight: var(--weight-semi-bold, 600); }

  .md-item-tags { display: flex; flex-wrap: wrap; gap: 0.5em; margin-top: 1em; }
  .md-item-tag { font-size: var(--font-small-text, 0.75em); font-weight: var(--weight-semi-bold, 600); letter-spacing: 0.1em; text-transform: uppercase; color: var(--arci-wintergreen-text-dream, #13406C); background-color: var(--arci-azureish-white, #ADCCEB); border: 1px solid var(--arci-columbia-blue, #6B99C7); padding: 0.25em 0.625em; border-radius: 0.25em; }

  .md-banner { margin-top: 2em; background: var(--bs-arci-gradient, linear-gradient(90deg,#0b2641,#2966a3)); padding: 1.75em 2em; display: flex; align-items: center; gap: 1.5em; border-radius: 0.5em; }
  .md-banner-icon { width: 2.8em; height: 2.8em; min-width: 2.8em; fill: var(--arci-azureish-white, #ADCCEB); opacity: 0.9; }
  .md-banner-text { font-size: var(--font-paragraph-2, 0.875em); line-height: 1.75; color: rgba(255,255,255,0.75); font-weight: var(--weight-regular, 400); margin: 0; }
  .md-banner-text strong { color: var(--arci-text-white, #fff); font-weight: var(--weight-semi-bold, 600); }

  @media (max-width: 680px) {
    .md-header { grid-template-columns: 1fr; }
    .md-count { display: none; }
    .md-item { grid-template-columns: 3.25em 1fr; }
    .md-item-num { padding: 1.5em 0; }
    .md-item-content { padding: 1.5em 1em 1.5em 0; }
    .md-banner { flex-direction: column; text-align: center; }
    .md-title { font-size: var(--font-heading-2, 1.5em); }
  }

  /*Director message*/
  .dm-section { padding: 2.5em 2em; background-color: var(--arci-bright-gray, #EBEAEA); }

  .dm-labelbar { display: flex; align-items: center; gap: 0.875em; margin-bottom: 2.5em; }
  .dm-labelbar-line { flex: 1; height: 1px; background-color: var(--arci-columbia-blue, #6B99C7); }
  .dm-labelbar-text { font-size: var(--font-small-text, 0.75em); font-weight: var(--weight-semi-bold, 600); letter-spacing: 0.2em; text-transform: uppercase; color: var(--arci-powder-blue, #2966A3); white-space: nowrap; }
  .dm-labelbar-diamond { width: 0.45em; height: 0.45em; background-color: var(--arci-powder-blue, #2966A3); transform: rotate(45deg); flex-shrink: 0; }

  .dm-layout { display: grid; grid-template-columns: 17em 1fr; gap: 3.5em; align-items: start; }

  .dm-photo-frame { 
  width: 100%; 
  aspect-ratio: 3/4; 
  background: var(--bs-arci-gradient, linear-gradient(90deg,#0b2641,#2966a3)); 
  overflow: hidden; 
  position: relative; 
  border-radius: 0.5em 0.5em 0 0; 
}

.dm-photo-monogram { 
  position: absolute; 
  inset: 0; 
  /* removed flex centering — let the image fill the frame */
}

/* NEW: make the image fill the frame completely */
.dm-photo-monogram img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* fills frame, crops if needed — no gaps */
  object-position: center top; /* keep the face visible when cropping */
  display: block;         /* removes the tiny inline-image gap at the bottom */
}

.dm-monogram-text { 
  font-size: 4.5em; 
  font-weight: var(--weight-bold, 700); 
  color: rgba(173,204,235,0.2); 
  line-height: 1; 
  user-select: none; 
}

.dm-photo-accent { 
  position: absolute; 
  left: 0; 
  bottom: 0; 
  width: 4px; 
  height: 60%; 
  background-color: var(--arci-columbia-blue, #6B99C7); 
}

  .dm-namecard { background-color: var(--arci-bg-white, #fff); border: 1px solid var(--arci-profile-border-color, #D5CBBD); border-top: 3px solid var(--arci-powder-blue, #2966A3); padding: 1.25em; }
  .dm-namecard-role { font-size: var(--font-small-text, 0.75em); font-weight: var(--weight-semi-bold, 600); letter-spacing: 0.12em; text-transform: uppercase; color: var(--arci-powder-blue, #2966A3); margin-bottom: 0.3em; }
  .dm-namecard-name { font-size: var(--font-heading-3, 1.25em); font-weight: var(--weight-bold, 700); color: var(--arci-wintergreen-text-dream, #13406C); line-height: 1.15; margin-bottom: 0.6em; }
  .dm-namecard-divider { width: 2em; height: 2px; background-color: var(--arci-grey-light, #C6C6C6); border: none; margin-bottom: 0.6em; }
  .dm-namecard-org { font-size: var(--font-small-text, 0.75em); line-height: 1.6; color: var(--arci-grey-medium, #8E8E8E); font-weight: var(--weight-regular, 400); margin: 0; }

  .dm-stats { margin-top: 1.25em; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background-color: var(--arci-grey-light, #C6C6C6); border: 1px solid var(--arci-grey-light, #C6C6C6); }
  .dm-stat { background-color: var(--arci-bg-white, #fff); padding: 1em 0.875em; text-align: center; }
  .dm-stat-num { font-size: var(--font-heading-3, 1.25em); font-weight: var(--weight-bold, 700); color: var(--arci-wintergreen-text-dream, #13406C); line-height: 1; margin-bottom: 0.25em; }
  .dm-stat-num sup { font-size: 0.7em; color: var(--arci-powder-blue, #2966A3); }
  .dm-stat-label { font-size: var(--font-small-text, 0.75em); font-weight: var(--weight-medium, 500); letter-spacing: 0.08em; text-transform: uppercase; color: var(--arci-grey-medium, #8E8E8E); }

  .dm-content-heading { font-size: var(--font-heading-1, 2.25em); font-weight: var(--weight-bold, 700); color: var(--arci-wintergreen-text-dream, #13406C); line-height: 1.05; margin: 0 0 0.3em; }
  .dm-content-subheading { font-size: var(--font-paragraph-2, 0.875em); color: var(--arci-grey-medium, #8E8E8E); margin: 0 0 1.5em; font-weight: var(--weight-regular, 400); }

  .dm-content-rule { display: flex; align-items: center; gap: 0.625em; margin-bottom: 1.75em; }
  .dm-content-rule-bar { width: 3em; height: 3px; background-color: var(--arci-powder-blue, #2966A3); }
  .dm-content-rule-line { flex: 1; height: 1px; background-color: var(--arci-grey-light, #C6C6C6); }

  .dm-para { font-size: var(--font-paragraph-2, 0.875em); line-height: 1.85; color: var(--arci-grey-dark, #606060); font-weight: var(--weight-regular, 400); margin: 0 0 1.25em; }
  .dm-para strong { color: var(--arci-black, #150202); font-weight: var(--weight-semi-bold, 600); }
  .dm-para-lead { font-size: var(--font-paragraph-1, 1em); color: var(--arci-wintergreen-text-dream, #13406C); font-weight: var(--weight-regular, 400); line-height: 1.75; border-left: 3px solid var(--arci-powder-blue, #2966A3); padding-left: 1.25em; margin-bottom: 1.5em; }

  .dm-closing { margin-top: 2em; padding-top: 1.5em; border-top: var(--hr-border, 1px solid #D5CBBD); }
  .dm-closing-salutation { font-size: var(--font-heading-3, 1.25em); font-style: italic; font-weight: var(--weight-semi-bold, 600); color: var(--arci-wintergreen-text-dream, #13406C); margin-bottom: 1.25em; }
  .dm-closing-sig { display: flex; align-items: center; gap: 1.25em; }
  .dm-closing-sig-icon { width: 3.25em; height: 3.25em; border-radius: 50%; background: var(--bs-arci-gradient, linear-gradient(90deg,#0b2641,#2966a3)); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .dm-closing-sig-icon svg { width: 1.5em; height: 1.5em; fill: var(--arci-azureish-white, #ADCCEB); }
  .dm-closing-sig-name { font-size: var(--font-heading-3, 1.25em); font-weight: var(--weight-bold, 700); color: var(--arci-wintergreen-text-dream, #13406C); line-height: 1.2; }
  .dm-closing-sig-title { font-size: var(--font-small-text, 0.75em); font-weight: var(--weight-semi-bold, 600); letter-spacing: 0.1em; text-transform: uppercase; color: var(--arci-powder-blue, #2966A3); margin-top: 0.2em; }

  .dm-banner { margin-top: 2.5em; background: var(--bs-arci-gradient, linear-gradient(90deg,#0b2641,#2966a3)); display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; border-radius: 0.5em; overflow: hidden; }
  .dm-banner-cell { background: var(--arci-wintergreen-dream, #13406C); padding: 1.75em 1.5em; text-align: center; }
  .dm-banner-cell-num { font-size: var(--font-heading-2, 1.5em); font-weight: var(--weight-bold, 700); color: var(--arci-azureish-white, #ADCCEB); line-height: 1; margin-bottom: 0.375em; }
  .dm-banner-cell-label { font-size: var(--font-small-text, 0.75em); font-weight: var(--weight-medium, 500); letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.65); }

  @media (max-width: 820px) {
    .dm-layout { grid-template-columns: 1fr; gap: 2em; }
    .dm-photo-frame { aspect-ratio: 4/3; max-height: 16em; }
    .dm-banner { grid-template-columns: repeat(2,1fr); }
    .dm-content-heading { font-size: var(--font-heading-2, 1.5em); }
  }
  @media (max-width: 480px) {
    .dm-banner { grid-template-columns: 1fr 1fr; }
  }
  /*Director message ends*/

/* =============================================
   Scientist Profile Card
   Namespace: sci-
   Depends on: ARCI Design System Variables
   ============================================= */

/* Grid */
.sci-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}

/* Card shell */
.sci-card {
  background: var(--arci-bg-white);
  border: 0.5px solid var(--arci-profile-border-color);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s, transform 0.15s;
}

.sci-card:hover {
  border-color: var(--arci-columbia-blue);
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(11, 38, 65, 0.08);
}

/* Top gradient band */
.sci-card__band {
  height: 5px;
  background: var(--bs-arci-gradient);
  flex-shrink: 0;
}

/* Photo area */
.sci-card__photo-wrap {
  background: var(--arci-bright-gray);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 1rem 0.875rem;
  gap: 0.625rem;
}

.sci-card__avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--arci-bg-white);
  box-shadow: 0 2px 8px rgba(11, 38, 65, 0.12);
  flex-shrink: 0;
  background: var(--arci-azureish-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sci-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.sci-card__initials {
  font-size: 1.375em;
  font-weight: var(--weight-bold);
  color: var(--arci-wintergreen-dream);
  line-height: 1;
}

/* Designation badge */
.sci-card__badge {
  font-size: 0.65em;
  font-weight: var(--weight-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--arci-eagle-green);
  color: var(--arci-text-white);
  padding: 0.25em 0.625em;
  border-radius: 20px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Body */
.sci-card__body {
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  flex: 1;
}

/* =============================================
   Avatar — image vs initials states
   ============================================= */

.sci-card__avatar--has-image {
  background: transparent;
}

.sci-card__avatar--initials {
  background: var(--arci-azureish-white);
}

/* Image fills circle */
.sci-card__avatar--has-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  border-radius: 50%;
}

/* Initials centered */
.sci-card__avatar--initials .sci-card__initials {
  font-size: 1.375em;
  font-weight: var(--weight-bold);
  color: var(--arci-wintergreen-dream);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Strip media entity wrappers */
.sci-card__avatar--has-image > div,
.sci-card__avatar--has-image .media,
.sci-card__avatar--has-image .media--type-image,
.sci-card__avatar--has-image .field--name-field-media-image,
.sci-card__avatar--has-image article {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.sci-card__name {
  font-size: var(--font-paragraph-1);
  font-weight: var(--weight-bold);
  color: var(--arci-eagle-green);
  line-height: 1.3;
  text-align: center;
}

.sci-card__centre {
  font-size: var(--font-paragraph-2);
  color: var(--arci-wintergreen-dream);
  text-align: center;
  line-height: 1.4;
  opacity: 0.85;
}

.sci-card__divider {
  border: none;
  border-top: var(--hr-border);
  margin: 0.25rem 0;
}

/* Email row */
.sci-card__email-row {
  display: flex;
  align-items: center;
  gap: 0.4em;
  min-width: 0;
}

.sci-card__email-row svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  stroke: var(--arci-columbia-blue);
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sci-card__email {
  font-size: var(--font-paragraph-2);
  color: var(--arci-powder-blue);
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}

.sci-card__email:hover { text-decoration: underline; }

.sci-card__email:focus-visible {
  outline: 2px solid var(--arci-powder-blue);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Footer */
.sci-card__footer {
  padding: 0.625rem 1rem;
  border-top: var(--hr-border);
  display: flex;
  justify-content: center;
}

.sci-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35em;
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-semi-bold);
  color: var(--arci-powder-blue);
  border: 1.5px solid var(--arci-powder-blue);
  border-radius: 6px;
  padding: 0.4em 1em;
  text-decoration: none;
  background: transparent;
  width: 100%;
  transition: background 0.14s, color 0.14s;
}

.sci-card__cta:hover { background: var(--arci-powder-blue); color: var(--arci-text-white); }
.sci-card__cta:hover svg { stroke: var(--arci-text-white); }

.sci-card__cta:focus-visible {
  outline: 2px solid var(--arci-powder-blue);
  outline-offset: 2px;
}

.sci-card__cta svg {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: var(--arci-powder-blue);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  transition: stroke 0.14s;
}

/* Responsive */
@media (max-width: 600px) {
  .sci-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .sci-card, .sci-card__cta { transition: none; }
}

  /* ================================================================
   scientist-profile.css
   Theme   : ARCI  |  Bootstrap 5  |  WCAG 2.2
   Layout  : Two-column — sticky aside + scrollable tabbed main
   Colours : 100% via CSS custom properties from arci-styles.css
   Sizes   : em / rem only (no px except border widths)
   ================================================================ */


/* ──────────────────────────────────────────────────────────────
   SKIP LINK (WCAG 2.4.1)
────────────────────────────────────────────────────────────── */
.sci-skip-link {
  position: absolute;
  top: -100%;
  left: 1rem;
  z-index: 9999;
  background: var(--arci-wintergreen-dream);
  color: var(--arci-text-white);
  padding: 0.5em 1.25em;
  border-radius: 0 0 0.5em 0.5em;
  font-weight: var(--weight-semi-bold);
  font-size: var(--font-paragraph-1);
  text-decoration: none;
  transition: top 0.2s ease;
}
.sci-skip-link:focus {
  top: 0;
  outline: 3px solid var(--arci-powder-blue);
  outline-offset: 2px;
}


/* ──────────────────────────────────────────────────────────────
   ARTICLE WRAPPER — two-column grid
────────────────────────────────────────────────────────────── */
.sci-profile {
  display: grid;
  grid-template-columns: 17em 1fr;
  grid-template-rows: auto;
  align-items: start;
  gap: 0;
  min-height: 100vh;
  background-color: var(--arci-anti-flash-white);
}


/* ================================================================
   ASIDE — sticky personal info column
================================================================ */
.sci-aside {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  background-color: var(--arci-bg-white);
  border-right: 1px solid var(--arci-grey-light);
  display: flex;
  flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: var(--arci-grey-light) transparent;
}

.sci-aside::-webkit-scrollbar { width: 0.25em; }
.sci-aside::-webkit-scrollbar-thumb { background: var(--arci-grey-light); }

/* Top colour bar */
.sci-aside-bar {
  height: 0.3em;
  background: var(--bs-arci-gradient);
  flex-shrink: 0;
}

/* ── Photo block ─────────────────────────────────────────── */
.sci-aside-photo-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 1.75em 1em 0.75em;
  flex-shrink: 0;
}

.sci-photo-circle {
  width: 7.5em;
  height: 7.5em;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--arci-azureish-white);
  background-color: var(--arci-wintergreen-dream);
  box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.18);
}

.sci-photo-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sci-photo-circle--empty {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sci-photo-icon {
  font-size: 2.75em;
  color: var(--arci-azureish-white);
  opacity: 0.55;
}

/* Coordinator ribbon */
.sci-ribbon {
  position: absolute;
  bottom: -0.1em;
  left: 50%;
  transform: translateX(-50%);
  background: var(--arci-powder-blue);
  color: var(--arci-text-white);
  font-size: 0.6em;
  font-weight: var(--weight-semi-bold);
  padding: 0.3em 0.9em;
  border-radius: 2em;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.35em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* ── Name & designation ─────────────────────────────────── */
.sci-aside-name-block {
  padding: 0.85em 1.25em 0.25em;
  text-align: center;
  flex-shrink: 0;
}

.sci-name {
  font-size: var(--font-heading-3);
  font-weight: var(--weight-bold);
  color: var(--arci-wintergreen-text-dream);
  line-height: 1.2;
  margin: 0 0 0.3em;
  word-break: break-word;
}

.sci-designation {
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-medium);
  color: var(--arci-powder-blue);
  margin: 0;
}

/* ── Divider ────────────────────────────────────────────── */
.sci-divider {
  border: 0;
  border-top: 1px solid var(--arci-grey-light);
  margin: 0.75em 1.25em;
  opacity: 1;
  flex-shrink: 0;
}

/* ── Definition list (org info) ─────────────────────────── */
.sci-info-dl {
  padding: 0 1.25em;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  flex-shrink: 0;
}

.sci-dl-row {
  display: grid;
  grid-template-columns: 1.4em 1fr;
  gap: 0.5em;
  align-items: baseline;
}

.sci-dl-row dt {
  color: var(--arci-powder-blue);
  font-size: 0.85em;
  padding-top: 0.1em;
}

.sci-dl-row dd {
  font-size: var(--font-paragraph-2);
  color: var(--arci-black);
  line-height: 1.45;
  margin: 0;
}

.sci-dl-mono {
  font-family: monospace;
  letter-spacing: 0.04em;
}

/* ── Contact & social nav ───────────────────────────────── */
.sci-aside nav {
  padding: 0 1.25em 1.5em;
  flex: 1;
}

.sci-contact-heading {
  font-size: var(--font-small-text);
  font-weight: var(--weight-semi-bold);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--arci-grey-medium);
  margin: 0 0 0.65em;
}

.sci-contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35em;
}

.sci-clink {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: var(--font-paragraph-2);
  color: var(--arci-black);
  text-decoration: none;
  padding: 0.45em 0.65em;
  border-radius: 0.4em;
  transition: background-color 0.18s ease, color 0.18s ease;
  overflow: hidden;
}

.sci-clink:hover,
.sci-clink:focus-visible {
  background-color: var(--arci-bright-gray);
  color: var(--arci-wintergreen-text-dream);
  text-decoration: none;
}

.sci-clink:focus-visible {
  outline: 3px solid var(--arci-powder-blue);
  outline-offset: 1px;
}

.sci-clink--external {
  color: var(--arci-wintergreen-text-dream);
}

.sci-clink-icon {
  width: 1.2em;
  text-align: center;
  flex-shrink: 0;
  color: var(--arci-powder-blue);
  font-size: 0.9em;
}

.sci-clink-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sci-ext-icon {
  font-size: 0.65em;
  color: var(--arci-grey-medium);
  flex-shrink: 0;
}


/* ================================================================
   MAIN — tabbar + panel content
================================================================ */
.sci-main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: var(--arci-anti-flash-white);
}

/* ── Tab bar ────────────────────────────────────────────── */
.sci-tabbar {
  background-color: var(--arci-bg-white);
  border-bottom: 2px solid var(--arci-azureish-white);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  z-index: 50;
  overflow-x: auto;
  scrollbar-width: none;
}

.sci-tabbar::-webkit-scrollbar { display: none; }

.sci-tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0 1.5em;
  display: flex;
  gap: 0;
  white-space: nowrap;
}

.sci-tab-item { flex-shrink: 0; }

.sci-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  padding: 0.95em 1.25em;
  font-family: var(--bs-arci-body-font-family);
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-medium);
  /*color: var(--arci-grey-dark);*/
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.18s ease, border-color 0.18s ease,
              background-color 0.18s ease;
  /* Reset Bootstrap nav-link */
  outline: none;
}

.sci-tab-btn .fa {
  font-size: 0.9em;
}

.sci-tab-btn:hover {
  color: var(--arci-wintergreen-text-dream);
  background-color: var(--arci-bright-gray);
  text-decoration: none;
}

.sci-tab-btn.active,
.sci-tab-btn[aria-selected="true"] {
  color: var(--arci-wintergreen-text-dream);
  border-bottom-color: var(--arci-powder-blue);
  font-weight: var(--weight-semi-bold);
}

.sci-tab-btn:focus-visible {
  outline: 3px solid var(--arci-powder-blue);
  outline-offset: -3px;
  border-radius: 4px;
}


/* ── Tab panels ─────────────────────────────────────────── */
.sci-tab-content {
  flex: 1;
  padding: 0;
}

.sci-tab-pane {
  padding: 2em 2.25em 3em;
}

.sci-tab-pane:focus-visible {
  outline: 3px solid var(--arci-powder-blue);
  outline-offset: 4px;
}


/* ── Section blocks ─────────────────────────────────────── */
.sci-section {
  margin-bottom: 2.5em;
  background-color: var(--arci-bg-white);
  border: 1px solid var(--arci-profile-border-color);
  border-radius: 0.625em;
  padding: 1.5em;
  box-shadow: rgba(60, 64, 67, 0.08) 0px 1px 2px,
              rgba(60, 64, 67, 0.06) 0px 2px 6px;
}

.sci-section-hdr {
  display: flex;
  align-items: center;
  gap: 0.75em;
  margin-bottom: 1.25em;
  padding-bottom: 0.85em;
  border-bottom: 2px solid var(--arci-bright-gray);
}

/* Section badge circle (colour variants below) */
.sci-sec-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.1em;
  height: 2.1em;
  border-radius: 0.45em;
  background-color: var(--arci-wintergreen-dream);
  color: var(--arci-text-white);
  font-size: 0.85em;
  flex-shrink: 0;
}

.sci-sec-badge--blue  { background-color: var(--arci-powder-blue); }
.sci-sec-badge--teal  { background-color: #0d7a6e; }
.sci-sec-badge--amber { background-color: #b06a00; }
.sci-sec-badge--green { background-color: var(--arci-success); }
.sci-sec-badge--gold  { background: linear-gradient(135deg, #a07800, #c9a800); }

.sci-section-title {
  font-size: var(--font-heading-3);
  font-weight: var(--weight-semi-bold);
  color: var(--arci-wintergreen-text-dream);
  margin: 0;
  line-height: 1.2;
}

/* Rich text output */
.sci-richtext {
  font-size: var(--font-paragraph-1);
  color: var(--arci-black);
  line-height: 1.75;
}

.sci-richtext p:last-child { margin-bottom: 0; }
.sci-richtext ul,
.sci-richtext ol { padding-left: 1.5em; }

/* Numbered output lists (publications etc.) */
.sci-output-content ol {
  padding-left: 1.5em;
  counter-reset: pub-counter;
}

.sci-output-content ol li {
  padding: 0.5em 0 0.5em 0.25em;
  border-bottom: 1px solid var(--arci-bright-gray);
  font-size: var(--font-paragraph-2);
  line-height: 1.65;
  color: var(--arci-black);
}

.sci-output-content ol li:last-child { border-bottom: none; }

/* Qualification highlight card */
.sci-qual-card {
  display: flex;
  align-items: center;
  gap: 0.75em;
  background-color: var(--arci-bright-gray);
  border: 1px solid var(--arci-profile-border-color);
  border-left: 4px solid var(--arci-powder-blue);
  border-radius: 0.5em;
  padding: 0.9em 1.1em;
  font-size: var(--font-paragraph-1);
  color: var(--arci-black);
  font-weight: var(--weight-medium);
}

.sci-qual-icon {
  color: var(--arci-powder-blue);
  font-size: 1.2em;
  flex-shrink: 0;
}


/* ── Output section sub-nav (anchor links) ──────────────── */
.sci-subnav {
  margin-bottom: 1.5em;
  background-color: var(--arci-bg-white);
  border: 1px solid var(--arci-profile-border-color);
  border-radius: 0.5em;
  padding: 0.75em 1em;
}

.sci-subnav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

.sci-subnav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-medium);
  color: var(--arci-wintergreen-text-dream);
  text-decoration: none;
  padding: 0.3em 0.9em;
  border: 1px solid var(--arci-azureish-white);
  border-radius: 2em;
  background-color: var(--arci-bright-gray);
  transition: background-color 0.18s ease, border-color 0.18s ease;
}

.sci-subnav-link:hover,
.sci-subnav-link:focus-visible {
  background-color: var(--arci-azureish-white);
  border-color: var(--arci-columbia-blue);
  color: var(--arci-wintergreen-text-dream);
  text-decoration: none;
}

.sci-subnav-link:focus-visible {
  outline: 3px solid var(--arci-powder-blue);
  outline-offset: 2px;
}

/* Additional Roles paragraph output */
.sci-roles-wrap > * { margin-bottom: 1em; }


/* ── Empty state ────────────────────────────────────────── */
.sci-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5em 2em;
  text-align: center;
}

.sci-empty-icon {
  width: 4em;
  height: 4em;
  border-radius: 50%;
  background-color: var(--arci-bright-gray);
  border: 1px solid var(--arci-grey-light);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1em;
}

.sci-empty-icon .fa {
  font-size: 1.5em;
  color: var(--arci-grey-medium);
}

.sci-empty-text {
  color: var(--arci-grey-medium);
  font-size: var(--font-paragraph-2);
  margin: 0;
}


/* ================================================================
   RESPONSIVE
================================================================ */

/* Medium — collapse aside to top banner */
@media (max-width: 64em) {
  .sci-profile {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }

  .sci-aside {
    position: static;
    height: auto;
    overflow: visible;
    border-right: none;
    border-bottom: 1px solid var(--arci-grey-light);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto;
    column-gap: 1.5em;
    padding: 0 1.5em 1.5em;
  }

  /* Span bar full width */
  .sci-aside-bar {
    grid-column: 1 / -1;
    margin: 0 -1.5em 0;
  }

  .sci-aside-photo-wrap {
    grid-column: 1;
    grid-row: 2 / 4;
    padding: 1em 0 0;
    align-self: center;
  }

  .sci-aside-name-block {
    grid-column: 2;
    grid-row: 2;
    text-align: left;
    padding: 1em 0 0;
  }

  .sci-divider { display: none; }

  .sci-info-dl {
    grid-column: 2;
    grid-row: 3;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.4em 1.5em;
  }

  .sci-aside nav {
    grid-column: 1 / -1;
    padding: 0.75em 0 0;
  }

  .sci-contact-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.35em 0.75em;
  }

  .sci-main { min-height: auto; }
}

/* Small — single column, compact aside */
@media (max-width: 40em) {
  .sci-aside {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .sci-aside-photo-wrap {
    grid-column: 1;
    grid-row: auto;
    justify-content: center;
  }

  .sci-aside-name-block {
    grid-column: 1;
    grid-row: auto;
    text-align: center;
  }

  .sci-info-dl {
    grid-column: 1;
    grid-row: auto;
    justify-content: center;
  }

  .sci-dl-row {
    grid-template-columns: auto 1fr;
  }

  .sci-tab-btn span {
    /* Hide labels on very small screens — icons only */
    display: none;
  }

  .sci-tab-btn .fa {
    font-size: 1.1em;
  }

  .sci-tab-pane {
    padding: 1.25em 1em 2em;
  }

  .sci-tabs-nav {
    padding: 0 0.5em;
  }
}

/* Large screens */
@media (min-width: 90em) {
  .sci-profile {
    grid-template-columns: 19em 1fr;
  }

  .sci-photo-circle {
    width: 9em;
    height: 9em;
  }
}


/* ================================================================
   ACCESSIBILITY — FORCED COLOURS (WCAG 1.4.3)
================================================================ */
@media (forced-colors: active) {
  .sci-aside { border-right: 1px solid ButtonText; }
  .sci-aside-bar { forced-color-adjust: none; background: Highlight; }
  .sci-tab-btn.active { border-bottom-color: Highlight; forced-color-adjust: none; }
  .sci-sec-badge { forced-color-adjust: none; background: Highlight; color: HighlightText; }
  .sci-ribbon { forced-color-adjust: none; background: Highlight; color: HighlightText; }
  .sci-clink:focus-visible,
  .sci-tab-btn:focus-visible,
  .sci-subnav-link:focus-visible { outline-color: Highlight; }
}


/* ================================================================
   REDUCED MOTION (WCAG 2.3.3)
================================================================ */
@media (prefers-reduced-motion: reduce) {
  .sci-tab-btn,
  .sci-clink,
  .sci-subnav-link {
    transition: none;
  }
}

/* ══════════════════════════════════════════════
   GOVERNING COUNCIL & RAC TABLES — Shared Base
   ══════════════════════════════════════════════ */

/* ── Shared: Section Header ── */
.gc-header,
.rac-page-header {
    margin-bottom: 2em;
}

.gc-eyebrow,
.rac-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    font-size: var(--font-small-text);
    font-weight: var(--weight-semi-bold);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--arci-powder-blue);
    margin-bottom: 0.5em;
}

.gc-title,
.rac-page-title {
    font-size: var(--font-heading-2);
    font-weight: var(--weight-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.4em;
    line-height: 1.15;
}

.gc-rule,
.rac-rule {
    display: flex;
    align-items: center;
    gap: 0.6em;
    margin-bottom: 0.75em;
}

.gc-rule-line,
.rac-rule-line {
    width: 3em;
    height: 2px;
    background-color: var(--arci-columbia-blue);
}

.gc-rule-diamond,
.rac-rule-diamond {
    width: 0.45em;
    height: 0.45em;
    background-color: var(--arci-powder-blue);
    transform: rotate(45deg);
    flex-shrink: 0;
}

.gc-subtitle,
.rac-page-sub {
    font-size: var(--font-paragraph-2);
    color: var(--arci-grey-medium);
    margin: 0;
}

/* ── Shared: Stats / Count Strip ── */
.gc-count-strip,
.rac-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 2em;
    background: var(--bs-arci-gradient);
    padding: 0.9em 1.5em;
    border-radius: 0.5em;
    margin-bottom: 1.5em;
}

.gc-count-item,
.rac-strip-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.3em 0;
}

.gc-count-num,
.rac-strip-num {
    font-size: var(--font-heading-3);
    font-weight: var(--weight-bold);
    color: var(--arci-text-white);
    line-height: 1;
}

.gc-count-label,
.rac-strip-label {
    font-size: var(--font-small-text);
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-top: 0.2em;
    white-space: nowrap;
}

.gc-count-dot,
.rac-strip-dot {
    width: 2px;
    height: 2em;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    flex-shrink: 0;
}

/* ── Shared: Table Card Wrapper ── */
.gc-table-card,
.rac-table-card {
    background-color: var(--arci-bg-white);
    border: var(--hr-border);
    border-radius: 0 0 0.55em 0.55em;
    overflow: hidden;
    box-shadow: rgba(60, 64, 67, 0.1) 0px 2px 4px, rgba(60, 64, 67, 0.07) 0px 4px 12px;
}

.gc-table-scroll,
.rac-table-scroll {
    overflow-x: auto;
}

/* ── Shared: Table Base ── */
.gc-table,
.rac-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-paragraph-2);
}

/* GC: gradient thead */
.gc-table thead tr {
    background: var(--bs-arci-gradient);
}

.gc-table thead th {
    padding: 1em 1.25em;
    font-size: var(--font-small-text);
    font-weight: var(--weight-semi-bold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--arci-text-white);
    white-space: nowrap;
    border: none;
    vertical-align: middle;
}

.gc-table thead th:first-child { width: 4em; text-align: center; }
.gc-table thead th:last-child  { width: 13em; text-align: center; }

/* RAC: light thead */
.rac-table thead tr {
    background-color: var(--arci-bright-gray);
    border-bottom: 2px solid var(--arci-azureish-white);
}

.rac-table thead th {
    padding: 0.7em 1.1em;
    font-size: var(--font-small-text);
    font-weight: var(--weight-semi-bold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--arci-wintergreen-text-dream);
    white-space: nowrap;
    border: none;
    vertical-align: middle;
}

.rac-table thead th:first-child { width: 3em; text-align: center; }
.rac-table thead th:last-child  { width: 11em; text-align: center; }

/* ── Shared: Body Rows ── */
.gc-table tbody tr,
.rac-table tbody tr {
    border-bottom: 1px solid var(--arci-bright-gray);
    transition: background-color 0.15s ease;
}

.gc-table tbody tr:last-child,
.rac-table tbody tr:last-child {
    border-bottom: none;
}

.gc-table tbody tr:hover { background-color: var(--arci-azureish-white); }
.rac-table tbody tr:hover { background-color: var(--arci-azureish-white); }

/* GC zebra stripe */
.gc-table tbody tr:nth-child(even) {
    background-color: var(--arci-anti-flash-white);
}

.gc-table tbody tr:nth-child(even):hover {
    background-color: var(--arci-azureish-white);
}

/* RAC chairman row highlight */
.rac-table tbody tr.rac-row--chairman {
    background-color: var(--arci-bright-gray);
    border-left: 3px solid var(--arci-powder-blue);
}

.rac-table tbody tr.rac-row--chairman:hover {
    background-color: var(--arci-azureish-white);
}

/* ── Shared: Cells ── */
.gc-table tbody td,
.rac-table tbody td {
    padding: 1em 1.25em;
    vertical-align: top;
    color: var(--arci-black);
    border: none;
}

/* Sl. No */
.gc-slno,
.rac-slno {
    text-align: center;
    font-weight: var(--weight-semi-bold);
    color: var(--arci-grey-medium);
    font-size: var(--font-small-text);
    white-space: nowrap;
    vertical-align: middle !important;
}

/* Member name */
.gc-member-name,
.rac-name {
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.3em;
    line-height: 1.25;
}

.rac-row--chairman .rac-name {
    color: var(--arci-eagle-green);
}

/* Affiliation info */
.gc-member-info,
.rac-info {
    font-size: var(--font-small-text);
    color: var(--arci-grey-dark);
    font-weight: var(--weight-regular);
    line-height: 1.6;
    margin: 0;
}

/* Role cell */
.gc-role-cell,
.rac-role-cell {
    text-align: center;
    vertical-align: middle !important;
}

/* ── Shared: Badges ── */
.gc-badge,
.rac-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    font-size: var(--font-small-text);
    font-weight: var(--weight-semi-bold);
    padding: 0.3em 0.85em;
    border-radius: 2em;
    white-space: nowrap;
}

/* Chairman */
.gc-badge--chairman,
.rac-badge--chairman {
    background-color: var(--arci-eagle-green);
    color: var(--arci-text-white);
    border: 1px solid var(--arci-eagle-green);
}

/* Member */
.gc-badge--member,
.rac-badge--member {
    background-color: var(--arci-azureish-white);
    color: var(--arci-wintergreen-text-dream);
    border: 1px solid var(--arci-columbia-blue);
}

/* Ex-officio (GC only) */
.gc-badge--exofficio {
    background-color: #fff8e6;
    color: #7a5200;
    border: 1px solid #f0c860;
}

/* Secretary (GC only) */
.gc-badge--secretary {
    background-color: #e6f4ea;
    color: #145a2a;
    border: 1px solid #6fbf86;
}

/* Non-member secretary (GC only) */
.gc-badge--nonmember {
    background-color: var(--arci-bright-gray);
    color: var(--arci-grey-dark);
    border: 1px solid var(--arci-grey-light);
}

/* Mobile badge — hidden by default */
.gc-mobile-badge,
.rac-mobile-badge {
    display: none;
    margin-top: 0.4em;
}

/* ── Shared: Legend Bar ── */
.gc-legend,
.rac-legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55em 1.1em;
    padding: 0.85em 1.25em;
    background-color: var(--arci-bright-gray);
    border-top: var(--hr-border);
    font-size: var(--font-small-text);
    color: var(--arci-grey-dark);
    display: none;
}

.rac-legend-label {
    font-weight: var(--weight-medium);
    color: var(--arci-grey-medium);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: var(--font-small-text);
}

/* ══════════════════════════════════════════════
   RAC-SPECIFIC: Group Header Block
   ══════════════════════════════════════════════ */

.rac-group {
    margin-bottom: 2.25em;
}

.rac-group-header {
    display: flex;
    align-items: center;
    gap: 0.9em;
    background: var(--bs-arci-gradient);
    padding: 1em 1.4em;
    border-radius: 0.55em 0.55em 0 0;
    flex-wrap: wrap;
}

.rac-group-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4em;
    height: 2.4em;
    border-radius: 0.45em;
    background-color: rgba(255, 255, 255, 0.12);
    color: var(--arci-azureish-white);
    font-size: var(--font-paragraph-1);
    flex-shrink: 0;
}

.rac-group-titles {
    display: flex;
    flex-direction: column;
    gap: 0.1em;
    flex: 1;
    min-width: 0;
}

.rac-group-title {
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-bold);
    color: var(--arci-text-white);
    margin: 0;
    line-height: 1.25;
}

.rac-group-centre-2 {
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-bold);
    color: var(--arci-azureish-white);
    margin: 0;
    line-height: 1.2;
}

.rac-group-tag {
    opacity: 0.8;
    font-size: var(--font-small-text);
    font-style: italic;
}

.rac-group-count {
    margin-left: auto;
    background-color: rgba(255, 255, 255, 0.12);
    color: var(--arci-text-white);
    font-size: var(--font-small-text);
    font-weight: var(--weight-semi-bold);
    padding: 0.25em 0.8em;
    border-radius: 2em;
    border: 1px solid rgba(255, 255, 255, 0.2);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 48em) {
    .gc-table thead th:last-child,
    .rac-table thead th:last-child {
        display: none;
    }

    .gc-table tbody .gc-role-cell,
    .rac-table tbody .rac-role-cell {
        display: none;
    }

    .gc-mobile-badge,
    .rac-mobile-badge {
        display: inline-flex;
    }

    .gc-count-strip,
    .rac-strip {
        gap: 0.5em;
    }

    .gc-count-dot,
    .rac-strip-dot {
        display: none;
    }

    .rac-group-header {
        flex-wrap: wrap;
    }

    .rac-group-count {
        margin-left: 0;
    }
}

@media print {
    .gc-count-strip,
    .rac-strip {
        break-inside: avoid;
    }

    .rac-group {
        break-inside: avoid;
    }

    .gc-table-card,
    .rac-table-card {
        box-shadow: none;
        border: 1px solid var(--arci-grey-light);
    }
}
/* ── End Governing Council & RAC Tables ── */

    /* ── Partners & Collaborators ── */

.pc-section {
    padding: 2.5em 2em;
    background-color: var(--arci-bright-gray);
}

/* Header rule */
.pc-header {
    display: flex;
    align-items: center;
    gap: 0.875em;
    margin-bottom: 1.25em;
    padding-bottom: 1.25em;
    border-bottom: 1px solid var(--arci-profile-border-color);
}

.pc-header-line {
    flex: 1;
    height: 1px;
    background-color: var(--arci-columbia-blue);
}

.pc-header-diamond {
    width: 0.45em;
    height: 0.45em;
    background-color: var(--arci-powder-blue);
    transform: rotate(45deg);
    flex-shrink: 0;
}

.pc-eyebrow {
    font-size: var(--font-small-text);
    font-weight: var(--weight-semi-bold);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--arci-powder-blue);
    white-space: nowrap;
}

/* Title */
.pc-title {
    font-size: var(--font-heading-1);
    font-weight: var(--weight-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.5em;
    line-height: 1.1;
}

/* Count badge */
.pc-count-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    background-color: var(--arci-azureish-white);
    color: var(--arci-wintergreen-text-dream);
    font-size: var(--font-small-text);
    font-weight: var(--weight-semi-bold);
    padding: 0.3em 0.875em;
    border-radius: 2em;
    border: 1px solid var(--arci-columbia-blue);
    margin-bottom: 2em;
}

/* Alphabet group */
.pc-alpha-group {
    margin-bottom: 1.75em;
}

.pc-alpha-label {
    font-size: var(--font-small-text);
    font-weight: var(--weight-bold);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--arci-powder-blue);
    border-left: 3px solid var(--arci-powder-blue);
    padding-left: 0.625em;
    margin-bottom: 0.875em;
    border-radius: 0;
}

/* Grid */
.pc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));
    gap: 0.5em;
}

/* Item card */
.pc-item {
    display: flex;
    align-items: center;
    gap: 0.625em;
    background-color: var(--arci-bg-white);
    border: 1px solid var(--arci-profile-border-color);
    border-radius: 0.375em;
    padding: 0.625em 0.875em;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.pc-item:hover {
    border-color: var(--arci-powder-blue);
    background-color: var(--arci-azureish-white);
}

.pc-item-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--arci-columbia-blue);
    flex-shrink: 0;
}

.pc-item-name {
    font-size: var(--font-paragraph-2);
    color: var(--arci-black);
    font-weight: var(--weight-regular);
    line-height: 1.4;
}

/* Responsive */
@media (max-width: 768px) {
    .pc-grid {
        grid-template-columns: 1fr;
    }

    .pc-title {
        font-size: var(--font-heading-2);
    }
}

@media (max-width: 480px) {
    .pc-section {
        padding: 1.5em 1em;
    }
}
/* ── End Partners & Collaborators ── */

/* =============================================================
   ARCI — Technology Pages Shared CSS
   Pages: Technology Incubator | Technological Solutions |
          R&D Collaborations | GOCO
   Rules:
     - All colours via ARCI CSS variables only
     - No inline styles
     - CKEditor-compatible class names
     - Font sizing via --font-* variables
     - Spacing in em/rem only
   ============================================================= */


/* ─────────────────────────────────────────────
   SHARED HERO BLOCK
   Used by: .ti-hero  .ts-hero  .rd-hero  .goco-hero
───────────────────────────────────────────────*/
.ti-hero,
.ts-hero,
.rd-hero,
.goco-hero {
    background: var(--bs-arci-gradient);
    padding: 3em 2em;
    border-radius: 0.5em;
    text-align: center;
    margin-bottom: 2.5em;
    position: relative;
    overflow: hidden;
}

.ti-eyebrow,
.ts-eyebrow,
.rd-eyebrow,
.goco-eyebrow {
    display: inline-block;
    font-size: var(--font-small-text);
    font-weight: var(--weight-semi-bold);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--arci-azureish-white);
    margin-bottom: 0.6em;
}

.ti-hero-title,
.ts-hero-title,
.rd-hero-title,
.goco-hero-title {
    font-size: var(--font-heading-1);
    font-weight: var(--weight-bold);
    color: var(--arci-text-white);
    margin: 0 0 0.4em;
    line-height: 1.15;
}

.ti-hero-sub,
.ts-hero-sub,
.rd-hero-sub,
.goco-hero-sub {
    font-size: var(--font-paragraph-1);
    color: var(--arci-azureish-white);
    max-width: 44em;
    margin: 0 auto;
    line-height: 1.75;
}


/* ─────────────────────────────────────────────
   SHARED SECTION WRAPPER
───────────────────────────────────────────────*/
.ti-section,
.ts-section,
.rd-section,
.goco-section {
    margin-bottom: 2.5em;
    background-color: var(--arci-bg-white);
    border: 1px solid var(--arci-profile-border-color);
    border-radius: 0.625em;
    padding: 1.75em;
    box-shadow: rgba(60, 64, 67, 0.08) 0px 1px 2px,
                rgba(60, 64, 67, 0.06) 0px 2px 6px;
}

.ti-section-hdr,
.ts-section-hdr,
.rd-section-hdr,
.goco-section-hdr {
    display: flex;
    align-items: center;
    gap: 0.75em;
    margin-bottom: 1.25em;
    padding-bottom: 0.85em;
    border-bottom: 2px solid var(--arci-bright-gray);
}

.ti-sec-badge,
.ts-sec-badge,
.rd-sec-badge,
.goco-sec-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.45em;
    height: 1.75em;
    background-color: var(--arci-powder-blue);
    border-radius: 2px;
    flex-shrink: 0;
}

.ti-section-title,
.ts-section-title,
.rd-section-title,
.goco-section-title {
    font-size: var(--font-heading-3);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0;
    line-height: 1.2;
}


/* ─────────────────────────────────────────────
   SHARED HIGHLIGHT BOX
───────────────────────────────────────────────*/
.ti-highlight,
.ts-highlight,
.goco-highlight {
    background-color: var(--arci-bright-gray);
    border-left: 4px solid var(--arci-powder-blue);
    border-radius: 0 0.5em 0.5em 0;
    padding: 1.25em 1.5em;
}

.ti-para,
.ts-para,
.goco-para {
    font-size: var(--font-paragraph-1);
    color: var(--arci-black);
    line-height: 1.8;
    margin: 0 0 0.75em;
}

.ti-para:last-child,
.ts-para:last-child,
.goco-para:last-child {
    margin-bottom: 0;
}


/* ─────────────────────────────────────────────
   SHARED CARD GRID
───────────────────────────────────────────────*/
.ti-grid,
.ts-grid,
.rd-grid,
.goco-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
    gap: 1.25em;
}

.ts-grid--four {
    grid-template-columns: repeat(auto-fit, minmax(13em, 1fr));
}


/* ─────────────────────────────────────────────
   SHARED CARD
───────────────────────────────────────────────*/
.ti-card,
.ts-card,
.rd-card,
.goco-card {
    background-color: var(--arci-bright-gray);
    border: 1px solid var(--arci-profile-border-color);
    border-radius: 0.625em;
    padding: 1.5em;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.ti-card:hover,
.ts-card:hover,
.rd-card:hover,
.goco-card:hover {
    transform: translateY(-4px);
    border-color: var(--arci-columbia-blue);
}

.ti-card-title,
.ts-card-title,
.rd-card-title,
.goco-card-title {
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.5em;
    line-height: 1.3;
}

.ti-card-para,
.ts-card-para,
.rd-card-para,
.goco-card-para {
    font-size: var(--font-paragraph-2);
    color: var(--arci-grey-dark);
    line-height: 1.65;
    margin: 0;
}

/* Accent variant — engagement models */
.ts-card--accent {
    border-top: 3px solid var(--arci-powder-blue);
}

/* Partner card with icon */
.rd-card--partner,
.goco-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.rd-partner-icon,
.goco-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5em;
    height: 2.5em;
    border-radius: 0.45em;
    background-color: var(--arci-azureish-white);
    color: var(--arci-wintergreen-dream);
    font-size: var(--font-paragraph-1);
    margin-bottom: 0.85em;
    flex-shrink: 0;
}


/* ─────────────────────────────────────────────
   SHARED LIST (Who Can Apply etc.)
───────────────────────────────────────────────*/
.ti-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ti-list-item {
    display: flex;
    align-items: center;
    gap: 0.75em;
    padding: 0.75em 0;
    border-bottom: 1px solid var(--arci-bright-gray);
    font-size: var(--font-paragraph-1);
    color: var(--arci-black);
}

.ti-list-item:last-child {
    border-bottom: none;
}

.ti-list-item::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--arci-powder-blue);
    flex-shrink: 0;
}


/* ─────────────────────────────────────────────
   R&D — PROCESS STEPS
───────────────────────────────────────────────*/
.rd-process {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.rd-step {
    display: flex;
    align-items: flex-start;
    gap: 1.25em;
    padding: 1.25em 0;
    position: relative;
}

.rd-step:not(.rd-step--last) {
    border-bottom: 1px solid var(--arci-bright-gray);
}

.rd-step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25em;
    height: 2.25em;
    min-width: 2.25em;
    border-radius: 50%;
    background-color: var(--arci-wintergreen-dream);
    color: var(--arci-text-white);
    font-size: var(--font-paragraph-2);
    font-weight: var(--weight-semi-bold);
    flex-shrink: 0;
}

.rd-step-content {
    flex: 1;
}

.rd-step-title {
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.3em;
}

.rd-step-para {
    font-size: var(--font-paragraph-2);
    color: var(--arci-grey-dark);
    line-height: 1.6;
    margin: 0;
}


/* ─────────────────────────────────────────────
   GOCO — FLOW DIAGRAM
───────────────────────────────────────────────*/
.goco-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
}

.goco-flow-item {
    flex: 1;
    min-width: 12em;
    text-align: center;
    padding: 1.5em 1em;
    background-color: var(--arci-bright-gray);
    border: 1px solid var(--arci-profile-border-color);
    border-radius: 0.625em;
}

.goco-flow-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    background-color: var(--arci-wintergreen-dream);
    color: var(--arci-text-white);
    font-size: var(--font-subtitle);
    margin: 0 auto 0.75em;
}

.goco-flow-title {
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.4em;
}

.goco-flow-para {
    font-size: var(--font-paragraph-2);
    color: var(--arci-grey-dark);
    line-height: 1.55;
    margin: 0;
}

.goco-flow-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.75em;
    color: var(--arci-columbia-blue);
    font-size: var(--font-subtitle);
    flex-shrink: 0;
}


/* ─────────────────────────────────────────────
   SHARED CTA BLOCK
───────────────────────────────────────────────*/
.ti-cta,
.ts-cta,
.rd-cta,
.goco-cta {
    background: var(--bs-arci-gradient);
    padding: 2.5em 2em;
    text-align: center;
    border-radius: 0.5em;
    margin-bottom: 1.5em;
}

.ti-cta-title,
.ts-cta-title,
.rd-cta-title,
.goco-cta-title {
    font-size: var(--font-heading-2);
    font-weight: var(--weight-bold);
    color: var(--arci-text-white);
    margin: 0 0 0.5em;
}

.ti-cta-para,
.ts-cta-para,
.rd-cta-para,
.goco-cta-para {
    font-size: var(--font-paragraph-1);
    color: var(--arci-azureish-white);
    margin: 0 0 1.5em;
    line-height: 1.7;
}

.ti-cta-btn,
.ts-cta-btn,
.rd-cta-btn,
.goco-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    background-color: var(--arci-bg-white);
    color: var(--arci-wintergreen-dream);
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-semi-bold);
    padding: 0.75em 2em;
    border-radius: 0.5em;
    text-decoration: none;
    border: 1px solid var(--arci-profile-border-color);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.ti-cta-btn:hover,
.ts-cta-btn:hover,
.rd-cta-btn:hover,
.goco-cta-btn:hover {
    background-color: var(--arci-azureish-white);
    color: var(--arci-eagle-green);
    text-decoration: none;
}


/* ─────────────────────────────────────────────
   PAGE WRAPPERS
───────────────────────────────────────────────*/
.ti-page,
.ts-page,
.rd-page,
.goco-page {
    font-family: var(--bs-arci-body-font-family);
    font-size: var(--arci-body-font-size);
    line-height: var(--arci-body-line-height);
    color: var(--arci-black);
    padding: 1.5em 0;
}


/* ─────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────────*/
@media (max-width: 48em) {
    .ti-hero,
    .ts-hero,
    .rd-hero,
    .goco-hero {
        padding: 2em 1.25em;
    }

    .ti-hero-title,
    .ts-hero-title,
    .rd-hero-title,
    .goco-hero-title {
        font-size: var(--font-heading-2);
    }

    .ti-grid,
    .ts-grid,
    .rd-grid,
    .goco-grid {
        grid-template-columns: 1fr;
    }

    .goco-flow {
        flex-direction: column;
        align-items: stretch;
    }

    .goco-flow-arrow {
        transform: rotate(90deg);
    }

    .ti-section,
    .ts-section,
    .rd-section,
    .goco-section {
        padding: 1.25em;
    }
}

@media (max-width: 30em) {
    .ti-cta,
    .ts-cta,
    .rd-cta,
    .goco-cta {
        padding: 1.75em 1.25em;
    }
}

/* =============================================================
   Application Sector Carousel — asc-*
   Follows ARCI theme variables (arci-styles.css)
   No hardcoded colours · No inline styles · CKEditor safe
   ============================================================= */


/* ── Section wrapper ──────────────────────────────────────── */
.asc-section {
    padding: 2.5em 2em;
    /*background-color: var(--arci-bright-gray);*/
}


/* ── Header ───────────────────────────────────────────────── */
.asc-header {
    text-align: center;
    margin-bottom: 2em;
}

.asc-rule {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75em;
    margin-bottom: 0.75em;
}

.asc-rule-line {
    width: 3.75em;
    height: 1px;
    background-color: var(--arci-columbia-blue);
    display: inline-block;
}

.asc-rule-diamond {
    width: 0.5em;
    height: 0.5em;
    background-color: var(--arci-powder-blue);
    transform: rotate(45deg);
    display: inline-block;
    flex-shrink: 0;
}

.asc-heading {
    font-size: var(--font-heading-2);
    font-weight: var(--weight-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.35em;
    line-height: 1.2;
}

.asc-sub {
    font-size: var(--font-paragraph-2);
    color: var(--arci-grey-medium);
    margin: 0;
}


/* ── Slider outer wrap ────────────────────────────────────── */
.asc-slider-wrap {
    position: relative;
}

.asc-slider {
    /* Slick will take over; pre-slick state prevents FOUC */
    display: flex;
    overflow: hidden;
}

/* Once slick initialises it adds .slick-initialized */
.asc-slider.slick-initialized {
    display: block;
    overflow: visible;
}


/* ── Individual slide ─────────────────────────────────────── */
.asc-slide {
    padding: 0 0.5em;
    outline: none;
}


/* ── Card ─────────────────────────────────────────────────── */
.asc-card {
    display: block;
    position: relative;
    border-radius: 0.625em;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid var(--arci-profile-border-color);
    background-color: var(--arci-bg-white);
    box-shadow: rgba(60, 64, 67, 0.12) 0px 2px 6px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
}

.asc-card:hover,
.asc-card:focus-visible {
    transform: translateY(-5px);
    box-shadow: rgba(60, 64, 67, 0.22) 0px 8px 20px;
    text-decoration: none;
}

.asc-card:focus-visible {
    outline: 3px solid var(--arci-powder-blue);
    outline-offset: 2px;
}


/* ── Card image area ──────────────────────────────────────── */
.asc-card-img-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: var(--arci-azureish-white);
}

.asc-card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.asc-card:hover .asc-card-img-wrap img {
    transform: scale(1.06);
}

/* Gradient overlay so text is always readable */
.asc-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 40%,
        rgba(11, 38, 65, 0.55) 100%
    );
    pointer-events: none;
}


/* ── Card footer ──────────────────────────────────────────── */
.asc-card-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5em;
    padding: 0.85em 1em;
    background-color: var(--arci-bg-white);
    border-top: 1px solid var(--arci-profile-border-color);
}

.asc-card-name {
    font-size: var(--font-paragraph-2);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    line-height: 1.3;
    flex: 1;
}

.asc-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75em;
    height: 1.75em;
    border-radius: 50%;
    background-color: var(--arci-azureish-white);
    color: var(--arci-wintergreen-dream);
    font-size: 0.75em;
    flex-shrink: 0;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.asc-card:hover .asc-card-icon {
    background-color: var(--arci-wintergreen-dream);
    color: var(--arci-text-white);
}


/* ── Controls row ─────────────────────────────────────────── */
.asc-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75em;
    margin-top: 1.5em;
    flex-direction: column;
    align-content: center;
}
.asc-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 0.75em;
}
.asc-ctrl-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25em;
    height: 2.25em;
    border-radius: 50%;
    border: 1px solid var(--arci-wintergreen-text-dream);
    background-color: var(--arci-bg-white);
    color: var(--arci-wintergreen-text-dream);
    font-size: var(--font-paragraph-2);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease,
                border-color 0.2s ease;
    padding: 0;
    line-height: 1;
}

.asc-ctrl-btn:hover {
    background-color: var(--arci-wintergreen-dream);
    color: var(--arci-text-white);
    border-color: var(--arci-wintergreen-dream);
}

.asc-ctrl-btn:focus-visible {
    outline: 3px solid var(--arci-powder-blue);
    outline-offset: 2px;
}

/* Play/pause is slightly larger */
.asc-ctrl-play {
    width: 2em;
    height: 2em;
    font-size: 0.75em;
}


/* ── Slick dot override ────────────────────────────────────── */
.asc-dots {
    display: flex;
    align-items: center;
    gap: 0.35em;
}

/* Slick injects <ul class="slick-dots"> inside .asc-dots target */
.asc-dots .slick-dots {
    position: static !important;
    display: flex !important;
    align-items: center;
    gap: 0.35em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    gap: 0.25em;
}

.asc-dots .slick-dots li {
    margin: 0;
    color: var(--arci-wintergreen-text-dream);
    width: 0.25em;
    aspect-ratio: 1;
    border: solid;
    border-radius: 50%;
}

.asc-dots .slick-dots li button {
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: var(--arci-grey-light);
    border: none;
    padding: 0;
    font-size: 0;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.asc-dots .slick-dots li button:before {
    display: none;
}

.asc-dots .slick-dots li.slick-active button {
    color: var(--arci-bg-white);
    transform: scale(1.4);
    outline: solid 1px;
}


/* ── Accessibility: reduced motion ───────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .asc-card,
    .asc-card-img-wrap img,
    .asc-card-icon,
    .asc-ctrl-btn {
        transition: none;
    }
}


/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 48em) {
    .asc-section {
        padding: 1.75em 1em;
    }

    .asc-heading {
        font-size: var(--font-heading-3);
    }
}


/* ── Manually rendered img (URL-only field mode) ──────────── */
.asc-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.asc-card:hover .asc-card-img {
    transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
    .asc-card:hover .asc-card-img {
        transform: none;
    }
}

/*social*/

#socail-media {
    padding: 2.5em 7.5em;
    background: var(--bs-arci-gradient);
}


.social-header {
    display: flex;
    align-items: center;
    gap: 0.5em;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1.5em;
}

.social-header i {
    font-size: 1.25em;
}

.social-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em;
}

.social-card {
    background: var(--bs-white);
    color: #0b2641;
    border-radius: 0.5em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    height: 33em;
    /* Fixed height for all cards (352px) */
    box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.2);
    /* 2px 5px shadow */
}

.social-card h3 {
    font-size: 1.25em;
    margin-bottom: 0.5em;
}

.social-card iframe,
.social-card img {
    flex: 1;
    width: 100%;
    object-fit: cover;
    border: none;
    border-radius: 0.25em;
}

/* Responsive */
@media (max-width: 64em) {

    .social-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 40em) {

    /* 640px */
    .social-cards {
        grid-template-columns: 1fr;
    }
}

.title-socials {
    color: var(--arci-wintergreen-text-dream);
    font-weight: 600;
}
div#fb-root {
    display: none;
}
/*end social*/
footer{padding: 0 !important;}

/* =============================================================
   ARCI — Performance Stats Section
   Classes: perf-*
   All colours via ARCI CSS variables · No inline styles
   ============================================================= */


/* ── Section wrapper ──────────────────────────────────────── */
.perf-section {
    padding: 2.5em 2em;
    background-color: var(--arci-bright-gray);
}


/* ── Header ───────────────────────────────────────────────── */
.perf-header {
    text-align: center;
    margin-bottom: 2em;
}

.perf-rule {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75em;
    margin-bottom: 0.75em;
}

.perf-rule-line {
    width: 3.75em;
    height: 1px;
    background-color: var(--arci-columbia-blue);
    display: inline-block;
}

.perf-rule-diamond {
    width: 0.5em;
    height: 0.5em;
    background-color: var(--arci-powder-blue);
    transform: rotate(45deg);
    display: inline-block;
    flex-shrink: 0;
}

.perf-heading {
    font-size: var(--font-heading-2);
    font-weight: var(--weight-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.35em;
    line-height: 1.2;
}

.perf-sub {
    font-size: var(--font-paragraph-2);
    color: var(--arci-grey-medium);
    margin: 0;
}


/* ── Grid ─────────────────────────────────────────────────── */
.perf-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.25em;
}


/* ── Card ─────────────────────────────────────────────────── */
.perf-card {
    background-color: var(--arci-bg-white);
    border: 1px solid var(--arci-profile-border-color);
    border-radius: 0.625em;
    padding: 1.5em 1.25em;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1em;
    box-shadow: rgba(60, 64, 67, 0.08) 0px 1px 2px,
                rgba(60, 64, 67, 0.06) 0px 2px 6px;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.perf-card:hover {
    transform: translateY(-4px);
    border-color: var(--arci-columbia-blue);
}


/* ── Icon circle ──────────────────────────────────────────── */
.perf-card-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    font-size: var(--font-subtitle);
    flex-shrink: 0;
}

/* Icon colour variants — using ARCI variable-compatible tints */
.perf-icon--blue {
    background-color: var(--arci-azureish-white);
    color: var(--arci-wintergreen-dream);
}

.perf-icon--teal {
    background-color: #e1f5ee;
    color: #0f6e56;
}

.perf-icon--amber {
    background-color: #faeeda;
    color: #854f0b;
}

.perf-icon--green {
    background-color: #eaf3de;
    color: #3b6d11;
}

.perf-icon--purple {
    background-color: #eeedfe;
    color: #534ab7;
}


/* ── Card text ────────────────────────────────────────────── */
.perf-card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3em;
}

.perf-card-num {
    font-size: var(--font-heading-1);
    font-weight: var(--weight-bold);
    color: var(--arci-wintergreen-text-dream);
    line-height: 1;
}

.perf-sup {
    font-size: 0.5em;
    vertical-align: super;
    color: var(--arci-powder-blue);
}

.perf-card-label {
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    line-height: 1.3;
}

.perf-card-sub {
    font-size: var(--font-paragraph-2);
    color: var(--arci-grey-medium);
    line-height: 1.5;
    min-height: 2.2em;
}


/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 75em) {
    .perf-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 48em) {
    .perf-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .perf-heading {
        font-size: var(--font-heading-3);
    }
}

@media (max-width: 30em) {
    .perf-grid {
        grid-template-columns: 1fr;
    }

    .perf-section {
        padding: 1.75em 1em;
    }
}


/* ── Accessibility ────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .perf-card {
        transition: none;
    }
}

/* ── Department Cards ── */

.dept-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
}

.dept-card {
    background-color: var(--arci-bg-white);
    border: 1px solid var(--arci-profile-border-color);
    border-radius: 0.5em;
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: rgba(60, 64, 67, 0.15) 0px 1px 3px;
    position: relative;
}

.dept-card:hover {
    border-color: var(--arci-powder-blue);
    box-shadow: rgba(60, 64, 67, 0.25) 0px 3px 8px;
}

.dept-card-top {
    border-left: 3px solid var(--arci-powder-blue);
    border-radius: 0;
    padding-left: 0.75em;
    margin-bottom: 1.25em;
}

.dept-card-title {
    font-size: var(--font-heading-3);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0;
    line-height: 1.3;
}

.dept-card-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    font-size: var(--font-paragraph-2);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    background-color: var(--arci-azureish-white);
    border: 1px solid var(--arci-columbia-blue);
    border-radius: 0.375em;
    padding: 0.4em 1em;
    text-decoration: none;
    align-self: flex-start;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.dept-card-link:hover {
    background-color: var(--arci-wintergreen-dream);
    color: var(--arci-text-white);
    text-decoration: none;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .dept-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .dept-grid {
        grid-template-columns: 1fr;
    }
}
/* ── End Department Cards ── */

.goco-page {
    font-family: var(--bs-arci-body-font-family);
    font-size: 15px;
    line-height: var(--arci-body-line-height);
    color: var(--arci-black);
    background-color: var(--arci-bg-white);
  }

  /* ── Hero ── */
  .goco-hero {
    background: var(--bs-arci-gradient);
    padding: 3em 2em;
    border-radius: 0;
    text-align: center;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
  }
  .goco-eyebrow {
    display: inline-block;
    font-size: var(--font-small-text);
    font-weight: var(--weight-semi-bold);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--arci-azureish-white);
    margin-bottom: 0.6em;
  }
  .goco-hero-title {
    font-size: var(--font-heading-1);
    font-weight: var(--weight-bold);
    color: var(--arci-text-white);
    margin: 0 0 0.4em;
    line-height: 1.15;
  }
  .goco-hero-sub {
    font-size: var(--font-paragraph-1);
    color: var(--arci-azureish-white);
    max-width: 44em;
    margin: 0 auto 0.75em;
    line-height: 1.75;
  }

  /* ── Content area ── */
  .goco-content-wrap {
    padding: 2em;
    background-color: var(--arci-anti-flash-white);
  }

  /* ── Section (replicates .goco-section from CSS) ── */
  .goco-section {
    margin-bottom: 2em;
    background-color: var(--arci-bg-white);
    border: 1px solid var(--arci-profile-border-color);
    border-radius: 0.625em;
    padding: 1.75em;
    box-shadow: rgba(60,64,67,0.08) 0px 1px 2px, rgba(60,64,67,0.06) 0px 2px 6px;
  }
  .goco-section-hdr {
    display: flex;
    align-items: center;
    gap: 0.75em;
    margin-bottom: 1.25em;
    padding-bottom: 0.85em;
    border-bottom: 2px solid var(--arci-bright-gray);
  }
  .goco-sec-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.45em;
    height: 1.75em;
    background-color: var(--arci-powder-blue);
    border-radius: 2px;
    flex-shrink: 0;
  }
  .goco-section-title {
    font-size: var(--font-heading-3);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0;
    line-height: 1.2;
  }

  /* ── Highlight ── */
  .goco-highlight {
    background-color: var(--arci-bright-gray);
    border-left: 4px solid var(--arci-powder-blue);
    border-radius: 0 0.5em 0.5em 0;
    padding: 1.25em 1.5em;
    margin-bottom: 1em;
  }
  .goco-para {
    font-size: var(--font-paragraph-1);
    color: var(--arci-black);
    line-height: 1.8;
    margin: 0 0 0.5em;
  }
  .goco-para:last-child { margin-bottom: 0; }

  /* ── Benefits grid ── */
  .goco-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
    gap: 1.25em;
  }
  .goco-card {
    background-color: var(--arci-bright-gray);
    border: 1px solid var(--arci-profile-border-color);
    border-radius: 0.625em;
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: transform 0.2s ease, border-color 0.2s ease;
  }
  .goco-card:hover {
    transform: translateY(-4px);
    border-color: var(--arci-columbia-blue);
  }
  .goco-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5em;
    height: 2.5em;
    border-radius: 0.45em;
    background-color: var(--arci-azureish-white);
    color: var(--arci-wintergreen-dream);
    font-size: var(--font-paragraph-1);
    margin-bottom: 0.85em;
    flex-shrink: 0;
  }
  .goco-card-title {
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.4em;
    line-height: 1.3;
  }
  .goco-card-para {
    font-size: var(--font-paragraph-2);
    /*color: var(--arci-grey-dark);*/
    line-height: 1.65;
    margin: 0;
  }

  /* ── Audience cards ── */
  .goco-audience-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
    gap: 1.25em;
  }
  .goco-audience-card {
    background-color: var(--arci-bg-white);
    border: 1px solid var(--arci-profile-border-color);
    border-top: 3px solid var(--arci-powder-blue);
    border-radius: 0.625em;
    padding: 1.5em;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: rgba(60,64,67,0.08) 0px 1px 2px;
  }
  .goco-audience-card:hover {
    border-color: var(--arci-columbia-blue);
    box-shadow: rgba(60,64,67,0.15) 0px 3px 8px;
  }
  .goco-audience-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    font-size: var(--font-small-text);
    font-weight: var(--weight-semi-bold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background-color: var(--arci-azureish-white);
    color: var(--arci-wintergreen-text-dream);
    border: 1px solid var(--arci-columbia-blue);
    border-radius: 2em;
    padding: 0.25em 0.75em;
    margin-bottom: 0.75em;
  }
  .goco-audience-title {
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.4em;
  }
  .goco-audience-para {
    font-size: var(--font-paragraph-2);
    /*color: var(--arci-grey-dark);*/
    line-height: 1.6;
    margin: 0;
  }

  /* ── What you get list ── */
  .goco-get-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75em;
  }
  .goco-get-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75em;
    padding: 0.85em 1em;
    background-color: var(--arci-bright-gray);
    border: 1px solid var(--arci-profile-border-color);
    border-radius: 0.5em;
    font-size: var(--font-paragraph-2);
    color: var(--arci-black);
    line-height: 1.5;
  }
  .goco-get-dot {
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
    background-color: var(--arci-powder-blue);
    margin-top: 0.3em;
    flex-shrink: 0;
  }

  /* ── Framework list ── */
  .goco-framework-list {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
  }
  .goco-framework-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75em;
    padding: 1em 1.25em;
    background-color: var(--arci-bright-gray);
    border-left: 3px solid var(--arci-powder-blue);
    border-radius: 0 0.5em 0.5em 0;
    font-size: var(--font-paragraph-2);
    color: var(--arci-black);
    line-height: 1.65;
  }
  .goco-fw-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6em;
    height: 1.6em;
    min-width: 1.6em;
    border-radius: 50%;
    background-color: var(--arci-wintergreen-dream);
    color: var(--arci-text-white);
    font-size: var(--font-small-text);
    font-weight: var(--weight-semi-bold);
    flex-shrink: 0;
  }

  /* ── Process steps (rd-step pattern) ── */
  .rd-process { display: flex; flex-direction: column; gap: 0; }
  .rd-step {
    display: flex;
    align-items: flex-start;
    gap: 1.25em;
    padding: 1.1em 0;
    border-bottom: 1px solid var(--arci-bright-gray);
  }
  .rd-step:last-child { border-bottom: none; }
  .rd-step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25em;
    height: 2.25em;
    min-width: 2.25em;
    border-radius: 50%;
    background-color: var(--arci-wintergreen-dream);
    color: var(--arci-text-white);
    font-size: var(--font-paragraph-2);
    font-weight: var(--weight-semi-bold);
    flex-shrink: 0;
  }
  .rd-step-title {
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.25em;
  }
  .rd-step-para {
    font-size: var(--font-paragraph-2);
    /*color: var(--arci-grey-dark);*/
    line-height: 1.6;
    margin: 0;
  }

  /* ── Payment note ── */
  .goco-payment-note {
    margin-top: 1.25em;
    background-color: var(--arci-bright-gray);
    border: 1px solid var(--arci-profile-border-color);
    border-left: 4px solid var(--arci-columbia-blue);
    border-radius: 0 0.5em 0.5em 0;
    padding: 1em 1.25em;
    font-size: var(--font-paragraph-2);
    /*color: var(--arci-grey-dark);*/
    line-height: 1.65;
  }
  .goco-payment-note strong {
    color: var(--arci-wintergreen-text-dream);
    font-weight: var(--weight-semi-bold);
  }

  /* ── Flow diagram ── */
  .goco-flow {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
  }
  .goco-flow-item {
    flex: 1;
    min-width: 10em;
    text-align: center;
    padding: 1.5em 1em;
    background-color: var(--arci-bright-gray);
    border: 1px solid var(--arci-profile-border-color);
    border-radius: 0.625em;
  }
  .goco-flow-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    background-color: var(--arci-wintergreen-dream);
    color: var(--arci-text-white);
    font-size: 1.2em;
    margin: 0 auto 0.6em;
  }
  .goco-flow-title {
    font-size: var(--font-paragraph-2);
    font-weight: var(--weight-semi-bold);
    color: var(--arci-wintergreen-text-dream);
    margin: 0 0 0.3em;
  }
  .goco-flow-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.5em;
    color: var(--arci-columbia-blue);
    font-size: 1.2em;
    flex-shrink: 0;
  }

  /* ── CTA ── */
  .goco-cta {
    background: var(--bs-arci-gradient);
    padding: 2.5em 2em;
    text-align: center;
    border-radius: 0.5em;
    margin-bottom: 1.5em;
  }
  .goco-cta-title {
    font-size: var(--font-heading-2);
    font-weight: var(--weight-bold);
    color: var(--arci-text-white);
    margin: 0 0 0.4em;
  }
  .goco-cta-para {
    font-size: var(--font-paragraph-1);
    color: var(--arci-azureish-white);
    margin: 0 0 1.25em;
    line-height: 1.7;
  }
  .goco-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    background-color: var(--arci-bg-white);
    color: var(--arci-wintergreen-dream);
    font-size: var(--font-paragraph-1);
    font-weight: var(--weight-semi-bold);
    padding: 0.75em 2em;
    border-radius: 0.5em;
    text-decoration: none;
    border: 1px solid var(--arci-profile-border-color);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .goco-cta-btn:hover {
    background-color: var(--arci-azureish-white);
    color: var(--arci-eagle-green);
  }

  @media (max-width: 640px) {
    .goco-get-grid { grid-template-columns: 1fr; }
    .goco-flow { flex-direction: column; align-items: stretch; }
    .goco-flow-arrow { transform: rotate(90deg); }
  }

  /* =============================================
   dept- Centre Card Component
   Namespace: dept-
   Depends on: ARCI Design System Variables
   ============================================= */

.center-grid .views-view-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  align-items:stretch;
}

/* Card shell */
.dept-centre-card {
  background: #fff;
  border: 0.5px solid var(--arci-profile-border-color);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100% !important;
}

/* Top gradient bar */
.dept-centre-card__accent-bar {
  height: 4px;
  background: var(--bs-arci-gradient);
  flex-shrink: 0;
}

/* Card inner content area */
.dept-centre-card__body {
  padding: 1.125em 1.25em 1em;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.625em;
}

/* Badge row */
.dept-centre-card__meta {
  display: flex;
  justify-content: flex-end;
}

.dept-centre-card__badge {
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-semi-bold);
  background: var(--arci-azureish-white);
  color: var(--arci-wintergreen-dream);
  border-radius: 20px;
  padding: 0.2em 0.75em;
  white-space: nowrap;
}

/* Abbr tile + title row */
.dept-centre-card__abbr-block {
  display: flex;
  align-items: center;
  gap: 0.75em;
}

.dept-centre-card__abbr {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 10px;
  background: var(--arci-eagle-green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-bold);
  color: var(--arci-azureish-white);
  letter-spacing: 0.03em;
  line-height: 1.2;
  text-align: center;
  padding: 0 4px;
}

.dept-centre-card__title {
  font-size: var(--font-heading-3);
  font-weight: var(--weight-bold);
  color: var(--arci-eagle-green);
  line-height: 1.3;
  margin: 0;
}

/* Summary text */
.dept-centre-card__summary {
  font-size: var(--font-paragraph-1);
  font-weight: var(--weight-regular);
  color: var(--arci-black);
  line-height: 1.6;
  opacity: 0.8;
  flex-grow: 1;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Divider */
.dept-centre-card__divider {
  border: none;
  border-top: 1px solid var(--arci-profile-border-color);
  margin: 0.25em 0 0;
}

/* Footer row */
.dept-centre-card__footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 0.625em;
}

/* CTA button */
.dept-centre-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-semi-bold);
  color: var(--arci-powder-blue);
  border: 1.5px solid var(--arci-powder-blue);
  border-radius: 6px;
  padding: 0.4em 0.875em;
  text-decoration: none;
  background: transparent;
  cursor: pointer;
  transition: background 0.14s, color 0.14s;
}

.dept-centre-card__cta:hover,
.dept-centre-card__cta:focus-visible {
  background: var(--arci-powder-blue);
  color: #fff;
}

/* SVG arrow inside CTA */
.dept-centre-card__cta .cta-arrow {
  width: 13px;
  height: 13px;
  stroke: var(--arci-powder-blue);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  transition: stroke 0.14s;
}

.dept-centre-card__cta:hover .cta-arrow,
.dept-centre-card__cta:focus-visible .cta-arrow {
  stroke: #fff;
}

/* =============================================
   Responsive breakpoints
   ============================================= */

@media (max-width: 1080px) {
  .center-grid .views-view-grid  {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
}
@media (max-width: 768px) {
  .center-grid .views-view-grid  {
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
  }
}

@media (max-width: 480px) {
  .center-grid .views-view-grid  {
    grid-template-columns: 1fr;
  }

  .dept-centre-card__summary {
    -webkit-line-clamp: 3;
  }
}

/* =============================================
   Accessibility — reduced motion
   ============================================= */

@media (prefers-reduced-motion: reduce) {
  .dept-centre-card__cta,
  .dept-centre-card__cta .cta-arrow {
    transition: none;
  }
}

/* =============================================
   ARCI Org Chart — CKEditor Safe CSS
   No JS · No SVG · Pure HTML + CSS
   ============================================= */

.org-chart {
  color: var(--arci-black);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
  overflow-x: auto;
}

/* =============================================
   Page Header
   ============================================= */

.org-header {
  text-align: center;
  margin-bottom: 2rem;
}

.org-header__eyebrow {
  font-size: 0.75em;
  font-weight: var(--weight-semi-bold);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--arci-columbia-blue);
  margin-bottom: 0.4rem;
}

.org-header__title {
  font-size: var(--font-heading-2);
  font-weight: var(--weight-bold);
  color: var(--arci-eagle-green);
  line-height: 1.2;
  margin: 0;
}

.org-header__rule {
  width: 60px;
  height: 4px;
  background: var(--bs-arci-gradient);
  border-radius: 2px;
  margin: 0.875rem auto 0;
  border: none;
}

/* =============================================
   Connector Lines
   ============================================= */

.org-connector-v {
  width: 2px;
  height: 40px;
  background: var(--arci-columbia-blue);
  flex-shrink: 0;
}

.org-connector-h {
  height: 2px;
  background: var(--arci-columbia-blue);
  flex-shrink: 0;
}

/* =============================================
   Row Layouts
   ============================================= */

.org-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  width: 100%;
}

.org-row--center {
  align-items: center;
}

/* Director + TAG side by side */
.org-director-row {
  display: flex;
  align-items: center;
  gap: 0;
}

/* Horizontal branch bar above child group */
.org-branch-bar {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 100%;
}

.org-branch-bar__line {
  position: absolute;
  top: 0;
  height: 2px;
  background: var(--arci-columbia-blue);
  left: 50%;
  transform: translateX(-50%);
  width: 388px;
}

.org-branch-bar__children {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: center;
}

.org-branch-child {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.org-branch-child__stub {
  width: 2px;
  height: 40px;
  background: var(--arci-columbia-blue);
}

/* Side horizontal connector (Director → TAG) */
.org-side-line {
  width: 32px;
  height: 2px;
  background: var(--arci-columbia-blue);
  flex-shrink: 0;
}

/* =============================================
   Node Base
   ============================================= */

.org-node {
  border-radius: 6px;
  padding: 0.5em 0.875em;
  text-align: center;
  min-width: 140px;
  max-width: 180px;
  border: 1.5px solid transparent;
}

.org-node__title {
  font-weight: var(--weight-bold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.3;
  display: block;
}

.org-node__name {
  font-size: var(--font-paragraph-2);
  font-weight: var(
  --weight-regular);
  line-height: 1.4;
  display: block;
  margin-top: 0.2em;
  font-style: italic;
}

/* =============================================
   Node Colour Variants
   ============================================= */

.org-node--council {
  background: #6BB5C9;
  border-color: #4A96AA;
  color: #ffffff;
}

.org-node--director {
  background: #8B2020;
  border-color: #6A1616;
  color: #ffffff;
}

.org-node--tag {
  background: #6B8C5A;
  border-color: #4F6B40;
  color: #ffffff;
  min-width: 120px;
  max-width: 140px;
}

.org-node--assoc {
  background: #E08B2A;
  border-color: #C07020;
  color: #ffffff;
  min-width: 150px;
  max-width: 180px;
}

/* =============================================
   Section Column Nodes
   ============================================= */

.org-node--section {
  background: #ffffff;
  border: 0.5px solid var(--arci-profile-border-color);
  border-top: 3px solid var(--arci-columbia-blue);
  border-radius: 0 0 6px 6px;
  min-width: 19em;
  max-width: 20em;
  width: 20em;
  padding: 0;
  text-align: left;
}

.org-node--section .org-node__title {
  color: var(--arci-powder-blue);
  padding: 0.6em 0.875em 0.5em;
  display: block;
  text-align: center;
  border-bottom: var(--hr-border);
  letter-spacing: 0.02em;
}

.org-node__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.org-node__list li {
  padding: 0.4em 0.75em;
  border-bottom: var(--hr-border);
  line-height: 1.35;
}

.org-node__list li:last-child {
  border-bottom: none;
}

.org-node__list .item-title {
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-semi-bold);
  color: var(--arci-eagle-green);
  display: block;
}

.org-node__list .item-person {
  font-size: var(--font-paragraph-2);
  color: var(--arci-wintergreen-dream);
  display: block;
  opacity: 0.85;
  margin-top: 0.1em;
}

/* =============================================
   Bottom three-column layout
   ============================================= */

.org-columns {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.org-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* =============================================
   Responsive
   ============================================= */

@media (max-width: 900px) {
  .org-columns {
    flex-direction: column;
    align-items: center;
  }

  .org-branch-bar__line {
    width: 200px;
  }

  .org-node {
    min-width: 120px;
    max-width: 160px;
  }

  .org-node--section {
    min-width: 160px;
    max-width: 180px;
    width: 180px;
  }
}

@media (max-width: 600px) {
  .org-branch-bar__line {
    width: 130px;
  }

  .org-branch-bar__children {
    gap: 6px;
  }

  .org-node {
    min-width: 100px;
    max-width: 130px;
    font-size: 11px;
  }

  .org-node--assoc {
    min-width: 110px;
    max-width: 140px;
  }

  .org-node--section {
    width: 150px;
    min-width: 150px;
  }

  .org-connector-v,
  .org-branch-child__stub {
    height: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .org-node { transition: none; }
}


/* Container styling */
.view-filters {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Individual form item styling */
.view-filters .form-item {
  display: flex !important;
  align-content: center !important;
  align-items: center !important;
  gap: 0.5rem !important; /* Equivalent to gap-2 */
}

/* Actions/Buttons styling */
.view-filters #edit-actions {
  display: flex !important;
  justify-content: center !important;
}

/* Hide labels for textfields */
.view-filters .form-type-textfield label {
  display: none !important;
}

/* Ensure labels don't wrap */
.view-filters label {
  white-space: nowrap !important;
}

.form-radios {
    display: flex !important;
}

/* =============================================
   Srujan Publications List
   Namespace: srujan-
   ============================================= */

.srujan-header { margin-bottom: 1.5rem; }

.srujan-header__eyebrow {
  font-size: var(--font-paragraph-2);
  font-weight: var(--weight-semi-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--arci-columbia-blue);
  margin-bottom: 0.4rem;
}

.srujan-header__title {
  font-size: var(--font-heading-2);
  font-weight: var(--weight-bold);
  color: var(--arci-eagle-green);
  display: flex;
  align-items: center;
  gap: 0.5em;
  line-height: 1.2;
  margin: 0;
}

.srujan-header__title-bar {
  display: inline-block;
  width: 4px;
  height: 1.1em;
  background: var(--bs-arci-gradient);
  border-radius: 2px;
  flex-shrink: 0;
}

.srujan-header__desc {
  font-size: var(--font-paragraph-2);
  color: var(--arci-wintergreen-dream);
  margin-top: 0.5rem;
  line-height: 1.6;
  opacity: 0.85;
}

.srujan-header__count {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  font-size: 0.75em;
  font-weight: var(--weight-semi-bold);
  background: var(--arci-azureish-white);
  color: var(--arci-wintergreen-dream);
  padding: 0.25em 0.75em;
  border-radius: 20px;
  margin-top: 0.75rem;
}

.srujan-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.srujan-card {
  background: var(--arci-bg-white);
  border: 0.5px solid var(--arci-profile-border-color);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  transition: border-color 0.15s, transform 0.15s;
}

.srujan-card:hover {
  border-color: var(--arci-columbia-blue);
  transform: translateX(3px);
}

.srujan-card__bar {
  width: 5px;
  flex-shrink: 0;
}

.srujan-card:nth-child(odd)  .srujan-card__bar { background: var(--arci-eagle-green); }
.srujan-card:nth-child(even) .srujan-card__bar { background: var(--arci-powder-blue); }

.srujan-card__num {
  flex-shrink: 0;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875em;
  font-weight: var(--weight-bold);
  color: var(--arci-columbia-blue);
  border-right: var(--hr-border);
  background: var(--arci-bright-gray);
}

.srujan-card__body {
  flex: 1;
  padding: 0.875em 1em;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

.srujan-card__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background: rgba(173, 204, 235, 0.3);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.srujan-card__info {
  flex: 1;
  min-width: 0;
}

.srujan-card__title {
  font-size: var(--font-paragraph-1);
  font-weight: var(--weight-semi-bold);
  color: var(--arci-eagle-green);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.srujan-card__year {
  font-size: 0.75em;
  color: var(--arci-columbia-blue);
  margin-top: 0.15em;
  display: block;
  font-weight: var(--weight-semi-bold);
}

.srujan-card__cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  font-size: 0.75em;
  font-weight: var(--weight-semi-bold);
  color: var(--arci-powder-blue);
  border: 1.5px solid var(--arci-powder-blue);
  border-radius: 6px;
  padding: 0.375em 0.875em;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.14s, color 0.14s;
}

.srujan-card__cta:hover {
  background: var(--arci-powder-blue);
  color: var(--arci-text-white);
}

.srujan-card__cta:focus-visible {
  outline: 2px solid var(--arci-powder-blue);
  outline-offset: 2px;
}

.srujan-badge {
  font-size: 0.65em;
  font-weight: var(--weight-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--arci-eagle-green);
  color: var(--arci-text-white);
  padding: 0.2em 0.5em;
  border-radius: 20px;
  margin-left: 0.5em;
  vertical-align: middle;
}

@media (max-width: 600px) {
  .srujan-card__icon { display: none; }
  .srujan-card__title { font-size: var(--font-paragraph-2); white-space: normal; }
  .srujan-card__cta { padding: 0.375em 0.5em; font-size: 0.7em; }
}

@media (prefers-reduced-motion: reduce) {
  .srujan-card,
  .srujan-card__cta { transition: none; }
}

/* =============================================
   BEF Designation Group Tabs
   Wrapper: div.bef-designation-tabs
   Structure: div > ul > li > a.bef-link
   ============================================= */
.view-filters .form--inline {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.bef-designation-tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  background: var(--arci-bg-white);
  border: var(--hr-border);
  border-radius: 0.25em;
  overflow: hidden;
  width: max-content;
  max-width: 100%;
}

.bef-designation-tabs ul li {
  flex-shrink: 0;
  border-right: var(--hr-border);
  margin: 0;
  padding: 0;
  list-style: none;
}

.bef-designation-tabs ul li:last-child {
  border-right: none;
}

.bef-designation-tabs ul li .bef-link {
  display: block;
  padding: 0.625em 1.25em;
  font-size: var(--font-paragraph-1);
  font-weight: var(--weight-semi-bold);
  color: var(--arci-wintergreen-text-dream);
  text-decoration: none;
  background: var(--arci-bg-white);
  white-space: nowrap;
  border-bottom: 3px solid transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  line-height: 1.4;
}

.bef-designation-tabs ul li .bef-link:hover {
  background: var(--arci-azureish-white);
  color: var(--arci-wintergreen-dream);
  border-bottom-color: var(--arci-columbia-blue);
}

/* Active — confirmed class from markup */
.bef-designation-tabs ul li .bef-link--selected {
  background: var(--arci-wintergreen-dream);
  color: var(--arci-text-white);
  border-bottom-color: var(--arci-powder-blue);
}

.bef-designation-tabs ul li .bef-link--selected:hover {
  background: var(--arci-eagle-green);
  color: var(--arci-text-white);
}

.bef-designation-tabs ul li .bef-link:focus-visible {
  outline: 2px solid var(--arci-powder-blue);
  outline-offset: -2px;
}

/* =============================================
   Above 1080px — stretch full width
   ============================================= */

@media (min-width: 1080px) {
  .bef-designation-tabs ul {
    width: 100%;
  }

  .bef-designation-tabs ul li {
    flex: 1;
  }

  .bef-designation-tabs ul li .bef-link {
    text-align: center;
  }
}

/* =============================================
   Tablet
   ============================================= */

@media (max-width: 900px) {
  .bef-designation-tabs ul li .bef-link {
    padding: 0.55em 0.875em;
    font-size: var(--font-paragraph-2);
  }
}

/* =============================================
   Mobile — horizontal scroll
   ============================================= */

@media (max-width: 600px) {
  .bef-designation-tabs ul {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    max-width: 100%;
  }

  .bef-designation-tabs ul::-webkit-scrollbar {
    display: none;
  }

  .bef-designation-tabs ul li .bef-link {
    padding: 0.5em 0.75em;
    font-size: 0.8em;
  }
}

/* =============================================
   Reduced motion
   ============================================= */

@media (prefers-reduced-motion: reduce) {
  .bef-designation-tabs ul li .bef-link {
    transition: none;
  }
}

/**
 * Homepage Peoples — single-person spotlight slider.
 * Dots above, controls (prev / pause / next) below.
 */

.homepage-peoples__region {
  position: relative;
  margin-block: var(--space-l, 1.5rem);
  padding-block: 0.5rem;
  text-align: center;
}

.homepage-peoples__title {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-muted, #4b5563);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: center;
}

/* Slider track */
.homepage-peoples__slider {
  display: block;
  visibility: visible;
  max-width: 260px;
  margin-inline: auto;
  position: relative;
}

.homepage-peoples__slide {
  outline: none;
  padding: 0.5rem;
}

/* Pre-init: only show first slide to prevent stack flash */
.homepage-peoples__slider:not(.slick-initialized) .homepage-peoples__slide ~ .homepage-peoples__slide {
  display: none;
}

/* ---- Person card ---- */
.person-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #fff;
  border-radius: 12px;
  padding: 1.25rem 1rem 1.5rem;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 4px 16px rgba(15, 23, 42, 0.06);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.person-card:hover,
.person-card:focus-within {
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.06),
    0 12px 28px rgba(15, 23, 42, 0.1);
  transform: translateY(-2px);
}

.person-card__media {
  width: 12.5em;
  aspect-ratio: 1 / 1;
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  border-radius: 10px;
  margin-bottom: 1rem;
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.person-card__image {
  width: 12.5em;
  height: auto;
  object-fit: cover;
  object-position: center top;
  display: block;
  transition: transform 0.5s ease;
}

.person-card:hover .person-card__image {
  transform: scale(1.04);
}

.person-card__image--placeholder {
  width: 12.5em;
  height: auto;
  background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}

.person-card__head-prefix {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: var(--color-accent, #b45309);
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

.person-card__name {
  margin: 0 0 0.35rem 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-text, #0f172a);
  line-height: 1.3;
}

.person-card__designation {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--color-text-muted, #475569);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1.5;
}

.person-card__designation-text {
  display: inline;
}

/* ---- Dots above slider ---- */
.homepage-peoples__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0.85rem 0;
  min-height: 24px;
}

.homepage-peoples__dots .slick-dots {
  position: static;
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.homepage-peoples__dots .slick-dots li {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.homepage-peoples__dots .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 999px;
  border: none;
  background: rgba(15, 23, 42, 0.2);
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  transition: background-color 0.2s, width 0.2s;
}

.homepage-peoples__dots .slick-dots li button::before {
  content: none; /* Remove Slick's default bullet */
}

.homepage-peoples__dots .slick-dots li.slick-active button {
  background: var(--color-primary, #1d4ed8);
  width: 22px;
}

.homepage-peoples__dots .slick-dots li button:focus-visible {
  outline: 2px solid var(--color-focus, #2563eb);
  outline-offset: 3px;
}

/* ---- Control bar below ---- */
.homepage-peoples__controls {
  display: flex;
  gap: 0.6rem;
  justify-content: center;
  align-items: center;
  margin-top: 0.85rem;
}

.homepage-peoples__ctrl {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(15, 23, 42, 0.15);
  background: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text, #0f172a);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;
  font-size: 0.85rem;
  padding: 0;
  position: relative;
}

/* Extend hit target to 44x44 (WCAG 2.5.8) */
.homepage-peoples__ctrl::before {
  content: '';
  position: absolute;
  inset: -4px;
}

.homepage-peoples__ctrl:hover {
  background: var(--color-primary, #1d4ed8);
  color: #fff;
  border-color: var(--color-primary, #1d4ed8);
  transform: scale(1.05);
}

.homepage-peoples__ctrl:focus-visible {
  outline: 3px solid var(--color-focus, #2563eb);
  outline-offset: 2px;
}

.homepage-peoples__ctrl.slick-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Icon sizing — works for both <i> and FA's auto-replaced <svg> */
.homepage-peoples__ctrl i,
.homepage-peoples__ctrl svg {
  width: 0.85em;
  height: 0.85em;
  pointer-events: none;
}

.homepage-peoples__slider .slick-slide {
  outline: none;
}

@media (max-width: 600px) {
  .homepage-peoples__slider {
    max-width: 220px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .homepage-peoples__slider *,
  .person-card,
  .person-card__image {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    transform: none !important;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}