:root {
--Teal100: rgb(231,249,255);
--Teal200: rgb(198,237,251);
--Teal300: rgb(157,217,238);
--Teal400: rgb(108,195,224);
--Teal500: rgb(66,178,215);
--Teal600: rgb(40,152,189);
--Teal700: rgb(34,125,155);
--Teal800: rgb(32,106,131);
--Teal900: rgb(22,69,85);
--Teal1000: rgb(30,49,55);
--Neutral0: rgb(255,255,255);
--Neutral100: rgb(247,248,249);
--Neutral200: rgb(241,242,244);
--Neutral300: rgb(220,223,228);
--Neutral400: rgb(179,185,196);
--Neutral500: rgb(133,144,162);
--Neutral600: rgb(117,129,149);
--Neutral700: rgb(98,111,134);
--Neutral800: rgb(68,84,111);
--Neutral900: rgb(44,62,93);
--Neutral1000: rgb(23,43,77);
--Neutral1100: rgb(9,30,66);
--Neutral100A: rgba(9,30,66,0.03);
--Neutral200A: rgba(9,30,66,0.06);
--Neutral300A: rgba(9,30,66,0.14);
--Neutral400A: rgba(9,30,66,0.31);
--Neutral500A: rgba(9,30,66,0.49);
--DarkNeutral-100: rgb(16,18,20);
--DarkNeutral000: rgb(22,26,29);
--DarkNeutral100: rgb(29,33,37);
--DarkNeutral200: rgb(34,39,43);
--DarkNeutral250: rgb(40,46,51);
--DarkNeutral300: rgb(44,51,58);
--DarkNeutral350: rgb(56,65,74);
--DarkNeutral400: rgb(69,79,89);
--DarkNeutral500: rgb(89,103,115);
--DarkNeutral600: rgb(115,132,150);
--DarkNeutral700: rgb(140,155,171);
--DarkNeutral800: rgb(159,173,188);
--DarkNeutral900: rgb(182,194,207);
--DarkNeutral1000: rgb(199,209,219);
--DarkNeutral1100: rgb(222,228,234);
--DarkNeutral-100A: rgba(3,4,4,0.26);
--DarkNeutral100A: rgba(188,214,240,0.04);
--DarkNeutral200A: rgba(161,189,217,0.08);
--DarkNeutral250A: rgba(200,225,249,0.1);
--DarkNeutral300A: rgba(166,197,226,0.16);
--DarkNeutral350A: rgba(195,222,254,0.2);
--DarkNeutral400A: rgba(191,219,248,0.28);
--DarkNeutral500A: rgba(155,180,202,0.5);
}

body {
    color: var(--Neutral900);
    background-color: var(--Neutral100);
}
body.dark {
    color: var(--DarkNeutral900);
    background-color: var(--DarkNeutral100);
}
.workExp{
    color: var(--Neutral900);

}
.workExp.dark{
    color: var(--DarkNeutral900);
}
.workExp::before{
    background: var(--Neutral900);

}
.workExp.dark::before{
    background: var(--DarkNeutral900);
}
.workExp::after{
    background: var(--Neutral900);

}
.workExp.dark::after{
    background: var(--DarkNeutral900);
}


.header {
    background-color: var(--Neutral300);
}
.header.dark{
    background-color: var(--DarkNeutral300);
}

.nav__logo, 
.nav__burger, 
.nav__close {
    color: var(--Neutral900);
}
.nav__logo.dark, 
.nav__burger.dark, 
.nav__close.dark {
    color: var(--DarkNeutral900);
}

.nav__list {
    background-color: var(--Neutral300);
}
.nav__list.dark {
    background-color: var(--DarkNeutral300);
}

.nav__link {
    color: var(--Neutral800);
    background-color: var(--Neutral300);
}
.nav__link.dark{
    color: var(--DarkNeutral800);
    background-color: var(--DarkNeutral300);
}

.nav-bar {
    color: var(--Neutral800);
}
.nav-bar.dark{
    color: var(--DarkNeutral800);
}

.dropdown__link, 
.dropdown__sublink {
  color: var(--Neutral800);
  background-color: var(--Neutral300);
}
.dropdown__link.dark, 
.dropdown__sublink.dark {
  color: var(--DarkNeutral800);
  background-color: var(--DarkNeutral300);
}

.dropdown__link:hover, 
.dropdown__sublink:hover {
  background-color: var(--Neutral400);
}
.dropdown__link.dark:hover, 
.dropdown__sublink.dark:hover {
  background-color: var(--DarkNeutral350);
}

.nav__link:hover {
    background-color: var(--Neutral400);
}
.nav__link.dark:hover {
    color: var(--DarkNeutral900);
    background-color: var(--DarkNeutral350);
}

.offset-lg-3{
    width: 100%;
    border-top: solid 0.5px var(--Neutral500A);
    color: var(--Neutral900);
    background-color: var(--Neutral300);
}
.offset-lg-3.dark{
    border-top: solid 0.5px var(--DarkNeutral500A);
    color: var(--DarkNeutral900);
    background-color: var(--DarkNeutral300);
}

.contact-content h6, .contact-content h6:link, .contact-content span{
    color: var(--Neutral900);
}
.contact-content.dark h6, .contact-content.dark h6:link, .contact-content.dark span{
    color: var(--DarkNeutral900);
}

.footer-link{
    color: var(--Neutral1000);
}
.footer-link.dark{
    color: var(--DarkNeutral1000);
}
.footer-link:hover{
    color: var(--Neutral800);
}
.footer-link.dark:hover{
    color: var(--DarkNeutral800);
}

.custom-hr hr {
    border-top: 1px solid var(--Neutral900) !important;
}
.custom-hr.dark hr {
    border-top: 1px solid var(--DarkNeutral900) !important;
}

.filled {
    background-color: var(--Neutral900);
}
.filled.dark {
    background-color: var(--DarkNeutral900);
}

.outlined {
    border: 1px solid var(--Neutral900);
}
.outlined.dark {
    border: 1px solid var(--DarkNeutral900);
}

.section-heading h3{
    color: var(--Neutral400);
}
.section-heading.dark h3{
    color: var(--DarkNeutral400);
}

.client-overlay{
    background: var(--Neutral500A);
}
.client-overlay.dark{
    background: var(--DarkNeutral500A);
}

.pricing-block-content {
    color: var(--Neutral900);
    background: var(--Neutral200);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07);
    border: 10px solid var(--Neutral300);
}
.pricing-block-content.dark {
    color: var(--DarkNeutral900);
    background: var(--DarkNeutral200);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07);
    border: 10px solid var(--DarkNeutral300);
}

.pricing-block-content:hover {
    border-color: var(--Neutral400);
}
.pricing-block-content.dark:hover {
    border-color: var(--DarkNeutral400);
}

.pricing-block li {
    border-bottom: 1px dotted var(--Neutral400);
}
.pricing-block.dark li {
    border-bottom: 1px dotted var(--DarkNeutral400);
}

.pricing {
    background: var(--Neutral300);
}
.pricing.dark {
    background: var(--DarkNeutral300);
}

.scrollUp{
    color: var(--Neutral200);
}
.scrollUp.dark{
    color: var(--DarkNeutral200);
}
.scrollUp:before {
    color: var(--Neutral200);
    background-color: var(--Neutral400A);
}
.scrollUp.dark:before {
    color: var(--DarkNeutral200);
    background-color: var(--DarkNeutral400A);
}


.secondary-color {
    background-color:var(--Neutral200);
}
.secondary-color.dark {
    background-color:var(--DarkNeutral200);
}

.section-heading h2:after {
    background: var(--Neutral500);
}
.section-heading.dark h2:after {
    background: var(--DarkNeutral500);
}

.section-title {
    color: var(--Neutral1000);
}
.section-title.dark {
    color: var(--DarkNeutral1000);
}

.pricing-sub {
    color: var(--Neutral500);
}
.pricing-sub.dark {
    color: var(--DarkNeutral500);
}

.detail {
    color: var(--Neutral500);
}
.detail.dark  {
    color: var(--DarkNeutral500);
}

.button, .toggle-button{
    color: var(--Neutral900);
    border-color: var(--Neutral900);
}
.button.dark, .toggle-button.dark{
    color: var(--DarkNeutral900);
    border-color: var(--DarkNeutral900);
}
.button:hover, .toggle-button:hover{
    color: var(--Neutral600);
    border-color: var(--Neutral600);
}
.button.dark:hover, .toggle-button.dark:hover {
    color: var(--DarkNeutral600);
    border-color: var(--DarkNeutral600);
}

.section-subtitle {
    color: var(--Neutral700);
}
.section-subtitle.dark {
    color: var(--DarkNeutral700);
}

.researchIcon path {
    fill: var(--Neutral900) /* Desired color */
}
.researchIcon.dark path {
    fill: var(--DarkNeutral900) /* Desired color */
}

.welcome {
    color: var(--Neutral1000);
}
.welcome.dark {
    color: var(--DarkNeutral1000);
}

.section-heading::before{
    background: var(--Neutral500);
}
.section-heading.dark::before{
    background: var(--DarkNeutral500);
}

.home404 {
    background-color: var(--Neutral100);
}
.home404.dark {
    background-color: var(--DarkNeutral100);
}

.home__button {
    background-color: var(--Neutral900);
    color: var(--Neutral200);
}
.home__button.dark {
    background-color: var(--DarkNeutral900);
    color: var(--DarkNeutral200);
}

.banner{
    background-color: var(--Neutral200) !important;
}
.banner.dark{
    background-color: var(--DarkNeutral200) !important;
}

.form-wrapper{
    background-color: var(--Neutral300);
}
.form-wrapper.dark{
    background-color: var(--DarkNeutral300);
}

.input{
    background-color: var(--Neutral200);
    border-color: var(--Neutral200);
}
.input.dark{
    background-color: var(--DarkNeutral200);
    border-color: var(--DarkNeutral200);
}

.textinput{
    background-color: var(--Neutral200);
    border-color: var(--Neutral200);
}
.textinput.dark{
    background-color: var(--DarkNeutral200);
    border-color: var(--DarkNeutral200);
}

.submit-btn{
    color: var(--Neutral300);
    background-color: var(--Neutral800);
}
.submit-btn.dark{
    color: var(--DarkNeutral300);
    background-color: var(--DarkNeutral800);
}

.contact_us_6{
    color: var(--Neutral800);
}
.contact_us_6.dark{
    color: var(--DarkNeutral800);
}

.name{
    color: var(--Neutral900);
}
.name.dark{
    color: var(--DarkNeutral900);
}

.publication-item, .grant-item {
    border-bottom: 1.5px solid var(--Neutral400);
}
.publication-item.dark, .grant-item.dark {
    border-bottom: 1.5px solid var(--DarkNeutral400);
}

.home__shadow {
    background-color: hsla(38, 21%, 19%, .16);
}
.home__shadow.dark {
    background-color: hsla(39, 21%, 74%, 0.16);
}

.bottomLine{
    border-bottom: 1.5px solid var(--Neutral800);
}
.bottomLine.dark{
    border-bottom: 1.5px solid var(--DarkNeutral800);
}

.featherlight:last-of-type {
    background: rgba(247, 248, 249, 0.85);
}
.featherlight-close-icon{
    color: var(--Neutral800)
}
.map svg {
    display: inline-block;
    fill: var(--Neutral900);
    background-color: transparent;
}

.map svg path:hover {
fill: var(--Neutral500);
    transition: 0.5s;
    cursor: pointer;
}

.faq-item{
    background: var(--Neutral0);
    color: var(--Neutral1000);
    box-shadow: 0 2px 6px var(--Neutral400A);
}
.faq-item.dark{
    background: var(--DarkNeutral0);
    color: var(--DarkNeutral1000);
    box-shadow: 0 2px 6px var(--DarkNeutral400A);
}

.faq-question{
    color: var(--Neutral1000);
}
.faq-question.dark{
    color: var(--DarkNeutral1000);
}

.faq-answer{
    color: var(--Neutral900);
}
.faq-answer.dark{
    color: var(--DarkNeutral900);
}
.underline {
    border-bottom: solid var(--Neutral900) 4px;
}
.underline.dark {
    border-bottom: solid var(--DarkNeutral900) 4px;
}
.cls-1 {
    fill: var(--Neutral500);
}
.cls-1.dark {
    fill: var(--DarkNeutral500);
}