@charset "UTF-8";

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

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

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

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/Noto_Sans/static/NotoSans-Bold.ttf') format('ttf');
    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.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'Noto Sans Devanagari';
    src: url('../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagar-Bold.ttf') format('ttf');
    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.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'Noto Sans Telugu';
    src: url('../fonts/Noto_Sans_Telugu/static/NotoSansTelugu-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
}

/*  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 */
}
.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 {
    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;
}

#about-section {
    padding: 2.5em 2em; 
}

.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;
}

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

/*end about*/

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

.key-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 offer*/
/* Left Section */
.key-offerings {
    flex: 1;
}

#key-section .nav-tabs{
    display: flex;
    margin-top: 0.625em;
    margin-bottom: 0;
    border-radius: 0.25em;
    overflow: hidden;
}

#key-section .nav-link {
    flex: 1;
    text-align: center;
    padding: 0.625em 2em;
    font-weight: 500;
    font-size: 1em;
    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-section .nav-item:last-child {
    border-right: none;
}

#key-section .nav-item .active {
    background: var(--arci-wintergreen-dream);
    color:  var(--arci-text-white);
}

#key-section .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-section .tab-content::-webkit-scrollbar {
    width: 0.375em;
}

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

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

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


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

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

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

#key-section .tab-pane li {
    padding: var(--font-small-text);
    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 a {
    text-decoration: none;
    color: var(--arci-black);
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#key-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: 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-section .whats-new {
    flex: 0.6;
}

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

#key-section .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;
}

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

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

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

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

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


#key-section .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-section .news-box li:last-child {
    border-bottom: none;
}

#key-section .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-section .view-more.dark {
    color: var(--arci-black-pure);
    border: var(--hr-border);
    margin-top: 0.938em;
    border-radius: 0.625em;
    text-align: center;
    font-weight: 600;
    background-color:  var(--arci-bg-white);
    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-section .span-arrows {
    font-size: 2em;
    line-height: var(--font-paragraph-1);
    padding-right: 0.625em;
}

/*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*/

#socail-media {
    padding: 2.5em 2em; 
    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: var(--font-subtitle);
}

.social-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5em;
}

.social-card {
    background: var(--arci-bg-white);
    color: var(--arci-wintergreen-text-dream);
    border-radius: 0.5em;
    border:0.05em solid var(--arci-profile-border-color);
    padding: var(--font-paragraph-1);
    display: flex;
    flex-direction: column;
    height: 22em;
    /* 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: var(--font-subtitle);
    margin-bottom: 0.5em;
    color: var(--arci-wintergreen-text-dream);
}

.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-text-white);
    font-weight: 600;
}

/*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: center;
    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-small-text);
    font-weight: var(--weight-semi-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;
}

/*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: 15em;
}

.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 {
    height: 300px;
    object-fit: cover;
}

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

.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 */