.grid-container-faculty-main-page {

  display: grid;

  grid-template-columns: auto auto auto;

  background-color: transparent;

  gap:10px;

}.faculty-flex-box-left{

    width: 35%;

}.faculty-flex-box-right{

    width: 65%;

}





/************Faculty Research Card***********/

.faculty-research-card {

    position: relative;

    min-width: 30%!important;

    max-width: 95%!important;

    min-height: 200px;

    margin-bottom: 20px;

    border-radius: 8px;

    background-color:#eaeaea !important;

    overflow: hidden;

    border-top:#DA291C solid 5px;

    text-align: left;

    align-items: center;

}

.faculty-research-card-content{

   padding-top:10px;

   padding-left:30px !important;

   padding-right:30px !important;

}

/************Faculty Research Card***********/







.faculty-banner-content{

    padding-top: 80px !important;

}













/************Faculty Card***********/

.faculty-department-filter {
    margin-bottom: 30px;
    display: flex;
    justify-content: right !important;
}

.faculty-department-filter form {
    display: flex;
    justify-content: right !important;
    gap: 5px;
}

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

.faculty-department-filter-select {
    width: 290px;
    height: 45px;
    padding: 0 34px 0 10px;
    border: none;
    border-radius: 5px;
    color: #212121;
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.21);
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    cursor: pointer;
}

.faculty-department-filter-select:focus {
    outline: 2px solid #DA291C;
    outline-offset: 2px;
}

.faculty-department-filter-button {
    display: inline-flex;
    width: 50px;
    height: 45px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    background-color: #DA291C;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.21);
    font-size: 17px;
    cursor: pointer;
}

.faculty-department-filter-button:hover,
.faculty-department-filter-button:focus-visible {
    background-color: #B71C1C;
}

.faculty-department-filter-button:focus-visible {
    outline: 2px solid #212121;
    outline-offset: 2px;
}

.faculty-no-results {
    margin: 0;
}

.faculty-card {
    position: relative;

    width: 250px;

    height: 380px;

    border-radius: 8px;

    background-color: #f5f5f5;

    overflow: hidden;

    border: none;

    text-align: center;

    align-items: center;

    padding:40px !important;
    margin-bottom: 20px;

}


.faculty-card-carousel {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 8px;
    background-color: #f5f5f5;
    overflow: hidden;
    border: none;
    text-align: center;
    align-items: center;
    padding:40px !important;
    margin-bottom: 20px;

}



.faculty-card-image{

    width: 200px;

    height: 200px;

    object-fit: cover;

    object-position: top;

    border-radius: 50%;

    margin-bottom: 10px;

}



/************Faculty Card***********/







.faculty-subpage-main-banner{

    position: relative;

    background-size: cover;

    background-position: center;

    width: 100%;

    height: 580px;

    overflow: hidden;

}.faculty-overlay-content-wrapper{

    padding-right: 51%;

    padding-left: 7% !important;

    padding-top: 7% !important;

}.overlay-faculty-subpage-main-banner{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #DA291C;

    background: linear-gradient(273deg,rgba(218, 41, 28, 0.549) 14%, rgba(218, 41, 28, 1) 83%);

}.faculty-flex-container-without-padding{

    display: flex;

    align-items: center;

    justify-content: left;

    width: fit-content;

    height: auto;

    margin-top: 0px;

}.faculty-docu-logo{

    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;

}







/*Faculty*/

.faculty-banner-title{

    font-size: 36px !important;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    line-height: 32px;

    color:#ffffff !important;

    background-color: transparent !important;

    margin-bottom: 20px;

}.educational-background-content li{

    color: #ffffff !important;

    font-family: 'Montserrat', sans-serif;

    font-size: 14px;

}.faculty-docu-logo-container{

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #212121ba;

    width: 60px;

    height: 35px;

    padding: 10px;

    margin:10px;

    border-radius: 8px;

}.faculty-docu-logo-container:hover{

    background-color: #DA291C;

    cursor: pointer;

}





/* Educational background timeline */

.educational-background-content {

    --timeline-color: #FFB81C;

    --timeline-line-color: #d9dde3;

    --timeline-node-size: 36px;

    align-self: flex-start;

    height: fit-content;

    min-height: 0;

    margin-top: 16px;

    margin-bottom: 8px;

}



.educational-background-content .for-content,

.educational-background-content .for-content > ul {

    height: fit-content;

    min-height: 0;

    margin-bottom: 0;

}



.educational-background-content ul {

    counter-reset: education-step;

    margin: 0;

    padding: 0;

    list-style: none;

}



.educational-background-content ul > li {

    position: relative;

    min-height: 46px;

    margin: 0;

    padding: 4px 0 2px 50px;

    color: #222831;

    font-weight: 600;

    line-height: 1.45;

    counter-increment: education-step;

}



.educational-background-content ul > li::before {

    content: counter(education-step);

    position: absolute;

    z-index: 2;

    top: 0;

    left: 0;

    display: grid;

    width: var(--timeline-node-size);

    height: var(--timeline-node-size);

    place-items: center;

    border: 2px solid var(--timeline-color);

    border-radius: 50%;

    color: #fff;

    background: var(--timeline-color);

    box-shadow: 0 5px 14px rgba(218, 41, 28, 0.2);

    font-size: 13px;

    font-weight: 700;

    line-height: 1;

}



.educational-background-content ul > li::after {

    content: '';

    position: absolute;

    z-index: 1;

    top: var(--timeline-node-size);

    bottom: 0;

    left: calc((var(--timeline-node-size) / 2) - 1px);

    width: 2px;

    background: var(--timeline-line-color);

}



.educational-background-content ul > li:last-child {

    min-height: var(--timeline-node-size);

    padding-bottom: 4px;

}



.educational-background-content ul > li:last-child::after {

    display: none;

}



.educational-background-content ul > li p {

    margin: 0;

}



.educational-background-content ul > li p + p {

    margin-top: 4px;

    color: #747b86;

    font-size: 0.92em;

    font-weight: 400;

}

/* Size carousel slides independently of the existing faculty card design. */
.activity-carousel.faculty-school-carousel {
    --cards-visible: 3;
    --card-gap: 10px;
}

.faculty-school-carousel .carousel-card {
    display: flex;
    justify-content: center;
    min-width: 0;
    overflow: visible;
}

.faculty-school-carousel .faculty-card {
    flex-shrink: 1;
    min-width: 0;
}

.faculty-school-carousel .faculty-card-image {
    max-width: 100%;
    height: auto;
    aspect-ratio: 1;
}

@media (max-width: 1100px) {
    .activity-carousel.faculty-school-carousel {
        --cards-visible: 2;
    }
}

@media (max-width: 700px) {
    .activity-carousel.faculty-school-carousel {
        --cards-visible: 1;
    }
}