.life-at .facility-pane_bottom figure,
.life-at .facility-pane_top::before,
.research-inner::before {
    overflow: hidden;
    position: relative
}

.about,
.parallax {
    background-repeat: no-repeat
}

main {
    margin-top: 9.3rem
}

.sol-dean-quote {
    flex-direction: column
}

.sol-dean-quote img {
    max-width: 10rem
}

.sol-dean-message-content2s {
    margin-top: 4.5rem
}

.cta-wrapper .bg-grad-cta h2,
.faculty-detail .qualifications .experience-area li,
.sol-dean-message-content1 p:not(:last-child) {
    margin-bottom: 1rem
}

.sol-dean-message-content1 p {
    line-height: 1.78
}

.about-main.sol-dean-message {
    padding-top: 3.5rem
}

.statistics-flex p {
    line-height: 1.2
}

:where(.research-inner, .about-fet .row).research-inner .row {
    --bs-gutter-y: 2.5rem
}

.recruiters-slider figure {
    text-align: center
}

:where(.about-fet, .specialty) .row .row {
    --bs-gutter-y: 1.5rem
}

.about-fet li.text-18 {
    padding-bottom: 0;
    margin-bottom: 1rem
}

.about-fet .left_border li.text-18 {
    border-left: 0
}

.about-fet .left_border,
.parallax-image,
.program-thumb,
.research-facilities-dop .full-width,
.sidebar .full-width {
    position: relative
}

.about-fet .left_border::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background-color: var(--color-prime)
}

.about-fet li.text-18:not(:last-child) {
    margin-bottom: 1.17rem
}

.projects .stats {
    text-align: left;
    align-items: flex-start
}

.life-at.fet-life {
    padding-top: 3rem
}

.awards-and-achievement .row .row,
.cta-wrapper .row .row,
.fds-department-highlights .row .row,
.fmc-admission .row .row {
    --bs-gutter-y: 2.5rem
}

.chancellor-message.doeee_director .row .row {
    --bs-gutter-y: 0
}

.programms.doae-programm .programms-left {
    margin-bottom: 0
}

.programms.doae-programm .programms-right {
    padding-top: 5rem;
    padding-inline: 1rem
}

.programms.doae-programm .programms-right .heading {
    align-items: flex-start
}

.programms.doae-programm .program-thumb {
    flex-direction: column;
    align-items: flex-start;
    flex-direction: column
}

.laboratoryMainSwiper .content,
.laboratoryMainSwiper .content ul,
.programms-right .heading h3 {
    text-align: left
}

.about-main+.about-fet {
    padding-top: 1rem
}

.gridlist {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr)
}

.fds-department-highlights .row .row .row,
.fds-department-highlights .row .row.gy-2 {
    --bs-gutter-y: 0rem
}

.fds-department-highlights .row .text-end .row {
    --bs-gutter-y: 3rem
}

.laboratory-slider>.row {
    --bs-gutter-x: 0
}

.labss .row .row {
    --bs-gutter-y: 3.5rem
}

.about-department .content-left .section-title,
.doae-research-project .anim_up img {
    max-width: 100%
}

.laboratoryMainSwiper :is(.swiper-button-next, .swiper-button-prev) {
    bottom: 1rem
}

.sidebar,
.speciality_clinics .row .col-lg-4 {
    overflow: hidden
}

.fet-departments.speciality_clinics .img_headings {
    margin-top: -3rem
}

.fet-departments .row .row,
.home-testimonials-slider1 {
    --bs-gutter-y: 2rem
}

.fet-departments .img_headings {
    padding: 2rem 1.5rem;
    background-color: #fff;
    max-width: 90%;
    margin-top: -8rem;
    margin-left: -1px;
    z-index: 1;
    position: relative
}

.fet-departments .img_headings .icon {
    margin-bottom: 2.5rem;
    min-height: 3.33rem;
    display: flex;
    align-items: center
}

.fet-departments .img_headings p {
    font-weight: 500;
    color: #313131;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.fet-departments .img_headings p:hover {
    color: var(--color-prime)
}

.faculty-filter h6 {
    color: #fff
}

.faculty-detail .qualifications .experience-area {
    margin-top: 2.5rem
}

.dean-msg .head-content img {
    max-width: max(8vw, 100px)
}

.department-vision-mission p {
    line-height: 1.67
}

@media (min-width:575px) {
    main {
        margin-top: 5rem
    }

    .sol-dean-quote {
        flex-direction: row;
        align-items: center
    }

    .programms .container {
        padding-inline: 0
    }

    .oral_dis figure img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .programms .container .col-xl-8 {
        padding: 0 .75rem
    }

    .row.oral_dis {
        --bs-gutter-x: .89rem;
        --bs-gutter-y: .63rem
    }

    .academics {
        padding-top: 0
    }

    .programms {
        padding-bottom: 5rem
    }

    .heading-top.text-36 {
        font-size: 1.5rem
    }

    .section-heading .text-60 {
        font-size: 2rem
    }

    .heading-top:not(:last-child) {
        margin-bottom: 1rem
    }

    .statistics-flex {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2rem;
        row-gap: 2.5rem
    }

    .statistics-flex>* {
        flex-grow: 1;
        width: 40%
    }

    .programms-right .heading h3 {
        max-width: 100%
    }
}

@media (min-width:768px) {
    main {
        margin-top: 5.14rem
    }

    .facilities-equipment .gridlist {
        --columns: 2;
        column-gap: 2.5rem
    }

    .home-testimonials-slider1 {
        --bs-gutter-y: 6rem
    }
}

.header-sticky .menu-link {
    padding-block: 2rem;
    padding-top: 2.5rem
}

@media (min-width:992px) {
    .about-department .recruiters-inner::after {
        clip-path: polygon(0 0%, 0 0, 0 100%, 0 100%)
    }

    .sidebar {
        top: 6.37rem;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .header-sticky .sidebar {
        top: 4.6rem;
        height: calc(100vh - 4.6rem)
    }

    section.dean-message.dean_msg .message-right {
        padding-left: 1rem
    }

    main {
        margin-top: 6.14rem
    }

    .doae-research-project .text {
        padding-bottom: 0
    }

    h2.faculty-title:has(.department-title) {
        width: 17rem;
        max-width: 17rem
    }

    .anim_mid,
    .anim_right,
    .anim_up {
        overflow: hidden
    }

    .anim_up {
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
        position: relative;
        transition: 3s cubic-bezier(.5, .5, 0, 1);
        -webkit-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -moz-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -ms-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -o-transition: 3s cubic-bezier(.5, .5, 0, 1)
    }

    .anim_left,
    .anim_right {
        transition: 3s cubic-bezier(.5, .5, 0, 1);
        position: relative
    }

    .revel_animation .anim_up {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
    }

    .anim_right {
        clip-path: polygon(0% 0%, 0 0, 0 100%, 0% 100%);
        -webkit-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -moz-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -ms-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -o-transition: 3s cubic-bezier(.5, .5, 0, 1)
    }

    .revel_animation .anim_mid,
    .revel_animation .anim_right {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }

    .anim_left {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        -webkit-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -moz-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -ms-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -o-transition: 3s cubic-bezier(.5, .5, 0, 1)
    }

    .revel_animation .anim_left,
    .revel_animation .recruiters-inner::after {
        clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
    }

    .anim_mid {
        clip-path: polygon(30% 0, 70% 0, 70% 100%, 30% 100%);
        position: relative;
        transition: 3s cubic-bezier(.5, .5, 0, 1);
        -webkit-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -moz-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -ms-transition: 3s cubic-bezier(.5, .5, 0, 1);
        -o-transition: 3s cubic-bezier(.5, .5, 0, 1)
    }

    .recruiters-inner::after {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        overflow: hidden;
        transition: 4s cubic-bezier(.5, .5, 0, 1);
        -webkit-transition: 4s cubic-bezier(.5, .5, 0, 1);
        -moz-transition: 4s cubic-bezier(.5, .5, 0, 1);
        -ms-transition: 4s cubic-bezier(.5, .5, 0, 1);
        -o-transition: 4s cubic-bezier(.5, .5, 0, 1)
    }
}

@media (min-width:768px) and (max-width:1199.98px) {
    .programms-left_bottom>* {
        width: 100%;
        margin-inline: 1rem
    }
}

@media (min-width:1200px) {
    .research-inner .row {
        --bs-gutter-y: 0rem
    }

    .recruiters-slider {
        margin-left: 1.5rem
    }

    .nav-right_top a:first-child {
        display: flex
    }

    .statistics-flex>* {
        flex-grow: 1;
        width: auto
    }

    .projects .stats {
        text-align: center;
        align-items: center
    }

    .programms.doae-programm .programms-right {
        padding-top: 0
    }

    .about-department .content-left .section-title {
        max-width: 29rem
    }

    .happening-thumb:not(.with-image) .thumb-details p {
        font-size: 1.6rem
    }

    .section-heading .text-60 {
        font-size: 2.5rem
    }

    .sidebar {
        top: 6.9rem;
        height: calc(100dvh - 6.9rem)
    }

    .header-sticky .sidebar {
        top: 5.17rem;
        height: calc(100vh - 5.17rem)
    }

    main {
        margin-top: 6.5rem
    }

    .header .navbar-brand .faculty-title {
        width: 20rem;
        max-width: 20rem
    }

    .header .navbar-brand .faculty-title.faculty-title-fdc {
        width: 15rem;
        top: 0px
    }
}

@media (min-width:1400px) {
    section.dean-message.dean_msg .message-right {
        padding-left: 2.5rem
    }

    .header-sticky .navbar-brand {
        max-width: 230px
    }

    .sidebar {
        top: 6.87rem;
        height: calc(100dvh - 6.87rem)
    }

    .header-sticky .sidebar {
        top: 5.77rem;
        height: calc(100vh - 5.77rem)
    }

    main {
        margin-top: 7rem
    }
}

@media (min-width:1600px) {
    section.dean-message.dean_msg .message-right {
        padding-left: 5rem
    }

    .sidebar {
        top: 6.87rem;
        height: calc(100dvh - 6.87rem)
    }

    .header-sticky .sidebar {
        top: 5.77rem;
        height: calc(100vh - 5.77rem)
    }

    main {
        margin-top: 7rem
    }

    .happening-thumb:not(.with-image) .thumb-details p {
        font-size: 1.67rem
    }

    .happening-thumb figure {
        height: 450px
    }

    .section-heading .text-60 {
        font-size: 3.33rem
    }

    .header .navbar-brand .faculty-title {
        top: .4rem
    }

    .header-sticky .navbar-brand .faculty-title span {
        margin-top: .3rem
    }

    .header-sticky .menu-link {
        padding-top: 2.8rem
    }
}

@media (min-width:1700px) {
    main {
        margin-top: 8.07rem
    }

    .sidebar {
        top: 8.07rem;
        height: calc(100dvh - 8.07rem)
    }

    .header-sticky .sidebar {
        top: 5.5rem;
        height: calc(100dvh - 5.5rem)
    }

    .header .navbar-brand .faculty-title {
        width: 22rem;
        max-width: 22rem
    }
}

@media (max-width:1399px) {
    .header .navbar-brand .faculty-title {
        left: calc(100% + 1rem);
        padding-left: 1rem;
        min-width: 20rem
    }

    .header-sticky .header .navbar-brand .faculty-title {
        width: 18rem;
        min-width: 18rem
    }
}

@media (max-width:1199px) {
    .admission-main .accordion-item .row {
        flex-direction: column-reverse;
        row-gap: 2rem
    }

    .admission-main .accordion-item :is(.col-lg-5, .col-lg-7) {
        width: 100%
    }

    header .navbar-brand .faculty-title {
        font-size: max(11px, .79rem)
    }

    .header-sticky .navbar-brand .faculty-title {
        font-size: max(10px, .69rem)
    }

    header .navbar-brand {
        column-gap: 0
    }

    .navbar-brand img {
        padding-right: 0
    }
}

@media (max-width:991.98px) {
    .navbar-brand img {
        padding-right: 1rem
    }

    .research-inner .bg-white {
        padding-top: 0;
        padding-inline: 0
    }

    .reverse-mob {
        flex-direction: column-reverse
    }

    .doae-research-project.fad-research .col-lg-6 figure {
        margin-right: 0;
        margin-top: 0
    }

    .vision-mission .container {
        z-index: 1;
        position: relative
    }

    .mtm-5 {
        margin-top: 2rem
    }

    .faculty-research+.recruiters,
    .fad-tmt .fad-research .container {
        padding-top: 5rem
    }

    .doae-research-project .text {
        padding-top: 3rem;
        padding-bottom: 0
    }

    .life-at.fet-life .section-heading {
        margin-bottom: 2.5rem
    }

    section.awards-and-achievement p {
        margin-bottom: 2rem
    }

    .fad-abt1 .img-fit img {
        padding-left: 0
    }

    .laboratoryMainSwiper .swiper-button-next,
    .laboratoryMainSwiper .swiper-button-prev {
        left: 4.5rem
    }

    .fet-departments .img_headings {
        max-width: 100%;
        margin-top: 0;
        margin-left: 0;
        padding: 2rem 1rem 1rem
    }

    .fet-departments .img_headings .icon {
        margin-bottom: 1rem;
        min-height: auto
    }

    .happening-thumb .thumb-details>a {
        padding: 2rem 1.5rem
    }

    .dean-msg .head-content {
        flex-direction: column
    }

    .cta-wrapper {
        margin-top: 0
    }

    .projects .row .row {
        --bs-gutter-y: 0
    }

    .dean-message h4 {
        margin-top: 3rem
    }

    .dean-message .message-right {
        padding-left: 1rem
    }
}

@media (max-width:1199.98px) {
    .research-inner .pr-2 {
        padding-right: 0
    }

    .research-inner .bg-white {
        padding: 0 0 2rem
    }

    .faculty-research .container {
        display: flex;
        flex-direction: column
    }

    .faculty-research .container .projects {
        margin-bottom: 1rem
    }

    .faculty-research .container .section-heading {
        margin-bottom: 2rem
    }

    .faculty-research .container .research-inner {
        order: 3
    }

    .faculty-research+.recruiters {
        padding-top: 0
    }

    .fmcadmission-content {
        margin-right: 0;
        padding-bottom: 0
    }

    .fmc-admission-sec {
        padding-bottom: 0;
        padding-top: 0
    }

    .admission-main.fmc-admission-tab {
        padding-top: 5rem
    }

    :is(.fph-about-wrapper, .fds-awards-wrapper, .fph-about-highlights, .fph-innovation) .row .row {
        --bs-gutter-y: 2rem
    }

    .fds-about-main-1 .text-wrapper {
        padding-left: 0
    }

    .fph-about-highlights .content-box {
        padding-inline: 0
    }

    .dobt-highlights .highlighs_img,
    .fph-innovation .container .row.deco::before {
        display: none
    }

    .stats-data .row {
        --bs-gutter-y: 2.5rem
    }

    .stats-data .stats span.desc {
        display: block
    }

    .fds-reseach-2 .row .row {
        --bs-gutter-y: 3.5rem
    }

    .life-at.fet-life+.about-department {
        padding-top: 2rem
    }

    .about-department+.happening,
    section.dopc-second-wrapper {
        padding-top: 4rem
    }

    .doae-laboratories .top-text {
        text-align: left
    }

    .cta-wrapper .bg-grad-cta {
        padding: 2rem
    }

    .programms.doae-programm .programms-right {
        padding-top: 3rem;
        padding-inline: 0
    }

    .dept-partenership.doPC-about-one {
        padding-bottom: 3rem
    }

    .DoPP-highlights.DoP-grid-content {
        margin-top: 0
    }

    .admission-main.fmc-admission-tab,
    .section.addmission-faq {
        padding-block: 4rem
    }

    .life-at .facility-pane_top .stats [data-count] {
        letter-spacing: -4px
    }
}

@media (max-width:767.98px) {

    .dean-message h4,
    .message-right p,
    .testimonials .section-heading {
        text-align: center
    }

    .programms .container {
        padding-inline: 0
    }

    .academics {
        padding: 0
    }

    .heading-top.text-36 {
        font-size: 1.5rem;
        margin-bottom: 1rem
    }

    .academics ul {
        row-gap: 1.3rem
    }

    .academics ul a:not(.btn) {
        padding: 0 0 1.3rem
    }

    .dean-message img,
    .programms figure img {
        width: 100%
    }

    .dean-message.dean_msg .message-right {
        padding-left: 0 !important
    }

    .dean-message h4 {
        font-size: 1.5rem !important
    }

    .dean-message .message-right {
        position: relative;
        padding-left: 0
    }

    .dean-message .message-footer img {
        min-width: 6rem;
        position: absolute;
        width: 22%;
        top: -7rem;
        left: 50%;
        transform: translate(-70%, -50%)
    }

    .dean-message .message-footer {
        display: block;
        max-width: 100%
    }

    section.dean-message.dean_msg {
        margin-top: 2.5rem;
        padding: 3rem 0
    }

    .doae-research-project .text,
    section.research.faculty-research {
        padding-top: 3rem;
        padding-bottom: 0
    }

    .faculty-research.research .text-dark {
        margin: 1rem 0
    }

    .reverse-mob {
        flex-direction: column-reverse
    }

    .doae-research-project.fad-research .col-lg-6 figure {
        margin-right: 0
    }

    .vision-mission .container {
        z-index: 1;
        position: relative
    }

    .mtm-5 {
        margin-top: 2rem
    }

    .fad-tmt .fad-research .container {
        padding-top: 5rem
    }

    .faculty-research+.recruiters {
        padding-top: 3rem;
        padding-bottom: 2rem
    }

    .life-at.fet-life .section-heading {
        margin-bottom: 2.5rem
    }

    .doae-laboratories .top-text h3,
    section.awards-and-achievement p {
        margin-bottom: 2rem
    }

    .fmc-admission-statistics .stats {
        width: 40%;
        flex-grow: 1
    }

    .fmc-admission-statistics {
        flex-wrap: wrap;
        row-gap: 2.5rem
    }

    .colum-2-custom {
        columns: 1
    }

    .life-at.fet-life+.about-department {
        padding-bottom: 0
    }

    .life-at.fet-life+.about-department:has(+ .happening) {
        padding-bottom: 4rem
    }

    .life-at .facility-pane_bottom .row {
        --bs-gutter-y: 1rem
    }

    .about-department .section-heading {
        margin-bottom: 1.5rem
    }

    .life-at.fet-life {
        padding-bottom: 2rem
    }

    .programms .programms-left h3 {
        margin-bottom: 0
    }

    .programms.doae-programm .programms-right {
        padding-top: 3rem
    }

    .recruiters-content .swiper {
        padding-bottom: 4rem
    }

    .recruiters-content p.text-30 {
        font-size: 1.17rem
    }

    .programms.doae-programm .program-thumb {
        flex-direction: column;
        padding: 1.3rem 0
    }

    .program-list .col-md-6:last-child {
        margin-top: 0
    }

    .program-list .col-md-6:has(.btn-prime) {
        margin-top: 2rem
    }

    .cta-wrapper .cta-box,
    .doae-programm .programms-right .heading {
        margin-bottom: 1rem
    }

    .program-list .row>div:nth-last-child(2) .program-thumb {
        border-bottom: 1px solid #e0e0e0
    }

    .program-list .row>div:last-child .program-thumb {
        border-bottom: 0
    }

    .addmission-apply h2.heading span {
        padding-inline: 1rem
    }

    .addmission-apply .card-box h2 {
        font-size: 3rem
    }

    .addmission-apply .card-box h6 {
        font-size: 1.3rem
    }

    .message-right .btn-square {
        margin-inline: auto
    }

    .cta-wrapper .row .row,
    .cta-wrapper .row .row>div:first-of-type {
        --bs-gutter-y: 1.5rem
    }
}

@media (max-width:480px) {
    .dean-message .message-footer img {
        top: -6rem
    }
}

.header-sticky .nav-right_top {
    margin-top: -3.9rem;
    transition: .5s
}

.header-down .nav-right_top {
    margin-top: 0;
    transition: .5s
}

.parallax-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.academics_parallax img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 23rem;
    height: auto
}

.academics_parallax {
    height: 100%;
    position: relative;
    display: block
}

.parallax {
    background-attachment: fixed;
    background-size: cover;
    background-position-x: center
}

.animation {
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running
}

@keyframes slide-up {
    from {
        opacity: 0;
        top: 100px
    }

    to {
        opacity: 1;
        top: 0
    }
}

.animation_slide-up {
    animation-name: slide-up
}

@keyframes slide-down {
    from {
        opacity: 0;
        bottom: 100px
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

.animation_slide-down {
    animation-name: slide-down
}

@keyframes slide-left {
    from {
        opacity: 0;
        left: 100px
    }

    to {
        opacity: 1;
        left: 0
    }
}

.animation_slide-left {
    animation-name: slide-left
}

@keyframes slide-right {
    from {
        opacity: 0;
        right: 100px
    }

    to {
        opacity: 1;
        right: 0
    }
}

.animation_slide-right {
    animation-name: slide-right
}

@keyframes flip-x {
    from {
        opacity: 0;
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -180deg)
    }

    to {
        opacity: 1;
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)
    }
}

.animation_flip-x {
    backface-visibility: visible;
    animation-name: flip-x
}

@keyframes flip-y {
    from {
        opacity: 0;
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    }

    to {
        opacity: 1;
        transform: perspective(400px)
    }
}

.animation_flip-y {
    backface-visibility: visible !important;
    animation-name: flip-y
}

@keyframes zoom {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 1
    }
}

.animation_zoom {
    animation-name: zoom
}

.faculty-slider .swiper-slide {
    height: auto
}

.faculty-slider .swiper-slide :where(a, .box) {
    display: flex;
    height: 100%;
    flex-direction: column
}

.faculty-slider .swiper-slide figure {
    margin-top: 0
}

.faculty-slider .swiper-slide span,
.faculty-thumb .detail p:first-of-type {
    margin-top: auto
}

.faculty-slider .home-notice_slider h5 {
    font-size: 1.17rem
}

.faculty-thumb {
    display: flex;
    flex-direction: column
}

.faculty-thumb .detail {
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

.faculty-thumb .detail h6 {
    font-size: 1.17rem;
    margin-bottom: max(5px, .47rem) !important
}

.objective-slider .swiper-slide .slide-no {
    clip-path: polygon(0% 0%, 0 0, 0 100%, 0% 100%);
    position: relative;
    overflow: hidden;
    -webkit-transition: 2s cubic-bezier(.5, .5, 0, 1);
    -o-transition: 2s cubic-bezier(.5, .5, 0, 1);
    transition: 2s cubic-bezier(.5, .5, 0, 1)
}

.objective-slider .swiper-slide.swiper-slide-active .slide-no,
.revel_animation.life-at .facility-pane_top::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.research-inner::before {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: 5s cubic-bezier(.5, .5, 0, 1);
    -webkit-transition: 5s cubic-bezier(.5, .5, 0, 1);
    -moz-transition: 5s cubic-bezier(.5, .5, 0, 1);
    -ms-transition: 5s cubic-bezier(.5, .5, 0, 1);
    -o-transition: 5s cubic-bezier(.5, .5, 0, 1)
}

.revel_animation .recruiters-inner::after,
.revel_animation .research-inner::before {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
}

.life-at .facility-pane_top::before {
    clip-path: polygon(30% 0, 70% 0, 70% 100%, 30% 100%);
    -webkit-transition: 2s cubic-bezier(.5, .5, 0, 1);
    -o-transition: 2s cubic-bezier(.5, .5, 0, 1);
    transition: 2s cubic-bezier(.5, .5, 0, 1)
}

.home-banner-slider .swiper-pagination {
    position: absolute;
    top: 50%;
    right: 5%;
    left: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    transform: translateY(-50%);
    height: auto
}

.home-banner-slider .swiper-pagination-bullet {
    background: #000;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .9)
}

.home-banner-slider .swiper-pagination-bullet-active {
    background: var(--color-prime)
}

@media (max-width:1400px) {
    .programms .programms-left h3 {
        font-size: 1.3rem
    }

    .research-inner .text-30 {
        font-size: 1.2rem
    }

    .projects p {
        font-size: .9rem
    }

    .about .section-heading .text-60 {
        font-size: 3rem
    }

    .happening-thumb:not(.with-image) .thumb-details p {
        font-size: 1.5rem
    }

    .life-at .facility-pane_top .text-21 {
        font-size: 1.1rem
    }

    .faculty .row .row {
        --bs-gutter-x: 1.33rem
    }

    .faculty-slider .home-notice_slider h5 {
        font-size: 1rem
    }

    .skiptranslate .goog-te-gadget-simple a span:first-child {
        font-size: .79rem;
        line-height: 1.4
    }

    .nav-right_top a.btn-prime {
        font-size: .79rem
    }
}

@media (max-width:1199.89px) {
    section {
        padding: 4rem 0
    }

    .skiptranslate .goog-te-gadget-simple a span:first-child {
        font-size: .69rem
    }
}

.research .projects .stats.stats-lg {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.about {
    background-size: 100%
}

.home-department {
    padding: 3rem 0 0 1rem
}

.btn-outlined.text-prime:hover img {
    filter: brightness(0) invert(1)
}

.custom-list li {
    font-size: max(.89rem, 14px)
}

.notice-and-announcement .swiper-wrapper.swiper-block {
    margin-bottom: 3rem
}

.happening .section-heading {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.contact-box-main .contact-box img {
    filter: brightness(0) invert(1);
    margin-right: .6rem;
    max-width: 1.3rem
}

.about-fet:has(+ .fds-department-highlights) figure {
    position: relative;
    z-index: 3
}

.facility-details .eee-cls-lab img {
    aspect-ratio: 2/1;
    object-fit: cover;
    object-position: bottom
}

.sidebar .sidebar-inner {
    max-height: 100%;
    overflow-x: clip;
    overflow-y: auto
}

.sidebar .full-width::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    left: calc(100% - 1px);
    width: 60vw;
    background: #f0efef
}

@media (min-width:1300px) {
    section.dean-message.dean_msg .message-right {
        padding-left: 2.5rem
    }
}

@media (max-width:1700px) {
    .nav-right_top a.btn-prime {
        padding-inline: .8rem;
        font-size: .79rem
    }

    .skiptranslate .goog-te-gadget-simple a,
    .skiptranslate .goog-te-gadget-simple a span {
        font-size: .79rem
    }

    .sidebar .sidebar-inner {
        padding-block: 3rem
    }
}

@media (max-width:1400px) {
    .nav-right_top a.btn-prime {
        padding-inline: .4rem
    }

    .btn-prime.btn-outlined.text-white {
        line-height: .8
    }

    .font_18 {
        font-size: 16px;
        margin-top: 1rem
    }

    .sol-dean-message-content1 {
        margin-left: 3rem
    }
}

@media (max-width:991.98px) {

    .header .navbar-brand .faculty-title,
    .header-sticky .header .navbar-brand .faculty-title {
        min-width: unset;
        width: unset
    }

    .contact-box-main .contact-box .row {
        --bs-gutter-x: 0
    }

    .contact-box {
        padding: 3rem 3rem 2rem
    }

    .library-swiper :where(.swiper-button-prev, .swiper-button-next) {
        padding: 0;
        position: relative;
        top: 0;
        transform: none;
        margin: 0;
        left: 0
    }

    .library-swiper .nav-btn-library {
        margin-top: 2rem;
        bottom: 0;
        display: flex;
        flex-direction: row-reverse
    }

    .dobt-about-section2 figure.img-fit,
    .doms-text,
    .fmc-regulatory-approvals+.doms-about-highlights,
    .row.gy-5 .content.vision {
        margin-top: 0
    }

    .library-swiper .stats {
        margin-bottom: 3rem
    }

    .library-swiper :where(.swiper-button-prev, .swiper-button-next) img {
        max-width: 1.6rem
    }

    .fmc-regulatory-approvals .fmc-isdc-grid .fmc-isdc-content1,
    .library__section.library__section-2 {
        padding-bottom: 0
    }

    section.fet-about_highlights.fad-abt1:last-child {
        padding-bottom: 4rem
    }

    .text-wrapper.flash {
        padding-right: 0
    }

    .sol-dean-message-content1 {
        margin-left: 0
    }

    .addmission-faq.add-fq,
    .research_kd5 {
        padding-block: 4rem
    }

    .sol-dean-quote img {
        max-width: 7rem
    }

    .sol-dean-message-content2s img {
        max-width: 10rem
    }

    .about-fet+.fds-department-highlights {
        padding-top: 3rem
    }

    .fds-department-highlights.dooms-decoration+.fds-mission-doopm {
        padding-top: 4rem
    }

    .labss .row .row {
        --bs-gutter-y: 2rem
    }

    .outreach_programsr {
        padding-left: 0
    }

    .research-thrust.fmps-sanctioned-project .accordion-collapse {
        padding-top: 1rem;
        padding-inline: 1rem
    }

    .research-thrust.fmps-sanctioned-project .accordion-collapse table {
        border: 1px solid #ccc
    }

    .fmc-admission .fmcadmission-content .row {
        --bs-gutter-y: .8rem
    }

    .dobt-about-section2:has(figure.img-fit) .row .row {
        --bs-gutter-y: 2rem
    }

    .dobt-about-section2:has(figure.img-fit) .img-right-text {
        padding-top: 0
    }

    .testimonials-inner .testimonials-content blockquote {
        --font-size: 1.33rem
    }

    .DoMS-research .container::before,
    .FMC-research .container::before,
    .doms-about-highlights:last-child:after,
    .doms_about::after,
    .fmc-phd-scholars .container::after,
    .fmc-regulatory-approvals+.doms-about-highlights::after {
        display: none
    }

    .fmc-research-sec {
        padding-top: 0
    }

    .doms-about-highlights {
        margin-bottom: 4rem
    }

    .doms-text {
        padding-bottom: 1rem
    }

    .logo-container {
        --columns: 4
    }

    .logo-container .logo-item {
        padding: 2rem
    }

    .fet-about_highlights .accordion-collapse {
        padding-top: 1rem
    }

    .about-fet.dochn:has(+.flahs-highlight.bg-sec) {
        padding-bottom: 4rem
    }

    .chancellor-message figure {
        max-width: 400px;
        margin-inline: auto
    }

    .law_about_page.parallax-list .bg-secc .accordion .pt-120 {
        padding-top: 10px
    }
}

@media (max-width:767.98px) {
    .dean-msg .head-content {
        margin-bottom: 1rem
    }

    .dean-msg .head-content p {
        font-size: 1.6rem
    }

    .dean-msg h6 {
        font-size: 1.33rem
    }

    .dean-msg h6 span {
        font-size: 1rem;
        font-weight: 400
    }

    .dean-msg .bottom-content img {
        max-width: 7rem
    }

    p.text-30 {
        font-size: 1.17rem
    }

    .fad-abt1 .states_counter .desc {
        font-size: 1.3rem
    }

    .library-text {
        padding-right: 0
    }

    .fmc-regulatory-approvals-p h4,
    .recruiters .recruiters-inner .recruiters-content {
        margin-top: 2rem
    }

    .library-staff {
        padding-bottom: 4rem
    }

    .fmc-research-sec {
        padding-top: 2.5rem
    }

    .fmc-about-highlights {
        padding-block: 4rem
    }

    .awards-and-achievement .row .row {
        --bs-gutter-y: 1.2rem
    }

    .logo-container .logo-item {
        padding: 1.5rem
    }
}

@media (max-width:575px) {

    .doae-laboratories h4,
    .text-60 {
        font-size: 1.72rem
    }

    .cta-wrapper .bg-grad-cta {
        padding: 3rem 2rem
    }

    .addmission-apply .container:first-child {
        padding-inline: 1.5rem
    }

    .heading-top.text-36 {
        margin-bottom: 1.5rem !important
    }

    .research .heading-top.text-36 {
        margin-bottom: 1rem !important
    }

    .stats-lg span[data-count] {
        font-size: 4rem
    }

    .dean-msg .right-panel.px-5 {
        padding-inline: 1rem !important
    }

    .testimonials-slider .testimonials-inner {
        padding-top: 4rem
    }

    .doae-laboratories {
        padding-bottom: 3rem
    }

    .text-60 {
        line-height: 1.1
    }

    .pd-research {
        padding-inline: .5rem
    }

    .navbar-brand {
        margin-block: .25rem
    }

    .life-at .facility-pane_top {
        padding: 2rem 1.5rem
    }

    .contact-box {
        padding: 2.5rem 1.5rem 1.5rem
    }

    .sol-dean-quote img {
        max-width: 5rem
    }

    .happening-thumb:not(.with-image) .thumb-details p,
    .sol-dean-quote .text-30 {
        font-size: 1.3rem
    }

    .sol-dean-quote {
        margin-bottom: 2rem
    }

    .sol-dean-message-content2s img {
        max-width: 7rem
    }

    .vision-mission.dobt-highlights .container {
        padding-inline: 0
    }

    .vision-mission.dobt-highlights .row {
        --bs-gutter-x: 0
    }

    section.our-objective.bg-sec.parallax-list .left-content {
        padding: 0
    }

    .logo-container {
        --columns: 2
    }

    .award-thumb,
    .logo-container .logo-item {
        padding: 2.5rem
    }

    .header-sticky .header .navbar-brand .faculty-title {
        width: 22rem;
        padding-left: 0
    }

    .happening .date {
        font-size: 3rem
    }
}

@media (max-width:574px) {
    main {
        margin-top: 7rem
    }

    .statistics-flex p {
        text-align: left
    }
}

@media (max-width:359px) {
    .cta-wrapper .bg-grad-cta {
        padding-inline: 1.5rem
    }

    .award-thumb,
    .logo-container .logo-item {
        padding: 2rem
    }
}

@media (min-width:1700px) {
    .header .navbar-brand .faculty-title.faculty-title-fdc {
        width: 18rem;
        top: 1.4rem
        
    }
    
}

@media (min-width:1800px) {
    .header .navbar-brand .faculty-title.faculty-title-fdc {
        top: .4rem
    }
}
/* @media (max-width:1600px) {
.nav-right_top{  max-width: 45rem;}
} */


@media (max-width:1399px) {
    /* .header .navbar-brand .faculty-title {
        min-width: 10rem;
        top: 1.4rem
    } */
     header .navbar-brand .faculty-title {  min-width: 23rem;top: 0.2px; 
left: calc(100% + 1rem); }
}

@media (max-width:1200px) {
    .header .navbar-brand .faculty-title {
        top: 30px
    }
}