:root{
    --fixed-margin-size: 3rem;
    font-size: 1.1rem;
    --project-color: rgb(234,14,89);
    --project-btn-color-1: rgb(35, 35, 35);
    --project-btn-hover-color-1: rgb(227, 14, 98);
    --project-btn-color-2: rgb(227, 14, 98);
    --project-btn-hover-color-2: rgb(35, 35, 35);
    --project-alert-bg-color: rgba(255, 0, 0, 0.75);
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.ttf');
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.ttf');
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf');
}
@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/Poppins-Light.ttf');
}
@font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('../fonts/Poppins-ExtraLight.ttf');
}
.text-1-3{
    font-size:1.3rem;
}
.cursor-pointer{
    cursor: pointer;
}
.b-example-divider{
    display: none;
}
body {
    font-family: Poppins-Medium, sans-serif;
    overflow-x: hidden;
    color: #282828;
}
p,a,h1,h2,h3,h4,h5,h6{
    margin: 0 !important;
}
b, strong, .fw-bold  {
    font-family: Poppins-Bold, sans-serif;
}
.fmt{
    margin-top: var(--fixed-margin-size) !important;
}
.fmb{
    margin-bottom: var(--fixed-margin-size) !important;
}
.fpt{
    padding-top: var(--fixed-margin-size) !important;
}
.fpb{
    padding-bottom: var(--fixed-margin-size) !important;
}
.f-bold, .fw-bold{
    font-family: Poppins-Bold, sans-serif !important;
}
.f-ligth, .fw-light{
    font-family: Poppins-Light, sans-serif !important;
}
.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.btn-custom-1 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--project-btn-color-1);
    --bs-btn-border-color: var(--project-btn-color-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:var(--project-btn-hover-color-1);
    --bs-btn-hover-border-color: var(--project-btn-hover-color-1);
    --bs-btn-focus-shadow-rgb: 77,43,138;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-1);
    --bs-btn-active-border-color: var(--project-btn-color-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(77,43,138, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--project-btn-color-1);
    --bs-btn-disabled-border-color: var(--project-btn-color-1);
}
.btn-outline-custom-1 {
    --bs-btn-color: var(--project-btn-color-1);
    --bs-btn-border-color: var(--project-btn-color-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--project-btn-color-1);
    --bs-btn-hover-border-color: var(--project-btn-color-1);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-1);
    --bs-btn-active-border-color: var(--project-btn-color-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--project-btn-color-1);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--project-btn-color-1);
    --bs-gradient: none;
}
.btn-custom-2 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--project-btn-color-2);
    --bs-btn-border-color: var(--project-btn-color-2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:var(--project-btn-hover-color-2);
    --bs-btn-hover-border-color: var(--project-btn-hover-color-2);
    --bs-btn-focus-shadow-rgb: 77,43,138;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-2);
    --bs-btn-active-border-color: var(--project-btn-color-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(77,43,138, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--project-btn-color-2);
    --bs-btn-disabled-border-color: var(--project-btn-color-2);
}
.btn-outline-custom-2 {
    --bs-btn-color: var(--project-btn-color-2);
    --bs-btn-border-color: var(--project-btn-color-2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--project-btn-color-2);
    --bs-btn-hover-border-color: var(--project-btn-color-2);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-2);
    --bs-btn-active-border-color: var(--project-btn-color-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--project-btn-color-2);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--project-btn-color-2);
    --bs-gradient: none;
}
.custom-alert-1 {
    --bs-alert-color: white;
    --bs-alert-bg: var(--project-alert-bg-color);
    --bs-alert-border-color: var(--project-alert-bg-color);
    --bs-alert-link-color: white;
    font-family: Poppins-Bold, sans-serif;
}

.short-text{
    white-space: nowrap;
    width: 100%;                   /* IE6 needs any width */
    overflow: hidden;              /* "overflow" value must be different from  visible"*/
    -o-text-overflow: ellipsis;    /* Opera < 11*/
    text-overflow:    ellipsis;    /* IE, Safari (WebKit), Opera >= 11, FF > 6 */
}
form label.required:after {
    content: "*";
    font-size: 1em;
    margin: 0.3em;
    position: relative;
    top: -2px;
    color: red;
}
.img-cover{
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
}
.text-line-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-line-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.color-unset{
    color:unset;
}
.border-radius-40{
    border-radius: 40px;
}
.project-text-color{
    color: var(--project-color);
}
.ff-regular{
    font-family: Poppins-Regular,'sans-serif';
}
/** HEADER CSS START **/
.header-nav .nav-link {
    color: #232323;
}
.navbar-nav {
    --bs-nav-link-padding-y: 0;
}
.header-nav .navbar-nav .nav-item:not(:last-child) {
    border-right: 3px solid #232323;
}
.header-nav .navbar-nav .nav-item:last-child {
    padding-right: 0 !important;
}
.navbar-login-btn{
    background-color: var(--project-color);
    border-radius: 20px;
    color: white !important;
}
/** HEADER CSS END **/
/** INDEX CSS START **/
.project-section{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.project-section h1{
    font-family: Poppins-ExtraLight,'sans-serif';
}
.project-section .project-text{
    font-family: Poppins-Regular,'sans-serif';
}
.index-welcome{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.index-welcome h1{
    font-family: Poppins-ExtraLight, 'sans-serif';
}
.index-welcome-card{
    border: 1px solid #609aae;
    background-color: #ffffff;
    font-family: Poppins-Regular, 'sans-serif';
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    height: 300px;
    border-radius: 20px;
    color: #232323;
}
.index-welcome-card img{
    max-width: 50%;
    height: auto;
}
.index-welcome-card-2{
    margin-top: 40%;
}
.index-contact{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #232323;
}
.index-contact .contact-text{
    font-family: Poppins-Regular, 'sans-serif';
}
.index-contact-form label{
    display: none;
}
.index-contact-form .form-control{
    border-radius: 50px;
}
.index-contact-form .form-control::placeholder{
    color: #41596c;
    padding-left: 1.5rem;
}
/** INDEX CSS END **/


/** FOOTER CSS START **/
footer{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: white;
    padding-top: 5rem;
    padding-bottom: 10rem;
}
.footer-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
}
.footer-nav li:not(:last-child) {
    border-right: 3px solid white;
}
.footer-nav li:last-child {
    padding-right: 0 !important;
}
.footer-nav li{
    padding-right: 1rem;
    padding-left: .5rem;
}
/** FOOTER CSS END **/
/** BREADCRUMB CSS START **/
.project-breadcrumb{
    background-color: rgb(0 0 0 / 57%);
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-family: Poppins-Bold, sans-serif;
}
.project-breadcrumb a{
    color: var(--project-btn-color-1);
}
.project-breadcrumb .breadcrumb-item.active{
    color: white;
}
.project-breadcrumb .breadcrumb{
    margin: 0;
}
/** BREADCRUMB CSS END **/
.investigators-table tr:first-child{
    min-width: 300px;
}
.max-width-max-content{
    max-width: max-content;
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .index-welcome-card-2{
        margin-top: 0%;
    }
    .project-section{
        background-position: -215px;
    }
    footer{
        background-position: -1020px;
    }
    .footer-nav{
        flex-direction: column;
    }
    .footer-nav li:not(:last-child){
        border-right: none;
    }
    .project-section h1 {
        font-family: Poppins-Bold, sans-serif
    }
    .investigators-table img{
        width: 80px !important;
        max-width: 80px !important;
        height: 110px !important;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}