.academic-faculty {
    width: 100%;
}

.academic-faculty__inner {
    width: 100%;
}


/* TABS */

.academic-faculty__tabs {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 34px;

    padding: 7px;

    border:
        1px solid
        rgba(8,41,90,.08);

    border-radius: 18px;

    background:
        rgba(255,255,255,.78);

    box-shadow:
        0 14px 36px
        rgba(8,41,90,.06);

    backdrop-filter:
        blur(18px);
}


.academic-faculty__tab {
    position: relative;

    min-height: 48px;

    padding:
        0 22px;

    border: 0;

    border-radius: 13px;

    color: #677a93;

    background: transparent;

    font-size: 13px;
    font-weight: 750;

    cursor: pointer;

    transition:
        color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.academic-faculty__tab:hover {
    color: #08295a;
}


.academic-faculty__tab.is-active {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            #2580e8,
            #175fc5
        );

    box-shadow:
        0 12px 30px
        rgba(37,128,232,.22);
}


/* GRID */

.academic-faculty__grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap: 24px;
}


/* reuse leadership card design */

.academic-faculty
.leader-card {
    min-width: 0;
}


.academic-faculty
.leader-card__image-wrap {
    aspect-ratio: 4 / 5;
}


.academic-faculty
.leader-card__image {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* animation */

.academic-faculty__panel.is-active
.faculty-card {
    animation:
        facultyFadeUp
        .45s ease
        both;
}


@keyframes facultyFadeUp {

    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


@media (max-width: 1100px) {

    .academic-faculty__grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

}


@media (max-width: 700px) {

    .academic-faculty__tabs {
        width: 100%;

        overflow-x: auto;

        justify-content: flex-start;
    }


    .academic-faculty__tab {
        flex: 0 0 auto;
    }


    .academic-faculty__grid {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   FORCE FACULTY CARDS VISIBLE
========================================================= */

.academic-faculty__panel {
    width: 100%;
}

.academic-faculty__panel[hidden] {
    display: none !important;
}

.academic-faculty__panel.is-active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}


.academic-faculty__grid {
    width: 100%;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 24px;

    align-items: stretch;
}


/* Leadership CSS dagi animationlarni bekor qilamiz */

.academic-faculty .leader-card,
.academic-faculty .faculty-card {
    position: relative;

    display: block !important;

    width: 100%;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    animation: none !important;
}


/* card wrapper */

.academic-faculty .leader-card__button {
    position: relative;

    display: block !important;

    width: 100%;
    height: 520px;

    padding: 0;

    border: 0;

    overflow: hidden;

    border-radius: 28px;

    background: #eef3f9;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


/* IMAGE */

.academic-faculty .leader-card__image-wrap {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;

    border-radius: inherit;
}


.academic-faculty .leader-card__image {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover;

    object-position: top center;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


/* eski overlay juda kuchli bo'lsa */

.academic-faculty .leader-card__image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(5, 28, 64, .2) 100%
        );

    opacity: 1 !important;
}


.academic-faculty .leader-card__image-reflection {
    display: none;
}


/* GLASS INFO */

.academic-faculty .leader-card__glass {
    position: absolute;

    left: 16px;
    right: 16px;
    bottom: 16px;

    z-index: 5;

    min-height: auto;

    display: flex !important;

    align-items: center;

    border: 1px solid rgba(255,255,255,.75);

     border-radius:
        22px 54px 22px 22px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.88),
            rgba(222,231,245,.72)
        );

    box-shadow:
        0 18px 40px rgba(6, 34, 74, .12),
        inset 0 1px 0 rgba(255,255,255,.9);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


.academic-faculty .leader-card__light,
.academic-faculty .leader-card__shine {
    display: none;
}


.academic-faculty .leader-card__content {
    position: relative;
    z-index: 2;

    width: 100%;

    opacity: 1 !important;
    visibility: visible !important;
}


.academic-faculty .leader-card__heading h3 {
    margin: 0;

    color: #082950;

    font-size: 23px;
    font-weight: 750;

    line-height: 1.12;
}


.academic-faculty .leader-card__heading p {
    margin: 8px 0 0;

    color: #536985;

    font-size: 15px;
    font-weight: 600;
}


.academic-faculty .leader-card__line {
    width: 36px;
    height: 2px;

    display: block;

    margin-top: 16px;

    background: #f2b51d;
}

.academic-faculty .leader-card__image {
    transition:
        transform .65s
        cubic-bezier(.22, 1, .36, 1);
}

.academic-faculty .leader-card:hover
.leader-card__image {
    transform: scale(1.055) !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1100px) {

    .academic-faculty__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 700px) {

    .academic-faculty__grid {
        grid-template-columns: 1fr;
    }

    .academic-faculty .leader-card__button {
        height: 500px;
    }

}