/* ===========Common Header========== */
.breadcrumb {
    border-top: 1px solid var(--color-e1);
    margin: 0;
    padding-top: 16rem;
    transition: .5s ease-in-out;
    z-index: 2;
    background: var(--color-f6);
}
@media (min-width:993px) {
    .breadcrumb {
        position: sticky;
        top: -10.2rem;
        z-index: 99;
        background: var(--color-f6);
    }
}
@media (max-width:1920px) {
    .breadcrumb.dept_navfix .secondry_nav ul { display: flex; gap: 3.5rem; padding-block: 2rem 1.1rem; }
    .breadcrumb {top: -10rem;}
}
@media (max-width:1750px) {
    .breadcrumb { top: -9.7rem; }
}
@media (max-width:1580px) {
    .breadcrumb { top: -8rem; }
}
@media (max-width:1366px) {
    .breadcrumb { top: -9.4rem; }
}
@media (max-width:991px) {
    .breadcrumb { top: -0.4rem; }
    .breadcrumb.dept_navfix .breadcrumb_header { padding-block: 1rem 0.9rem;}
}


.breadcrumb_header {
    display: grid;
    justify-content: space-between;
    padding-block: 3rem 2rem;
    position: relative;
    grid-template-columns: 1fr 1fr;
}

.breadcrumb_header::before {
    background-image: url(../images/line-2.webp);
    width: 100%;
    background-repeat: no-repeat;
    left: -1rem;
    bottom: -1px;
    height: 4px;
    content: "";
    position: absolute;
}

.breadcrumb_header h1 {
    font-size: var(--font-30);
    font-weight: 400;
    color: var(--color-1a);
}

.breadcrumb_header ul {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: end;
}

.breadcrumb_header ul li a {
    font-size: var(--font-12);
    color: var(--color-1a);
    position: relative;
    padding-right: 2rem;
    display: flex;
}

.breadcrumb_header ul li a:hover {
    color: var(--color-28);
}

.breadcrumb_header ul li {
    font-size: var(--font-12);
    color: var(--color-1a);
}

.breadcrumb_header ul li:not(:last-child) a::after {
    content: "";
    position: absolute;
    top: 55%;
    right: 0;
    transform: translateY(-70%);
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid var(--color-28);
}

.bioscience-brdr {
    padding-block: 8rem 10rem;
    border-top: 1px solid #9e9d9d85;
    margin-top: 7rem;
}

.cse-highlight.bioscience {
    padding-block: 6rem 6rem;
}

.cse_highlight_grid.bio-sciene-achiver {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6rem 2.4rem;
}

.success-container.food-table {
    border-top: none;
    padding-block: 1rem 15rem;
}

.activity-card.food {
    padding: 1rem 5rem;

}

.activity-card.food h3 {
    font-size: var(--font-21);
    color: #2b2a29;
}

.food-p {
    margin-top: 6rem;
}

.cse_highlight_grid.bio-sciene-achiver h6 {
    margin-bottom: 0;
}

.cse_highlight_grid.bio-sciene-achiver p:last-child {
    margin-top: 1.5rem;
}

.bio-science-highlight {
    margin: 3rem 0 5rem 0;
}

.global-exchange-program.bio-schence {
    padding-block: 6rem 10rem;
    margin-top: 2rem;
}

.dep_ca_box.bioscience h4 {
    margin-bottom: 3rem;
}

.dep_heighlights.bioscience {
    padding-block: 0 3rem;
}

.faculty-achievements.biocsience {
    background: none;
}

.faculty-achievements.biocsience .title_head {
    margin-bottom: 3rem;
}

.faculty-achievements.biocsience {
    padding-block: 0 3rem;
}

.facility_sec.dep_facility_sec.nursing-outcome .facility_wrapper.nursing-outcome {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0rem;
    padding: 5rem 3rem 10rem;
}

.facility_sec.dep_facility_sec.nursing-outcome {
    margin-top: 0;
}

.secondry_nav ul {
    display: flex;
    gap: 3.5rem;
    padding-block: 3rem;
}

.secondry_nav ul li a {
    font-size: var(--font-18);
    color: var(--color-1a);
}

.secondry_nav ul li a.active,
.secondry_nav ul li a:hover {
    color: var(--color-28);
}

/* =============about us page css============= */
.fancybox-container {
    z-index: 99999 !important;
}

.abour_overview {
    padding-block: 5rem 0rem;
}

.overview_heading {
    max-width: 93%;
}

.overview_heading h2 {
    font-size: var(--font-48);
    color: var(--color-1a);
    font-weight: 300;
    margin-bottom: 3rem;
}
.overview_heading h3 {
    font-size: var(--font-24);
    color: var(--color-1a);
    font-weight: 300;
    margin-bottom: 3rem;
}


.overview_heading h2 span {
    display: block;
}

section.abour_overview.studentlifetitles .overview_heading p {
    line-height: 1.3;
    font-size: var(--font-24);
}

.about_grid {
    display: grid;
    grid-template-columns: 65% 28.2%;
    justify-content: space-between;
    padding-top: 10rem;
}

.abour_overview .overview_heading h2 {
    font-size: var(--font-36);
}

.about_left {
    position: relative;
}

.about_left .about_left_cont {
    position: absolute;
    bottom: 3rem;
    left: 22.5%;
    right: 15%;
    z-index: 9;
}

.about_left figure {
    position: relative;
}

.about_left figure::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: transparent linear-gradient(180deg, #00000000 0%, var(--unnamed-color-000000) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 30px 0px;
    opacity: 0.7;
    height: 50%;
    bottom: 0;
}

.about_left .about_left_cont p {
    color: var(--color-white);
    font-weight: 300;
    margin-bottom: 3rem;
}

.about_left figure img {
    border-radius: 0px 30px 30px 0px;
}

.about_right h2 {
    max-width: 65%;
    color: var(--color-black);
}

.about_right {
    position: relative;
}

.kamal_pro {
    padding-block: 4rem 2rem;
}

.organo-img {
    padding-block: 7rem 11rem;
}

.about_right:has(a:hover) .arrow-icon::before {
    height: 100%;
}

.about_right:has(a:hover) .arrow-icon img {
    filter: brightness(0) invert(1);
    background: transparent;
}

.about_right .arrow-icon {
    margin: 3rem 0 0 0;
}

.about_right .kamal_pro p {
    font-weight: 400;
}

.about_right .kamal_pro h4 {
    font-size: var(--font-18);
    font-weight: 700;
    margin-top: 4rem;
}

.about_right p {
    font-weight: 300;
    max-width: 90%;
}

.facilities-banner {
    padding-top: 3rem;
}

.nvidia-sec {
    padding-top: 10rem;
}

.nvidia-sec .nvidia_grid {
    display: grid;
    grid-template-columns: repeat(1, 42.7% 49.1%);
    gap: 11.4rem;
    align-items: center;
}

.nvidia-sec .nvidia_grid .left_box p {
    margin-bottom: 2.6rem;
}

.nvidia-sec .nvidia_grid .left_box p:last-of-type {
    margin-bottom: 0;
}

.nvidia-sec .nvidia_grid .left_box ul {
    display: flex;
    gap: 1rem;
    padding-block: 7rem 8.8rem;
}

.nvidia-sec .nvidia_grid .left_box ul li img {
    max-width: 80%;
}

@media (max-width: 1440px) {
    .nvidia-sec .nvidia_grid .left_box ul {
        padding-block: 5rem 4rem;
    }
}

@media (max-width: 1199px) {
    .nvidia-sec {
        padding-top: 6rem;
    }

    .dep_panel_grid1 .dep_right_panel.nursing {
        padding-inline: 0 5rem;
    }

    .nvidia-sec .nvidia_grid {
        gap: 5.4rem;
    }
}

@media (max-width: 991px) {
    .nvidia-sec .nvidia_grid {
        gap: 5rem;
        display: flex;
        flex-direction: column-reverse;
    }

    .dep_panel_grid1 .dep_right_panel.nursing {
        padding-inline: 0 0rem;
    }

    .facility_sec.dep_facility_sec .facility_list.nursing-three {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .facility_sec.dep_facility_sec .dep_panel2_other.nuring-team {
        padding-block: 6rem 5rem;
    }

    .facility_sec.dep_facility_sec .facility_wrapper.nursing p {
        padding-inline: 3rem 3rem;
    }

    .rgt_box {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .nvidia-sec .nvidia_grid .left_box ul {
        padding-block: 2rem 2rem;
    }
}

.facilities_section {
    padding-block: 15rem 10rem;
}

.facilities_section .container16 {
    position: relative;
}

.facilities_btn {
    display: flex;
    margin-top: 5rem;
}

.facilities_section h4 {
    font-weight: 300;
    margin-bottom: 3rem;
    line-height: 1.5;
    font-size: var(--font-16);
}

.facilities_vector {
    position: absolute;
    top: 4rem;
    left: -11.7rem;
    z-index: 9;
}

.facilities_Bx {
    position: relative;
}

.facilities_Bx::after {
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 0.66;
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    height: 11rem;
    bottom: 0;
    z-index: 1;
}

.facilities_Bx h5 {
    margin-bottom: 0;
    position: absolute;
    left: 2rem;
    right: 0;
    bottom: 2rem;
    font-size: var(--font-18);
    font-weight: 700;
    color: var(--color-white);
    z-index: 2;
}

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

.abt_logos_grid.about_orw {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

.abt_logobx {
    text-align: center;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding: 6rem;
}

.abt_logobx figure {
    margin-bottom: 4.3rem;
}

.abt_logobx h2 {
    margin-bottom: 4.3rem;
    font-size: var(--font-21);
    color: #2b2a29;
    font-weight: 300;
}

.abt_logobx p {
    font-size: var(--font-16);
    color: var(--color-2b);
}

.abt_logobx h3 {
    font-size: var(--font-48);
    color: var(--color-28);
    font-weight: 600;
}

.abt_logobx .logonum.d-inline {
    display: flex !important;
    justify-content: center;
    gap: 1rem;
    align-items: center;
}

.logo-text h3 {
    font-size: var(--font-24);
}

.abt_logobx figure img {
    width: 19rem;
    height: 14rem;
    object-fit: contain;
}

.logo-text p {
    font-weight: 600;
}

.abt_logobx .logonum.d-inline p {
    text-align: left;
}

.abt_logobx:nth-child(5) figure img,
.abt_logobx:nth-child(6) figure img,
.abt_logobx:nth-child(8) figure img {
    height: 9rem;
}

.abt_logobx:nth-child(5),
.abt_logobx:nth-child(6),
.abt_logobx:nth-child(7),
.abt_logobx:nth-child(8) {
    border-bottom: 0;
}

.abt_logobx:nth-child(5) figure,
.abt_logobx:nth-child(6) figure,
.abt_logobx:nth-child(8) figure {
    margin-bottom: 2.8rem;
}

.abtlogo-white {
    max-width: 1440px;
    background: #fff;
    border-radius: 3rem;
    margin: 0rem auto 0rem;
    padding: 2.6rem 2rem;
}

.abt_logobx:nth-child(4),
.abt_logobx:nth-child(8) {
    border-right: 0;
}

.abt_logobx h3 sup {
    color: #000;
    font-size: 2.5rem;
}

.history-lecacy {
    padding-bottom: 15rem;
    position: relative;
}

.history_vector {
    position: absolute;
    z-index: -1;
}

.history_vector {
    position: absolute;
    z-index: -1;
}

.history_title {
    margin-bottom: 6rem;
}

.history_title h5 {
    font-size: var(--font-21);
    font-weight: 600;
    margin-bottom: 3rem;
    color: var(--color-28);
}

.history_title h3 {
    font-size: var(--font-42);
    margin-bottom: 3rem;
    color: var(--color-2b);
    font-weight: 100;
}

.swiper-slide-active .history_Bx {
    background: #9393ca;
}

.history_Bx {
    background: #7171dd;
    border-radius: 3rem;
    display: grid;
    grid-template-columns: 30% 70%;
}

.swiper-slide-active .history_Bx .history_text {
    padding: 6.6rem 5.4rem;
}

.history_Bx .history_text {
    padding: 6.6rem 6.5rem;
    width: fit-content;
    align-content: center;
}

.history_Bx .history_text h3 {
    font-size: var(--font-98);
    font-weight: 800;
    color: #fff;
}

.history_Bx .history_text p {
    color: #fff;
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: inherit;
}

.history_Bx figure img {
    border-radius: 0 3rem 3rem 0;
    height: 100%;
}

.history_slider p {
    font-size: var(--font-21);
    font-weight: 600;
    margin-bottom: 3rem;
    letter-spacing: -0.32px;
}

.mission-sec {
    background: #fff;
    padding-block: 10rem 11rem;
}

.mission-grid {
    display: grid;
    grid-template-columns: 39% 48%;
}

.mission-grid .mission-content {
    padding-left: 14.3rem;
    align-content: center;
}

.mission-grid .mission-content p {
    font-size: var(--font-18);
}

.mission-grid .mission-content h5 {
    font-weight: 600;
    font-size: var(--font-21);
    margin-bottom: 3rem;
    color: var(--color-28);
}

.vision-text {
    margin-top: 7.6rem;
}

.mission-grid figure img {
    border-radius: 2rem;
    width: 100%;
}

.secondry_nav ul li.active a,
.secondry_nav ul li :hover {
    color: var(--color-28);
}

.site_nav .site_menu li.active a,
.secondry_nav ul li :hover {
    color: var(--color-28);
}

.top_grid_row {
    display: grid;
    grid-template-columns: 43.4% 56.6%;
    align-items: center;
    padding-top: 0;
    position: relative;
}

.top_grid_content::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.8rem;
    background-image: url("../images/top_50_bottom_line.svg");
    right: 0;
    background-repeat: no-repeat;
    right: 0;
}

.top_grid_imsec {
    position: relative;
    margin-left: -12rem;
}

.top_grid_content {
    padding-left: 15.7rem;
    padding-block: 9rem 3rem;
    position: relative;
    height: 100%;
    max-width: 84.1%;
    padding-right: 7rem;
}

.top_grid_content h5 {
    font-size: var(--font-24);
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--color-28);
    letter-spacing: -0.36px;
}

.top_grid_content h2 {
    font-size: var(--font-42);
    color: var(--color-2b);
    font-weight: 300;
    padding-right: 7.5rem;
    margin-bottom: 3rem;
}

.top_grid_content p {
    margin-bottom: 4rem;
    font-family: var(--font-family-inter);
}

.nrif-grid ul {
    border-top: 1px solid var(--color-7d);
    padding-top: 4.24rem;
}

.nrif-grid ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 3.6rem;
    align-items: center;
    column-gap: 9.7rem;
}

.nrif-grid ul li h4 {
    font-size: var(--font-48);
    color: var(--color-28);
    font-weight: 700;
    margin-bottom: 0;
}

.nrif-grid ul li {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

.nrif-grid ul li p {
    font-size: var(--font-16);
    margin-bottom: 0;
}

.nirf_logosec {
    position: absolute;
    right: -6.3rem;
    bottom: 7rem;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 2.5rem;
    opacity: 1;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    gap: 2.8rem;
    padding: 3.6rem 3.5rem 3.5rem 3.9rem;
    width: 38.7rem;
}

.nirf_logosec figure {
    position: relative;
}

.nirf_logosec figure img {
    padding-left: 2.8rem;
}

.nirf_logosec figure::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-color: var(--color-53);
    height: 100%;
    width: 0.5rem;
}

.nirf_content p {
    margin-bottom: 0;
}

.nirf-text {
    padding-top: 0;
}

.nirf-text p {
    font-size: var(--font-18);
    text-align: center;
    margin-bottom: 0;
}

.nirf-sec {
    padding-bottom: 0;
}

.top_grid_content p:nth-of-type(2) {
    padding-right: 1rem;
}

@media (max-width: 1921px) {
    .history_vector {
        top: 24rem;
        left: 0;
    }

    .history_vector img {
        width: 60%;
    }
}

@media (max-width: 1449px) {
    .top_grid_content {
        padding-left: 10.7rem;
        padding-block: 7rem;
        height: 100%;
        max-width: 100%;
        padding-right: 7rem;
    }

    .top_50_university {
        margin-block: 12rem 6rem;
    }

    .facilities_section {
        padding-block: 10rem 10rem;
    }
}



@media (max-width: 1279px) {
    .top_grid_content {
        max-width: 100%;
        padding: 3rem 5rem;
    }

    .nrif-grid ul {
        row-gap: 1.6rem;
        padding-top: 3.24rem;
        column-gap: 6.7rem;
    }

    .nirf_logosec {
        padding: 2.5rem;
        width: 34.7rem;
        right: 1rem;
        bottom: 1rem;
        gap: 1.8rem;
        width: 32.7rem;
    }
}

@media (max-width: 1366px) {
    .about_grid {
        padding-top: 6rem;
    }

    .abour_overview {
        /* padding-block: 5rem 6rem; */
    }

    .abtlogo-white {
        padding: 0rem 2rem;
    }

    .top_grid_row {
        padding-top: 0rem;
    }



    .nrif-grid ul {
        row-gap: 3.6rem;
        column-gap: 6.7rem;
        padding-top: 3.24rem;
    }

    .nirf-text {
        padding-top: 0rem;
    }

    .nirf-sec {
        padding-bottom: 0rem;
    }

    .mission-sec {
        padding-block: 6rem 6rem;
    }

    .mission-grid .mission-content {
        padding-left: 5rem;
    }
}

@media (max-width: 1099px) {
    .nrif-grid ul {
        column-gap: 3.7rem;
    }
}

@media (max-width: 991px) {
    .top_grid_row {
        grid-template-columns: repeat(1, 1fr);
        padding-top: 0rem;
    }

    .top_grid_imsec {
        margin-left: 0;
    }

    .top_grid_content {
        padding: 3rem 0rem;
    }

    .nirf-sec {
        padding-bottom: 5rem;
    }

    .abt_logos_grid.about_orw {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }

    .nirf-text {
        padding-top: 5rem;
        margin: 0;
    }

    .top_grid_content h2 {
        padding-right: 0;
    }

    .mission-grid .mission-content {
        padding-left: 0rem;
    }

    .overview_heading h2 span {
        display: inline;
    }
}

@media (max-width: 575px) {
    .nrif-grid ul {
        padding-top: 1.24rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .abt_logos_grid.about_orw {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .abt_logos_grid.about_orw .abt_logobx {
        border-right: none;
        border-bottom: 1px solid #c9c9c9;
    }

    /* Remove border from last item */
    .abt_logos_grid.about_orw .abt_logobx:last-child {
        border-bottom: none;
    }

    .nirf_logosec {
        padding: 1rem 2rem;
        border-radius: 0.8rem;
    }

    .nirf_logosec figure img {
        height: 4rem;
        padding-left: 1.8rem;
    }

    .nirf-text {
        padding-top: 2rem;
    }

    .top_grid_content h2 {
        margin-bottom: 1rem;
    }

    .nirf-sec {
        padding-bottom: 2rem;
    }

    .top_grid_content p {
        margin-bottom: 1rem;
    }

    .nrif-grid ul li {
        gap: 1.5rem;
    }

    .about_grid {
        padding-top: 3rem;
    }
}

@media (max-width: 480px) {
    .nirf_logosec {
        display: none;
    }
}

/* about us css ends  */

/* Student life css start  */
.studentlifetitles {
    padding-block: 5rem;
}

.studentlife1 h2 {
    font-size: var(--font-42);
    font-weight: 300;
    color: var(--color-2b);
    margin-bottom: 3rem;
}

.studentlife1 h5 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-28);
    letter-spacing: -0.36px;
}

.studentlife1 p {
    font-size: var(--font-16);
    margin-bottom: 6.3rem;
    width: 85%;
}

.studentlife1 figure img {
    width: 100%;
}

.stulife2text h5 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-28);
    margin-bottom: 1rem;
    letter-spacing: -0.36px;
}

.stulife2text h4 {
    font-size: var(--font-42);
    font-weight: 300;
    color: var(--color-2b);
    margin-bottom: 2rem;
    line-height: 1.1;
}

.stulife2text p {
    font-size: var(--font-16);
    margin-bottom: 2rem;
}

.stulife2text {
    background: #fff;
    border-radius: 2rem;
    padding: 5rem 6.2rem 4rem;
    height: fit-content;
    position: relative;
}

.studentlife2grid {
    display: grid;
    grid-template-columns: 37% 58%;
    gap: 6rem;
    margin-bottom: 15rem;
    margin-top: -11rem;
}

.studentlife2grid figure figcaption {
    padding-left: 2rem;
}

.studentlife2grid figure figcaption h5 {
    margin-top: 4rem;
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-28);
    margin-bottom: 3rem;
    letter-spacing: -0.36px;
}

.studentlife2grid figure figcaption p {
    font-size: var(--font-16);
    width: 100%;
}

.stu2btns {
    display: flex;
    gap: 3rem;
}

.facilities_title {
    text-align: center;
    margin-bottom: 4.9rem;
}

.facilities_title h5 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-28);
    margin-bottom: 1rem;
    letter-spacing: -0.36px;
}

.facilities_title h4 {
    font-size: var(--font-42);
    font-weight: 300;
    color: var(--color-2b);
    margin-bottom: 3rem;
    line-height: 1.1;
}

.facilities_title p {
    font-size: var(--font-16);
    margin-bottom: 3rem;
}

.facilities_title .read {
    margin: auto;
}

.stu-facilitygrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

.stu-facilitygrid figure {
    overflow: hidden;
}

.stu-facilitygrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

.stu-facilitygrid figure img {
    border-radius: 1rem;
    transition: 0.5s all linear;
}

.fac_text {
    background: #fff;
    padding: 3rem 2.6rem 3.6rem 3rem;
    border-radius: 0 0 1rem 1rem;
}

.fac_text h4 {
    font-size: var(--font-21);
    font-weight: bold;
    color: var(--color-2b);
    margin-bottom: 2rem;
}

.fac_text p {
    margin-bottom: 2rem;
    font-size: var(--font-16);
}

.fac_bx {
    position: relative;
}

.fac_bx a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.fac_bx:has(a:hover) .read::before {
    height: 100%;
}

.studentlife3 {
    margin-bottom: 11rem;
}

.read {
    transition: 0.3s all linear;
    position: relative;
}

.read {
    background: #e3e3e38a;
    border-radius: 10px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.read::before {
    content: "";
    display: block;
    width: 100%;
    height: 0%;
    background: var(--color-28);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 1rem;
    transition: 0.5s;
}

.read:hover {
    background: transparent;
}

.read:hover::before {
    height: 100%;
}

.read:hover img {
    filter: brightness(0) invert(1);
}

.fac_bx:has(a:hover) .read {
    background: var(--color-28);
}

.fac_bx:has(a:hover) .read img {
    filter: brightness(0) invert(1);
}

.fac_bx:has(a:hover) figure img {
    transform: scale(1.1);
}

.studentlife4 .bluebg {
    background: #14144b;
    position: relative;
    margin-left: 0;
    border-radius: 3rem 3rem;
}

/* .studentlife4 .light-vector{position: absolute;left:0;z-index: 1;} */
.studentlife4 .bluebg .dream-vector {
    position: absolute;
    bottom: -15rem;
    left: -14rem;
}

.stulife4-text h5 {
    font-weight: bold;
    color: #fff;
    font-size: var(--font-24);
}

.stulife4-text h3 {
    font-size: var(--font-42);
    font-weight: 300;
    color: #fff;
    margin-bottom: 3rem;
    margin-top: 1rem;
}

.stulife4-text p {
    color: #fff;
    font-size: var(--font-16);
    margin-bottom: 5rem;
    font-weight: 200;
}

.convo-link {
    display: flex;
    gap: 5rem;
    margin-bottom: 5rem;
}

.convo-link a {
    color: #fff;
    font-size: var(--font-16);
    border-bottom: 1px solid #ffffffbd;
    padding-bottom: 1rem;
}

.stulife4-text .read img {
    filter: brightness(0) invert(1);
}

.studentlife4 {
    position: relative;
    margin-bottom: 16.9rem;
    overflow: hidden;
}

.stulife4grid {
    display: grid;
    grid-template-columns: 33% 67%;
    gap: 6.3rem;
    padding-block: 10rem;
    padding-inline: 10rem 0;
}

.studentlife4_figure figure img {
    border-radius: 2rem;
}

.stulife4-text {
    margin-top: 4rem;
}

.cluns_title {
    text-align: center;
    margin-bottom: 4.9rem;
}

.cluns_title h5 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-28);
    margin-bottom: 1rem;
    letter-spacing: -0.32px;
}

.cluns_title h3 {
    font-size: var(--font-42);
    font-weight: 300;
    color: var(--color-2b);
    margin-bottom: 3rem;
    line-height: 1.1;
}

.cluns_title p {
    font-size: var(--font-16);
    margin-bottom: 5rem;
}

.cluns_title .read {
    margin: auto;
}

.club_Bx h5 {
    font-size: var(--font-18);
    color: #000;
    padding: 2.8rem 0 0 3.1rem;
    font-weight: 300;
}

.club_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
    padding-top: 5rem;
    padding-bottom: 2rem;
    border-top: 1px solid #ddd;
}

.club_btn .swiper-button-prev,
.club_btn .swiper-button-next {
    background: transparent;
    padding: 0;
    box-shadow: none;
    position: static;
    margin-inline: 0.1rem;
    background: #fff;
    display: flex;
    box-shadow: 0px 7px 15px #0000000f;
    border-radius: 0px 10px 10px 0px;
}

.club_btn .swiper-button-prev {
    border-radius: 10px 0px 0px 10px;
    width: 42px;
    height: 42px;
}

.club_btn .swiper-button-next {
    border-radius: 0px 10px 10px 0px;
    width: 42px;
    height: 42px;
}

.club_btn .swiper-button-prev:after,
.club_btn .swiper-button-next:after {
    font-size: var(--font-15);
    color: #000;
    font-weight: bold;
}

.club_btn .swiper-button-prev::after,
.club_btn .swiper-button-next::after {
    color: #000;
}

.club-fullslider {
    border-bottom: aliceblue;
    padding-bottom: 3rem;
    margin-bottom: 8rem;
}

.sports_advtitle h5 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-28);
    margin-bottom: 1.5rem;
    letter-spacing: -0.36px;
}

.sports_advtitle h3 {
    font-size: var(--font-42);
    font-weight: 300;
    color: var(--color-2b);
    margin-bottom: 5rem;
}

.sportsadv_text p {
    margin-bottom: 3rem;
}

.sports_advfigure figure img {
    border-radius: 1rem;
}

.sportsadv_grid {
    display: grid;
    grid-template-columns: 27.5% 65%;
    gap: 9.2rem;
}

.sports_advfigure .fig2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
}

.sports_advfigure .fig1 img:first-child,
.sports_advfigure .fig2 img:first-child {
    margin-bottom: 0;
}

.sports_advfigure .fig1 {
    text-align: right;
}

.sports_advfigure .fig2 {
    margin-top: 0;
}

.studentlife6 {
    margin-bottom: 15rem;
}

.studentlife7 {
    position: relative;
    padding-bottom: 12rem;
}

.facultybg_bx {
    background: #fff;
    max-width: 47.2rem;
    padding: 5.4rem 6.1rem 6.7rem 5.4rem;
    border-radius: 2rem;
    position: absolute;
    top: 5.8rem;
}

.facultybg_bx h4 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-28);
    margin-bottom: 3rem;
    letter-spacing: -0.36px;
}

.facultybg_bx p {
    margin-bottom: 3rem;
}

/* responsive start  */

@media only screen and (max-width: 1799px) {
    .studentlife4 .bluebg {
        margin-left: 8rem;
    }

    .stulife4grid {
        grid-template-columns: 28% 67%;
    }
}

@media only screen and (max-width: 1699px) {
    .stulife4grid {
        grid-template-columns: 32% 58%;
    }

    .swiper-slide-active .history_Bx .history_text {
        padding: 5.6rem 4.4rem;
    }

    .history_Bx .history_text {
        padding: 5.6rem 4.4rem;

    }

}

@media only screen and (max-width: 1599px) {
    .about_left .about_left_cont {
        left: 19%;
        right: 13%;
    }

    .studentlife4 .bluebg {
        margin-left: 0;
    }

    .stulife4grid {
        left: 6rem;
    }

    .sports_advfigure .fig1 img,
    .sports_advfigure .fig2 img {
        width: 100% !important;
    }

    .facultybg_bx {
        max-width: 47.2rem;
        padding: 3.4rem 6.1rem 1.7rem 5.4rem;
    }

    .nirf-text p {
        padding-inline: 3rem;
    }

    .sportsadv_grid {
        grid-template-columns: 28% 65%;
    }
}

@media only screen and (max-width: 1499px) {
    .facultybg_bx {
        max-width: 45.8rem;
    }
}

@media only screen and (max-width: 1399px) {
    .facultybg_bx {
        max-width: 43.8rem;
    }

    .stulife4grid {
        grid-template-columns: 35% 58%;
    }

    .sports_advfigure {
        padding-right: 2rem;
    }

    .studentlife4 {
        position: relative;
        margin-bottom: 13.9rem;
    }

    .studentlife6 {
           overflow: hidden;
    }

    .club-fullslider {
        margin-bottom: 6rem;
    }

    .studentlife3 {
        margin-bottom: 26rem;
    }

    .studentlife2grid {
        margin-bottom: 8rem;
    }

    .abt_logobx {
        padding: 3rem;
    }

    .abtlogo-white {
        margin: 0rem auto 5rem;
    }

    .history-lecacy {
        padding-bottom: 7rem;
    }

    .history_title {
        margin-bottom: 5.4rem;
    }

    .history_Bx .history_text h3 {
        font-size: var(--font-68);
    }

}

@media only screen and (max-width: 1280px) {
    .facultybg_bx {
        max-width: 42.8rem;
    }

    .history_Bx {
        display: flex;
        min-height: 40rem;
    }

    .stulife4grid {
        grid-template-columns: 36% 56%;
        left: 3rem;
    }

    .stulife2text {
        padding: 4rem 4.2rem 4rem;
    }

    .club_Bx h5 {
        padding-top: 2rem;
        padding-left: 1rem;
    }

    .mission-grid .mission-content {
        padding-left: 11.3rem;
    }

    .nrif-grid ul {
        gap: 4.5rem;
    }

    .nirf-text p {
        padding-inline: 0rem;
    }

    .nirf-sec {
        padding-bottom: 0rem;
    }

    .history_Bx figure img {
        height: 100%;
    }

    .about_grid {
        display: grid;
        grid-template-columns: 65% 32.5%;
        padding-top: 5rem;
    }

    .about_left .about_left_cont {
        left: 20%;
        bottom: 5rem;
    }

    .about_right .kamal_pro h4 {
        margin-top: 2rem;
    }

    .about_right .kamal_pro p {
        margin-bottom: 0;
    }

    .kamal_pro {
        padding-block: 2rem 2rem;
    }

    .overview_heading h2 {
        margin-bottom: 3rem;
    }

    .about_right p {
        max-width: 100%;
    }

    .stulife4-text h3 {
        color: #fff;
        margin-bottom: 2.3rem;
    }

    .stulife4-text h5 {
        color: #fff;
    }

    .stulife4grid {
        grid-template-columns: 38% 55%;
        top: 0;
    }

    .studentlife3 {
        margin-bottom: 9rem;
    }
}

@media only screen and (max-width: 1199px) {
    .sportsadv_grid {
        grid-template-columns: 30% 64%;
    }

    .facultybg_bx {
        max-width: 39rem;
        padding: 3.4rem 4.1rem 1.7rem 3.4rem;
        top: 4rem;
    }

    .nrif-grid {
        gap: 6rem;
    }

    .nrif-grid ul {
        gap: 4rem;
    }

    .history_Bx .history_text {
        width: 100%;
    }

    .swiper-slide .history_Bx .history_text {
        padding: 3.6rem 2.4rem;
    }

    .about_left {
        height: fit-content;
    }

    .studentlife7 figure img {
        height: 50rem;
        object-fit: cover;
    }
}

@media only screen and (max-width: 1099px) {
    .nrif-grid {
        gap: 4rem;
    }

    .abtlogo-white {
        padding: 0;
    }

    .abt_logobx figure img {
        width: 15rem;
    }

    .about_left .about_left_cont {
        left: 9%;
    }

    .mission-grid .mission-content {
        padding-left: 4.3rem;
    }

    .mission-sec {
        padding-block: 5.3rem 7rem;
    }
}

@media only screen and (max-width: 991px) {
    .about_grid {
        grid-template-columns: 100%;
        gap: 5rem;
    }

    .about_left figure img,
    .about_left figure::after {
        border-radius: 3rem;
    }

    .abour_overview {
        padding-block: 5rem 3rem;
    }

    .abt_logos_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .abt_logobx:nth-child(5),
    .abt_logobx:nth-child(6) {
        border-bottom: 1px solid #c9c9c9d3;
    }

    .abt_logobx:nth-child(6),
    .abt_logobx:nth-child(2) {
        border-right: 0;
    }

    .nrif-grid ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .nrif-grid {
        gap: 7rem;
    }

    .mission-grid {
        grid-template-columns: 100%;
    }

    .mission-grid .mission-content {
        padding-left: 0;
        margin-top: 5rem;
    }

    .secondry_nav {
        display: none;
    }

    /* .site-footer{ display: none;} */
    .studentlife2grid {
        grid-template-columns: 43% 54%;
        gap: 2rem;
    }

    .sports_advfigure {
        padding-right: 0;
    }

    .sportsadv_grid {
        grid-template-columns: 30% 67%;
        gap: 2rem;
    }

    .light-vector img {
        width: 100%;
    }

    .stulife4-text {
        padding-right: 0;
    }

    .stulife4grid {
        grid-template-columns: 44% 53%;
        gap: 2rem;
    }
}

@media only screen and (max-width: 767px) {
    .about_left .about_left_cont {
        left: 0%;
        right: 0%;
        position: relative;
        bottom: 0;
        padding-top: 3rem;
    }

    .about_left .about_left_cont p {
        color: var(--color-2b);
    }

    .about_left .about_left_cont p:last-child {
        margin-bottom: 0;
    }

    .facilities_Bx img {
        width: 100%;
    }

    .history_Bx .history_text {
        width: 100%;
    }

    .vision-text {
        margin-top: 3.6rem;
    }

    .history_Bx {
        display: block;
    }

    .history_Bx figure img {
        border-radius: 0 0 3rem 3rem;
    }
}

@media only screen and (max-width: 575px) {
    .history_title h5 {
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 499px) {
    .abt_logos_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .abt_logobx {
        border-right: 0;
    }

    .nrif-grid {
        display: grid;
        gap: 3rem;
        margin-top: 3rem;
    }

    .nrif-grid ul {
        gap: 2rem;
        grid-template-columns: auto;
    }

    .history_title h3 br,
    .overview_heading h2 br {
        display: none;
    }

    .about_left .about_left_cont {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0rem;
    }

    .about_left .about_left_cont p {
        color: #000;
    }

    .about_grid {
        padding-top: 1rem;
    }

    .about_left .about_left_cont p {
        margin-bottom: 2rem;
    }

    .about_right h2 {
        max-width: 100%;
    }

    .kamal_pro {
        padding-block: 2rem 1rem;
    }

    .abour_overview {
        padding-block: 4rem 0rem;
    }

    .facilities_vector {
        top: 8rem;
        left: -0.7rem;
        width: 6rem;
        display: none;
    }

    .abtlogo-white {
        margin: 2rem auto 3rem;
    }

    .nirf-text {
        padding-top: 0rem;
        margin-top: 0rem;
    }

    .nirf-sec {
        padding-bottom: 2rem;
    }

    .history_title h3 br {
        display: none;
    }

    .history_title {
        margin-bottom: 2.4rem;
    }

    .history_Bx .history_text h3 {
        font-size: var(--font-48);
    }

    .history_Bx .history_text p {
        margin-bottom: 0;
    }

    .history-lecacy {
        padding-bottom: 5rem;
    }

    .mission-sec {
        padding-block: 3.3rem 4rem;
    }

    .mission-grid .mission-content {
        margin-top: 4rem;
    }
}

/* School css start  */
.home_dep_testimonial .swiper-wrapper {padding-bottom: 8rem; }
.dep_testimonial{position: relative;}
.home_slide figure {
    position: relative;
}

.home_slide figure .school-arrowbg {
    position: absolute;
    left: 0;
    top: 0;
}

.school-sec1 {
    padding-block: 0;
    margin-top: -8rem;
    margin-bottom: 8rem;
}

.school-sec1 blockquote {
    font-size: var(--font-24);
    font-weight: 400;
    margin-bottom: 5rem;
}

.school-sec1 p {
    font-size: var(--font-18);
    padding-inline: 5rem;
    line-height: 1.5;
}

.home_pro_head h2 {
    color: var(--color-2b);
}

.school-sec3 .container16 {
    background: #6868b5;
    border-radius: 3rem;
}

.school-sec3 {
    padding-top: 13rem;
}

.sch3figure figure img {
    border-radius: 3rem;
    margin-top: -10rem;
}

.home_program {
    margin-bottom: 23.2rem;
}

.schoolsec3-grid {
    display: grid;
    grid-template-columns: 43% 57% auto;
    padding-bottom: 6rem;
}

.sch3-text {
    padding: 6rem 0 8.3rem 11rem;
}

.sch3-text h3 {
    font-size: var(--font-24);
    color: #fff;
    font-weight: 500;
    margin-bottom: 4.7rem;
}

.sch3-text ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 2.4rem;
}

.sch3-text ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.8rem;
    margin-bottom: 2.8rem;
    border-bottom: 1px solid #cfcfcf5d;
    position: relative;
}

.sch3-text ul li p {
    font-size: var(--font-21);
    color: #fff;
    font-weight: 200;
    margin-bottom: 0;
    width: 82%;
}

.sch3-text ul li {
    position: relative;
}

.sch3-text ul li a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sch3-text ul li .more_btn {
    position: relative;
}

.sch3-text ul li .more_btn::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    background: var(--color-ff);
    bottom: 0;
    left: 0;
    border-radius: 1rem;
    transition: 0.4s;
}

.sch3-text ul li:has(a:hover) .more_btn::before {
    height: 100%;
}

.sch3-text ul li:has(a:hover) .more_btn {
    background: transparent;
}

.sch3-text ul li:has(a:hover) .more_btn img {
    z-index: 1;
}

.sch3-text ul li .more_btn {
    background: #00000033;
    margin-block: 0;
}

a.more_btn:hover img {
    filter: brightness(0) invert(1) !important;
}

.event.event1 a.more_btn:hover::before {
    background: #ffcb05;
}

.school-sec4 {
    padding-top: 15rem;
}

.school-sec4 .sec_title h3 {
    margin-bottom: 3rem;
}

.home_placement.school-sec4 .sec_title a.read {
    margin-bottom: 0;
}

.placemnt_number {
    padding-top: 1rem;
    margin-bottom: 3rem;
}

.p_list {
    text-align: left;
}

.p_list:last-child {
    border-right: 1px solid #9393ca80;
    margin-right: 5rem;
}

.placemnt_box:nth-child(1) {
    margin-top: 4.6rem;
}

.placement_profile_panel .placemnt_box:nth-child(2n) {
    margin-top: 17.9rem;
}

.home_placement.lean-out .placement_profile_panel .placemnt_box:nth-child(2n) {
    margin-top: 5rem;
}

.home_placement.lean-out {
    padding-block: 5rem 10rem;
}

.home_placement.lean-out .sec_title {
    margin-bottom: 0;
}

.research_sec.school-sec5 {
    padding-top: 0;
}

.school-sec7 {
    margin-top: 1rem;
    margin-bottom: 5rem;
}

.school7_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.school7_imgbx figure img {
    border-radius: 2rem;
    width: 100%;
}

.school7_imgbx figure figcaption {
    padding-top: 7.3rem;
    display: flex;
    gap: 2.7rem;
}

.n-date {
    width: 18%;
}

.n-date h4 {
    font-size: var(--font-30);
    font-weight: 700;
    position: relative;
}

.n-date h4::after {
    content: "";
    display: block;
    width: 2.2rem;
    background: #ffcb05;
    height: 1px;
    position: absolute;
    left: 4.5rem;
    top: 45%;
}

.school7_imgbx figure figcaption .n-date p {
    font-size: var(--font-16);
}

.school7_imgbx figure figcaption {
    padding-left: 2.6rem;
}

.school7_imgbx figure figcaption p {
    margin-bottom: 0;
    font-size: var(--font-18);
}

.school7_textbx {
    background: #5353ab;
    border-radius: 2rem;
    padding: 4.7rem 4.3rem 29.7rem 5rem;
    color: #fff;
    position: relative;
}

.school7_textbx .n-date h4 {
    font-size: var(--font-48);
    color: #fff;
    font-weight: 400;
}

.school7_textbx .n-date {
    display: flex;
    gap: 1rem;
    margin-bottom: 3rem;
}

.school7_textbx .n-date h4::after {
    display: none;
}

.school7_textbx .n-date p {
    font-size: var(--font-16);
}

.school7_textbx p {
    font-size: var(--font-30);
    font-weight: 200;
}

.school7_textbx .more_btn {
    background: transparent;
    width: 1rem;
}

.school7_textbx .more_btn img {
    filter: brightness(1) invert(1);
}

.school7_textbx .progress {
    position: absolute;
    bottom: 5rem;
    right: 2rem;
    width: 86%;
    height: 3.1px;
    background: none;
}

.school7_imgbx {
    position: relative;
}

.school7_imgbx {
    position: relative;
}

.school7_imgbx a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    height: 100%;
    left: 0;
}

.school7_imgbx:has(a:hover) .newstitle {
    color: #5353ab;
}

.school7_imgbx:has(a:hover) figure img {
    transform: scale(1.075);
}

.school7_imgbx figure {
    overflow: hidden;
}

.school7_imgbx figure img {
    overflow: hidden;
    transition: 0.3s;
}

.school7_textbx {
    position: relative;
    transition: 0.3s;
}

.school7_textbx a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.school7_textbx:has(a:hover) {
    background: var(--color-2b);
}

.school7_textbx:has(a:hover) .more_btn img {
    filter: unset;
}

.testimonial {
    width: 30rem;
    padding-left: 0;
    margin-left: -4.3rem;
    position: relative;
}

.testimonial_caption:before {
    left: 0.7rem;
}

.testimonial_caption {
    padding-left: 3rem;
}

.testimonial {
    top: -9rem;
}

.success-left {
    top: -6rem;
}

.success-left h2 {
    margin-bottom: 3rem;
}

/* school home page banner style  */
.school_home .hero-slide-content {
    padding-left: 0;
}

.school_home .hero-slide-content .container {
    /* width: auto; */
    /* margin: auto; */
    max-width: 1471px;
    position: relative;
}

.school_home .hero-left {
    width: fit-content;
    /* padding-left: 0; */
}

.school_home .hero-left {
    padding-top: 17rem;
}

.school_home .hero-slide-content .container figure {
    position: absolute;
    left: -6rem;
    top: -6rem;
}

/* reveal image  */
@media (min-width: 991px) {

    .image,
    .image2,
    .image3,
    .image5 {
        opacity: 0;
    }

    .image4::before {
        scale: 0 1;
    }

    .reveal-image,
    .reveal-image:after {
        position: absolute;
        animation-delay: 0.2s;
        animation-iteration-count: 1;
        animation-duration: 1200ms;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .reveal-image2,
    .reveal-image2:after {
        position: absolute;
        animation-delay: 0.1s;
        animation-iteration-count: 1;
        animation-duration: 1200ms;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .reveal-image {
        opacity: 1;
        position: relative;
        animation-name: reveal-image;
    }

    .reveal-image5 {
        opacity: 1;
        position: relative;
        animation-name: reveal-image5;
    }

    .reveal-image2 {
        opacity: 1;
        position: relative;
        animation-name: reveal-image2;
    }

    .reveal-image3 {
        opacity: 1;
        position: relative;
        animation-name: fadeInline1;
        animation-delay: 0.1s;
        animation-iteration-count: 1;
        animation-duration: 1200ms;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
        transform-origin: top;
    }

    .reveal-image4::before {
        scale: 0 1;
        position: relative;
        animation-name: fadeInline2;
        animation-delay: 0.5s;
        animation-iteration-count: 1;
        animation-duration: 1500ms;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
        transform-origin: left;
    }

    /* .reveal-image3 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;} */

    @keyframes reveal-image {
        from {
            clip-path: inset(0 100% 0 0);
        }

        to {
            clip-path: inset(0 0 0 0);
        }
    }

    @keyframes reveal-image5 {
        from {
            clip-path: inset(0 0 0 100%);
        }

        to {
            clip-path: inset(0 0 0 0);
        }
    }

    @keyframes reveal-image2 {
        from {
            clip-path: inset(100% 0 0% 0);
        }

        to {
            clip-path: inset(0 0 0 0);
        }
    }

    @keyframes fadeInLeft {
        from {
            opacity: 0;
            margin-left: -25%;
        }

        to {
            opacity: 1;
            margin-left: 0%;
        }
    }

    @keyframes fadeInRight {
        from {
            opacity: 0;
            margin-left: 30%;
        }

        to {
            opacity: 1;
            margin-left: 0%;
        }
    }

    @keyframes fadeInline1 {
        0% {
            opacity: 0;
            scale: 1 0;
        }

        100% {
            opacity: 1;
            scale: 1 1;
        }
    }

    @keyframes fadeInline2 {
        0% {
            opacity: 0;
            scale: 0 1;
        }

        100% {
            opacity: 1;
            scale: 1 1;
        }
    }
}

@media (max-width: 1799px) {
    .school_home .home_slide .hero-slide-content figure img {
        width: 46rem;
    }

    .school_home .hero-left {
        padding-top: 12rem;
    }
}

@media (max-width: 1499px) {
    .school_home .home_slide .hero-slide-content figure img {
        width: 46rem;
    }

    .school_home .hero-left {
        padding-top: 12rem;
    }

    .school-sec1 {
        padding-block: 18.8rem 8.9rem;
    }

    .secondry_nav ul {
        gap: 3rem;
    }
}

@media (max-width: 1366px) {
    .school_home .home_slide .hero-slide-content figure img {
        width: 43rem;
    }

    .school_home .hero-left {
        padding-top: 11rem;
    }
}

@media (max-width: 1200px) {
    .school_home .school-arrowbg>img {
        max-width: 80%;
    }

    .school_home .hero-left {
        padding-top: 11rem;
    }

    .school_home .hero-slide-content {
        margin-top: 4rem;
    }

    .school_home .home_slide .hero-slide-content figure img {
        width: 30rem;
    }

    .school_home .hero-left {
        padding-top: 8rem;
    }

    .school_home .hero-left {
        width: 75rem;
        padding-left: 26rem;
    }

    .school-sec1 {
        padding-block: 12rem 8.9rem;
    }
}

@media (max-width: 1159px) {
    .secondry_nav ul {
        gap: 2rem;
    }
}

@media (max-width: 991px) {
    .school_home .school-arrowbg>img {
        max-width: 50%;
    }

    .school_home .home_slide .hero-slide-content figure img {
        width: 24rem;
    }

    .school_home .hero-left {
        width: 70rem;
        padding-left: 24rem;
    }

    .school_home .hero-left {
        padding-top: 6rem;
    }

    .school-sec1 {
        padding-block: 10rem 8.9rem;
    }

    .school-sec1 {
        padding-block: 10rem 6.9rem;
    }
}

@media (max-width: 767px) {
    .school_home .home_slide .hero-slide-content figure img {
        width: 18rem;
    }

    .school_home .hero-left {
        width: 100%;
        padding-left: 0;
        padding-inline: 2rem;
    }

    .school_home .hero-slide-content .container figure {
        left: 5rem;
    }

    .school-sec1 {
        padding-block: 6rem;
    }
}

.research_sec.school-sec5 .res_item h3 {
    color: #fff;
}

.placment_over1 .overview_heading blockquote {
    font-size: var(--font-36);
    color: var(--color-2b);
    margin: 0;
    font-weight: 300;
}

.placment_over1 .overview_heading p {
    font-size: var(--font-24);
    color: var(--color-2b);
    margin-block: 5rem 0rem;
}

.abour_overview.placment_over1 {
    padding-bottom: 8rem;
}

.placment_over2 .grid2 {
    display: grid;
    grid-template-columns: 49.2% 38.7%;
    gap: 14.2rem;
}

.placment_over2 .grid2>figure {
    border-radius: 2rem;
    overflow: hidden;
}

.placment_over2 .contant {
    padding-block: 1.4rem 5.3rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-inline: 0 12rem;
}

.placment_over2 .contant p,
.placment_over3 .contant p,
.placment_over5 .sec_title p {
    font-size: var(--font-16);
    color: var(--color-2b);
    letter-spacing: -0.4px;
    font-family: var(--font-family-inter);
    line-height: 1.63;
}

.placment_over2 .contant p:not(:last-child),
.placment_over3 .contant p:not(:last-child) {
    margin-bottom: 3rem;
}

.placment_over2 .contant figure {
    margin-top: auto;
    max-width: 83.1%;
}

.placment_over3 {
    padding-block: 5rem 15rem;
    overflow: hidden;
}

.placment_over3 .contant p:last-child {
    margin-bottom: 0;
}

.placment_over3 .plac3_grid {
    display: grid;
    grid-template-columns: 40.5% 49.2%;
    gap: 14.2rem;
}

.placment_over3 .img_grid {
    display: grid;
    grid-gap: 2.5rem;
}

.placment_over3 .img_grid figure:nth-child(2) {
    margin-top: 8rem;
}

.placment_over3 .img_grid figure {
    border-radius: 2rem;
    overflow: hidden;
    margin-bottom: auto;
}

.placment_over4 {
    overflow: hidden;
}

.placment_over4 .contant {
    margin-top: -12.4rem;
    padding: 6.3rem 18.3rem 8.8rem;
    border-radius: 2rem;
    background: linear-gradient(141deg, #282896 2%, #14144b 1%);
    position: relative;
    text-align: center;
    overflow: hidden;
}

.placment_over4 .contant:before {
    content: "";
    background: url(../images/full-mg-bg.svg) left center no-repeat;
    background-size: 67%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3rem;
    top: 0;
}

.placment_over4 .contant h2 {
    font-size: var(--font-24);
    color: var(--color-white);
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
}

.placment_over5 {
    padding-block: 15rem 5rem;
    overflow: hidden;
}

.placement_profile_panel {
    padding: 0 0 10rem 0;
}

.placment_over5 .sec_title h3 {
    margin-block: 0 1rem;
    font-size: var(--font-24);
    font-weight: bold;
    letter-spacing: -0.36px;
    font-weight: bold;
    color: var(--color-28);
}

.placment_over5 .sec_title h4 {
    line-height: 1.3;
}

.home_placement .sec_title {
    text-align: center;
    margin-bottom: 5rem;
}

.placment_over5 .sec_title p {
    margin-block: 5rem 0;
    max-width: 87.3%;
    margin-inline: auto;
}

.sec_title h2 {
    color: var(--color-28);
}

.sec_title h3 {
    color: var(--color-2b);
}

.sec_title h5 {
    width: fit-content;
    margin: auto;
}

.home_placement .sec_title h5 {
    background: var(--color-ff);
    border-radius: 0.6rem;
    padding: 1rem;
    font-size: var(--font-36);
    font-weight: bold;
}

.home_placement .sec_title a.read {
    margin: 3rem auto;
}

.placemnt_number {
    display: flex;
    justify-content: space-between;
    padding-top: 0;
    padding-inline: 0;
    margin-bottom: 0rem;
}

.placemnt_number p {
    font-weight: 300;
    margin: 0;
}

.placemnt_detail {
    background: #ffffff;
    box-shadow: 0 4.5rem 7rem #00000014;
    border-bottom-left-radius: 4rem;
    border-bottom-right-radius: 4rem;
    padding-block: 3.5rem 4.2rem;
    text-align: center;
}

.school-sec4 .placemnt_detail {
    box-shadow: 0 2.2rem 3rem -1rem #00000014;
}

.placemnt_pic {
    position: relative;
    padding-inline: 1.5rem;

}

.placemnt_pic:after {
    content: "";
    width: 100%;
    height: 34.4rem;
    background: #e9e9f4;
    border-radius: 4rem 4rem 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-bottom: 1rem solid var(--color-ff);
}

.placemnt_detail h3 {
    font-size: var(--font-24);
    font-weight: 300;
}

.placemnt_detail h5 {
    font-size: var(--font-21);
    font-weight: 300;
    color: var(--color-28);
}
.sucess-stories .placemnt_detail h3{font-weight: 700;}

.placemnt_detail h5 b {
    font-weight: bold;
}

.other_placement h4 {
    font-weight: 300;
    font-size: var(--font-18);
    margin-bottom: 1rem;
    font-family: var(--font-family-inter);
    font-weight: normal;
}

.other_placement h6 {
    font-size: var(--font-36);
    color: var(--color-28);
    font-weight: normal;
}

.other_placement h6 sup {
    color: #000000;
}

.placemnt_number p {
    font-weight: 300;
    margin: 0;
}
.lean-out .placement_profile_panel.testimonial_placement .placemnt_pic{

    display: none;
}
.home_placement.lean-out.sucess-stories .placement_profile_panel.testimonial_placement .placemnt_pic{display: block;}
.placement_profile_panel.testimonial_placement .placemnt_pic {
    display: none;
}
.programs-panel1.dep_prgram .course-tile {
    display: none;
}
.club_history.box_history {
    padding-top: 5rem;
}


.club2_grid_full figure {
    margin-top: 5rem;
}
/* ---------- DESKTOP FIX ---------- */

/* ---------- MOBILE ---------- */
@media (max-width: 992px) {
    .placemnt_number {
        padding-inline: 0rem;
    }

    .placement_profile_panel {
        display: block;
        padding-inline: 1.6rem;
    }

    .placement_profile_panel .swiper-wrapper {
        display: flex;
    }

    .placemnt_box {
        margin-top: 0 !important;
        /* remove stagger on mobile */
    }

    .placemnt_box:nth-child(1),
    .placemnt_box:nth-child(2) {
        margin-top: 0 !important;
    }

    .swiper-pagination {
        margin-top: 2rem;
        position: relative;
    }

    .placemnt_pic {
        position: relative;
        padding-inline: 4rem;
    }

    .placemnt_pic:after {
        height: 17rem;
    }

    .swiper-pagination-bullet-active {
        background: var(--color-28);
    }

    .placement_profile_panel {
        padding-block: 0 3rem;
    }
}

@media (max-width: 575px) {
    .placemnt_detail h3 {
        font-size: var(--font-24);
    }


}

.placment_over6 {
    overflow: hidden;
}

.placment_over6 .placover_inner {
    background: var(--color-2b);
    padding: 5.8rem 5.9rem 9.2rem 6.7rem;
    width: calc(100% + 6.8rem);
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
}

.placment_over6 .placover_inner h5 {
    font-size: var(--font-24);
    color: var(--color-white);
    letter-spacing: -0.36px;
    font-family: var(--font-family-inter);
    margin-bottom: 5.1rem;
    font-weight: bold;
}

.placment_over6 .plac6_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.1rem;
}
.placment_over6 .plac6_grid .link_box .link_btn {
    position: relative;
}


.placment_over7 .content a {
    position: relative;
}

.placment_over6 .plac6_grid .link_box .link_btn::after {
    content: "";
    display: block;
    width: 100%;
    height: 0%;
    background: var(--color-28);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 1rem;
    transition: 0.4s;
}


.placment_over7 .content a::after {
    content: "";
    display: block;
    width: 100%;
    height: 0%;
    background: var(--color-28);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 1rem;
    transition: 0.4s;
}

.placment_over7 .content a::after {
    z-index: -1;
}

.placment_over6 .plac6_grid .link_box:hover a::after,
.placment_over7 .content a:hover::after {
    height: 100%;
}

.placment_over6 .plac6_grid .link_box:hover a svg {
    position: relative;
    z-index: 1;
}

.placment_over6 .link_box {
    position: relative;
    overflow: hidden;
}

.placment_over6 .link_box figure {
    border-radius: 1rem;
    overflow: hidden;
}

.placment_over6 .link_box .link_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 1rem;
    margin-top: 1.4rem;
}

.placment_over6 .link_box .link_btn p {
    max-width: 90%;
    font-size: var(--font-16);
    color: var(--color-white);
    letter-spacing: -0.4px;
    font-family: var(--font-family-inter);
    line-height: 1;
    margin-bottom: 0;
    font-weight: bold;
}

.arrow_btn {
    background: rgb(0 0 0 / 53%);
    border-radius: 1rem;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow_btn svg {
    stroke: var(--color-white);
}

.arrow_btn.read:hover svg {
    stroke: #fff;
}

.placment_over6 .link_box a::before {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.placment_over6 .link_box:hover .link_btn p {
    color: var(--color-ff);
}

.placment_over6 .link_box:hover .arrow_btn {
    background: var(--color-ff);
}

.placment_over6 .link_box:hover .arrow_btn svg {
    stroke: #fff;
}

.placment_over7 {
    padding-block: 15rem 17.8rem;
    overflow: hidden;
}

.placment_over7 .plac7_grid figure,
.placment_over7 .plac7_grid2 figure {
    border-radius: 2rem;
    overflow: hidden;
}

.placment_over7 .plac7_grid,
.placment_over7 .plac7_grid2 {
    display: grid;
    grid-template-columns: 36.41% 59.44%;
    gap: 5.9rem;
}

.placment_over7 .content {
    padding: 5.7rem 5.2rem;
    background: var(--color-white);
    border-radius: 2rem;
    overflow: hidden;
}

.placment_over7 .content h5 {
    font-size: var(--font-24);
    color: var(--color-28);
    letter-spacing: -0.36px;
    margin-bottom: 2rem;
    font-weight: bold;
}

.placment_over7 .content blockquote {
    font-size: var(--font-42);
    color: var(--color-2b);
    margin-block: 1rem 3rem;
    font-weight: 300;
    line-height: 1;
}

.placment_over7 .content p,
.placment_over7 .content a,
.placment_over7 .plac7_grid2 .content p {
    font-size: var(--font-16);
    color: var(--color-2b);
    letter-spacing: -0.4px;
    font-family: var(--font-family-inter);
    line-height: 1.63;
}

.placment_over7 .content p {
    margin-bottom: 0;
}

.placment_over7 .content a {
    padding: 0.8rem 2.6rem;
    background: var(--color-ff);
    border-radius: 1rem;
    margin-top: 4.5rem;
    display: inline-flex;
}

.placment_over7 .content a:hover {
    background: var(--color-2b);
    color: var(--color-white);
}

.placment_over7 .plac7_grid2 {
    margin-top: -1.2rem;
}

.plac7_grid2 iframe {
    border-radius: 2rem;
}

.mgtopnews {
    margin-top: 5rem;
}

.placment_over7 .plac7_grid2 .content {
    background: transparent;
    padding-top: 5.2rem;
    max-width: 84%;
    padding-inline: 4rem 0;
}

.abour_overview.placment_over1 .contant-down.managespace p {
    margin-block: 0;
}

.overview_heading.swayam_section a {
    font-weight: 500;
}

.award-ranking .abt_logobx {
    padding: 2rem;
}

.award-ranking .logo-text p {
    font-weight: normal;
}

.award-ranking .abt_logobx:nth-child(5) figure img,
.award-ranking .abt_logobx:nth-child(6) figure img {
    height: auto;
}

.swayam_section h3 {
    font-size: var(--font-24);
    color: var(--color-28);
    letter-spacing: -0.36px;
    margin-bottom: 0rem;
    font-weight: bold;
    margin-top: 4rem;
}

.placment_over1 .overview_heading.swayam_section p {
    margin-block: 3rem 0rem;
}

.abt_logobx:nth-child(4),
.abt_logobx:nth-child(8) {
    border-right: 0;
    /* border-right: 1px solid #C9C9C9; */
}

.placment_over7 .plac7_grid2 .content blockquote {
    font-size: var(--font-16);
    color: var(--color-2b);
    margin-block: 0.6rem 3rem;
    font-weight: normal;
    line-height: 1;
    letter-spacing: -0.4px;
}

/*sucess stories*/
.placment_over8 {
    margin-bottom: 1rem;
    overflow: hidden;
}

.placment_over8 .success-wrapper {
    display: grid;
    grid-template-columns: 25% 87%;
    align-items: center;
    gap: 5rem;
}

/* LEFT STATIC */
.success-section.placment_over8 .success-left h5 {
    font-size: var(--font-24);
    color: var(--color-28);
    font-weight: bold;
    line-height: 1;
    letter-spacing: -0.36px;
    margin-bottom: 2rem;
}

.success-section.placment_over8 .success-left blockquote {
    margin-bottom: 2rem;
    line-height: 1.25;
    max-width: 85%;
}

/* RIGHT SLIDER */
.placment_over8 .success-slide {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.placment_over8 .success-section {
    overflow: hidden;
}

.placment_over8 .success-media {
    position: relative;
}

.placment_over8 .testimonial {
    width: 34rem;
    top: -5rem;
}

.placment_over8 .testimonial img {
    width: 2.7rem;
    height: 2.7rem;
    margin-bottom: 2rem;
}

.placment_over8 .testimonial p {
    margin-bottom: 4.5rem;
    font-weight: 300;
}

.placment_over8 .testimonial_caption h4 {
    font-size: var(--font-18);
    font-weight: bold;
    color: #2b2a29;
}

.placment_over8 .testimonial_caption span {
    font-size: var(--font-16);
    font-weight: medium;
    letter-spacing: -0.4px;
}

.placment_over8 .testimonial_caption {
    border-left: powderblue;
    position: relative;
}

.placment_over8 .testimonial_caption:before {
    content: "";
    width: 0.5rem;
    height: 100%;
    position: absolute;
    left: -0;
    top: 0;
    background: var(--color-28);
}

.figure_img {
    position: absolute;
    top: -0.1rem;
    left: -3rem;
    height: 100%;
}

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

.placment_over8 .success-right-slider {
    position: relative;
}

.success-section.placment_over8 .success-left {
    width: 50rem;
    position: relative;
    z-index: 2;
    top: -3rem;
}

.placment_over8 .btn_group_all {
    position: relative;
    bottom: 16.5rem;
    right: -57rem;
    display: flex;
    gap: 0.1rem;
}

.placment_over8 .success-right-slider .swiper-button-prev {
    position: static;
    background: var(--color-white);
    box-shadow: 0 0.7rem 1.5rem #0000000f;
    border-radius: 1rem 0 0 1rem;
    padding: 2rem;
    width: 4.2rem;
    height: 4.2rem;
}

.placment_over8 .success-right-slider .swiper-button-next {
    position: static;
    background: var(--color-white);
    box-shadow: 0 0.7rem 1.5rem #0000000f;
    border-radius: 0 1rem 1rem 0;
    padding: 2rem;
    width: 4.2rem;
    height: 4.2rem;
}

.placment_over8 .success-right-slider .swiper-button-prev:after,
.placment_over8 .success-right-slider .swiper-button-next:after {
    font-size: var(--font-12);
    line-height: 1;
    color: #000;
    font-weight: bold;
}

.placment_over9 {
    margin-bottom: 11rem;
    overflow: hidden;
}

.placment_over9 .placover_inner {
    background: var(--color-53);
    padding: 8.7rem 11.8rem 8.7rem 15.8rem;
    width: calc(100% + 6.8rem);
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.placment_over9 .placover_inner:before {
    content: "";
    background: url(../images/place-contactbg.svg) left center no-repeat;
    background-size: 67%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3rem;
    top: 0;
    z-index: -1;
}

.placment_over9 .placover_inner h5 {
    font-size: var(--font-24);
    color: var(--color-white);
    letter-spacing: -0.36px;
    font-family: var(--font-family-inter);
    margin-bottom: 0rem;
    font-weight: bold;
}

.placment_over9 blockquote {
    font-size: var(--font-48);
    color: var(--color-white);
    letter-spacing: -0.36px;
    font-family: var(--font-family-inter);
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.25;
    margin-block: 2rem 5.2rem;
}

.placment_over9 .plac9_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 8.1rem;
    grid-row-gap: 3.9rem;
}

.placment_over9 .contact_box {
    padding-bottom: 2.7rem;
    border-bottom: 0.1rem solid rgb(212 212 234 / 23%);
}

.placment_over9 .contact_box .name {
    font-size: var(--font-18);
    color: var(--color-white);
    font-family: var(--font-family-inter);
    margin-bottom: 3rem;
    font-weight: bold;
}

.placment_over9 .contact_box ul li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.placment_over9 .contact_box ul li figure {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 100%;
    border: 0.1rem solid var(--color-ff);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.placment_over9 .contact_box ul li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.placment_over9 .contact_box ul li a {
    font-size: var(--font-16);
    color: var(--color-white);
    letter-spacing: -0.4px;
    font-family: var(--font-family-inter);
    line-height: 1.63;
}

.placment_over9 .contact_box ul li a:hover {
    color: var(--color-ff);
}

@media (max-width: 1649px) {
    .placment_over1 .overview_heading blockquote {
        max-width: 79%;
    }

    .placment_over1 .overview_heading {
        max-width: 100%;
    }

    .placment_over2 .grid2 {
        grid-template-columns: 49.2% 39.4%;
        gap: 12.2rem;
    }

    .placment_over5 .sec_title p {
        max-width: 92.3%;
    }

    .placment_over7 .plac7_grid2 .content {
        max-width: 86%;
    }

    .placment_over7 .plac7_grid,
    .placment_over7 .plac7_grid2 {
        grid-template-columns: 37.41% 58.44%;
        gap: 4.9rem;
    }

    .placment_over8 .success-wrapper .figure_img {
        position: absolute;
        top: -0.1rem;
        left: -7rem;
        height: 100%;
    }

    .placment_over6 .placover_inner h5 {
        margin-bottom: 4.1rem;
    }

    .placment_over6 .placover_inner,
    .placment_over9 .placover_inner {
        width: calc(100% + 11rem);
    }

    .placment_over8 .btn_group_all {}
}

/*--1649px--css-end--*/

@media (max-width: 1450px) {
    .placment_over1 .overview_heading p {
        margin-block: 4rem 0rem;
    }

    .placment_over2 .grid2 {
        grid-template-columns: 49.2% 39.9%;
        gap: 9.2rem;
    }

    .placment_over3 .plac3_grid {
        /* grid-template-columns: 27.1% 66.8%; */
        /* gap: 7.6rem; */
    }

    .placment_over3 {
        padding-block: 9rem 12rem;
    }

    .placment_over4 .contant {
        padding: 6.3rem 5.3rem 8.8rem;
    }

    .placment_over5 {
        padding-block: 10rem 0;
    }

    .placment_over5 .sec_title p {
        max-width: 93.4%;
    }

    .placment_over8 .btn_group_all {}

    .placment_over8 .btn_group_all {}

    .placment_over8 .testimonial p {
        margin-bottom: 3.5rem;
    }

    .placment_over7 .plac7_grid2 .content {
        max-width: 87%;
    }

    .placment_over7 {
        padding-block: 13rem 14.8rem;
    }

    .placment_over8 .success-wrapper .figure_img {
        left: -6rem;
    }

    .success-section.placment_over8 .success-left {
        top: -5rem;
    }

    .placment_over8 .testimonial {
        width: 32rem;
        top: -3rem;
    }

    .placment_over8 .btn_group_all {
        bottom: 12.5rem;
    }

    .placment_over9 .placover_inner:before {
        background-size: 68%;
    }
}

/*--1450px--css-end--*/

@media (max-width: 1399px) {
    .placment_over1 .overview_heading blockquote {
        max-width: 82%;
        line-height: 1.3;
    }

    .placment_over7 .content {
        padding: 4.7rem 3.3rem;
    }

    .placment_over7 .plac7_grid2 .content {
        padding-top: 3.2rem;
    }

    .placment_over3 .plac3_grid {
        /* grid-template-columns: 28.1% 67.2%; */
        /* gap: 5.6rem; */
    }

    .placment_over4 .contant {
        padding: 6.3rem 4.1rem 8.8rem;
    }

    .placment_over5 .sec_title p {
        max-width: 94%;
        margin-block: 3rem 0;
    }

    .placment_over2 .grid2 {
        grid-template-columns: 50% 39.9%;
        gap: 7.2rem;
    }

    .placment_over7 {
        padding-block: 10rem 11rem;
    }

    .placment_over8 .success-wrapper .figure_img {
        left: -4rem;
    }

    .placment_over8 .testimonial {
        width: 30rem;
        top: -4rem;
    }

    .placment_over8 .btn_group_all {
        right: -50rem;
    }



    .placment_over2 .contant {
        padding-inline: 0 6rem;
    }
}

/*--1399px--css-end--*/

@media (max-width: 1280px) {
    .placment_over1 .overview_heading blockquote {
        max-width: 80%;
    }

    .placment_over1 .overview_heading p {
        margin-block: 3rem 0rem;
    }

    .abour_overview.placment_over1 {
        padding-block: 4rem 5rem;
    }

    .placment_over3 {
        padding-block: 8rem 10rem;
    }

    .home_placement .sec_title {
        margin-bottom: 7rem;
    }

    .placment_over5 .placemnt_detail {
        padding-block: 2.5rem 3.2rem;
    }

    .placment_over6 .placover_inner,
    .placment_over9 .placover_inner {
        width: calc(100% + 5rem);
    }

    .placment_over6 .placover_inner {
        padding: 4.8rem 4.9rem 8.2rem 5.7rem;
    }

    .placment_over6 .placover_inner h5 {
        margin-bottom: 3.1rem;
    }

    .arrow_btn {
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 0.8rem;
    }

    .arrow_btn svg {
        width: 1rem;
        height: 1rem;
    }

    .placment_over7 .plac7_grid2 .content blockquote {
        margin-block: 0.6rem 2rem;
    }

    .placment_over7 .plac7_grid2 .content {
        padding-top: 4.2rem;
    }

    .placment_over7 .content a {
        padding: 0.8rem 2rem;
        margin-top: 3.5rem;
    }

    .placment_over8 .btn_group_all {}

    .placment_over9 blockquote {
        margin-block: 2rem 3.2rem;
    }

    .placment_over9 .contact_box .name {
        margin-bottom: 2rem;
    }

    .placment_over9 .contact_box ul li:not(:last-child) {
        margin-bottom: 1rem;
    }

    .placment_over9 .contact_box {
        padding-bottom: 2rem;
    }

    .placment_over9 {
        margin-bottom: 8rem;
    }

    .placment_over2 .contant {
        padding-inline: 0 4rem;
    }
}

/*--1280px--css-end--*/

@media (max-width: 1199px) {
    .placment_over1 .overview_heading blockquote {
        max-width: 94%;
    }

    .placment_over2 .grid2 {
        grid-template-columns: 50% 44.5%;
        gap: 5.2rem;
    }

    .placment_over2 .contant p:not(:last-child),
    .placment_over3 .contant p:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .placment_over2 .contant figure {
        max-width: 62.1%;
    }

    .placment_over3 .plac3_grid {
        /* grid-template-columns: 34.1% 62.7%; */
        gap: 5rem;
    }

    .placment_over3 {
        padding-block: 5rem 7rem;
    }

    .placment_over4 .contant {
        padding: 4.3rem 4.1rem 6.8rem;
        margin-top: -10.4rem;
    }

    .placment_over5 {
        padding-block: 6rem 0;
    }

    .placment_over5 .sec_title p {
        max-width: 95%;
        margin-block: 2rem 0;
        margin-inline: auto;
    }

    .placment_over5 .placemnt_pic {
        padding-inline: 1rem;
    }

    .home_placement .sec_title {
        margin-bottom: 4rem;
    }

    .placment_over6 .placover_inner,
    .placment_over9 .placover_inner {
        width: 100%;
    }

    .placment_over6 .placover_inner {
        padding: 4rem 3rem;
    }

    .placment_over6 .placover_inner h5 {
        margin-bottom: 2.5rem;
    }

    .placment_over7 {
        padding-block: 7rem 9rem;
    }

    .placment_over7 .plac7_grid,
    .placment_over7 .plac7_grid2 {
        grid-template-columns: 42.51% 54.44%;
        gap: 3rem;
    }

    .placment_over7 .content a {
        padding: 0.8rem 2rem;
        margin-top: 2.5rem;
    }

    .success-section.placment_over8 .success-left blockquote {
        max-width: 72%;
    }

    .placment_over8 .success-wrapper .figure_img {
        left: -2rem;
    }

    .success-section.placment_over8 .success-left {
        top: -2rem;
    }

    .placment_over8 .btn_group_all {
        right: -47rem;
        bottom: 6.5rem;
    }

    .placment_over9 .placover_inner {
        padding: 4rem 3rem;
    }

    .placment_over9 .placover_inner:before {
        background-size: 72%;
    }

    .placment_over2 .contant {
        padding-inline: 0 7rem;
    }
}

/*--1199px--css-end--*/

@media (max-width: 991px) {
    .placment_over1 .overview_heading blockquote {
        max-width: 100%;
    }

    .placment_over1 .overview_heading p {
        margin-block: 2rem 0rem;
    }

    .abour_overview.placment_over1 {
        padding-block: 3rem 2.5rem;
    }

    .placment_over2 .grid2,
    .placment_over3 .plac3_grid,
    .placment_over3 .img_grid,
    .placment_over6 .plac6_grid,
    .placment_over7 .plac7_grid,
    .placment_over7 .plac7_grid2,
    .placment_over8 .success-slide,
    .placment_over8 .success-wrapper,
    .placment_over9 .plac9_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .placment_over2 .contant {
        padding-block: 0;
        padding-inline: 0;
    }

    .placment_over2 .contant figure {
        max-width: 100%;
        height: 0.3rem;
    }

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

    .placment_over2 .contant p:not(:last-child),
    .placment_over3 .contant p:not(:last-child) {
        margin-bottom: 2rem;
    }

    .placment_over3 .plac3_grid .contant {
        order: 2;
        padding-inline: 0;
        padding-bottom: 4rem;
    }

    .placment_over3 .img_grid figure:nth-child(2) {
        margin-top: 0;
    }

    .placment_over3 {
        padding-block: 3rem;
    }

    .placment_over4 .container {
        padding: 0;
    }

    .placment_over4 .contant {
        padding: 2rem;
        margin-top: 0;
        border-radius: 0 0 2rem 2rem;
    }

    .placment_over4 .contant:before {
        background-size: contain;
    }

    .placment_over5 {
        padding-block: 5rem 0;
    }

    .placment_over5 .sec_title p {
        max-width: 100%;
        margin-block: 2rem 0;
        margin-inline: auto;
    }

    .home_placement .sec_title {
        margin-bottom: 2rem;
        padding-bottom: 0;
    }

    .placment_over6 .placover_inner {
        padding: 3rem 2rem;
    }

    .placment_over7 {
        padding-block: 5rem 0rem;
    }

    .placment_over7 .content {
        order: 2;
        padding: 2rem;
    }

    .placment_over7 .plac7_grid2 {
        margin-top: 4rem;
    }

    .placment_over7 .plac7_grid2 .content {
        padding-top: 2rem;
        max-width: 100%;
    }

    .placment_over7 .content blockquote {
        margin-block: 1rem 2rem;
    }

    .placment_over7 .plac7_grid2 .content {
        padding-top: 0;
        max-width: 100%;
        border-radius: 0;
        padding-inline: 0;
    }

    .success-section.placment_over8 .success-left blockquote {
        max-width: 100%;
    }

    .success-section.placment_over8 .success-left {
        top: 0;
    }

    .success-section.placment_over8 .success-left {
        width: 100%;
    }

    .placment_over8 {
        overflow: hidden;
    }

    .placment_over8 .success-wrapper .figure_img {
        position: absolute;
        top: 11.9rem;
        left: -1.8rem;
        height: auto;
        display: none;
    }

    .placment_over8 .success-media {
        z-index: 1;
    }

    .placment_over8 .success-media::before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background: var(--color-ff);
        height: 100%;
        content: "";
        z-index: -1;
    }

    .placment_over8 .success-wrapper {
        display: block;
    }

    .placment_over8 .testimonial {
        width: 100%;
        top: 0;
        margin: 0;
    }

    .placment_over8 .btn_group_all {
        right: inherit;
        bottom: 0;
        position: relative;
        top: 3rem;
    }

    .placment_over8 .testimonial p {
        margin-bottom: 2rem;
    }

    .placment_over8 .success-right-slider .swiper-button-prev,
    .placment_over8 .success-right-slider .swiper-button-next {
        padding: 1rem;
        width: 3.5rem;
        height: 3.5rem;
    }

    .placment_over8 .success-right-slider {
        padding-bottom: 6rem;
    }

    .placment_over9 {
        margin-block: 2rem 8rem;
    }

    .placment_over9 .placover_inner:before {
        display: none;
    }

    .placment_over9 .contact_box:last-child {
        border-bottom: none;
    }

    .placment_over3 .plac3_grid {
        gap: 3rem;
    }
}

/*--991px--css-end--*/

@media (max-width: 767px) {
    .placment_over3 {
        padding-block: 4rem 3rem;
    }

    .placment_over5 {
        padding-block: 4rem 0;
    }

    .placement_profile_panel {
        padding-block: 0rem;
        padding-inline: 0;
    }

    .placemnt_detail {
        box-shadow: none;
    }

    /* .placment_over8 .success-wrapper .figure_img { top: 15.9rem; left: -1.2rem; } */
    .placment_over9 {
        margin-block: 3rem 6rem;
    }

    .placment_over8 .btn_group_all {
        top: 3rem;
    }
}

/*--767px--css-end--*/

@media (max-width: 575px) {

    /* .placment_over8 .success-wrapper .figure_img { top: 10.2rem; left: -0.8rem; } */
    .placment_over9 .placover_inner {
        padding: 3rem 2rem 2rem;
    }

    .testimonial_caption {
        padding-left: 2rem;
    }

    .plac7_grid2 iframe {
        border-radius: 2rem;
        width: 100%;
    }

    .placment_over3 {
        padding-block: 2rem;
    }

    .placment_over1 .overview_heading {
        padding-bottom: 0;
    }

    .home_placement {
        padding-block: 0rem 3rem;
        overflow: hidden;
    }

    .font48 {
        font-size: var(--font-36);
        font-weight: 300;
    }

}

/*--575px--css-end--*/

@media (max-width: 350px) {
    .placment_over9 .placover_inner {
        padding: 3rem 1.5rem 2rem;
    }

    .placment_over9 .contact_box .name {
        margin-bottom: 1.5rem;
    }

    /* .placment_over8 .success-wrapper .figure_img { top: 8.7rem; left: -0.7rem; } */
    .placment_over7 .content {
        padding: 2rem 1.5rem;
    }

    .placment_over6 .placover_inner {
        padding: 3rem 1.5rem;
    }
}

/*--575px--css-end--*/

/*--============placment-page--css-end====================--*/

.clubs_society1 .club_grid1 {
    display: grid;
    grid-template-columns: 64.32% 32.2%;
    gap: 5rem;
}

.clubs_society1 .club_grid1>figure {
    border-radius: 2rem;
    overflow: hidden;
    height: 100%;
}

.clubs_society1 .club_grid1>figure img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.clubs_society1 .contant {
    background: var(--color-68);
    padding: 5.5rem 7.3rem 11.2rem 5.1rem;
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
    z-index: 1;
}

.clubs_society1 .contant::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(../images/learnbg.webp);
    height: 56.2%;
    content: "";
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

.clubs_society1 .contant h2 {
    font-size: var(--font-24);
    color: var(--color-white);
    font-weight: bold;
    letter-spacing: -0.36px;
    margin: 0;
}

.clubs_society1 .contant blockquote {
    font-size: var(--font-48);
    color: var(--color-white);
    font-weight: bold;
    letter-spacing: -0.29px;
    margin-block: 3rem 2rem;
    line-height: 0.93;
}

.clubs_society1 .contant blockquote span {
    display: block;
    color: var(--color-ff);
}

.clubs_society1 .contant blockquote span:last-child {
    color: var(--color-40);
}

.clubs_society1 .contant p {
    font-size: var(--font-16);
    color: var(--color-white);
    font-weight: 300;
}

.clubs_society1 .contant p:not(:last-child) {
    margin-bottom: 3rem;
}

.clubs_society2 {
    position: relative;
    overflow: hidden;
    padding-block: 15rem 12.1rem;
}

.clubs_society2::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    background: url(../images/clubs-society-bg.webp);
    height: 100%;
    content: "";
    z-index: -1;
    background-repeat: no-repeat;
}

.clubs_society2 .club_grid2 {
    display: grid;
    grid-template-columns: 37.1% 50.7%;
    gap: 16.8rem;
    position: relative;
    padding-block: 5.7rem;
}

.clubs_society2 .club_grid2::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 11.7rem);
    background: var(--color-white);
    height: 100%;
    content: "";
    z-index: -1;
    border-radius: 2rem;
}

.clubs_society2 .club_grid2>figure {
    border-radius: 2rem;
    overflow: hidden;
}

.clubs_society2 .club_grid2:not(:last-child) {
    margin-bottom: 3rem;
}

.clubs_society2 .contant {
    position: relative;
    z-index: 1;
}

.clubs_society2 .contant h3 {
    font-size: var(--font-24);
    font-weight: bold;
    letter-spacing: -0.36px;
    margin-bottom: 0;
    color: var(--color-28);
}

.clubs_society2 .contant p {
    font-size: var(--font-16);
    font-family: var(--font-family-inter);
    letter-spacing: -0.4px;
    color: var(--color-2b);
    font-weight: normal;
    margin-block: 2rem 3rem;
    max-width: 89.6%;
}

.clubs_society2 .contant .arrow_btn {
    background: rgb(227 227 227 / 53%);
}

.clubs_society2 .contant .arrow_btn:hover {
    background: var(--color-ff);
}

.clubs_society2 .contant .arrow_btn svg {
    stroke: var(--color-70);
}

.clubs_society2 .contant .arrow_btn:hover {
    background: rgb(227 227 227 / 53%);
}

.clubs_society2 .contant .arrow_btn:hover svg {
    stroke: #fff;
    z-index: 1;
    position: relative;
}

@media (max-width: 1649px) {
    .clubs_society1 .contant {
        padding: 5.5rem 6.3rem 11.2rem 5.1rem;
    }

    .clubs_society2 .club_grid2 {
        grid-template-columns: 38.1% 50.7%;
        gap: 12rem;
    }

    .clubs_society2 .contant p {
        max-width: 91.2%;
    }
}

/*--1649px--css-end--*/

@media (max-width: 1450px) {
    .clubs_societyover {
        margin-bottom: 7rem;
    }

    .clubs_society1 .contant {
        padding: 4.5rem 4.3rem 9.2rem 4.1rem;
    }

    .clubs_society1 .contant p {
        max-width: 93%;
    }

    .clubs_society2 .club_grid2 {
        grid-template-columns: 40.8% 51.2%;
        gap: 10rem;
    }

    .clubs_society2 .contant p {
        max-width: 91.3%;
    }

    .clubs_society1 .contant::before {
        height: 57.2%;
        background-size: contain;
    }
}

/*--1450px--css-end--*/

@media (max-width: 1399px) {
    .clubs_societyover {
        margin-bottom: 5rem;
    }

    .clubs_society1 .contant {
        padding: 3.5rem 4.3rem 9.2rem 3.1rem;
    }

    .clubs_society1 .club_grid1 {
        gap: 4rem;
    }

    .clubs_society2 .club_grid2::before {
        width: calc(100% - 10.5rem);
    }

    .clubs_society2 .club_grid2 {
        grid-template-columns: 38.1% 53.4%;
        gap: 10rem;
    }

    .clubs_society2 .contant p {
        max-width: 88.3%;
    }
}

/*--1399px--css-end--*/

@media (max-width: 1280px) {
    .clubs_society2 {
        padding-block: 10rem;
    }

    .clubs_society2 .contant p {
        max-width: 88.6%;
    }
}

/*--1280px--css-end--*/

@media (max-width: 1199px) {
    .clubs_societyover {
        margin-bottom: 3rem;
    }

    .clubs_society1 .club_grid1 {
        gap: 3rem;
        grid-template-columns: 63.32% 33.4%;
    }

    .clubs_society1 .contant p {
        max-width: 100%;
    }

    .clubs_society1 .contant {
        padding: 3rem 3rem 4rem 2rem;
    }

    .clubs_society1 .contant p:not(:last-child) {
        margin-bottom: 2rem;
    }

    .clubs_society2 {
        padding-block: 7rem;
    }

    .clubs_society2 .club_grid2 {
        grid-template-columns: 38.1% 56.5%;
        gap: 5rem;
    }

    .clubs_society2 .contant p {
        max-width: 95%;
    }
}

/*--1199px--css-end--*/

@media (max-width: 991px) {
    .clubs_society2 {
        padding-block: 3rem 5rem;
    }

    .clubs_society1 .club_grid1,
    .clubs_society2 .club_grid2 {
        gap: 2rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .clubs_society1 .contant {
        padding: 3rem 2rem;
    }

    .clubs_society1 .contant blockquote {
        margin-block: 2.5rem 2rem;
    }

    .clubs_society1 .contant p:last-child {
        margin-bottom: 0;
    }

    .clubs_society2::before,
    .clubs_society2 .club_grid2::before {
        display: none;
    }

    .clubs_society2 .club_grid2 {
        background: var(--color-white);
        padding: 3rem 2rem;
        border-radius: 2rem;
        overflow: hidden;
    }

    .clubs_society2 .contant p {
        max-width: 100%;
        margin-block: 1.5rem 2rem;
    }
}

/*--991px--css-end--*/

@media (max-width: 767px) {
    .clubs_societyover {
        margin-bottom: 2rem;
    }
}

/*--767px--css-end--*/

@media (max-width: 575px) {
    .clubs_society1 .contant::before {
        height: 52.2%;
        background-size: contain;
    }
}

/*--575px--css-end--*/
/*--============Clubs & Society-page--css-end====================--*/

.abour_overview.foreign_language1 {
    padding-bottom: 0;
}

.placment_over1.foreign_language1 .overview_heading blockquote {
    max-width: 100%;
    font-weight: 300;
}

.foreign_language2 {
    margin-block: 5rem 22rem;
}

.foreign_language2 .heading h2,
.foreign_language3 h3,
.foreign_language4 h4,
.foreign_language5 h5 {
    font-size: var(--font-24);
    font-family: var(--font-family-inter);
    font-weight: bold;
    letter-spacing: -0.36px;
    margin-bottom: 0;
    color: var(--color-28);
    line-height: 1;
}

.foreign_language2 .heading p {
    font-size: var(--font-16);
    font-family: var(--font-family-inter);
    font-weight: normal;
    letter-spacing: -0.4px;
    margin-block: 3rem 5rem;
    color: var(--color-2b);
    line-height: 1.7;
    max-width: 94%;
}

.foreign_language2 .foregn_grid2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.8rem;
}

.foreign_language2 .contant {
    padding: 6.8rem 4.6rem 8.8rem 4rem;
    border-radius: 2rem;
    background: var(--color-2b);
    overflow: hidden;
}

.foreign_language2 .contant blockquote {
    font-size: var(--font-24);
    font-weight: 300;
    margin: 0rem;
    color: var(--color-white);
    max-width: 91%;
    line-height: 1.3;
}

.foreign_language2 .contant .line {
    margin-block: 4.5rem;
}

.foreign_language2 .name_email .name {
    font-size: var(--font-18);
    font-family: var(--font-family-inter);
    font-weight: bold;
    margin-bottom: 0.5rem;
    color: var(--color-white);
    line-height: 1;
}

.foreign_language2 .name_email p {
    font-size: var(--font-16);
    font-family: var(--font-family-inter);
    font-weight: normal;
    letter-spacing: -0.4px;
    margin-bottom: 0rem;
    color: var(--color-white);
    line-height: 1.7;
}

.foreign_language2 .name_email ul {
    margin-top: 3rem;
}

.foreign_language2 .name_email ul li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.foreign_language2 .name_email ul li figure {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 100%;
    border: 0.1rem solid var(--color-ff);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.foreign_language2 .name_email ul li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.foreign_language2 .name_email ul li a {
    font-size: var(--font-16);
    color: var(--color-white);
    letter-spacing: -0.4px;
    font-family: var(--font-family-inter);
    line-height: 1.63;
    font-weight: bold;
    text-decoration: underline;
}

.foreign_language2 .name_email ul li a:hover {
    color: var(--color-ff);
}

.foreign_language2 .profile {
    position: relative;
}

.foreign_language2 .prof_deltail {
    position: absolute;
    left: 2.5rem;
    padding-top: 2.8rem;
}

.foreign_language2 .prof_deltail h3,
.foreign_language2 .prof_deltail blockquote {
    font-size: var(--font-18);
    font-family: var(--font-family-inter);
    font-weight: bold;
    margin-bottom: 0;
    color: var(--color-2b);
    line-height: 1;
}

.foreign_language2 .prof_deltail blockquote {
    letter-spacing: -0.45px;
    margin-top: 0.5rem;
    font-weight: normal;
    line-height: 1.66;
}

.foreign_language2 .prof_deltail p {
    font-size: var(--font-16);
    color: var(--color-2b);
    letter-spacing: -0.4px;
    font-family: var(--font-family-inter);
    line-height: 1.63;
    font-weight: normal;
    margin: 0;
}

.foreign_language3 {
    background: var(--color-white);
    padding-block: 10rem 22.5rem;
    margin: 0;
}

.foreign_language2 .profile figure {
    display: grid;
    height: 100%;
    border-radius: 1rem;
    overflow: hidden;
}

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

.foreign_language2 .profile figure>* {
    grid-area: 1/1;
}

.foreign_language3 .prof_deltail blockquote span {
    display: block;
}

.foreign_language3 .contant {
    background: var(--color-69);
}

.foreign_language3 .contant {
    color: var(--color-2b);
}

.foreign_language3 .contant blockquote,
.foreign_language3 .name_email .name,
.foreign_language3 .name_email p,
.foreign_language3 .name_email ul li a {
    color: var(--color-2b);
}

.foreign_language3 .name_email ul li figure {
    border-color: var(--color-28);
}

.foreign_language3 .name_email ul li a:hover {
    color: var(--color-28);
}

.foreign_language4 {
    margin-block: 12rem 19rem;
}

.foreign_language4 .heading p {
    max-width: 93%;
}

.foreign_language4 .contant {
    background: var(--color-53);
}

.foreign_language5 {
    background: var(--color-white);
    background: var(--color-white);
    padding-block: 11.5rem 21.5rem;
    margin: 0;
}

.foreign_language5 .heading p:nth-last-of-type(2) {
    margin-bottom: 3rem;
}

@media (max-width: 1649px) {
    .foreign_language2 .contant blockquote {
        max-width: 92%;
    }

    .foreign_language2 .heading p {
        max-width: 96%;
    }

    .foreign_language4 .heading p {
        padding-right: 1rem;
    }
}

/*--1649px--css-end--*/

@media (max-width: 1450px) {
    .foreign_language2 .contant blockquote {
        max-width: 100%;
    }

    .foreign_language2 .heading p {
        max-width: 97%;
    }
}

/*--1450px--css-end--*/

@media (max-width: 1399px) {
    .foreign_language2 .contant {
        padding: 5.8rem 3.6rem 7.8rem 3rem;
    }

    .foreign_language2 {
        margin-block: 4rem 18rem;
    }

    .foreign_language2 .heading p {
        margin-block: 2rem 3.5rem;
    }

    .foreign_language3,
    .foreign_language5 {
        padding-block: 8rem 20.5rem;
        margin: 0;
    }

    .foreign_language4 {
        margin-block: 8rem 18rem;
    }

    .facility_sec.dep_facility_sec .facility_wrapper.nursing {
        margin-left: 0 !important;
    }

    .facility_sec.dep_facility_sec .facility_wrapper.nursing {
        padding: 9rem 7rem !important;
    }
}

/*--1399px--css-end--*/
@media (max-width: 1280px) {
    .foreign_language2 .heading p {
        max-width: 98%;
    }
}

/*--1280px--css-end--*/

@media (max-width: 1199px) {
    .foreign_language2 .heading p {
        max-width: 100%;
    }

    .foreign_language2 {
        margin-block: 3rem 14rem;
    }

    .foreign_language3,
    .foreign_language5 {
        padding-block: 6rem 17rem;
        margin: 0;
    }

    .foreign_language2 .heading p {
        margin-block: 2rem 2.5rem;
    }

    .foreign_language2 .foregn_grid2 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.8rem;
    }

    .foreign_language2 .contant .line {
        margin-block: 3rem;
    }

    .foreign_language2 .contant {
        padding: 3.8rem 3rem 3rem;
    }

    .foreign_language2 .prof_deltail {
        left: 1.5rem;
        padding-top: 1.8rem;
    }

    .foreign_language2 .name_email ul {
        margin-top: 2rem;
    }

    .foreign_language4 {
        margin-block: 6rem 14rem;
    }
}

/*--1199px--css-end--*/

@media (max-width: 991px) {
    .activity-card.food .activity-img.food {
        margin-left: 0rem !important;
        width: 100% !important;
    }

    .dep_heighlights .dep_gihlight_box3.food img {
        width: 100%;
    }

    .activity-card.food {
        padding: 1rem 0rem;
    }

    .foreign_language2 .foregn_grid2 {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem;
    }

    .facility_sec.dep_facility_sec.nursing .facility_wrapper.nursing {
        padding: 0 !important;
        width: 100%;
    }

    .facility_sec.dep_facility_sec.nursing .facility_wrapper.nursing p {
        padding-inline: 3rem 3rem;
    }

    .foreign_language2 .profile figure {
        height: auto;
    }

    .foreign_language2 .prof_deltail {
        position: static;
    }

    .foreign_language2 .contant {
        padding: 3rem 2rem;
    }

    .foreign_language2 .contant .line {
        height: 0.3rem;
        width: 100%;
        margin-block: 1.5rem 2rem;
    }

    .foreign_language2 .contant .line img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .foreign_language2 .contant .name_email {
        margin-top: 3.5rem;
    }

    .foreign_language2 .name_email ul {
        margin-top: 1.5rem;
    }

    .foreign_language2 .prof_deltail {
        padding-block: 2rem;
    }

    .foreign_language2 .heading p {
        margin-block: 2rem;
    }

    .foreign_language2 {
        margin-block: 4rem;
    }

    .foreign_language3,
    .foreign_language5 {
        padding-block: 4rem 3rem;
        margin: 0;
    }

    .foreign_language3 .foregn_grid2 .profile:nth-child(1) {
        order: 2;
    }

    .foreign_language3 .foregn_grid2 .profile:nth-child(2) {
        order: 3;
    }

    .foreign_language3 .foregn_grid2 .contant {
        order: 1;
    }

    .foreign_language5 .heading p:nth-last-of-type(2) {
        margin-bottom: 2rem;
    }
}

/*--991px--css-end--*/

@media (max-width: 767px) {
    .placment_over1.foreign_language1 .overview_heading {
        padding-bottom: 0;
    }

    .foreign_language2 {
        margin-block: 3rem 2rem;
    }

    .foreign_language4 {
        margin-block: 4rem 2rem;
    }

    .foreign_language3,
    .foreign_language5 {
        padding-block: 4rem 2rem;
        margin: 0;
    }

    .foreign_language5 {
        padding-block: 4rem;
    }
}

/*--767px--css-end--*/

@media (max-width: 575px) {}

/*--575px--css-end--*/

/*--============Foreign Language Courses--css-end====================--*/

.radius-2 {
    border-radius: 2rem;
}

.news-event-panel1 {
    margin-top: 7rem;
}

.recent-news-event-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.news-event-details-grid .details-bg {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.recent-news {
    position: relative;
}

.recent-news figure {
    position: relative;
    height: 100%;
}

.recent-news figure img {
    height: 100%;
}

.recent-news.news-event-listing figure {
    height: inherit;
    border-radius: 20px;
    overflow: hidden;
}

.recent-news figure::after {
    content: "";
    width: 100%;
    height: 23rem;
    background: linear-gradient(180deg, #99999900, #333333f2);
    position: absolute;
    bottom: 0;
    left: 0;
}

.news-caption {
    position: absolute;
    content: "";
    bottom: 0;
    margin-bottom: 2.7rem;
    padding-inline: 4rem 7rem;
    color: var(--color-white);
}

.news-tag {
    display: inline-block;
    background: var(--color-white);
    color: var(--color-black);
    padding: 0.1rem 1rem;
    border-radius: 5px;
    margin-bottom: 1rem;
    font-weight: 300;
}

.news-date {
    display: flex;
    align-items: center;
    gap: 4rem;
}

.news-date .day {
    font-size: var(--font-30);
    font-weight: 700;
    position: relative;
}

.news-date .day:after {
    content: "";
    width: 22px;
    height: 1px;
    background: #ffcb05;
    position: absolute;
    bottom: 19px;
    left: 3.8rem;
}

.day-border {
    display: inline-block;
    width: 2.2rem;
    height: 1px;
    background-color: var(--color-ff);
}

.news-date .month {
    font-weight: 300;
}

.news-short-heading {
    display: flex;
    gap: 2rem;
    align-items: center;
    position: relative;
}

.news-caption p {
    font-size: var(--font-18);
    font-weight: 300;
}

.recent-news2-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recent-news2 {
    height: 100%;
    background-color: var(--color-93);
    padding-top: 4rem;
}

.news-caption .arrow {
    margin-top: 0;
    position: absolute;
    right: -4rem;
    background: none;
    transform: unset;
    top: 0;
}

.recent-news2 .news-caption {
    top: 8%;
}

.news-caption .arrow {
    margin-top: 0;
}

.recent-news2 .news-short-heading p {
    font-size: var(--font-30);
    line-height: 1.5;
}

.recent-news2 .news-date .day {
    font-size: var(--font-48);
    font-weight: 300;
}

.recent-news2 .news-tag {
    background-color: var(--color-ff);
    margin-bottom: 0;
}

.news-bottom-border {
    position: absolute;
    bottom: 11%;
    left: 50%;
    transform: translateX(-50%);
}

.event-tag {
    background-color: var(--color-ff);
}

.news {
    background-color: var(--color-53);
    color: var(--color-white);
}

.video {
    position: relative;
}

.news-listing-caption .arrow {
    margin-top: 0.5rem;
    position: relative;
    background: none;
    transform: unset;
}

.news-event-listing .video .play-btn {
    color: #ffffff;
    opacity: 1;
    background: #0000008a;
    font-size: 3.4rem;
    border: 2px solid #fff;
    text-align: center;
    width: 5rem;
    height: 5rem;
}

/* ====== News Event Listing ====== */
.news-event-listing-panel {
    margin-block: 10rem 10rem;
}

.news-event-listing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5.5rem;
}

.news-event-listing-bg {
    background-color: var(--color-white);
    height: 100%;
    padding-inline: 3.8rem;
    border-radius: 2rem;
    position: relative;
}

.news-event-listing figure img {
    border-radius: 2rem;
}

.news-event-listing .news-listing-caption {
    margin-top: 3rem;
}

.news-event-listing .news-short-heading {
    margin-top: 3.1rem;
}

.news-event-listing .news-short-heading p {
    font-size: var(--font-18);
    padding-right: 2rem;
    margin-bottom: 2rem;
}

/* ====== Details styling ====== */
.details-top {
    display: flex;
    align-items: center;
    gap: 2.4rem;
    margin-block: 10rem 5rem;
}

.dtls-date-con {
    display: flex;
    gap: 2.4rem;
    align-items: center;
}

.dtls-date-con .news-tag {
    margin-bottom: 0;
}

.details-heading {
    border-left: 1px solid #d1d1d1;
    padding-left: 2.9rem;
}

.details-heading h3 {
    font-size: var(--font-48);
    font-weight: 300;
    line-height: 0.9;
    padding-left: 2.5rem;
}

.detail-cont {
    padding-inline: 1rem;
    margin-top: 8.7rem;
}

.detail-cont p:not(:last-child) {
    padding-bottom: 4rem;
}

.details-border {
    display: flex;
    justify-content: space-between;
    gap: 10rem;
    padding-block: 8.8rem 7.7rem;
}

.related {
    background-color: var(--color-white);
    padding-block: 5.6rem;
}

.detail-listing-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.5rem;
}

.related h3 {
    font-size: var(--font-30);
    margin-bottom: 3rem;
}

/* ======== Gallery ======== */
.gallery-top {
    position: relative;
}

.gallery-top-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.gallery-top .gallery-short-desc {
    padding: 4rem;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
}

.short-description {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gallery-top .gallery-short-desc p {
    margin-bottom: 0;
    font-size: var(--font-18);
    color: var(--color-white);
    font-weight: 300;
}

.gallery-top .gallery-short-desc .arrow,
.gallery-listing-heading .arrow {
    margin-top: 0;
}

.gallery-top .gallery-short-desc .arrow img {
    filter: invert(1);
}

.gallery-count {
    color: var(--color-white);
    margin-top: 1.3rem;
}

.gallery-count span {
    background-color: #28289694;
    padding: 7px 1rem;
    font-weight: 300;
    border-radius: 5px;
}

.gallery-count img {
    margin-right: 5px;
}

.gallery-top::after {
    position: absolute;
    content: "";
    bottom: 0;
    background: linear-gradient(180deg, #99999994, #333);
    height: 100%;
    width: 100%;
    z-index: 1;
}

.gallery-2border {
    position: absolute;
}

.gallery-listing-panel {
    margin-block: 15rem 13.1rem;
}

.gallery-listing figure img {
    border-radius: 2rem;
}

.gallery-listing-grid {
    column-count: 3;
    gap: 4.7rem;
}

.gallery-listing {
    background-color: var(--color-white);
    border-radius: 2rem;
    margin-bottom: 3rem;
    position: relative;
}

.gallery-listing-caption {
    padding: 3rem;
}

.gallery-listing-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gallery-listing-heading p {
    font-size: var(--font-18);
}

.gallery-listing-caption .gallery-count span img {
    color: var(--color-28);
}

.gallery-listing-caption .gallery-count span {
    background-color: #e31e240f;
    font-weight: 400;
    color: var(--color-28);
    font-size: var(--font-14);
}

.gallery-details-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gallery-details-panel {
    margin-bottom: 10rem;
}

.gallery-details-heading {
    padding-block: 10rem 5.1rem;
}

.gallery-details-panel h3 {
    font-size: var(--font-48);
    font-weight: 300;
}

.gallery-details-panel .back-btn {
    border-bottom: 1px solid #d4d4ea;
    position: relative;
    color: var(--color-black);
}

.gallery-details-panel .back-btn:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-left: 2px solid #d4d4ea;
    border-bottom: 2px solid #d4d4ea;
    transform: rotate(45deg);
    left: -2rem;
    top: 23%;
}

.gallery-details-panel a img {
    border-radius: 2rem;
}

.vid-button {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

figure.vid-button img {
    border-radius: 0;
}

figure.zoombtn {
    position: absolute;
    content: "";
    bottom: 2.1rem;
    right: 2.7rem;
}

.social-networks {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    margin-top: 1rem;
    transition:
        all 0.3s ease-in-out,
        transform 0.3s ease;
    display: none;
}

.social-networks img {
    width: 25px;
    height: 25px;
}

.social-networks li {
    margin-bottom: 0.5rem;
}

.social-networks.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    display: block;
}

/* ====================== ====================== */
/* Programs Page Csss */
/* ====================== ======================*/
.course-container {
    margin-bottom: 11rem;
    padding-top: 3rem;
}
.course-container h2{font-size: var(--font-24); font-weight: bold; margin-bottom: 2rem; color: var(--color-28);}
.search-box {
    margin-block: 10rem 6.5rem;
    border-bottom: 1px solid #66c3d0;
    border-radius: 0;
    padding-inline: 2rem;
    margin-right: 2rem;
}

.search-box form {
    display: flex;
}

.search-box .form-control {
    border: none;
    padding-bottom: 2.2rem;
}

.search-box .form-control::placeholder {
    font-size: var(--font-18);
}

.search-box .form-control:focus {
    box-shadow: none;
    outline: none;
    background: transparent;
}

.course-tile {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3.1rem;
}

.course img {
    border-radius: 1rem;
}

.course figcaption {
    margin-top: 1.5rem;
    padding-inline: 2.1rem;
}

.course figcaption h4 {
    font-size: var(--font-21);
    font-weight: 700;
}

.course figcaption p {
    font-size: var(--font-18);
    font-weight: 300;
}

.filter {
    padding-block: 2.5rem;
    border-top: 1px solid var(--color-e1);
    border-bottom: 1px solid var(--color-e1);
    display: flex;
    justify-content: space-between;
    margin-block: 6.4rem 4.2rem;
}

.filter-tag span {
    font-size: var(--font-18);
}

.filter ul {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.filter ul li {
    position: relative;
}

.filter ul li:first-of-type::after {
    height: 100%;
    position: absolute;
    content: "";
    border-right: 1px solid var(--color-e1);
    padding-right: 3rem;
}

.filter ul li img {
    margin-left: 1rem;
}

.course-name {
    color: var(--color-28);
}

/* --------- */
.custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 1.6rem;
    font-size: var(--font-18);
    font-weight: 300;
}

.custom-checkbox:not(:last-child) {
    margin-bottom: 2rem;
}

.custom-checkbox input {
    display: none;
}

.custom-checkbox span {
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid var(--color-e1);
    border-radius: 4px;
    background: #fff;
    position: relative;
}

.custom-checkbox input:checked+span {
    background: var(--color-ff);
    border-color: var(--color-ff);
    border-radius: 0;
}

.custom-checkbox input:checked+span::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.course-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 1.4rem 1.7rem 1.4rem 3.4rem;
    border-radius: 5px;
    margin-bottom: 2rem;
    box-shadow: 0 5px 5px #0000000d;
    border-left: 5px solid var(--color-ff);
}

.left-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #ffc107;
    border-radius: 8px 0 0 8px;
}

.course-content h4 {
    font-size: var(--font-21);
    margin-bottom: 0.5rem;
    color: var(--color-black);
    font-weight: 400;
}


.course-content h4 a {
    font-size: var(--font-21);
    margin-bottom: 0.5rem;
    color: var(--color-black);
    font-weight: 400;
}
.course-content h4:hover a{
     color: var(--color-28);
}

.duration {
    font-size: var(--font-16);
    color: var(--color-1a);
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.duration img {
    margin-right: 1rem;
}

.apply-btn {
    text-decoration: none;
    color: var(--color-black);
    font-size: var(--font-16);
    display: flex;
    align-items: center;
    position: relative;
}

.apply-btn::before {
    position: absolute;
    content: "";
    border: 1px solid #d4d4ea;
    height: 56%;
    right: -1rem;
    top: 50%;
    transform: translateY(-50%);
}

.apply-more-btn {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.pro-view-more span {
    width: 3.3rem;
    height: 3.3rem;
    background: #f0f1f7;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-card:hover .pro-view-more span {
    background: var(--color-28);
}

.course-card:hover .pro-view-more span img {
    filter: brightness(0) invert(1);
}

.studentlife-event .overview_heading {
    max-width: 98%;
}

/* ====================== ====================== */
/* Student Live Event */
/* ====================== ======================*/
.studentlife-event {
    padding-bottom: 6.5rem;
}

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

.event {
    height: 100%;
}

.event p {
    margin-bottom: 3rem;
}

.event2 figure,
.event2 figure img {
    height: 100%;
}

.event1 {
    background-color: var(--color-28);
    padding: 3rem 11rem;
    align-content: center;
}

.event1 h3 {
    color: var(--color-white);
    font-size: var(--font-48);
    margin-block: 6.2rem 3rem;
    line-height: 1;
    font-weight: 300;
}

.event1 p {
    color: var(--color-white);
    font-size: var(--font-16);
}

.event3 figure {
    height: 100%;
}

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

.event4 {
    background-color: var(--color-ff);
    padding: 11.2rem 18.6rem 11rem 12.6rem;
}

.event4 h3,
.event4 p {
    color: var(--color-black);
}

.event4 h3 {
    font-size: var(--font-48);
    margin-block: 2rem 3rem;
    font-weight: 300;
}

.event4 .more_btn {
    background-color: #00000069;
}

/* ===== Student Live Event Details ===== */
.studentlife-event-panel1 {
    position: relative;
}

.studentlife-event-panel1::after {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    height: 90rem;
    background-color: var(--color-1e);
}

.stu-event-details {
    text-align: center;
    margin-top: 10.2rem;
}

.stu-event-details p {
    color: #fff;
    margin-block: 4.8rem 6.6rem;
    font-size: var(--font-21);
}

.media-player {
    text-align: center;
    position: relative;
}

.media-player .stu_videoicon {
    position: absolute;
    width: 8.6rem;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.studentlife-event-panel2 {
    margin-block: 10rem;
}

.studentlife-event-panel2 p {
    font-size: var(--font-21);
    text-align: center;
}

.stu-life-event-slider {
    margin-top: 10rem;
}

.stu-box {
    padding: 1.5rem 4.8rem 6.7rem 6.5rem;
}

.stu-box p {
    font-size: var(--font-16);
    text-align: left;
}

.stu-box p:first-of-type {
    padding-right: 2rem;
    padding-bottom: 3.5rem;
}

.stu-box img {
    margin-block: 3rem;
}

.stu-box h4 {
    font-size: var(--font-36);
    font-weight: 700;
}

.stu-box span {
    font-weight: 300;
}

.grafest-glimpses {
    margin-bottom: 10rem;
    margin-top: 10rem;
}

.glimpes-gal {
    column-count: 3;
    gap: 0.5rem;
}

.glimpes-gal-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6.1rem;
}

.glimpes-gal-heading h3 {
    font-size: var(--font-21);
    font-weight: 700;
    position: relative;
}

.glimpes-gal-heading h3::after {
    position: absolute;
    top: 50%;
    right: -38px;
    content: "";
    width: 2rem;
    height: 1px;
    background: #707070;
}

.glimpes-gal-heading ul {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.glimpes-gal-heading ul li a {
    font-size: var(--font-18);
    padding-bottom: 1rem;
    color: #2b2a29;
    font-family: var(--font-family-inter);
}

.glimpes-gal-heading ul li a.active {
    border-bottom: 1px solid #66c3d0;
}

.glimps-gallery {
    margin-bottom: 0.5rem;
}

/* ============= Statutory Bodies css ====== */
section.download-pdf.statutory-bodies {
    padding-block: 7rem 6rem;
}

.statutory-bodies .pdf-col {
    position: relative;
}

@media (min-width: 992px) {
    .statutory-bodies .pdf-col p {
        margin-bottom: 0;
    }
}

@media (max-width: 992px) {
    section.download-pdf.statutory-bodies {
        padding-block: 5rem 5rem;
    }
}

/* ============== Officers of the University css ================= */
.officers-of-the-university {
    margin-block: 7rem 10rem;
}

.officers-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8rem 2.5rem;
}

.officer .caption {
    margin-top: 2.5rem;
}

.officer .caption span {
    font-size: var(--font-18);
    margin-bottom: 1rem;
    display: inline-block;
    font-family: var(--font-family-inter);
}

.officer .caption h3 {
    font-size: var(--font-16);
    font-family: var(--font-family-inter);
    font-weight: 700;
}

.officer .caption p {
    margin-bottom: 0;
    font-family: var(--font-family-inter);
}

.officer figure {
    background: linear-gradient(to bottom, #e0d4bb 0%, #f3efe6 100%);
    border-radius: 0.5rem;
}

/* ============== Educational Society =============== */
.educational-society {
    margin-block: 7rem 0rem;
}

.es-top {
    padding-inline: 0;
}

.es-top h5 {
    font-size: var(--font-24);
    color: var(--color-2b);
    font-weight: 300;
    margin-bottom: 3rem;
    line-height: 1.3;
    padding-inline: 0 10rem;
}

.es-top p {
    font-size: var(--font-16);
    font-family: var(--font-family-inter);
    color: var(--color-2b);
    margin-bottom: 3rem;
}

@media (max-width: 1440px) {
    .educational-society {
        margin-block: 5rem 0rem;
    }

    .es-top h5 {
        padding-right: 0;
    }
}

.legacy-excellence {
    padding-block: 5rem 11rem;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.legacy-excellence-grid {
    display: grid;
}

.lagacy-left h3 {
    font-size: var(--font-24);
    font-family: var(--font-family-inter);
    font-weight: 700;
    margin-bottom: 2rem;
    color: var(--color-28);
}

.lagacy-left h4 {
    font-size: var(--font-42);
    font-weight: 300;
    margin-bottom: 3rem;
    width: 70%;
    color: var(--color-2b);
}

.lagacy-left .cont p {
    font-family: var(--font-family-inter);
}

.lagacy-left .cont p:not(:last-child) {
    margin-bottom: 4rem;
}

.lagacy-right {
    padding-left: 1.25rem;
    position: relative;
}

.lagacy-left-grid {
    display: grid;
    grid-template-columns: 36% 1fr;
    padding-right: 1.25rem;
    gap: 2.5rem;
}

.lagacy-left-img {
    padding-left: 0;
}

.lagacy-right::before {
    background-image: url(../images/yellow-mask.webp);
    content: "";
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    width: 70rem;
    height: 70rem;
    top: -6rem;
    z-index: -1;
    right: -25rem;
}

.lc-community-outer {
    margin-left: 0;
    margin-right: 0;
}

.learning-community {
    padding-block: 10rem;
    margin-top: 0;
}

.learning-community-ttl {
    padding-block: 0 3rem;
    padding-left: 0;
}

.learning-community-ttl h3 {
    font-size: var(--font-24);
    font-weight: bold;
    font-family: var(--font-family-inter);
    color: var(--color-28);
}

.lc-bg {
    /* background-image: linear-gradient(126deg, #282896 2%, #14144B 1%); */
    /* position: relative; */
    /* border-radius: 30px 0px 0px 30px; */
    /* padding-left: 12rem; */
    /* padding-top: 6.6rem; */
}

.ec-camp {
    background-image: linear-gradient(126deg, #282896 2%, #14144b 1%);
    position: relative;
    border-radius: 30px;
    padding-inline: 13rem;
    padding-block: 10rem;
    overflow: hidden;
}

.ec-camp::after {
    background-image: url(../images/es-msk1.webp);
    z-index: 0;
    position: absolute;
    content: "";
    top: 0;
    left: -12rem;
    background-size: inherit;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    z-index: 0;
}

@media (max-width: 1536px) {
    .ec-camp {
        padding-inline: 9rem;
    }
}

@media (max-width: 1280px) {
    .ec-camp {
        padding-inline: 4rem;
        padding-block: 5rem;
    }
}

.lc-bg::after,
.international-internship .lc-bg::before,
.learning-community-left::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.lc-bg::after {
    /* background-image: url(../images/es-msk1.webp); */
    z-index: 0;
    display: none;
}

.learning-community-grid {
    z-index: 1;
    position: relative;
    display: grid;
    grid-template-columns: 42% 49.6%;
    padding-right: 1.25rem;
    gap: 11.5rem;
}

.learning-community-left::before {
    background-image: url(../images/es-msk2.webp);
    height: 148%;
    top: -10rem;
    left: -12rem;
    display: none;
}

.learning-community-left {
    color: var(--color-white);
    position: relative;
    align-content: center;
    padding-inline: 0 8rem;
}

.learning-community-grid p span {
    font-size: var(--font-48);
    font-weight: 700;
    color: var(--color-28);
}

.learning-community-left sup {
    top: -2rem;
    left: 0.3rem;
    font-size: var(--font-21);
    font-weight: 500;
    color: var(--color-28);
}

.learning-community-left p:first-of-type {
    font-weight: 300;
    margin-bottom: 3rem;
    /* padding-right: 2rem; */
    color: var(--color-2b);
}

.learning-community-left p:last-of-type {
    font-weight: 300;
    padding-right: 8rem;
    color: var(--color-2b);
    margin: 0;
}

.learning-community-right {
    padding-left: 0;
    margin-top: 0rem;
    margin-bottom: 0;
    border-radius: 20px;
    overflow: hidden;
}

.learning-community-left h3 {
    font-size: var(--font-24);
    font-weight: bold;
    font-family: var(--font-family-inter);
    color: var(--color-28);
    margin-bottom: 3rem;
}

.es-campus-section {
    margin-bottom: 13rem;
}

.es-campus-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
    position: relative;
    z-index: 99;
}

.es-campuses {
    background-color: var(--color-white);
    border-radius: 1rem;
}

.es-campuses img {
    border-radius: 1rem;
}

.es-campuses h4 {
    padding: 3rem 3rem 3.4rem;
    font-weight: 700;
    font-size: var(--font-18);
    font-family: var(--font-family-inter);
}

@media (max-width: 575px) {
    .es-campuses h4 {
        padding: 2rem 2rem 2rem;
    }
}

.es-top-border {
    margin: 0 auto;
    display: flex;
}

.es-campus-section p {
    width: 100%;
    margin: 0;
    text-align: left;
    font-family: var(--font-family-inter);
    color: #fff;
    padding-block: 0 8rem;
    position: relative;
    z-index: 9;
}

@media (max-width: 1440px) {
    .es-campus-section p {
        padding-block: 0 4rem;
    }
}

.ec_text {
    display: flex;
    gap: 2rem;
    padding-block: 5rem 7rem;
    align-items: center;
}

.learning-community-left .ec_text p:first-of-type {
    margin-bottom: 0;
}

.ec_text p {
    margin-bottom: 0;
}

/* ========== Research Page Css ============ */
.research-panel2 {
    margin-block: 5rem 15rem;
}

.research .es-top h4 {
    font-size: var(--font-36);
    font-weight: 300;
    margin-bottom: 5rem;
}

.research .es-top {
    padding-inline: 0rem;
    display: grid;
    grid-template-columns: 1fr 49.2%;
    gap: 14rem;
}

.research-panel2-grid {
    display: grid;
    grid-template-columns: 53% 47%;
    /* margin-left: -9rem; */
}

.research-panel2-left {
    padding-right: 9.6rem;
}

.research-panel2-right {
    padding-inline: 4.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 2.7rem;
}

.ethics-research a {
    padding: 1.1rem 3rem;
    background-color: var(--color-53);
    color: var(--color-white);
    border-radius: 0.5rem;
}

@media (max-width: 1536px) {
    .legacy-excellence {
        padding-block: 5rem 5rem;
    }

    .learning-community {
        padding-block: 6rem;
        margin-top: 0;
    }
}

@media (max-width: 575px) {
    .ethics-research a {
        padding: 1rem;
    }
}

.ethics-research a>img {
    width: 1.8rem;
    height: 2.4rem;
    margin-right: 1rem;
}

.research-panel2-right .cont p:first-of-type {
    margin-bottom: 4rem;
}

.research-panel3 {
    margin-block: 15rem 3rem;
}

.research-panel3-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.7rem;
}

.research-panel3-cnt {
    background-color: var(--color-e9);
    padding: 2.7rem 2.5rem 3.1rem 3.1rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    border-radius: 1rem;
    gap: 2rem;
    align-items: center;
}

.research-panel3-cnt p {
    font-size: var(--font-18);
    font-family: var(--font-family-inter);
    font-weight: 500;
    margin-bottom: 0;
}

.research-panel3-cnt span {
    background-color: var(--color-white);
    padding: 1.5rem 1.7rem 1.4rem 1.8rem;
    border-radius: 1rem;
    opacity: 0.5;
    flex-shrink: 0;
    margin-block: 0;
}

.research-policy {
    margin-block: 10rem 10.5rem;
}

.research-policy-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.7rem;
}

.research-policy h3 {
    font-size: var(--font-24);
    font-weight: bold;
    margin-bottom: 3rem;
    color: var(--color-28);
}

.research-policy>p {
    font-family: var(--font-family-inter);
    margin-bottom: 5rem;
    padding-right: 5rem;
}

.research-policy .research-panel3-cnt {
    align-items: center;
    background-color: var(--color-ff);
}

.research-policy-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.7rem;
}

.guidlines-forms .research-panel3-cnt {
    background-color: var(--color-e9);
}

.cutting-edge-outer {
    max-width: 1534px;
    margin: 0 auto;
}

.cutting-edge-inner {
    background-color: var(--color-2b);
    border-radius: 3rem;
    display: grid;
    grid-template-columns: 35% 65%;
    padding: 7.7rem 0 8.7rem 11.7rem;
}

.Cnt-right {
    padding: 9.2rem 13.3rem 11.3rem 11.7rem;
    background: var(--color-white);
    border-radius: 2rem;
    margin-left: 10rem;
    margin-right: -9.4rem;
    height: min-content;
}

.Cnt-left {
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    gap: 6rem;
}

.Cnt-right p:first-of-type {
    font-size: var(--font-24);
    font-weight: bold;
    letter-spacing: -0.36px;
    margin-bottom: 4rem;
    color: var(--color-28);
}

.Cnt-right p:last-of-type {
    font-size: var(--font-36);
    font-weight: 300;
    line-height: 1.2;
}

.r-logo {
    display: flex;
    gap: 6.1rem;
    align-items: center;
}

.r-stats {
    display: flex;
    gap: 5rem;
}

.r-stats>div {
    display: flex;
}

.r-stats p {
    font-size: var(--font-48);
    font-weight: 700;
    margin-right: 1.8rem;
    margin-bottom: 0;
}

.r-stats p sup {
    font-size: var(--font-21);
    margin-left: -0.5em;
    top: -1em;
}

.r-stats span {
    font-family: var(--font-family-inter);
    font-weight: 200;
}

/* ======== Research Patent =========== */
.research-patent {
    padding-block: 7rem 10rem;
}

.research-patent h2 {
    font-size: var(--font-24);
    font-weight: bold;
    margin-bottom: 5rem;
    color: var(--color-28);
}

.table-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.1rem;
    font-size: var(--font-16);
    font-family: var(--font-family-inter);
}

.table-controls .select-box {
    display: flex;
    align-items: center;
}

.table-controls label {
    font-weight: 700;
}

.table-controls input {
    margin-left: 1rem;
}

.table-controls select {
    margin-right: 1rem;
    font-size: var(--font-16);
    width: 6rem;
}

.table-controls select,
.table-controls input {
padding: .8rem 1.2rem 1.1rem 1rem;
    border: 1px solid #ccc;
    border-radius: 0.7rem;
    height: 4.2rem;
}

table {
    width: 100%;
    border-collapse: collapse;
}

.research-patent thead th {
    background: var(--color-53);
    color: var(--color-white);
    padding: 2.1rem 2rem 2rem;
    font-size: var(--font-18);
    font-weight: 500;
    font-family: var(--font-family-inter);
}

.research-patent thead tr th:nth-of-type(2) {
    width: 31.3rem;
}

.research-patent thead tr th:nth-of-type(5) {
    width: 25.1rem;
}

.research-patent tbody td {
    padding: 1.9rem 2rem 2.3rem;
    font-size: var(--font-16);
    font-family: var(--font-family-inter);
}

.research-patent tbody tr:nth-child(odd) {
    background: var(--color-white);
}

.research-patent tbody tr:nth-child(even) {
    background: #ffffff7a;
}

.pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 9rem;
    font-size: var(--font-16);
    font-weight: 500;
    font-family: var(--font-family-inter);
}

.page-numbers {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.page-numbers span {
    padding: 1.1rem 1.7rem;
    border-radius: 1rem;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    background: #ffffff;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-2b);
}

.page-numbers span.active {
    background: var(--color-ff);
    border-color: var(--color-ff);
    font-weight: 700;
}

span.page-arrow {
    background-color: #e3e3e3b5;
}

.electrical-dep{}
.electrical-dep .dep_activites_panel h3 {
    margin-bottom: 3rem;
}

.electrical-dep .dep_activites_panel {
    margin-bottom: 8rem;
}
.research-img {
    margin-top: 5rem;
}

@media (max-width: 575px) {
    .page-numbers span {
        width: 3.2rem;
        height: 3.2rem;
    }
}

.research-projects ul.nav-tabs {
    margin-bottom: 4rem;
    border: none;
    gap: 1rem;
}

.research-projects .nav-tabs .nav-link,
.research-projects .accordion-button {
    position: relative;
    overflow: hidden;
    font-size: var(--font-16);
    font-family: var(--font-family-inter);
    font-weight: 500;
    padding: 0.8rem 3.2rem;
    border-radius: 5px;
    color: var(--color-2b);
    background: var(--color-white);
    z-index: 1;
}

.research-projects .nav-tabs .nav-link:not(.active)::before,
.research-projects .accordion-button:not(.active)::before {
    background-color: var(--color-ff);
    content: "";
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
    z-index: -1;
}

.faq_sec.research-projects {
    background-color: transparent;
}

.faq_sec.research-projects .accordion-button.collapsed,
.faq_sec.research-projects .accordion-button:not(.active)::before {
    background-color: transparent;
}

.research-projects .nav-tabs .nav-link span,
.research-projects .accordion-button span {
    z-index: 1;
    position: relative;
}

.research-projects .nav-tabs .nav-link:hover::before,
.research-projects .accordion-button:hover::before {
    bottom: 0;
}

.research-projects .accordion-button.collapsed {
    background-color: var(--color-white);
}

.research-projects h2.accordion-header {
    margin-bottom: 1rem;
}

.research-projects .accordion-button {
    padding-inline: 1.5rem;
    background-color: var(--color-ff);
}

.research-projects .nav-tabs .nav-link.active {
    border: none;
    background: var(--color-ff);
}

.research-projects .accordion-button::after {
    background-image: url(../images/right-arrow-gray.svg);
    width: 9px;
    height: 13px;
    rotate: 90deg;
    transition: rotate ease-in-out 0.5s;
}

.research-projects .accordion-button:not(.collapsed)::after {
    background-image: url(../images/right-arrow-gray.svg);
    rotate: 270deg;
}

.international-lectures-conferences h2 {
    font-size: var(--font-24);
    margin-bottom: 5rem;
    font-weight: bold;
    color: var(--color-28);
}

.international-lectures-conferences ul.nav-tabs {
    margin-bottom: 5rem;
}

.international-lectures-conferences .news-event-listing-grid {
    gap: 5.8rem;
}

.load-more {
    text-align: center;
    margin-top: 5.1rem;
}

.load-more a {
    color: var(--color-2b);
    border-bottom: solid 2px #c5e4e8;
    font-size: var(--font-18);
    font-weight: 500;
    font-family: var(--font-family-inter);
    padding-bottom: 1rem;
}

.load-more a img {
    rotate: 90deg;
    margin-left: 1rem;
}

.international-lectures-conferences .pagination {
    justify-content: center;
    flex-direction: column;
}

.international-internship {
    position: relative;
    z-index: 9999;
    margin-top: 10rem;
    padding-top: 0;
}

.international-internship .lc-community-outer {
    margin: 0;
}

.international-internship .lc-bg {
    border-radius: 0;
    padding: 0;
}

.international-internship .lc-bg::before {
    background-image: url(../images/emsk.svg);
    height: 113%;
    top: -3.3rem;
    z-index: 2;
}

.international-internship .lc-bg::after {
    background-image: url(../images/emask2.svg);
    z-index: 0;
}

.international-internship-Cnt {
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    gap: 3rem;
    align-items: center;
    text-align: center;
}

.international-internship-Cnt h2 {
    font-size: var(--font-24);
    font-family: var(--font-family-inter);
    font-weight: 700;
}

.international-internship-Cnt h3 {
    font-size: var(--font-48);
    font-weight: 700;
}

.international-internship-Cnt p {
    font-weight: 300;
    width: 75%;
}

.study-abroad .lagacy-left-img {
    padding-left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
}

.learning-community-img {
    margin-bottom: -32rem;
    margin-top: 4rem;
}

.study-abroad .lagacy-right::before {
    display: none;
}

.study-abroad .lagacy-right figure:first-of-type {
    margin-bottom: 2.5rem;
}

.benifits-abroad-program {
    margin-top: 10rem;
    border-top: 1px solid #9e9d9d82;
    padding-top: 10rem;
}

.benifits-abroad-program h2 {
    font-size: var(--font-24);
    font-family: var(--font-family-inter);
    font-weight: bold;
    margin-bottom: 4rem;
    color: var(--color-28);
}

.benifits-abroad-program ul {
    margin-bottom: 10rem;
}

.benifits-abroad-program ul li {
    font-family: var(--font-family-inter);
    font-weight: normal;
    margin-bottom: 4rem;
    position: relative;
    padding-left: 3rem;
}

.benifits-abroad-program ul li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 10px;
    width: 3px;
    height: 4px;
    /* background: url("../images/check-tick.svg") no-repeat center; */
    background-size: contain;
    z-index: 9;
}

.benifits-abroad-program ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 0.7rem;
    height: 0.7rem;
    background: var(--color-68);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.growth>* {
    grid-area: 1/1;
}

.growth {
    display: grid;
    align-items: center;
}

.growth-grid {
    display: grid;
    grid-template-columns: 34% auto;
}

.growth-Cnt {
    background: var(--color-white);
    border-radius: 2rem;
    padding: 5.3rem 6.1rem 6.6rem 5.4rem;
    z-index: 1;
}

.growth-Cnt h3 {
    font-size: var(--font-24);
    font-weight: 700;
    margin-bottom: 3rem;
}

.growth-Cnt .more_btn {
    background: #00000012;
    margin-block: 2rem 0;
}

.hover-blue img,
.hover-yellow img {
    z-index: 1;
}

.hover-yellow,
.hover-blue {
    position: relative;
    overflow: hidden;
}

.hover-blue::before,
.hover-yellow::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
    z-index: 0;
}

.hover-blue:hover::before,
.hover-yellow:hover::before {
    bottom: 0;
}

.hover-blue::before {
    background-color: var(--color-28);
}

.hover-yellow::before {
    background-color: var(--color-ff);
}

.streched_link:hover .read {
    background: var(--color-53);
}

.research-panel3-cnt:hover .hover-blue::before {
    bottom: 0;
}

.research-panel3-cnt:hover span {
    opacity: 0.7;
}

.research-panel3-cnt:hover span img {
    filter: grayscale(1) invert(1);
}

.recent-news:hover .hover-blue::before {
    bottom: 0;
}

.news-event-listing:has(a:hover) .read img {
    filter: brightness(0) invert(1);
}

/* ============== Responsive   ============ */

@media (max-width: 1799px) {
    .event1 {
        padding: 11.2rem 7.6rem 11rem 14.6rem;
    }

    .facility_sec.dep_facility_sec .facility_wrapper.nursing {
        margin-left: 0rem;
    }

    .learning-community-grid {
        /* grid-template-columns: 27% 63%; */
    }

    .cutting-edge-outer {
        max-width: 1434px;
    }

    /* .Cnt-right {margin-left: 9rem; margin-right: -5.4rem;} */
    .research-panel2-grid {
        grid-template-columns: 53% 47%;
        /* margin-left: 0; */
    }
}

@media (max-width: 1749px) {
    .stu-box {
        padding: 1.5rem 3.8rem 2.7rem 4.5rem;
    }
}

@media (max-width: 1699px) {
    .stu-box {
        padding: 1.5rem 2.8rem 2.7rem 2.5rem;
    }

    .facility_sec.dep_facility_sec .facility_wrapper.nursing {
        padding: 9rem 9rem !important;
    }

    .event4 {
        padding: 9.2rem 5.6rem 9rem 11.6rem;
    }

    .event1 {
        padding: 11.2rem 5.6rem 11rem 8.6rem;
    }

    .research-panel2-right {
        gap: 3rem;
        padding-right: 16rem;
    }

    .research-panel2-grid {
        grid-template-columns: 52.3% 48.2%;
        /* margin-left: -15rem; */
    }

    .lc-community-outer {
        margin-left: -7rem;
    }

    .lc-bg {
        padding-left: 8rem;
    }

    .learning-community-ttl {
        padding-left: 8rem;
    }

    .learning-community-grid {
        /* grid-template-columns: 30% 63%; */
    }

    .learning-community-left p:first-of-type {
        margin-bottom: 3rem;
    }
}

@media (max-width: 1549px) {
    .event4 {
        padding: 4.2rem 3.6rem 4rem 6.6rem;
    }

    .studentlife-event-panel2 {
        margin-block: 8rem;
    }

    .stu-life-event-slider {
        margin-top: 8rem;
    }

    .stu-box h4 {
        font-size: var(--font-30);
    }

    .stu-box h4 br {
        display: none;
    }

    .stu-box p:first-of-type {
        padding-bottom: 1.5rem;
    }

    .stu-box img {
        margin-block: 2rem;
    }

    .recent-news2 .news-short-heading p {
        line-height: 1.2;
    }

    .Cnt-right {
        padding: 6.2rem 13.3rem 5.3rem 13.7rem;
        margin-left: 3rem;
        margin-right: -5.4rem;
    }

    .Cnt-left {
        gap: 3rem;
    }

    .cutting-edge-inner {
        grid-template-columns: 38% 62%;
        padding: 6.7rem 0 8.7rem 4.7rem;
    }

    .stu-box {
        padding: 1.5rem 1.8rem 2.7rem 2.5rem;
    }
}

@media (max-width: 1440px) {
    .news-event-listing-grid {
        gap: 3.4rem;
    }

    .news-caption {
        padding-inline: 3rem 5rem;
    }

    .research-panel2-grid {
        grid-template-columns: 57.2% 42.7%;
    }

    .research-panel2-right {
        margin-top: 3.7rem;
        padding-right: 0rem;
        padding-inline: 5.5rem 0;
    }

    .cutting-edge-outer {
        max-width: 1234px;
    }

    .Cnt-right {
        padding: 6.2rem 8.3rem 5.3rem 10.7rem;
    }
}

@media (max-width: 1366px) {
    .event4 figure {
        text-align: center;
    }

    .event4 figure img {
        width: 70%;
    }

    .event1 {
        padding: 5.2rem 5.6rem 7rem 5.6rem;
    }

    .recent-news2 .news-short-heading p {
        line-height: 1.2;
    }

    .course-tile {
        column-gap: 3.1rem;
    }

    .glimpes-gal-heading {
        margin-bottom: 4rem;
    }

    .studentlife-event-panel2 {
        margin-block: 6rem;
    }

    .stu-box {
        padding: 2rem;
    }

    .stu-box h4 {
        font-size: var(--font-24);
    }

    .research-panel2-grid {
        grid-template-columns: 59.3% 40.2%;
    }

    .research-panel2-right {
        padding-right: 1.5rem;
    }
}

@media (max-width: 1280px) {
    .event1 {
        padding: 5.2rem 3.6rem 7rem 3.6rem;
    }

    .course-tile {
        column-gap: 2.1rem;
    }

    .studentlife-event-panel1::after {
        height: 75rem;
    }

    .officers-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem 2.5rem;
    }

    .study-abroad .lagacy-left-img {
        padding-left: 4.2rem;
    }

    .lagacy-left .cont p:not(:last-child) {
        margin-bottom: 1rem;
    }

    .growth-grid {
        grid-template-columns: 42.5% auto;
    }

    .research-panel2-grid {
        margin-left: 0;
    }

    .research-panel2-right {
        gap: 3rem;
        padding-right: 1rem;
        margin-top: 2.7rem;
        padding-inline: 0;
    }

    .research-panel2-left {
        padding-right: 4.6rem;
    }

    .research-panel2-right .cont p:first-of-type {
        margin-bottom: 2rem;
    }

    .research-panel3-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .research-panel3 {
        margin-block: 1rem 6rem;
    }

    .research-policy {
        margin-block: 4rem 4.5rem;
    }

    .research-panel2 {
        margin-block: 6rem 5rem;
    }

    .Cnt-right {
        margin: 0;
        padding: 5.2rem 4.3rem 5.3rem 4.7rem;
    }

    .cutting-edge-outer {
        max-width: 100%;
        padding-inline: 4rem;
    }

    .Cnt-left {
        gap: 3rem;
        padding-right: 2rem;
    }

    .cutting-edge-inner {
        padding: 4.2rem;
    }

    .r-stats {
        gap: 2rem;
    }
}

@media (max-width: 1100px) {

    .event4,
    .event1 {
        padding: 3rem;
    }

    .event4 figure img {
        width: 55%;
    }

    .growth-Cnt {
        padding: 3.3rem 5.1rem 2.6rem 5.4rem;
    }

    .research-panel2-right {
        gap: 2rem;
        margin-top: 2.7rem;
    }

    .research-panel2-right .cont p:first-of-type {
        margin-bottom: 1rem;
    }

    .cutting-edge-inner {
        padding: 4.2rem;
        grid-template-columns: 46% 54%;
    }

    .cutting-edge-outer {
        padding-inline: 1.5rem;
    }

    .learning-community-grid {
        /* grid-template-columns: 35% 60%; */
        gap: 3rem;
    }

    .lagacy-left-grid {
        gap: 3rem;
    }

    .learning-community-right {
        padding-left: 0;
    }
}

@media (max-width: 1049px) {
    .research-panel2-left {
        padding-right: 2.6rem;
    }

    .research-panel2-right {
        margin-top: 0;
    }

    .research-panel2 {
        margin-block: 4rem 4rem;
    }

    .research-panel3 {
        margin-block: 6rem 3rem;
    }

    .research-policy {
        margin-block: 4rem 3.5rem;
    }
}

@media (max-width: 992px) {
    .news-event-panel1 {
        margin-top: 1rem;
    }

    .news-event-listing-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 3.4rem;
    }

    .news-listing-caption .arrow {
        margin-block: 0 2rem;
    }

    .detail-cont {
        margin-top: 3.7rem;
    }

    .detail-cont p:not(:last-child) {
        padding-bottom: 2rem;
    }

    .details-border {
        padding-block: 1.8rem 0.7rem;
    }

    .related {
        padding-block: 2.6rem;
    }

    .related h3 {
        padding-inline: 2rem;
    }

    .details-top {
        margin-block: 4rem 4rem;
    }

    .detail-listing-grid {
        gap: 3rem;
    }

    .gallery-details-heading {
        padding-block: 4rem 2.1rem;
    }

    .gallery-listing-panel {
        margin-block: 7rem 6.1rem;
    }

    .gallery-listing-grid {
        column-count: 3;
        gap: 2.7rem;
    }

    .course-filter-list {
        display: none;
        padding-bottom: 5rem;
    }

    .course-tile {
        column-gap: 1.1rem;
    }

    .filter {
        margin-block: 4.4rem 4.2rem;
    }

    .search-box {
        margin-block: 5rem 5.5rem;
    }

    .course-container {
        margin-bottom: 4rem;
    }

    .event-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .event1,
    .event4 {
        padding: 6.2rem 1.6rem 6rem 1.6rem;
    }

    .studentlife-event {
        padding-block: 2.5rem;
        padding-inline: 2rem;
    }

    .educational-society {
        margin-block: 3rem 0rem;
    }

    .es-top p {
        margin-bottom: 2rem;
    }

    .research .es-top h4 {
        margin-bottom: 2rem;
    }

    .es-top h5 {
        margin-bottom: 2rem;
        padding-inline: 0;
    }

    .legacy-excellence {
        padding-block: 5rem;
    }

    .legacy-excellence-grid {
        grid-template-columns: 1fr;
    }

    .study-abroad .legacy-excellence-grid,
    .study-abroad .lagacy-left-grid {
        display: block;
    }

    .growth>* {
        grid-area: auto;
    }

    .growth-grid {
        grid-template-columns: 1fr;
    }

    .lagacy-left .cont p:not(:last-child) {
        margin-bottom: 2rem;
    }

    .lagacy-right {
        display: none;
    }

    .lagacy-left-grid {
        grid-template-columns: 1fr;
        padding-right: 0;
        gap: 1rem;
    }

    .lagacy-left-img {
        padding-left: 0rem;
        margin-top: 2rem;
    }

    .learning-community-grid {
        grid-template-columns: 1fr;
        padding-right: 0;
    }

    .learning-community .lc-community-outer {
        margin-left: 0;
        margin-right: 0;
    }

    .learning-community-ttl {
        padding-left: 0;
        padding-block: 0 3rem;
    }

    .lc-bg {
        padding: 0;
        border-radius: 0;
    }

    /* .es-campus-grid { grid-template-columns: re; } */
    .es-campus-section {
        margin-bottom: 5rem;
    }

    .learning-community-right {
        padding: 0;
        margin: 3rem 0 0;
    }

    .learning-community-left::before {
        display: none;
    }

    .learning-community {
        padding-top: 0rem;
        padding-bottom: 4.8rem;
        margin-top: 2rem;
    }

    .es-campus-section p {
        width: 100%;
        margin: 2.5rem auto 3rem;
    }

    .study-abroad {
        padding-top: 3rem;
    }

    .research-patent table {
        width: max-content;
    }

    .research-patent {
        padding-block: 2rem 2rem;
    }

    .research-patent h2 {
        margin-bottom: 2rem;
    }

    .pagination {
        flex-direction: column;
        margin-block: 2rem;
        justify-content: center;
    }

    .pagination-heading {
        margin-bottom: 1.5rem;
    }

    .study-abroad .lagacy-left-img {
        padding-left: 0rem;
    }

    .growth-Cnt {
        border-radius: 0;
        margin-top: 3rem;
    }

    .learning-community-img {
        margin-bottom: 4rem;
    }

    .benifits-abroad-program ul {
        margin-bottom: 5rem;
    }

    .research .es-top {
        padding-inline: 0;
        gap: 5rem;
        grid-template-columns: 100%;
    }

    .research-panel2-grid {
        grid-template-columns: 1fr;
        margin-left: 0;
    }

    .research-panel2-left {
        padding-right: 0;
        order: 2;
    }

    .research-panel2-right {
        padding-right: 0;
        gap: 3rem;
        order: 1;
        margin-block: 0rem 3rem;
        padding-inline: 0;
    }

    .research-panel2 {
        margin-block: 4rem 3rem;
    }

    .research-panel3-grid,
    .research-policy-grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .research-panel3 {
        margin-block: 5rem 3rem;
    }

    .research-policy {
        margin-block: 4rem 5.5rem;
    }

    .cutting-edge-inner {
        grid-template-columns: 1fr;
        padding: 3.7rem 1.7rem;
    }

    .Cnt-left {
        gap: 3rem;
        padding-right: 0;
    }

    .Cnt-right {
        margin: 3rem 0 0;
        padding: 3rem;
    }

    .Cnt-right p:first-of-type {
        margin-bottom: 2rem;
    }

    .r-logo {
        gap: 2.1rem;
    }
}

@media (max-width: 991px) {
    .studentlife-event-panel2 {
        margin-block: 4rem;
    }

    .stu-life-event-slider {
        margin-top: 4rem;
    }

    .facilities_btn {
        margin-top: 6rem;
    }

    .grafest-glimpses {
        margin-bottom: 6rem;
    }
}

@media (max-width: 768px) {
    .news-event-listing-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .news-event-listing-bg {
        padding-block: 4rem;
    }

    .news-event-listing-bg .news-listing-caption {
        display: grid;
        gap: 2rem;
    }

    .detail-listing-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .gallery-listing-grid {
        column-count: 1;
        gap: 2.7rem;
    }

    .gallery-top-grid {
        grid-template-columns: 1fr;
    }

    .gallery2 {
        display: none;
    }

    .course-tile {
        grid-template-columns: repeat(2, 1fr);
        padding-inline: 0rem;
        gap: 2rem;
    }

    .search-box {
        margin-right: 0;
        width: 98%;
        margin-inline: auto;
        margin-block: 6rem 4.5rem;
    }

    .filter {
        margin-block: 2.4rem 2.2rem;
        display: none;
        padding-inline: 2rem 0;
    }

    .filter ul {
        flex-direction: column;
        align-items: start;
    }

    .research-patent tbody td {
        padding: 1rem 2rem 1rem;
    }

    .glimpes-gal {
        column-count: 2;
        gap: 0.5rem;
    }

    .studentlife-event-panel1::after {
        height: 60rem;
    }

    .officers-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .es-top {
        padding-inline: 0rem;
    }

    .lagacy-left h4 {
        width: 100%;
    }

    .learning-community-left p:first-of-type {
        margin-bottom: 2rem;
    }

    .tab-content .accordion-item {
        border: 0;
        border-radius: 0;
    }

    .table-controls {
        gap: 2rem;
    }

    .table-controls .select-box {
        flex-direction: column-reverse;
        align-items: flex-start;
        flex-shrink: 0;
    }

    .table-controls div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 1.5rem;
    }

    .table-controls select {
        margin-right: 0;
    }

    .table-controls input {
        margin-left: 0;
        width: 100%;
    }

    .page-numbers {
        gap: 0.5rem;
    }

    .international-lectures-conferences .news-event-listing-grid {
        gap: 2.8rem;
    }

    .benifits-abroad-program ul {
        margin-bottom: 3rem;
    }

    .benifits-abroad-program ul li {
        margin-bottom: 1rem;
    }

    .growth {
        padding-block: 0rem 5rem;
    }

    .growth-Cnt {
        padding: 3rem;
    }

    .international-internship {
        margin-top: 4rem;
    }

    .international-internship-Cnt {
        gap: 1rem;
    }

    .international-internship-Cnt p {
        width: 100%;
    }

    .learning-community-img {
        margin-top: 1rem;
    }

    .international-lectures-conferences h2 {
        margin-bottom: 2rem;
    }

    .international-lectures-conferences {
        margin-top: 2rem;
    }

    .research-panel3-grid,
    .research-policy-grid-3,
    .research-policy-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .research-policy {
        margin-block: 3rem 1.5rem;
    }

    .research-policy>p {
        margin-bottom: 3rem;
        padding-right: 0;
    }

    .cutting-edge-outer {
        padding: 0 1.7rem;
    }

    .research-panel3 {
        margin-block: 0rem 3rem;
    }
}

@media (max-width: 767px) {
    .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }
}

@media (max-width: 620px) {
    .details-top {
        align-items: start;
        gap: 2.4rem;
        flex-direction: column;
        padding-left: 2rem;
    }

    .details-heading h3 {
        padding-left: 0;
        font-size: 2rem;
        line-height: 1.2;
    }

    .details-heading {
        border-top: 1px solid #d1d1d1;
        border-left: none;
        padding-top: 2rem;
        padding-left: 0;
    }

    .gallery-details-heading {
        flex-direction: column;
        align-items: self-start;
        margin-top: 3rem;
        gap: 3rem;
    }

    .gallery-details-panel h3 {
        order: 2;
    }

    .gallery-details-heading .back-btn {
        order: 1;
        margin-left: 2rem;
    }

    .course-card {
        flex-direction: column;
        align-items: self-start;
        gap: 2rem;
        padding: 1.4rem 1.7rem 1.4rem 1.4rem;
    }

    .officers-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .officers-of-the-university {
        margin-block: 4rem 5rem;
    }

    .international-internship-Cnt h3,
    .lagacy-left h4 {
        font-size: var(--font-36);
    }

    .r-stats {
        justify-content: center;
    }

    .r-stats>div {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .r-stats span br {
        display: none;
    }

    .r-stats p {
        margin-right: 0;
    }

    .Cnt-right p:last-of-type {
        font-size: var(--font-24);
    }

    .Cnt-right {
        padding: 3rem 2rem;
    }

    .research-panel2-right .cont p:first-of-type {
        margin-bottom: 2rem;
    }

    .es-campus-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .glimpes-gal {
        column-count: 1;
    }

    .studentlife-event-panel1::after {
        height: 53rem;
    }

    .studentlife-event-panel2 {
        margin-block: 2rem;
    }

    .stu-life-event-slider {
        margin-top: 2rem;
    }

    .studentlife-event .overview_heading {
        max-width: 100%;
    }
}

/* faculty css start */
.download-pdf {
    padding-block: 10.5rem 6.5rem;
}

.pdf-col {
    background-color: var(--color-white);
    padding-block: 2.2rem;
    padding-inline: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.4rem;
}

.contant-down>span {
    font-size: var(--font-14);
    font-weight: 300;
    font-family: var(--font-family-graphicera);
    margin-bottom: 1rem;
}

.contant-down>p {
    font-size: var(--font-18);
    font-weight: 300;
    /* color: var(--color-28); */
    margin-bottom: 0;
}

.pdf-col:hover span,
.pdf-col:hover p {
    color: var(--color-28);
}

.icons {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.icons>img {
    width: 1.8rem;
    height: 2.4rem;
}

.icons>span {
    font-size: var(--font-14);
    font-weight: normal;
    font-style: italic;
}

.e-journal {
    padding-block: 6rem 10rem;
}

.e-journal .icons>img {
    width: 1rem;
    height: 2rem;
    rotate: -45deg;
}

.e-journal .eoa_head h3 {
    font-size: var(--font-21);
    font-weight: 500;
    color: var(--color-28);
    margin-bottom: 3rem;
}

.e-journal .aicte_left {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.e-journal .contant-down>p {
    font-weight: 500;
}

@media (max-width: 991px) {
    .e-journal {
        padding-block: 5rem 5rem;
    }

    .e-journal .eoa_head h3 {
        margin-bottom: 2rem;
    }
}

@media (max-width: 575px) {
    .e-journal .aicte_left {
        grid-template-columns: auto;
    }
}

@media (max-width: 767px) {
    .pdf-col {
        padding-block: 2.2rem;
        padding-inline: 2rem;
        /* flex-wrap: wrap; */
    }
}

@media (max-width: 575px) {
    .pdf-col {
        padding-block: 2.2rem;
        padding-inline: 2rem;
        /* display: block; */
    }
}

/* Media Coverage css start */
.media_sec {
    padding-block: 10rem 12rem;
}

.media_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
}

.media_col {
    background-color: var(--color-white);
    padding: 0rem 4.6rem 3.6rem 5.8rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
}

.media_col figure {
    width: 74%;
}

.media_col a {
    position: absolute;
    inset: 0;
    z-index: 5;
    text-indent: -999px;
}

.media_col:hover figure img {
    transform: scale(1.05);
}

.media_col figure img {
    transition: transform 0.4s ease;
}

.media_contant>span {
    font-size: var(--font-14);
    font-weight: 300;
    font-family: var(--font-family-graphicera);
    margin-bottom: 1rem;
}

.media_contant>blockquote {
    font-size: var(--font-18);
    font-weight: 300;
    color: var(--color-2b);
    line-height: 1.3;
    margin-bottom: 2rem;
}

.media_contant>p {
    font-size: var(--font-14);
    font-weight: 300;
    color: #28166e;
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .media_col {
        padding: 3rem;
        width: 100%;
    }

    .media_sec {
        padding-block: 8rem 10rem;
    }
}

@media (max-width: 991px) {
    .media_row {
        grid-template-columns: repeat(2, 1fr);
    }

    .media_sec {
        padding-block: 6rem 8rem;
    }
}

@media (max-width: 575px) {
    .media_row {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.4rem;
    }

    .media_sec {
        padding-block: 4rem 6rem;
    }

    .media_col figure {
        width: 50%;
    }
}

/* faculty page css start */
.faculty-sec01 {
    padding-block: 0 7.6rem;
}

.teaching_faculty {
    padding-block: 20rem 13rem;
    background-color: var(--color-white);
    position: relative;
}

.teaching_faculty .border-section figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.faculty-sec {
    padding-block: 10rem 5rem;
}

.faculty-sec .overview_heading>h3 {
    font-size: var(--font-24);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-2b);
    margin-bottom: 3rem;
}

.faculty-sec .overview_heading p {
    font-size: var(--font-21);
    font-weight: 300;
    line-height: 1.4;
}

.condi_data {
    padding: 2rem 0 2.5rem 2rem;
}

.condi_data>span {
    font-size: var(--font-21);
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.condi_data>h5 {
    font-size: var(--font-18);
    font-weight: bold;
    color: var(--color-black);
    line-height: 1.5;
}

.condi_data>p {
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-black);
    line-height: 1.3;
}

.faculty_select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    margin-bottom: 2.5rem;
}

.heading h4 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-28);
    line-height: 1.5;
}

.select-wrapper {
    display: flex;
    gap: 2rem;
    max-width: 45%;
    width: 100%;
    align-items: center;
}

.custom-select {
    position: relative;
    width: 100%;
    border: none;
}

.custom-select select {
    width: 100%;
    padding-block: 1rem;
    padding-inline: 0 3rem;
    border: none;
    appearance: none;
    cursor: pointer;
    border-bottom: solid 1px #8ed1db;
    font-size: var(--font-18);
    font-weight: 300;
    color: #2b2a29;
    line-height: 1.3;
    padding-left: 1.5rem;
}

.custom-select select:focus {
    border: none;
    outline: none;
}

.custom-select::after {
    content: "";
    position: absolute;
    right: 0.5rem;
    top: 42%;
    transform: translateY(-50%) rotate(45deg);
    width: 1rem;
    height: 1rem;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    opacity: 1;
    pointer-events: none;
}
.custom-input {
    font-size: var(--font-18);
    font-weight: normal;
    height: auto;
    margin: 0;
    padding-block: 1rem;
    padding-inline: 0 3rem;
    border-bottom: solid 1px #d0d0d0;
}
.custom-input input{border: none;   color: #2b2a29;}
.custom-input input::placeholder{font-weight: 300;   color: #2b2a29;}
.custom-input input:focus{border: none; outline: none; box-shadow: none;}
.pragraph blockquote {
    font-size: var(--font-42);
    color: var(--color-1a);
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 7.1rem;
}

.list_row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5.9rem 2.5rem;
}

.faculty_names {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    padding-top: 2.5rem;
}

.faculty_names .items h5 {
    font-size: var(--font-16);
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 1rem;
}

.faculty_names .items span {
    font-size: var(--font-18);
    line-height: 1.3;
    font-weight: 400;
    color: var(--color-2b);
    margin-bottom: 1rem;
    display: block;
}

.faculty_names .items p {
    font-size: var(--font-16);
    line-height: 1.3;
    font-weight: 400;
    color: var(--color-2b);
}

.list_col figure img {
    border-radius: 10px;
}

.list_col {
    position: relative;
    z-index: 1;
}

/* full clickable layer */
.list_col .full_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
}

@media (max-width: 1200px) {
    .list_row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 5.9rem 2.5rem;
    }

    .teaching_faculty {
        padding-block: 15rem 12rem;
    }

    .select-wrapper {
        max-width: 36%;
    }
}

@media (max-width: 991px) {
    .faculty-sec {
        padding-block: 6rem 4rem;
    }

    .overview_heading h2 {
        margin-bottom: 3rem;
    }

    .facilities_btn {
        margin-top: 3rem;
    }

    .faculty-sec01 {
        padding-block: 0 5rem;
    }

    .teaching_faculty {
        padding-block: 12rem 8rem;
    }

    .select-wrapper {
        max-width: 50%;
    }

    .pragraph blockquote {
        margin-bottom: 4.1rem;
    }
}

@media (max-width: 767px) {
    .list_row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3.9rem 2.5rem;
    }
}

@media (max-width: 575px) {
    .list_row {
        display: grid;
        grid-template-columns: auto;
        gap: 2.5rem;
    }

    .teaching_faculty {
        padding-block: 6rem;
    }

    .pragraph blockquote {
        margin-bottom: 3.1rem;
    }

    .faculty_select {
        display: block;
    }

    .select-wrapper {
        max-width: 95%;
    }

    .faculty-sec {
        padding-block: 4rem 4rem;
    }

}



/* faculty details page css start */
.faculty-detai-sec {
    padding-block: 10rem 8rem;
}

.details_wrapper {
    position: relative;
    width: 100%;
    display: grid;
    border-radius: 30px;
    margin-right: 0;
    margin-left: 0;
}

.faculty_deCol_w {
    background-color: var(--color-white);
    padding-block: 5.6rem 0;
    padding-inline: 5.6rem 9rem;
    border-radius: 2rem;
}

.faculty_deCol_w p {
    margin-bottom: 2.5rem;
}

.faculty_deCol img {
    border-radius: 2rem;
    position: relative;
    z-index: 2;
}

.details_wrapper:before {
    content: "";
    background:
        url(../images/faculty-bgimage.svg) left center no-repeat,
        linear-gradient(141deg, #282896 2%, #14144b 1%);
    background-size: 65%;
    position: absolute;
    left: 0;
    width: 100%;
    max-height: 54rem;
    height: 100%;
    border-radius: 30px;
}

.faculty_detailsRow {
    display: grid;
    grid-template-columns: repeat(1, 40% auto);
    gap: 2.5rem;
    position: relative;
    padding: 4rem 5.5rem;
}

.faculty_tiangle {
    position: absolute;
    bottom: 0;
    opacity: 100%;
    left: 0rem;
    top: 41rem;
}

.polygon_icons {
    position: absolute;
    top: 39rem;
    opacity: 100%;
    left: 3rem;
    z-index: 3;
}

.faculty_deCol p {
    margin-bottom: 4rem;
    font-size: var(--font-16);
    line-height: 1.3;
    font-weight: 300;
    color: var(--color-2b);
}

.areas_col {
    padding-block: 5rem 0;
    border-bottom: solid 1px #bebedf;
    border-top: solid 1px #bebedf;
}

.areas_col:last-child {
    border: none;
    padding-bottom: 0;
}

.areas_col h4 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-28);
    line-height: 1.3;
    margin-bottom: 3rem;
}

.areas_col p {
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-black);
    line-height: 1.3;
    margin-bottom: 2.5rem;
}

.areas_col:last-child p {
    margin-bottom: 4rem;
}

.areas_col ul {
    margin-bottom: 5rem;
    padding-right: 2rem;
}

.list_check li {
    position: relative;
    font-size: var(--font-16);
    font-weight: normal;
    color: var(--color-2b);
    line-height: 1.3;
    margin-bottom: 3rem;
    padding-left: 2.7rem;
}

.list_check li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6rem;
    width: 0.7rem;
    height: 0.7rem;
    background-color: #6868b5;
    /* background-image: url("../images/list_check.svg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.75rem 0.75rem;
    border-radius: 50%;
}

.pedagogies_inner2,
.infra {
    margin-top: 4rem;
}

.pedagogies_inner2 p strong {
    display: inline-block;
    margin-bottom: 2rem;
}

.pedagogies_inner2 .pos_col h4 {
    margin-bottom: 2rem;
}

.pedagogies_inner2 .pos_col p {
    margin-bottom: 2rem;
}

.grid_2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem 4rem;
}

.grid_2 li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
}

.list_check1 li,
.list_check2 li {
    position: relative;
    font-size: var(--font-16);
    font-weight: normal;
    color: var(--color-2b);
    line-height: 1.3;
    margin-bottom: 1.4rem;
    padding-left: 2.2rem;
}

.list_check1 li::before,
.list_check2 li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6rem;
    width: 0.7rem;
    height: 0.7rem;
    background-color: #6868b5;
    /* background-image: url("../images/list_check.svg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.75rem 0.75rem;
    border-radius: 50%;
}

.list_check2 {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.condi_details {
    padding-left: 12rem;
    padding-top: 3.9rem;
}

.condi_details h4 {
    font-size: var(--font-30);
    font-weight: 300;
    color: var(--color-2b);
    line-height: 1.3;
    margin-bottom: 2rem;
}

.condi_details p>span {
    font-size: var(--font-18);
    font-weight: 400;
    color: var(--color-2b);
    line-height: 1.3;
}

.condi_details p {
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-2b);
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.social_icon ul {
    display: flex;
    gap: 0.9rem;
    padding: 0;
    margin-top: 2rem;
    list-style: none;
}

.social_icon ul li {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social_icon ul li:nth-child(1) {
    background-color: #6868b5;
}

.social_icon ul li:nth-child(2) {
    background-color: #000000;
}

.social_icon ul li:nth-child(3) {
    background-color: #007ebb;
}

.social_icon ul li:nth-child(4) {
    background-color: #11d2ae;
}

.social_icon ul li img {
    width: 1.5rem;
    height: 1.1rem;
    border-radius: 0;
}

@media (max-width: 1699px) {
    .details_wrapper:before {
        background-size: 70%;
    }

    .faculty_deCol:last-child {
        padding-inline: 4.6rem 6rem;
    }

    .areas_col {
        padding-block: 4rem 0;
    }
}

@media (max-width: 1499px) {
    .faculty_tiangle {
        top: 33rem;
    }

    .polygon_icons {
        top: 31rem;
    }

    .faculty-detai-sec {
        padding-block: 8rem 6rem;
    }
}

@media (max-width: 1366px) {
    .condi_details {
        padding-top: 7.9rem;
    }

    .faculty_deCol:last-child {
        padding-inline: 4rem;
    }

    .details_wrapper:before {
        background-size: 56%;
        max-height: 36rem;
    }
}

@media (max-width: 1200px) {
    .faculty_tiangle {
        top: 23rem;
    }

    .condi_details {
        padding-top: 3.9rem;
        padding-left: 7rem;
    }

    .polygon_icons {
        top: 21rem;
    }
}

@media (max-width: 1100px) {
    .details_wrapper:before {
        background-size: 64%;
    }

    .faculty-detai-sec {
        padding-block: 8rem 10rem;
    }

    .faculty_detailsRow {
        padding: 3rem 2.5rem;
    }

    .faculty_deCol:last-child {
        padding-inline: 3rem;
    }

    .polygon_icons {
        bottom: 20rem;
        left: 1rem;
    }
}

@media (max-width: 991px) {
    .faculty_detailsRow {
        grid-template-columns: repeat(1, 1fr);
    }

    .faculty_tiangle {
        top: 19rem;
    }

    .faculty_deCol:last-child {
        padding-block: 4rem;
    }

    .faculty-detai-sec {
        padding-block: 6rem 4rem;
    }

    .details_wrapper:before {
        background-size: 68%;
    }

    .polygon_icons {
        top: 16rem;
    }

    .condi_details {
        padding-top: 4rem;
        padding-left: 4rem;
    }

    .faculty_deCol:last-child {
        padding-inline: 4rem;
    }
}

@media (max-width: 575px) {
    .faculty-detai-sec {
        padding-block: 4rem 4rem;
    }

    .condi_details {
        padding-top: 4rem;
        padding-left: 2rem;
        position: relative;
        z-index: 9;
    }

    .faculty_deCol:last-child {
        padding-inline: 2rem;
        padding-block: 2rem;
    }

    .faculty_deCol p {
        margin-bottom: 2rem;
    }

    .areas_col {
        padding-block: 2rem 0;
    }

    .areas_col p {
        margin-bottom: 2rem;
    }

    .areas_col h4 {
        margin-bottom: 2rem;
    }

    .list_check li {
        margin-bottom: 2rem;
    }

    .areas_col ul {
        margin-bottom: 2rem;
        padding-right: 0rem;
    }

    .areas_col:last-child p {
        margin-bottom: 2rem;
    }
}

@media (max-width: 480px) {
    .faculty_tiangle {
        top: 12rem;
    }

    .polygon_icons {
        top: 10rem;
    }
}

/* contact page css start */

.contact-sec {
    padding-block: 10rem 6.1rem;
}

.contact_wrapper {
    position: relative;
    width: 100%;
    display: grid;
    margin-bottom: 0;
    background: linear-gradient(141deg, #282896 2%, #14144b 1%);
    border-radius: 30px;
    margin-right: 0;
    margin-left: 0;
    height: 60rem;
}

.contact_details:last-child {
    background-color: var(--color-white);
    padding-block: 5.6rem 0;
    padding-inline: 5.6rem 9rem;
    border-radius: 2rem;
}

.contact_wrapper:before {
    content: "";
    background: url(../images/contact-bg.png) left center no-repeat;
    background-size: 62%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.contact_detailsRow {
    display: grid;
    grid-template-columns: repeat(1, 75% auto);
    gap: 4.5rem;
    position: relative;
    padding: 3.4rem 4.7rem 3.4rem 5.8rem;
    align-items: center;
}

.contact_details h3 {
    font-size: var(--font-48);
    font-weight: 300;
    color: var(--color-white);
    line-height: 1.2;
    margin-bottom: 5rem;
}

.contact_details p {
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-white);
    line-height: 1.3;
    margin-bottom: 3rem;
}

.contact_details p>a {
    font-size: var(--font-16);
    font-weight: bold;
    color: var(--color-white);
    line-height: 1.3;
}

.address_row {
    display: grid;
    grid-template-columns: 38.6% 29.3% 32.1%;
    gap: 4rem;
}

.address_col {
    display: flex;
    gap: 1rem;
}

.contact_iconsCol figure {
    width: 2.6rem;
    height: 2.6rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.contact_detailsCol>p {
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-white);
    line-height: 1.5;
    margin-bottom: 1rem;
}

.contact_detailsCol h4>a {
    font-size: var(--font-21);
    font-weight: bold;
    color: var(--color-white);
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.contact_detailsCol>span {
    font-size: var(--font-14);
    font-weight: 300;
    color: var(--color-white);
    line-height: 1.4;
    margin-bottom: 0.5rem;
    display: block;
    max-width: 80%;
}

.contact_iconsCol figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.contact_form {
    max-width: 342px;
    background: var(--color-white);
    padding: 3rem 2.8rem 3rem;
    border-radius: 2rem;
}

.contact_form h4 {
    font-size: var(--font-18);
    font-weight: bold;
    color: var(--color-2b);
    line-height: 1.4;
    margin-bottom: 4rem;
}

.form_group {
    margin-bottom: 2rem;
}

.form_group input,
.form_group textarea,
.form_group select {
    width: 100%;
    padding: 1rem;
    border: none;
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-2b);
    line-height: 1.4;
    outline: none;
    border-bottom: solid 1px #66c3d0;
}

.form_group textarea {
    min-height: 7.2rem;
    resize: none;
}

.custom-select {
    position: relative;
    border-bottom: solid 1px #d0d0d0;
}

.custom-select select {
    appearance: none;
    cursor: pointer;
    border-bottom: solid 1px #d0d0d0;
    border: none;
}

.custom-select::after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.submit_btn {
    width: 100%;
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-white);
    line-height: 1.4;
    background: var(--color-28);
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: 0.3s ease;
    padding-block: 1.1rem;
    position: relative;
}

.search_btn button {
    position: relative;
}

.submit_btn::before {
    content: "";
    display: block;
    width: 100%;
    height: 0%;
    background: #ffcb05;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0.2rem;
    transition: 0.5s;
}

.search_btn button::before {
    content: "";
    display: block;
    width: 100%;
    height: 0%;
    background: var(--color-28);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0.2rem;
    transition: 0.5s;
}

.submit_btn:hover::before {
    height: 100%;
    z-index: -1;
}

.search_btn button:hover::before {
    height: 100%;
    z-index: -1;
}

.search_btn button:hover {
    color: #fff;
}

.submit_btn:hover,
.search_btn button:hover {
    background: transparent;
}

.city_list {
    background-color: var(--color-white);
    padding-block: 5.9rem;
    padding-inline: 9.7rem;
    border-radius: 3rem;
    margin-bottom: 5rem;
}

.city_list h4 {
    font-size: var(--font-24);
    font-weight: 300;
    color: var(--color-2b);
    line-height: 1.2;
    margin-bottom: 5rem;
}

.search_fild {
    display: grid;
    grid-template-columns: repeat(1, 40% 10% 18%);
    gap: 6.6rem;
    align-items: center;
    padding-right: 0;
    margin-inline: 0;
}

.search_fild .form_group select {
    padding: 1rem;
}

.checkbox_group input[type="checkbox"] {
    display: none;
}

.city_list .custom-select select {
    appearance: none;
    cursor: pointer;
    border-bottom: solid 1px #ddd8d8;
}

.checkbox_group label {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 1.5rem;
    font-size: var(--font-18);
    font-weight: 300;
    color: var(--color-2b);
    line-height: 1.2;
}

.check_icon {
    width: 1.6rem;
    height: 1.6rem;
    border: none;
    display: inline-block;
    border-radius: 0.2rem;
    position: relative;
    transition: all 0.3s;
    background: #ffcb05;
}

.checkbox_group input[type="checkbox"]:checked+label .check_icon {
    background-color: #ffcb05;
}

.checkbox_group input[type="checkbox"]:checked+label .check_icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 0.8rem;
    background-image: url("../images/icons/cont_checkIcon.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.search_btn button {
    background-color: #ffcb05;
    padding-block: 1rem;
    padding-inline: 5rem;
    border: none;
    font-size: var(--font-16);
    font-weight: 400;
    color: var(--color-black);
    line-height: 1.2;
}

.contact_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.3rem;
    padding-top: 6.7rem;
}

.contact_items {
    padding-bottom: 2.7rem;
    border-bottom: solid 1px #ddd;
}

.contact_items h5 {
    font-size: var(--font-18);
    font-weight: bold;
    color: var(--color-2b);
    line-height: 1.2;
    margin-bottom: 3.3rem;
}

.contact_items ul li {
    display: flex;
    gap: 1.7rem;
    margin-bottom: 3rem;
    align-items: baseline;
    line-height: 1.5;
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-2b);
}

.contact_items ul li>span {
    max-width: 85%;
}

.contact_items ul li>span>a {
    color: var(--color-2b);
}

@media (max-width: 1366px) {
    .contact_detailsRow {
        grid-template-columns: repeat(1, 70% auto);
    }

    .address_row {
        grid-template-columns: 38.6% 24.3% 29.1%;
        gap: 3rem;
    }

    .contact_items ul li>span {
        max-width: 88%;
    }

    .city_list {
        padding-block: 4.9rem;
        padding-inline: 5.7rem;
        border-radius: 3rem;
        margin-bottom: 4rem;
    }

    .contact_wrapper:before {
        background-size: 73%;
    }
}

@media (max-width: 1200px) {
    .contact-sec {
        padding-block: 8rem 6.1rem;
    }

    .contact_detailsRow {
        padding: 3.4rem 2.7rem 2.4rem 3.8rem;
    }

    .contact_wrapper:before {
        background-size: 81%;
    }

    .address_row {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .contact_detailsRow {
        grid-template-columns: repeat(1, 64% auto);
    }

    .contact_items ul li>span {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .contact_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact_detailsRow {
        grid-template-columns: repeat(1, 55% auto);
    }

    .address_row {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .contact_wrapper:before {
        background-size: 100%;
    }
}

@media (max-width: 767px) {
    .contact_detailsRow {
        grid-template-columns: repeat(1, 1fr);
    }

    .contact-sec {
        padding-block: 6rem 6rem;
    }

    .contact_details h3 {
        margin-bottom: 3rem;
    }

    .contact_form {
        max-width: 100%;
    }

    .contact_wrapper {
        height: 100%;
    }

    .contact_wrapper:before {
        background-size: 158rem;
    }

    .search_fild {
        grid-template-columns: repeat(1, 40% 15% 25%);
        gap: 4.6rem;
    }

    .contact_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .contact_items ul li:last-child {
        margin-bottom: 0;
    }

    .contact_items h5 {
        margin-bottom: 2.3rem;
    }
}

@media (max-width: 575px) {
    .contact_wrapper:before {
        display: none;
    }

    .city_list {
        padding: 4rem 2rem 4rem;
        margin-bottom: 4rem;
    }

    .contact_detailsRow {
        padding: 3.4rem 2rem 2.4rem;
    }

    .contact-sec {
        padding-block: 4rem 4rem;
    }

    .search_fild {
        grid-template-columns: repeat(2, 1fr);
        gap: 0rem 4rem;
    }

    .contact_list {
        padding-top: 2rem;
    }

    .contact_form h4 {
        margin-bottom: 2rem;
    }
}

/* students facilities css start */
.overview_heading.facilities_heading {
    max-width: 100%;
}

.overview_heading.facilities_heading p {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 1.3;
}

.overview_heading.facilities_heading h2 {
    margin-bottom: 3rem;
}

.facilities_list {
    position: relative;
    padding-block: 6.5rem 0;
}

.facilities_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

.facilities_contant {
    background-color: var(--color-white);
    padding: 3rem 2.7rem 3.6rem 3rem;
    position: relative;
}

.facilities_contant h4 {
    font-size: var(--font-21);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-black);
    margin-bottom: 2rem;
}

.facilities_contant p {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 1.2;
    color: var(--color-2b);
    margin-bottom: 2rem;
}

.facilities_items {
    position: relative;
    z-index: 1;
}

.facilities_contant .visit_icons {
    position: relative;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.facilities_contant .visit_icons::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #e3e3e3;
    opacity: 0.53;
    border-radius: 10px;
    z-index: 0;
}

.facilities_contant .visit_icons img {
    position: relative;
    z-index: 1;
    height: auto;
}

.facilities_items .full_link {
    position: absolute;
    inset: 0;
    z-index: 5;
}

.facilities_items img {
    border-radius: 1rem;
}

.visit_icons img {
    border-radius: 0;
}

.cus_pecialization {
    margin-block: 5rem 0;
}

.specilization_sec {
    margin-block: 5rem 0;
    background-color: var(--color-white);
    border-radius: 2rem;
    padding: 4.4rem 4.6rem 7.1rem 6.4rem;
}

.specilization_sec.grid_2 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
}

.specilization_sec ul li::after {
    content: "";
    position: absolute;
    background-color: #ddd;
    width: 100%;
    left: 0%;
    right: 0;
    bottom: 0;
    height: 0.1rem;
}

.specilization_sec ul li {
    position: relative;
    padding-bottom: 1.5rem;
}

.more-text {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.more-text.show {
    max-height: 1000px;
    /* enough height for full text */
}

.toggle-btn i {
    transition: transform 0.3s ease;
}

.toggle-btn.active i {
    transform: rotate(180deg);
}

button.toggle-btn {
    background-color: #ffcb05;
    border: none;
    padding: 0.5rem 0.8rem 0.2rem;
    margin-top: 1rem;
}

.cus-career-list h5 {
    font-size: var(--font-18);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-2b);
    margin-block: 2rem;
}

@media (max-width: 1024px) {
    .abour_overview {
        padding-block: 4rem 6rem;
    }

    .facilities_contant {
        padding: 2rem;
    }
}

@media (max-width: 991px) {
    .facilities_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .facilities_list {
        padding-block: 4rem 0;
    }
}

@media (max-width: 575px) {
    .facilities_list {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* library page css start  */
.library_heading h2 {
    font-size: var(--font-48);
    font-weight: bold;
    line-height: 1;
    color: var(--color-black);
    margin-bottom: 5rem;
}

.library_heading p {
    font-size: var(--font-24);
    font-weight: 300;
    line-height: 1.3;
    color: var(--color-2b);
    margin-bottom: 5rem;
}

.overview_heading.library_heading {
    max-width: 99%;
}

.facility_library_sec {
    position: relative;
    padding-top: 18.6rem;
    border-top: 1px solid #9e9d9d7d;
    margin-top: 10rem;
    border-bottom: 1px solid #9e9d9d7d;
    padding-bottom: 10rem;
}

.library_wrapper {
    position: relative;
    width: 100%;
    display: grid;
    margin-bottom: 11rem;
    background: linear-gradient(141deg, #282896 2%, #14144b 1%);
    border-radius: 30px;
    margin-right: 0;
    margin-left: 0;
}

.library_wrapper:before {
    content: "";
    background: url("../images/library_bgImage.svg") left center no-repeat;
    background-size: 33%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.library_border {
    position: relative;
    height: 3.2rem;
    background-color: var(--color-dc);
    opacity: 0.75;
    margin-top: auto;
}

.library_wrapper>* {
    grid-area: 1/1;
    margin-inline: -4.45rem;
}

.library_wrapper>figure {
    background-color: var(--color-23);
}

.library_grid {
    display: grid;
    grid-template-columns: repeat(1, 47% auto);
    gap: 2.5rem;
}

.library_item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
}

.library_grid>.sec_title {
    padding: 8rem 14.2rem 1rem 16.5rem;
    position: relative;
}

.library_left>.sec_title p {
    color: var(--color-white);
    font-weight: 300;
    padding-inline: 11rem 14rem;
}

.library_right {
    position: relative;
}

.library_right>figure {
    margin-block: -5.3rem -10.8rem;
    margin-right: -5.4rem;
}

.library_left {
    padding-left: 12rem;
    margin-block: 3.6rem -18rem;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.library_item {
    position: relative;
}

.library_item img {
    border-radius: 1rem;
}

.library_right img {
    border-radius: 1rem;
}

.more_btn {
    background: #ffffff45;
    border-radius: 10px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    margin-bottom: 2rem;
}

.library_library_sec .tiangle_icon {
    position: absolute;
    bottom: -5rem;
    opacity: 92%;
    left: 4.4rem;
}

.digi_online_sec {
    padding-block: 6rem 5rem;
}

.online_heading h3 {
    text-align: center;
    position: relative;
    font-size: var(--font-21);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-black);
}

.online_heading h3::before {
    position: absolute;
    content: "";
    width: 42%;
    height: 0.1rem;
    background-color: #d4d4ea;
    left: 0;
    top: 1rem;
}

.online_heading h3::after {
    position: absolute;
    content: "";
    width: 42%;
    height: 0.1rem;
    background-color: #d4d4ea;
    right: 0;
    top: 1rem;
}

.digital_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2.5rem;
    padding-block: 5rem 0;
}

.reading_figurs {
    background-color: var(--color-white);
    padding-block: 10.5rem;
}

.reading_figurs .grid_2 {
    display: grid;
    grid-template-columns: repeat(1, 49% auto);
    gap: 14.1rem;
}

.reading_figurs .reading_image img {
    border-radius: 3rem;
}

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

.counterItems {
    padding: 3.5rem;
}

.counterItems {
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd;
}

.counterItems:nth-child(1) {
    border-left: none;
}

.counterItems:nth-child(3) {
    border-left: none;
    border-bottom: none;
}

.counterItems:nth-child(4) {
    border-bottom: none;
}

.library_icons {
    max-width: 3.8rem;
    margin-bottom: 1.5rem;
}

.counterFigure h2 {
    font-size: var(--font-48);
    font-weight: bold;
    line-height: 1;
    color: var(--color-28);
}

.counterFigure span {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 1.2;
    color: var(--color-2b);
}

.library_grid .polygon_icons {
    bottom: 0;
    top: -3.4rem;
    opacity: 100%;
    left: 3rem;
    z-index: 3;
}

@media (max-width: 1749px) {
    .library_wrapper>* {
        margin-inline: 0;
    }

    .library_left>.sec_title p {
        padding-inline: 11rem 13rem;
    }

    .library_library_sec .tiangle_icon {
        left: 0rem;
    }

    .library_left {
        padding-left: 9rem;
    }
}

@media (max-width: 1649px) {
    .library_right>figure {
        margin-block: -5.3rem -10.8rem;
        margin-right: 0;
    }

    .library_left {
        margin-block: 3.6rem -16rem;
    }

    .online_heading h3::before {
        width: 40%;
    }

    .online_heading h3::after {
        width: 40%;
    }
}

@media (max-width: 1366px) {
    .library_left>.sec_title p {
        padding-inline: 11rem 5rem;
    }
}

@media (max-width: 1299px) {
    .library_left>.sec_title p {
        padding-inline: 2rem 5rem;
    }

    .library_left {
        margin-block: 3.6rem -14rem;
    }

    .reading_figurs .grid_2 {
        gap: 11.1rem;
    }

    .abour_overview {
        /* padding-block: 4rem 6rem; */
    }

    .library_wrapper:before {
        background-size: 24%;
    }
}

@media (max-width: 1199px) {
    .library_left {
        padding-left: 3rem;
    }
}

@media (max-width: 991px) {
    .library_left>.sec_title p {
        padding-inline: 4rem 1rem;
    }

    .library_left {
        margin-block: 3.6rem 1rem;
        padding-left: 2rem;
    }

    .online_heading h3::before {
        width: 36%;
    }

    .online_heading h3::after {
        width: 36%;
    }

    .reading_figurs {
        padding-block: 6.5rem;
    }

    .reading_figurs .grid_2 {
        gap: 6rem;
    }

    .counterItems {
        padding: 2rem;
    }

    .library_heading p {
        margin-bottom: 3rem;
    }

    .library_heading h2 {
        margin-bottom: 3rem;
    }

    .library_wrapper {
        margin-bottom: 0;
    }

    .library_right>figure {
        margin-block: 0;
        padding: 2rem;
    }
}

@media (max-width: 767px) {
    .library_grid {
        display: block;
    }

    .library_left {
        margin-block: 2rem;
        padding-left: 2rem;
        padding: 2rem;
    }

    .abour_overview {
        margin-block: 0;
        padding-block: 0rem;
    }

    .online_heading h3::before {
        width: 33%;
    }

    .online_heading h3::after {
        width: 33%;
    }

    .digital_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .reading_figurs .grid_2 {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .reading_figurs {
        padding-block: 3rem;
    }

    .digi_online_sec {
        padding-block: 4rem;
    }

    .overview_heading.library_heading {
        max-width: 100%;
        padding-top: 2rem;
    }

    .sec_title {
        padding-block: 2rem;
    }
}

@media (max-width: 575px) {
    .library_left {
        margin-block: 2rem 0;
    }

    .library_right>figure {
        margin-block: 0;
        padding: 0 2rem 2rem;
    }

    .digital_grid {
        padding-block: 2rem 0;
    }

    .online_heading h3::before {
        width: 25%;
    }

    .online_heading h3::after {
        width: 25%;
    }
}

@media (max-width: 380px) {
    .library_item {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .digi_online_sec {
        padding-block: 2rem;
    }

    .online_heading h3::before {
        width: 20%;
    }

    .online_heading h3::after {
        width: 20%;
    }

    .digital_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }
}

/* couse page css start */
.course_pageSec {
    padding-block: 5rem 4.2rem;
    margin-top: 0;
}

.course_details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0rem;
}

.course_details .course_icons {
    width: 28px;
    height: 28px;
}

.course_details .course_icons2 {
    width: 21px;
    height: 21px;
}

.course_details .course_icons3 {
    width: 24px;
    height: 24px;
}

.couse_names span {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 1.2;
    color: var(--color-2b);
    opacity: 0.8;
}

.couse_names h5 {
    font-size: var(--font-21);
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-28);
    opacity: 1;
}

/* .couse_names span {
    font-size: var(--font-21);
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-28);
    opacity: 1;
} */

.couse_level,
.couse_duration,
.program_fee {
    display: flex;
    gap: 1.2rem;
    padding-inline: 0rem;
    position: relative;
}

.course_details .program_fee {
    border-right: none;
    padding-inline: 4rem;
}

.breadcrumb_header.course_header {
    position: relative;
}

.breadcrumb_header.course_header::before {
    background-image: url(../images/couses_line.svg);
    width: 100%;
    background-repeat: no-repeat;
    left: -1rem;
    bottom: -1px;
    height: 4px;
    content: "";
    position: absolute;
}

.buttons {
    display: flex;
    gap: 2rem;
}

.courses_row {
    display: grid;
    grid-template-columns: repeat(1, 54% auto);
    gap: 12rem;
    padding-top: 0;
}

.buttons {
    display: flex;
    gap: 2rem;
}

.buttons .download_btn,
.buttons .apply_btn {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
}

.buttons .download_btn::before,
.buttons .apply_btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
    z-index: 0;
}

.buttons .download_btn {
    background-color: #ffcb05;
    padding: 1.1rem 2.5rem;
}

.buttons .download_btn::before {
    background-color: var(--color-28);
}

.buttons .download_btn:hover::before {
    bottom: 0;
}

.buttons .apply_btn {
    background-color: var(--color-28);
    padding: 1.1rem 6.5rem;
}

.buttons .apply_btn::before {
    background-color: #ffcb05;
}

.buttons .apply_btn:hover::before {
    bottom: 0;
}

.buttons .download_btn a,
.buttons .apply_btn a {
    position: relative;
    z-index: 1;
    font-size: var(--font-16);
    line-height: 1.3;
    text-decoration: none;
    transition: color 0.4s ease;
}

.buttons .download_btn a {
    color: var(--color-2b);
}

.buttons .download_btn:hover a {
    color: var(--color-white);
}

.buttons .apply_btn a {
    color: var(--color-white);
}

.buttons .apply_btn:hover a {
    color: var(--color-2b);
}

.addmission_sec {
    position: relative;
    padding-block: 0 10rem;
}

.procedure {
    background-color: #6868b5;
    border-radius: 20px;
    padding: 5.6rem 5.5rem 5.8rem 5.1rem;
    margin-top: -30rem;
    position: relative;
    z-index: 3;
}

@media (min-width: 1280px) {
    .procedure {
        position: sticky;
        top: 15rem;
    }
}

.procedure::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/proces_bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    opacity: 1;
}

.procedure>* {
    position: relative;
    z-index: 3;
}

.addmi_detailsRow {
    display: grid;
    grid-template-columns: repeat(1, 32% auto);
    gap: 3.3rem;
    align-items: start;
}

.procedure>h4 {
    font-size: var(--font-21);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-white);
    opacity: 1;
    margin-bottom: 3rem;
}

.procedure>p {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 1.5;
    color: var(--color-white);
    opacity: 1;
    margin-bottom: 3.5rem;
}

.addmi_btns {
    margin-top: 5.3rem;
}
.fee_structure{display: flex; align-items: center; gap: 0.8rem;}
.fee_structure>a {
    padding: 1.1rem 2.5rem 1.1rem;
    border-radius: 5px;
    background-color: #ffcb05;
    font-size: var(--font-16);
    font-weight: normal;
    line-height: 1.3;
    color: var(--color-2b);
    margin-bottom: 0.8rem;
}

.fee_evaluation {
    display: none;
}


.fee_evaluation>a {
    padding: 1.1rem 2.5rem 1.1rem;
    border-radius: 5px;
    background-color: var(--color-white);
    font-size: var(--font-16);
    font-weight: normal;
    line-height: 1.3;
    color: var(--color-2b);
    margin-bottom: 0.8rem;
}

.fee_curriculum>a {
    padding: 1.1rem 2.5rem 1.1rem;
    border-radius: 5px;
    background-color: var(--color-white);
    font-size: var(--font-16);
    font-weight: normal;
    line-height: 1.3;
    color: var(--color-2b);
    margin-bottom: 0.8rem;
}

.procedure p:nth-of-type(2) {
    max-width: 95%;
}

.addmi_btns a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    overflow: hidden;
    z-index: 1;
}

.addmi_btns a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--color-28);
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.addmi_btns a:hover::before {
    bottom: 0;
}

.addmi_btns a {
    transition: color 0.3s ease-in-out;
}

.addmi_btns a:hover {
    color: #ffffff;
}

.addmi_btns a img {
    transition: filter 0.3s ease-in-out;
}

.addmi_btns a:hover img {
    filter: brightness(0) invert(1);
}
/* .addmi_btns .fee_structure a img{
    width: 2rem;
} */


.about_contant {
    padding-block: 6.8rem 0;
    padding-inline: 6.4rem 0;
}
.about_contant ul{margin-bottom: 2rem;}
.about_contant ul li{margin-bottom: 1rem;}
.about_contant ul li a{color: var(--color-2b);}
.procedure_contant .procedure_heading {
    font-size: var(--font-24);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-2b);
    opacity: 1;
    margin-bottom: 3rem;
}

.about_contant>blockquote {
    font-size: var(--font-21);
    font-weight: 300;
    line-height: 1.3;
    color: var(--color-2b);
    margin-bottom: 3rem;
}

.procedure_contant p {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 1.5;
    color: var(--color-2b);
}

.eligibility_contant {
    background-color: #ffcb05;
    margin-block: 5.9rem 5rem;
    padding: 4.4rem 6.6rem 4.8rem 6.4rem;
    border-radius: 2rem;
}

.key_highlights {
    padding: 4.4rem 4.6rem 4.8rem 6.4rem;
    background-color: var(--color-white);
    border-radius: 2rem;
}

.margin-top-5 {
    margin-top: 5rem;
}

.key_highlights ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 2.5rem;
    margin-block: 5rem;
    border-radius: 2rem;
}

.key_highlights .pedagogies-li ul {
    margin-block: 3rem;
}

.key_highlights .list_check li {
    margin-bottom: 0;
}

.key_highlights ul li {
    position: relative;
    padding-bottom: 1.5rem;
}

.key_highlights ul li h5 {
    font-size: var(--font-16);
    margin-bottom: 1.5rem;
    font-weight: 500;
}

.key_highlights ul li ul {
    display: block;
    margin-block: 1rem 0;
    margin-left: 2rem;
}

.key_highlights ul li ul li::after {
    display: none;
}

.key_highlights ul li ul li::before {
    display: none;
}

.key_highlights ul li ul li {
    list-style-type: disc;
    padding-left: 1rem;
}

.key_highlights ul li ul li::marker {
    color: var(--color-53);
}

.key_highlights ul li::after {
    content: "";
    position: absolute;
    background-color: #ddd;
    width: 88%;
    left: 7.5%;
    right: 0;
    bottom: 0;
    height: 0.1rem;
}

.peos {
    padding: 4.4rem 4.6rem 7.1rem 6.4rem;
    background-color: var(--color-white);
    margin-block: 5rem;
    border-radius: 2rem;
}

.specialization {
    margin-top: 5rem;
}

.peos h4 {
    font-size: var(--font-18);
    margin-block: 1.5rem;
}

.peos_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.1rem 7.6rem;
    padding-top: 1.2rem;
}

.peos_col>h2 {
    font-size: var(--font-21);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-2b);
    opacity: 1;
    margin-bottom: 3.2rem;
}

.peos_col h4 {
    font-size: var(--font-16);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-28);
    margin-bottom: 3.2rem;
}

.pos {
    padding: 4.4rem 4.6rem 7.1rem 6.4rem;
    background-color: var(--color-white);
    margin-block: 5rem;
    border-radius: 2rem;
}

.pos_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.1rem 7.6rem;
    padding-top: 1.2rem;
}

.pos_col>h2 {
    font-size: var(--font-21);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-2b);
    opacity: 1;
    margin-bottom: 0.5rem;
}

.pos_col>h4 {
    font-size: var(--font-16);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-28);
    margin-bottom: 3.2rem;
}

.pso {
    padding: 4.4rem 4.6rem 7.1rem 6.4rem;
    background-color: var(--color-white);
    margin-block: 5rem;
    border-radius: 2rem;
}

.pso_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.1rem 7.6rem;
    padding-top: 1.2rem;
}

.pso_col>h2 {
    font-size: var(--font-21);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-2b);
    opacity: 1;
    margin-bottom: 3.2rem;
}

.pso_col>h4 {
    font-size: var(--font-16);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-28);
    margin-bottom: 3.2rem;
}

.career_prospects {
    padding: 4.4rem 4.6rem 4.1rem 6.4rem;
    background-color: var(--color-white);
    margin-block: 5rem;
    border-radius: 2rem;
}

.career_prospects h6 {
    font-size: var(--font-16);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-2b);
    margin-block: 3rem;
}

.career_oppo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.7rem;
}

.career_prosgrid1 .career_oppo {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2rem;
}

.career_prosgrid1 .career_oppo .procedure_heading {
    margin-bottom: 2rem;
}

.career_oppo.btmcareer {
    margin-bottom: 5rem;
}

.career_col img {
    border-radius: 1rem;
    margin-bottom: 1rem;
}

.heading_small>h4 {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 1.3;
    color: var(--color-2b);
}

.placements_sec {
    background-color: var(--color-white);
    margin-block: 5rem;
    border-radius: 2rem;
}

.placements_sec .place_banner {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}

.placement_contant {
    padding: 4.2rem 4.6rem 5.8rem 6.4rem;
}

.faq_sec {
    padding: 4.9rem 4.6rem 6.1rem 6.4rem;
    background-color: var(--color-white);
    margin-block: 5rem;
    border-radius: 2rem;
}

.faq_sec h3 {
    padding-bottom: 1rem;
}

.faq_sec .accordion-item {
    background: transparent;
}

.faq_sec .accordion-button {
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding-left: 0;
    padding-right: 0;
    font-size: var(--font-18);
    font-weight: 400;
    color: var(--color-28);
    line-height: 1.3;
    padding: 0;
}

.faq_sec .accordion-button:focus {
    box-shadow: none;
    outline: none;
}

.faq_sec .accordion-button::after {
    display: none;
}

.faq_sec .accordion-body {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    font-size: var(--font-18);
    color: var(--color-2b);
    line-height: 1.3;
    font-weight: 300;
    padding: 3rem 0rem 0rem 3rem;
}

.faq_sec .accordion-item {
    padding-block: 3rem;
}

.faq_sec .accordion-flush>.accordion-item:first-child {
    border-top: solid 1px #d4d4ea;
}

.faq_sec .accordion-flush>.accordion-item:last-child {
    border-bottom: solid 1px #d4d4ea;
}

.faq_sec .accordion-button:not(.collapsed) {
    color: var(--color-28);
}

.cus-grid ul {
    grid-template-columns: repeat(1, 1fr);
}

@media (max-width: 1549px) {
    .addmi_detailsRow {
        grid-template-columns: repeat(1, 34% auto);
    }

    .peos_row {
        gap: 5.1rem 5.6rem;
    }

    .pos_row {
        gap: 5.1rem 4.6rem;
    }
}

@media (max-width: 1366px) {
    .course_pageSec {
        padding-block: 8rem 4.2rem;
    }

    .courses_row {
        grid-template-columns: repeat(1, 50% auto);
        gap: 10rem;
    }

    .procedure {
        padding: 4.6rem 4.5rem 4.8rem 4.1rem;
        margin-top: -24rem;
    }

    .about_contant {
        padding-block: 4.8rem 0;
        padding-inline: 4.4rem 0;
    }

    .eligibility_contant {
        margin-block: 4rem;
        padding: 4.4rem 4.4rem 4.8rem 4.4rem;
    }

    .key_highlights {
        padding: 4.4rem 4.4rem 4.8rem 4.4rem;
    }

    .peos {
        padding: 4.4rem 4.4rem 4.8rem 4.4rem;
        margin-block: 4rem;
    }

    .pos {
        padding: 4.4rem 4.4rem 4.8rem 4.4rem;
        margin-block: 4rem;
    }

    .career_prospects {
        padding: 4.4rem 4.4rem 4.8rem 4.4rem;
        margin-block: 4rem;
    }

    .placement_contant {
        padding: 4.4rem 4.4rem 4.8rem 4.4rem;
    }

    .faq_sec {
        padding: 4.4rem 4.4rem 4.8rem 4.4rem;
        margin-block: 4rem;
    }
}

@media (max-width: 1200px) {
    .procedure {
        padding: 4rem;
        margin-top: -20rem;
    }

    .addmi_detailsRow {
        grid-template-columns: repeat(1, 38% auto);
    }

    .about_contant {
        padding-block: 3.4rem 0;
        padding-inline: 3.4rem 0;
    }

    .eligibility_contant {
        padding: 3.4rem;
    }

    .key_highlights {
        padding: 3.4rem;
    }

    .key_highlights ul {
        gap: 2rem 2.5rem;
        margin-block: 4rem;
    }

    .peos {
        padding: 3.4rem;
    }

    .peos_row {
        gap: 2.5rem;
    }

    .pos {
        padding: 3.4rem;
    }

    .pos_row {
        gap: 2.5rem;
    }

    .career_prospects {
        gap: 2.5rem;
    }

    .placement_contant {
        padding: 3.4rem;
    }

    .faq_sec {
        padding: 3.4rem;
    }

    .addmission_sec {
        padding-block: 0 6rem;
    }

    .career_oppo {
        grid-template-columns: repeat(2, 1fr);
    }

    .courses_row {
        gap: 6rem;
    }
}

@media (max-width: 1024px) {
    .procedure {
        padding: 3rem;
        margin-top: -16rem;
    }

    .key_highlights ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 2.5rem;
        margin-block: 3rem;
    }

    .key_highlights ul li::after {
        left: 4.5%;
    }

    .peos_row {
        grid-template-columns: repeat(1, 1fr);
        gap: 4rem;
    }

    .pos_row {
        grid-template-columns: repeat(1, 1fr);
        gap: 2.5rem;
    }
}

@media (max-width: 991px) {
    .addmi_detailsRow {
        grid-template-columns: repeat(1, 1fr);
        gap: 0rem;
    }

    .courses_row {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .course_pageSec {
        padding-block: 6rem 4rem;
    }

    .couse_level,
    .couse_duration,
    .program_fee {
        justify-content: flex-start;
        border-right: none;
    }

    .procedure {
        padding: 4rem;
        margin-top: 2rem;
    }

    .about_contant {
        padding-block: 4rem 0;
        padding-inline: 4rem 2rem;
    }

    .eligibility_contant {
        padding: 4rem;
    }

    .key_highlights {
        padding: 4rem;
    }

    .peos_row {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .pos {
        padding: 4rem;
    }

    .career_prospects {
        padding: 4rem;
    }

    .placement_contant {
        padding: 4rem;
    }

    .faq_sec {
        padding: 4rem;
    }
}

@media (max-width: 575px) {
    .course_details {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .course_pageSec {
        padding-block: 4rem 4rem;
    }
}

@media (max-width: 480px) {
    .buttons .apply_btn {
        padding: 1.1rem 2.5rem;
    }

    .buttons .download_btn {
        background-color: #ffcb05;
        padding: 1.1rem 1.5rem;
    }

    .course_pageSec {
        padding-block: 2rem;
    }

    .procedure {
        padding: 3rem;
    }

    .addmi_btns {
        margin-top: 3rem;
    }

    .about_contant {
        padding-inline: 3rem 0rem;
    }

    .procedure_contant .procedure_heading {
        margin-bottom: 2rem;
    }

    .eligibility_contant {
        padding: 3rem;
    }

    .key_highlights {
        padding: 3rem;
    }

    .peos {
        padding: 3rem;
    }

    .pos {
        padding: 3rem;
    }
 .pso {
        padding: 3rem;
    }
    .career_prospects {
        padding: 3rem;
    }

    .career_oppo {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }
.list_check2{ grid-template-columns: repeat(1, 1fr);}
    .placement_contant {
        padding: 3rem;
    }

    .faq_sec {
        padding: 3rem;
    }

    .faq_sec .accordion-item {
        padding-block: 2rem;
    }

    .faq_sec .accordion-body {
               padding: 2rem 1rem 0rem 1rem;
    }
}

@media (max-width: 420px) {
    .about_contant {
        padding-inline: 2rem 0rem;
        padding-block: 2rem 0;
    }

    .about_contant>blockquote {
        margin-bottom: 2rem;
    }

    .eligibility_contant {
        margin-block: 2rem;
    }

    .key_highlights {
        padding: 2rem;
    }

    .eligibility_contant {
        padding: 2rem;
    }

    .peos {
        padding: 2rem;
        margin-block: 2rem;
    }

    .peos_col h4 {
        margin-bottom: 2rem;
    }

    .pos {
        padding: 2rem;
        margin-block: 2rem;
    }

    .pos_col>h4 {
        margin-bottom: 2rem;
    }

    .career_prospects {
        padding: 2rem;
    }

    .career_prospects>h6 {
        margin-block: 2rem;
    }

    .placements_sec {
        margin-block: 2rem;
    }

    .placement_contant {
        padding: 2rem;
    }

    .faq_sec {
        margin-block: 2rem;
    }

    .addmission_sec {
        padding-block: 0 4rem;
    }
}

/* civil-eng page css start */

.progarams_sec {
    padding-block: 7rem 17rem;
}

.programs_row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9.9rem 2.5rem;
}

.programs_names {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    padding-top: 2.5rem;
}

.programs_names .items h5 {
    font-size: var(--font-16);
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 1rem;
}

.programs_names .items span {
    font-size: var(--font-16);
    line-height: 1.3;
    font-weight: 400;
    color: var(--color-2b);
}

.programs_names .items p {
    font-size: var(--font-16);
    line-height: 1.3;
    font-weight: 400;
    color: var(--color-2b);
}

.programs_list_col figure img {
    border-radius: 10px;
}

.programs_list_col {
    position: relative;
    z-index: 1;
}

.programs_list_col .full_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
}

@media (max-width: 1200px) {
    .programs_row {
        grid-template-columns: repeat(3, 1fr);
        gap: 5.9rem 2.5rem;
    }

    .progarams_sec {
        padding-block: 6rem 10rem;
    }
}

@media (max-width: 767px) {
    .programs_row {
        grid-template-columns: repeat(2, 1fr);
        gap: 3.9rem 2.5rem;
    }

    .progarams_sec {
        padding-block: 4rem 8rem;
    }
}

@media (max-width: 575px) {
    .programs_row {
        grid-template-columns: repeat(1, 1fr);
        gap: 2.5rem;
    }

    .progarams_sec {
        padding-block: 4rem 6rem;
    }

    .programs_names {
        padding-top: 2rem;
    }
}

/* department page css start */
.department_sec {
    padding-block: 0 10rem;
}

.abour_overview.department_heading {
    padding-block: 7rem 0rem;
}

.department_about {
    background: #ffffffd9;
    border-radius: 3rem;
    opacity: 1;
    backdrop-filter: blur(5px);
    margin-top: -22rem;
    padding: 5.1rem 7.3rem 5.5rem 11rem;
}

.department_about>h4 {
    font-size: var(--font-30);
    line-height: 1.5;
    font-weight: 300;
    margin-bottom: 3rem;
    color: var(--color-2b);
    max-width: 99%;
}

.department_about>p {
    font-size: var(--font-18);
    line-height: 1.6;
    font-weight: 300;
    color: var(--color-2b);
    margin-bottom: 3rem;
    max-width: 97%;
}

.department_banner {
    position: relative;
    overflow: hidden;
    border-radius: 0;
}

.department_banner::before {
    /* content: ''; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 10rem; */
    /* width: 100%; */
    /* height: 38.5rem; */
    /* background-image: url('../images/depart_banner_bg.png'); */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
    /* background-position: left; */
    /* z-index: 1; */
    /* max-width: 50%; */
}

.programs_department {
    padding-bottom: 10rem;
}

.program_depContant {
    padding-inline: 0rem 0rem;
}

.program_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7.1rem;
}

.program_depContant h2 {
    font-size: var(--font-24);
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 2rem;
    color: var(--color-28);
    letter-spacing: -0.36px;
}

.programs_top>h4 {
    font-size: var(--font-21);
    line-height: 1.4;
    font-weight: bold;
    color: var(--color-28);
    margin-bottom: 0;
}

.programs_top {
    padding-block: 0 2rem;
    border-bottom: solid 1px #ffcb05;
}

.programs_top>span {
    font-size: var(--font-18);
    line-height: 1.4;
    font-weight: 300;
    color: var(--color-2b);
    margin-bottom: 0;
}

.program_names {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
    padding-block: 2rem;
    border-bottom: solid 1px #1a171838;
}

.program_names .read {
    max-width: 3.2rem;
    height: 3.2rem;
    margin: 0;
}

.program_names {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.program_names .full_link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.program_names .read {
    position: relative;
    z-index: 2;
}

.program_icon {
    background: #e3e3e38a;
    border-radius: 6px;
    width: 3.2rem;
    height: 3.2rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    flex-shrink: 0;
}

.arrow-icon {
    position: relative;
    width: fit-content;
}

.arrow-icon::before {
    content: "";
    display: block;
    width: 100%;
    height: 0%;
    background: var(--color-28);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    transition: 0.4s;
}

.program_names h5 {
    font-size: var(--font-18);
    line-height: 1.4;
    font-weight: 400;
    color: var(--color-black);
    margin-bottom: 0;
}

.leaders_contant:has(a:hover) .arrow-icon::before {
    height: 100%;
}

.leaders_contant:has(a:hover) .arrow-icon img {
    filter: brightness(0) invert(1);
    background: transparent;
}

.breadcrumb_flex {
    position: relative;
    display: inline-block;
}

/* .person_img::after {
    content: '';
    width: 100%;
    height: 2rem;
    background: #f6f6f6;
    position: absolute;
    left: 0;
    top: -3rem;
} */
/* .dept_select {
    border: none;
    outline: none;
    background: transparent;
    font-size: var(--font-30);
    font-weight: 400;
    color: var(--color-1a);
    cursor: pointer;
    padding-right: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
} */

.dept-wrap {
    position: relative;
    overflow: hidden;
}

select option {
    text-indent: 12px;
}

.dept_select {
    border: none;
    outline: none;
    background: transparent;
    font-size: var(--font-30);
    font-weight: 400;
    color: var(--color-1a);
    cursor: pointer;
    padding-inline: 1rem 2rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.arrow {
    position: absolute;
    top: 33%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../images/arrow-2.svg) no-repeat center/contain;
    pointer-events: none;
    margin: 0;
    transform: rotate(90deg);
}

.dept-wrap .arrow {
    margin-top: 0;
}

/* .breadcrumb_flex::after {
    content: "";
    position: absolute;
    right: 0;
    top: 42%;
    width: 12.36px;
    height: 12.36px;
    border-right: 2px solid var(--color-1a);
    border-bottom: 2px solid var(--color-1a);
    transform: translateY(-50%) rotate(44deg);
    pointer-events: none;
} */

.dept_select option {
    border: none;
    font-size: var(--font-16);
    font-weight: 400;
    color: var(--color-2b);
    background: #fff;
}

.yellow_bg {
    background-color: #ffcb05;
    padding: 5.6rem 9.1rem 7.3rem 12.9rem;
    border-radius: 3rem;
}

.teaching_faculSec {
    padding-bottom: 10rem;
    border-bottom: solid 1px #ddd;
}

.facilities_btn.teaching_facibtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.facilities_btn.teaching_facibtn {
    margin-block: 0 5.1rem;
}

.teaching_heading h4 {
    font-size: var(--font-24);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-28);
    margin-bottom: 0;
}

.faculty_box {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.faculty_box img {
    border-radius: 1.5rem;
}

.full_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: transparent;
    cursor: pointer;
    text-indent: -9999px;
}

.faculty_box:hover {
    transform: scale(1.05);
}

.teache_faculty_box img {
    border-radius: 1rem;
}

.teache_faculty_box .condi_data {
    padding-block: 2.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.teache_faculty_box .teacher_names>h5 {
    font-size: var(--font-16);
    font-weight: bold;
    color: var(--color-black);
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.teache_faculty_box .teacher_names>span {
    font-size: var(--font-16);
    font-weight: 400;
    line-height: 1.3;
}

.teache_faculty_box {
    position: relative;
}

.teache_faculty_box .full_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.teache_faculty_box .condi_data img.full-link {
    position: relative;
    z-index: 2;
}

.program_faculSec {
    padding-top: 5rem;
    padding-bottom: 10rem;
}

.program_btn.teaching_facibtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 9.5rem 11.9rem 9.3rem;
}

.programs_heading h4 {
    font-size: var(--font-24);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-white);
    margin-bottom: 3rem;
}

.programs_heading p {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 1.3;
    color: var(--color-white);
    margin-bottom: 0;
}

.programs_box img {
    border-radius: 1rem;
}

.programs_box .condi_data {
    padding-block: 2.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.programs_box .teacher_names>h5 {
    font-size: var(--font-21);
    font-weight: 400;
    color: var(--color-black);
    line-height: 1.3;
    margin-bottom: 2rem;
}

.programs_box .teacher_names>span {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 1.3;
    display: block;
    max-width: 94%;
}

.programs_box {
    position: relative;
}

.programs_box .full_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.programs_box .condi_data img.full-link {
    position: relative;
    z-index: 2;
    background-color: #e3e3e3;
    padding: 1.5rem;
    border-radius: 10px;
    opacity: 1;
    width: 4.2rem;
    height: 4.2rem;
}

.facilities_bg {
    position: relative;
    width: 100%;
    border-radius: 30px;
    margin-right: 0;
    margin-left: 0;
}

.facilities_bg:before {
    content: "";
    background:
        url("../images/program_faci_bg.svg") left center no-repeat,
        linear-gradient(141deg, #282896 2%, #14144b 1%);
    background-size: 65%;
    position: absolute;
    left: 0;
    width: 100%;
    max-height: 54rem;
    height: 100%;
    border-radius: 30px;
}

.facili_visit {
    display: flex;
    justify-content: end;
    gap: 5rem;
}

.programs_teaching {
    margin-inline: 6.7rem;
}

.facili_visit .more_btn {
    background: #000000;
    border-radius: 10px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    margin-bottom: 0rem;
    flex-shrink: 0;
}

.program_faculSec .faculty_tiangle {
    position: absolute;
    bottom: 0;
    opacity: 100%;
    left: -11.5rem;
    top: 28rem;
    opacity: 0;
}

.happenings_sec {
    padding-block: 5rem 10rem;
}

.happenings_sec h2 {
    text-align: center;
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-28);
    line-height: 1.3;
    margin-bottom: 5rem;
}

.grid_3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.cus-managment {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.happenings_col {
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease;
}

.happenings_col figure {
    margin: 0;
}

.happenings_col figure img {
    height: 100%;
    object-fit: cover;
    border-radius: 2rem;
    pointer-events: none;
    transition: transform 0.6s ease;
}

.happenings_col:hover figure img {
    transform: scale(1.08);
}

.happenings_col:hover {
    transform: translateY(-6px);
}

.happenings_names {
    padding-block: 7.3rem 0;
    padding-left: 2.6rem;
    display: flex;
    align-items: center;
    gap: 2.7rem;
}

.happenings_names h4 {
    font-size: var(--font-30);
    font-weight: bold;
    color: var(--color-black);
    line-height: 1;
    margin: 0;
    position: relative;
}

.happenings_names h4::after {
    content: "";
    position: absolute;
    background-color: #ffcb05;
    width: 2.2rem;
    height: 0.2rem;
    top: 1rem;
    right: 0rem;
}

.happenings_names span {
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-black);
    line-height: 1.3;
}

.happenings_names p {
    font-size: var(--font-18);
    font-weight: 300;
    color: var(--color-black);
    line-height: 1.3;
}

.happ_date {
    width: 25%;
}

.happenings_names>p {
    padding-right: 9rem;
}

.happenings_col .full_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
}

.happenings_col:not(:nth-child(2)) {
    display: flex;
    flex-direction: column;
}

/* middle highlighted card */
.happenings_col:nth-child(2) {
    background: #5b57a6;
    /* purple */
    color: #fff;
    display: flex;
    justify-content: center;
    border-radius: 2rem;
}

.happenings_col:nth-child(2) .middle_contant {
    padding: 4.7rem 4.3rem 0 5rem;
    height: 100%;
    min-height: 62rem;
}

.middle_contant .visit_link>a img {
    fill: #2b2a29;
    /* filter: brightness(0.2); */
    filter: invert(1) brightness(1.8);
}

.middle_contant .happ_date {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.happenings_col:nth-child(2) h4 {
    font-size: var(--font-48);
    font-weight: 300;
    color: var(--color-white);
    line-height: 1.6;
}

.happenings_col:nth-child(2) span {
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-white);
    line-height: 1.3;
}

.happenings_col:nth-child(2) p {
    font-size: var(--font-18);
    font-weight: 300;
    color: var(--color-white);
    line-height: 1.5;
}

.happenings_col:nth-child(2) p {
    font-size: var(--font-30);
}

/* department responsive csss */
@media (max-width: 1749px) {
    .happ_date {
        width: 28%;
    }
}

@media (max-width: 1699px) {
    .happ_date {
        width: 35%;
    }

    .happenings_names>p {
        padding-right: 0rem;
    }

    .happenings_col:nth-child(2) .middle_contant {
        min-height: 55rem;
    }

    .facilities_bg:before {
        background-size: 71%;
    }

    .department_about {
        margin-top: -18rem;
    }
}

@media (max-width: 1549px) {
    .happenings_col .progress {
        width: 90%;
        right: 2rem;
        position: static;
    }

    .department_about {
        margin-top: -15rem;
        padding: 5.1rem 7.3rem 5.5rem 9rem;
    }
}

@media (max-width: 1499px) {
    .happenings_col:nth-child(2) .middle_contant {
        padding: 4.7rem 2.3rem 0 3rem;
        min-height: 50rem;
    }

    .department_about {
        margin-top: -10rem;
    }
}

@media (max-width: 1366px) {
    .department_about {
        margin-top: -6rem;
        padding: 4.1rem 6.3rem 4.5rem 6rem;
    }

    .department_sec {
        padding-block: 0 8rem;
    }

    .programs_department {
        padding-bottom: 8rem;
    }

    .yellow_bg {
        padding: 4.6rem 4.1rem 6.3rem 5.7rem;
    }

    .teaching_faculSec {
        padding-bottom: 8rem;
    }

    .program_faculSec {
        padding-top: 8rem;
    }

    .facilities_bg:before {
        background-size: 82%;
    }

    .happenings_sec {
        padding-block: 5rem 8rem;
    }

    .happenings_col:nth-child(2) .middle_contant {
        padding: 3.7rem 2.3rem 0 3rem;
        min-height: 42rem;
    }

    .happenings_names {
        padding-block: 4.3rem 0;
        padding-left: 1.6rem;
        gap: 1.7rem;
    }

    .programs_box .teacher_names>span {
        max-width: 96%;
    }

    .program_btn.teaching_facibtn {
        padding: 6.5rem 11.9rem 6.3rem;
    }

    .facilities_bg:before {
        max-height: 44rem;
    }

    .program_faculSec .faculty_tiangle {
        top: 18rem;
    }
}

@media (max-width: 1149px) {
    .department_banner::before {
        height: 26.5rem;
    }

    .department_about {
        padding: 4.1rem 12.3rem 4.5rem 6rem;
    }

    .program_depContant h2 {
        margin-bottom: 4rem;
    }

    .department_about {
        margin-top: -11rem;
    }

    .program_grid {
        gap: 4.1rem;
    }

    .programs_teaching {
        margin-inline: 3.7rem;
    }

    .yellow_bg {
        padding: 4.6rem 3.7rem 4.3rem 3.7rem;
    }

    .program_depContant {
        padding-inline: 6rem;
    }

    .program_btn.teaching_facibtn {
        padding: 5.5rem 8rem 5.3rem;
    }

    .happenings_sec {
        padding-block: 5rem 8rem;
    }

    .happ_date {
        width: 40%;
    }
}

@media (max-width: 1024px) {
    .department_about {
        padding: 4rem;
    }

    .department_banner::before {
        height: 21.5rem;
    }

    .department_sec {
        padding-block: 0 6rem;
    }

    .program_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .programs_department {
        padding-bottom: 6rem;
    }

    .facilities_btn.teaching_facibtn {
        margin-block: 0 4rem;
    }

    .teaching_faculSec {
        padding-bottom: 6rem;
    }

    .program_faculSec {
        padding-top: 6rem;
    }

    .happenings_sec {
        padding-block: 5rem 6rem;
    }

    .abour_overview.department_heading {
        padding-block: 4rem 0rem;
    }
}

@media (max-width: 1024px) {
    .happenings_names h4::after {
        top: 0.8rem;
        right: -1rem;
    }

    .happenings_col:nth-child(2) .middle_contant {
        padding: 2rem;
        min-height: 35rem;
    }

    .happenings_names {
        padding-block: 2.3rem 0;
        padding-left: 0.6rem;
        gap: 1.5rem;
    }
}

@media (max-width: 900px) {
    .grid_3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .happenings_names h4::after {
        right: 0rem;
    }

    .happ_date {
        width: 28%;
    }

    .department_about {
        margin-top: -8rem;
    }
}

/* about leadership page css start */
@media (max-width: 767px) {
    .department_banner::before {
        height: 14rem;
    }

    .department_about {
        padding: 2rem;
    }

    .department_about>p {
        max-width: 100%;
    }

    .department_sec {
        padding-block: 0 4rem;
    }

    .program_depContant h2 {
        margin-bottom: 2rem;
    }

    .program_depContant {
        padding-inline: 2rem;
    }

    .programs_department {
        padding-bottom: 4rem;
    }

    .facilities_btn.teaching_facibtn {
        margin-block: 0 3rem;
    }

    .yellow_bg {
        padding: 4rem 2rem;
    }

    .program_btn.teaching_facibtn {
        padding: 4rem;
    }

    .programs_heading h4 {
        margin-bottom: 2rem;
    }

    .happenings_sec {
        padding-block: 4rem 6rem;
    }

    .happenings_sec h2 {
        margin-bottom: 2rem;
    }

    .happenings_sec .grid_3 {
        grid-template-columns: repeat(1, 1fr);
    }

    .happ_date {
        width: 10%;
    }

    .overview_heading {
        max-width: 100%;
    }

    .teaching_faculSec {
        padding-bottom: 4rem;
    }

    .program_faculSec {
        padding-top: 4rem;
    }
}

@media (max-width: 575px) {
    .department_banner::before {
        height: 10rem;
    }

    .department_about {
        margin-top: 2rem;
    }

    .department_about>p {
        margin-bottom: 2rem;
        max-width: 100%;
    }

    .program_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .teache_faculty_box .condi_data {
        padding-block: 2rem 0;
    }

    .teaching_faculSec {
        padding-bottom: 2rem;
    }

    .program_faculSec {
        padding-top: 2rem;
    }

    .programs_box .condi_data {
        padding-block: 2rem 0;
        display: block;
        padding-inline: 0;
    }

    .programs_box .teacher_names>h5 {
        margin-bottom: 1rem;
    }

    .happenings_names {
        padding-block: 3rem 2rem;
        padding-left: 0.6rem;
        gap: 1rem;
    }

    .happenings_names h4::after {
        right: 1.5rem;
        display: none;
    }

    .happenings_names>p {
        padding-right: 0;
    }

    .happenings_sec {
        padding-block: 4rem 2rem;
    }

    .happ_date {
        width: 20%;
    }

    .happenings_col:nth-child(2) .middle_contant {
        min-height: 28rem;
    }

    .facili_visit {
        gap: 2rem;
        display: block;
    }
}

@media (max-width: 480px) {
    .happ_date {
        width: 34%;
    }

    .program_faculSec .faculty_tiangle {
        left: 0;
        opacity: 0;
    }

    .programs_teaching {
        margin-inline: 2.7rem;
    }

    .program_btn.teaching_facibtn {
        padding: 3rem 2rem 2rem 3rem;
    }

    .happenings_col:nth-child(2) .middle_contant {
        padding: 3rem;
    }
}

.leadership_section {
    padding-block: 0 10rem;
}

.leadership_heading {
    max-width: 95%;
}

.leadership_heading h2 {
    font-size: var(--font-36);
    color: var(--color-2b);
    font-weight: 300;
    margin-bottom: 3rem;
    line-height: 1.2;
}

.leadership_section .grid_2 {
    display: grid;
    grid-template-columns: repeat(1, 43% auto);
}

.leadership_heading img {
    width: 5.4rem;
    margin-bottom: 2rem;
}


.right_contant {
    background-color: var(--color-white);
    padding: 6.1rem 6.1rem 6.6rem 7.6rem;
    margin-bottom: 8rem;
    border-radius: 2rem;
    position: relative;
    z-index: 9;
}

.right_contant h2 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-2b);
    line-height: 1.3;
    margin-bottom: 3rem;
}

.right_contant p {
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-2b);
    line-height: 1.6;
    font-family: var(--font-family-inter);
    margin-bottom: 3rem;
    letter-spacing: -0.4px;
}

.right_contant blockquote {
    font-size: var(--font-24);
    max-width: 95%;
    font-weight: 300;
    color: var(--color-2b);
    line-height: 1.3;
    margin-bottom: 0;
    letter-spacing: 0;
}

.right_contant figure img {
    max-width: 180px;
    margin: 3rem 0 0 0;
}

.vs_box blockquote {
    font-weight: 300;
    font-size: var(--font-36);
    color: var(--color-2b);
}

.abour_overview.department_heading.tbi_one.event-discription {
    padding-block: 0;
}

.right_bottom {
    background-color: #5353ab;
    border-radius: 2rem;
    padding: 4.4rem 4.9rem 7.2rem 6.4rem;
}

.right_bottom h4 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-white);
    line-height: 1.3;
    margin-bottom: 3rem;
}

.right_bottom p {
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-white);
    line-height: 1.4;
    margin-bottom: 0rem;
}

.ledership_data {
    max-width: 46%;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    top: -10rem;
}

.leadership_names h3 {
    font-size: var(--font-18);
    font-weight: bold;
    color: var(--color-2b);
    line-height: 1.4;
    margin-bottom: 0rem;
}

.leadership_names p {
    font-size: var(--font-16);
    font-weight: normal;
    color: var(--color-2b);
    line-height: 1.6;
    font-family: var(--font-family-inter);
    margin-bottom: 3rem;
    letter-spacing: -0.4px;
}

.leader_details_col h4 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-2b);
    line-height: 1.6;
    font-family: var(--font-family-inter);
    margin-bottom: 3rem;
    letter-spacing: -0.36px;
}

.leadership_names span {
    font-size: var(--font-16);
    font-weight: normal;
    color: var(--color-2b);
    line-height: 1.4;
    letter-spacing: -0.4px;
    margin-bottom: 5rem;
    display: block;
}

.qualifications_data {
    margin-top: 5rem;
}

.qualifications_data h4 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-2b);
    line-height: 1.2;
    margin-bottom: 2rem;
    letter-spacing: -0.36px;
}

.qualifications_data p {
    font-size: var(--font-16);
    font-weight: normal;
    color: var(--color-2b);
    line-height: 1.6;
    margin-bottom: 0rem;
    letter-spacing: -0.4px;
    max-width: 94%;
}

.left_col {
    position: relative;
    overflow: hidden;
    margin-left: -26rem;
}

.bg_img img {
    width: 100%;
    display: block;
}

.person_img {
    position: absolute;
    top: 10rem;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    z-index: 2;
}

.person_img img {
    width: 100%;
    display: block;
}

.person_img::before {
    content: "";
    background-color: #f6f6f6;
    width: 81rem;
    height: 27.6rem;
    bottom: -6rem;
    left: 0rem;
    right: 0;
    position: absolute;
    transform: rotate(330deg);
}

@media (min-width: 1920px) {
    .person_img {
        left: 47%;
        transform: translateX(-52%);
        width: 62%;
    }
}

@media (min-width: 2500px) {
    .person_img {
        left: 47%;
        transform: translateX(-48%);
        width: 61%;
    }
}

@media (max-width: 1649px) {
    .history_vector {
        position: absolute;
        z-index: -1;
        width: 34%;
        top: 25%;
    }

    .person_img {
        position: absolute;
        top: 10rem;
        left: 50%;
        transform: translateX(-50%);
        width: 50%;
        z-index: 2;
    }

    .ledership_data::after {
        top: -5rem;
    }

    .bg_img {
        max-width: 89%;
    }

    .person_img::before {
        height: 23.6rem;
    }

    .leadership_section .grid_2 {
        grid-template-columns: repeat(1, 50% auto);
    }



    .ledership_data {
        max-width: 44%;
        top: -13rem;
    }

    .right_bottom {
        padding: 4.4rem 2.9rem 4.2rem 4.4rem;
    }

    .leadership_heading {
        max-width: 95%;
    }
}

@media (max-width: 1599px) {
    .ledership_data::after {
        top: -3rem;
    }
}

@media (max-width: 1549px) {
    .secondry_nav ul {
        padding-block: 3rem;
        gap: 2.7rem;
    }

    .leadership_heading {
        max-width: 96%;
    }

    .qualifications_data {
        margin-top: 2rem;
    }

    .ledership_data {
        max-width: 40%;
        top: -15rem;
    }

    .leadership_names span {
        margin-bottom: 2rem;
    }
}

@media (max-width: 1366px) {
    .ledership_data::after {
        top: -2rem;
    }

    .leadership_heading {
        max-width: 100%;
    }

    .abour_overview {
        /* padding-block: 5rem 6rem; */
    }

    .right_contant {
        padding: 4.1rem 4.1rem 4.6rem 5.6rem;
        margin-bottom: 6rem;
    }

    .person_img::before {
        height: 24.6rem;
    }

    .left_col {
        margin-left: -10rem;
    }

    .leadership_section .grid_2 {
        grid-template-columns: repeat(1, 60% auto);
    }

    .ledership_data {
        max-width: 42%;
        top: -13rem;
    }
}

@media (max-width: 1299px) {
    .person_img {
        top: 4rem;
        left: 42%;
        width: 48%;
    }

    .activity-img.food {
        margin-left: -5rem !important;
    }

    .dep_right_panel.nursing {
        padding-inline: 0 8rem;
    }

    .bg_img {
        max-width: 78%;
    }

    .leadership_section .grid_2 {
        grid-template-columns: repeat(1, 50% auto);
    }

    .right_col {
        margin-left: -12rem;
    }

    .person_img::before {
        height: 23.6rem;
    }
    .secondry_nav ul {
        gap: 2.4rem;
    }
}

@media (max-width: 1100px) {
    .ledership_data::after {
        display: none;
    }

    .person_img {
        top: 4rem;
        left: 43%;
        width: 47%;
    }
}

@media (max-width: 991px) {
    .person_img {
        width: 44%;
    }

    .bg_img {
        max-width: 73%;
    }

    .leadership_section .grid_2 {
        grid-template-columns: repeat(1, 65% auto);
    }

    .ledership_data {
        max-width: 38%;
        top: -8rem;
    }

    .person_img::before {
        height: 25rem;
    }

    .right_contant {
        padding: 4rem;
    }

    .abour_overview {
        padding-block: 4rem 0rem;
    }

    .hostel-fee .table-wrapper table td {
        text-align: right;
        padding-left: 50%;
        position: relative;
    }
}

@media (max-width: 900px) {
    .leadership_section .grid_2 {
        display: block;
    }

    .left_col {
        margin-left: 0;
    }

    .person_img::before {
        height: 24.5rem;
    }

    .ledership_data {
        max-width: 50%;
        top: -10rem;
    }

    .right_col {
        margin-left: 0;
    }

    .leadership_section {
        padding-block: 0 8rem;
    }

    .right_contant {
        margin-bottom: 4rem;
    }
}

@media (max-width: 767px) {
    .ledership_data {
        max-width: 65%;
        top: -5rem;
    }

    .person_img::before {
        height: 25rem;
    }

    .leadership_heading h2 {
        margin-bottom: 2rem;
    }

    .features-list li {
        font-size: var(--font-14);
    }

    .research-projects .nav-tabs .nav-link,
    .research-projects .accordion-button {
        font-size: 1.3rem;
        padding: 0.8rem 0.5rem;
    }

    .research-projects ul.nav-tabs {
        gap: 0.5rem;
    }
}

@media (max-width: 575px) {
    .bg_img {
        max-width: 90%;
    }

    .person_img {
        width: 60%;
    }

    .ledership_data {
        max-width: 100%;
        top: 0rem;
        margin-bottom: 2rem;
    }

    .right_contant {
        padding: 3rem;
    }

    .right_contant h2 {
        margin-bottom: 2rem;
    }

    .right_bottom {
        padding: 4rem;
    }

    .person_img::before {
        height: 26rem;
    }
}

@media (max-width: 420px) {
    .abour_overview {
        padding-block: 2rem 2rem;
    }

    .bg_img {
        max-width: 100%;
    }

    .person_img::before {
        height: 23rem;
    }

    .person_img {
        width: 65%;
        left: 50%;
    }

    .person_img::before {
        height: 26.5rem;
    }

    .ledership_data {
        top: 2rem;
        margin-bottom: 2rem;
    }

    .right_col {
        margin-top: 2rem;
    }

    .leadership_section {
        padding-block: 0 6rem;
    }
}

/* leadership listing page css start */

.leadership_heading.list_leadership h2 {
    margin-bottom: 5rem;
}

.leadership_heading.list_leadership p {
    font-size: var(--font-24);
    font-weight: 300;
    color: var(--color-2b);
    line-height: 1.3;
    max-width: 100%;
}

.leader_list_section {
    position: relative;
    padding-bottom: 7rem;
}

.leader_list_section::before {
    content: "";
    position: absolute;
    background-image: url(../images/ledership-bg.png);
    left: 0;
    width: 52%;
    height: 100%;
    top: -41rem;
    z-index: -1;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.leader_data {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 5rem;
    align-items: center;
    position: relative;
    padding: 5rem 7.8rem 0 4rem;
    gap: 11.9rem;
}

.leader_data::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-size: cover;
    background-position: center;
}

.leader_bg1::before {
    background-image: url("../images/leader_bg_first.png");
}

.leader_bg2::before {
    background-image: url("../images/leader_bg_second.png");
}

.leaders_contant {
    padding: 6.5rem 4.7rem 6.1rem 6.7rem;
    border-radius: 10px;
    background-color: #ffffffe8;
}

.leaders_contant h4 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-28);
    line-height: 1.3;
    letter-spacing: -0.36px;
    margin-bottom: 0.9rem;
}

.leaders_contant span {
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-66);
    line-height: 1.3;
    letter-spacing: 0;
    margin-bottom: 4rem;
    display: block;
}

.leaders_contant p {
    font-size: var(--font-16);
    letter-spacing: -0.4px;
    line-height: 1.6;
    color: var(--color-2b);
    margin-bottom: 3.6rem;
    font-weight: normal;
    max-width: 94%;
}

/* reasponsive css start */
@media (max-width: 1549px) {
    .leader_list_section::before {
        width: 42%;
        top: -52rem;
    }
}

@media (max-width: 1366px) {
    .leader_list_section::before {
        width: 31%;
        top: -53rem;
    }

    .leader_data {
        gap: 8.9rem;
    }

    .school-sec3 {
        padding-inline: 2rem;
    }

    .sch3-text {
        padding: 6rem 0 8.3rem 3rem;
    }
}

@media (max-width: 1200px) {
    .leader_list_section::before {
        width: 26%;
        top: -52rem;
    }

    .leader_data {
        grid-template-columns: repeat(1, 50% auto);
        gap: 5rem;
    }

    .leaders_contant p {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .leaders_contant {
        padding: 3.5rem 3.7rem 3.1rem 3.7rem;
    }

    .leader_list_section::before {
        width: 33%;
        top: -44rem;
    }

    .school7_textbx {
        padding: 4.7rem 2.3rem 7.7rem 3rem;
    }
}



@media (max-width: 992px) {
    .placment_over1 .overview_heading blockquote {
        font-size: var(--font-26);
    }

    .placment_over1 .overview_heading p {
        font-size: var(--font-16);
    }
}

@media (max-width: 991px) {
    .school-sec4 {
        padding-top: 3rem;
        padding-bottom: 7rem;
    }

    .school7_imgbx figure figcaption {
        padding-top: 3.3rem;
        display: flex;
        padding-bottom: 2rem;
    }

    .re_bg {
        left: 0;
    }

    .leader_data {
        padding: 2rem 3.8rem 0 2rem;
    }

    .leaders_contant span {
        margin-bottom: 2rem;
    }

    .leaders_contant p {
        margin-bottom: 2rem;
    }

    .leader_list_section {
        padding-bottom: 4rem;
    }

    .leaders_contant {
        padding: 2.5rem 2.7rem 2.1rem 2.7rem;
    }

    .leader_data {
        display: block;
        gap: 0;
        padding: 4rem 4rem 4rem 4rem;
    }

    .leader_bg2 {
        display: flex;
        flex-direction: column-reverse;
    }

    .success-wrapper {
        display: block;
        padding-block: 3rem;
        padding-inline: 1rem;
    }

    .success-left h3,
    .success-left a {
        display: none;
    }

    .success-slide {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .figure_img {
        position: absolute;
        top: 22rem;
        left: -4rem;
    }

    .btn_group_all {
        position: absolute;
        top: 20rem;
        left: 0;
        display: flex;
    }

    .testimonial p {
        font-size: var(--font-16);
        margin-bottom: 2rem;
    }

    .success-media {
        position: relative;
        order: 2;
    }

    .testimonial {
        position: static;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        order: 1;
        margin-bottom: 12rem;
    }

    .school7_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
}

@media (max-width: 767px) {
    .school-sec4 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .schoolsec3-grid {
        display: grid;
        grid-template-columns: 100%;
        padding-bottom: 2rem;
    }

    .research_sec .sec_title *,
    .research_sec .research_right *,
    .research_sec .research_item * {
        opacity: 1;
        transform: inherit;
    }

    .box_research_text {
        text-align: center;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .research_number_list {
        display: flex;
        gap: 5rem;
        margin-top: 7rem;
        align-items: center;
        margin-bottom: 5rem;
    }

    .re_bg {
        position: static;
        margin: 0;
    }

    .success-left {
        position: static;
    }
}

@media (max-width: 480px) {
    .leadership_heading.list_leadership h2 {
        margin-bottom: 3rem;
    }

    .abour_overview {
        padding-block: 2rem 2rem;
        padding-inline: 0;
    }

    .leader_data {
        margin-bottom: 2rem;
        padding: 2rem;
    }

    .leader_bg2 {
        margin: 0;
    }
}

/* leader ship details */
.leader_second h2 {
    max-width: 88%;
}

.right_contant .buttons .apply_btn {
    background-color: var(--color-28);
    padding: 1.1rem 3.3rem;
}

.leader_btn {
    margin-bottom: 7rem;
}

.leader_video {
    margin-bottom: 6rem;
    border-radius: 2rem;
    height: 100%;
}

.leader_video {
    width: 100%;
    height: 490px;
}

.leader_video iframe {
    width: 100%;
    height: 100%;
    border-radius: 2rem;
}

.right_contant.leader_details_col {
    margin-bottom: 0;
}

.right_contant.leader_details_col h2 {
    font-size: var(--font-48);
}

.leader_documents {
    padding-block: 0 18rem;
}

.leader_documents-ttl {
    padding-left: 12rem;
}

.leader_documents-ttl h4 {
    font-size: var(--font-24);
    font-weight: bold;
    line-height: 1.3;
    font-family: var(--font-family-inter);
    letter-spacing: -0.36px;
    margin-bottom: 1.5rem;
    color: var(--color-2b);
}

.leader_documents-ttl h3 {
    font-size: var(--font-36);
    font-weight: bold;
    line-height: 1.1;
    color: var(--color-black);
    max-width: 25%;
    margin-bottom: 6rem;
}

.documents-bg {
    background-image: linear-gradient(126deg, #282896 2%, #14144b 1%);
    position: relative;
    border-radius: 30px 0px 0px 30px;
    padding-left: 12rem;
    padding-top: 6.6rem;
}

.documents-bg::after,
.leader_documents-left::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.documents-bg::after {
    background-image: url(../images/leadership-details-bg.png);
    z-index: 0;
    background-size: 59%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    content: "";
}

.leader_documents-grid {
    display: grid;
    grid-template-columns: 23.6% 62%;
    z-index: 1;
    position: relative;
}

.leader_documents-left {
    color: var(--color-white);
    position: relative;
}

.leader_documents-left p {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 3rem;
}

.leader_documents-left p:last-child {
    margin-bottom: 0;
}

.leader_documents-right {
    padding-inline: 7.7rem 2rem;
    margin-top: -30rem;
    margin-bottom: 7rem;
}

.leader_documents .lc-community-outer {
    margin-left: 6rem;
    margin-right: -8rem;
}

.leader_documents .tiangle_icon {
    position: absolute;
    bottom: -11rem;
    opacity: 100%;
    left: 0rem;
}

.leader_documents .polygon_icons {
    position: absolute;
    top: -3rem;
    opacity: 100%;
    left: 12rem;
    z-index: 3;
}

.achievements_sec {
    padding-block: 0 10rem;
}

.achiev_bg {
    background-color: var(--color-white);
    padding-block: 5rem;
    padding-inline: 6.4rem 8rem;
}

.achi_heading h4 {
    font-size: var(--font-24);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: -0.36px;
    font-family: var(--font-family-inter);
    margin-bottom: 5rem;
}

.achiev_bg ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.achiev_bg ul li {
    font-size: var(--font-16);
    position: relative;
    font-family: var(--font-family-inter);
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 3rem;
    letter-spacing: -0.4px;
    color: var(--color-2b);
    max-width: 95%;
    padding-bottom: 2rem;
}

.achiev_bg ul li::after {
    content: "";
    background-color: #ddd;
    width: 96%;
    position: absolute;
    left: 2.6rem;
    height: 0.1rem;
    bottom: 0;
}

.our_recruiters {
    padding-bottom: 10rem;
}

.logo-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.4rem;
    padding-top: 5rem;
}

.logo-grid li {
    background-color: var(--color-white);
    padding: 4.6rem 5rem 4.5rem 4.4rem;
    border-radius: 1rem;
}

.load-more-btn {
    background: transparent;
    border: none;
    color: #000;
    font-size: var(--font-18);
    font-weight: 400;
    line-height: 1.3;
    font-family: var(--font-family-inter);
    cursor: pointer;
    position: relative;
    padding-right: 2.5rem;
    padding-bottom: 1rem;
    border-bottom: solid 2px #c5e4e8;
}

.load_moreCol {
    margin-top: 8rem;
    text-align: center;
}

/* responsive css start */

@media (max-width: 1849px) {
    .leader_documents .lc-community-outer {
        margin-right: -5rem;
    }
}

@media (max-width: 1749px) {
    .leader_documents .lc-community-outer {
        margin-right: 0rem;
    }

    .leader_documents-right {
        padding-inline: 2.7rem 0rem;
    }

    .leader_documents-grid {
        grid-template-columns: 27.6% 62%;
    }
}

@media (max-width: 1699px) {
    .documents-bg {
        padding-left: 6rem;
    }

    .leader_documents-ttl {
        padding-left: 6rem;
    }

    .leader_documents .polygon_icons {
        left: 6rem;
    }

    .leader_documents-grid {
        grid-template-columns: 30% 66%;
    }
}

@media (max-width: 1366px) {
    .leader_documents-grid {
        grid-template-columns: 40% 55%;
    }

    .leader_documents-ttl h3 {
        max-width: 34%;
        margin-bottom: 4rem;
    }

    .leadership_section {
        padding-block: 0 8rem;
    }

    .leader_documents {
        padding-block: 0 14rem;
    }

    .leader_documents-left p {
        margin-bottom: 2rem;
    }

    .documents-bg {
        padding-top: 3.6rem;
    }

    .leader_documents-right {
        margin-top: -22rem;
    }

    .leader_second h2 {
        max-width: 77%;
        margin-bottom: 0;
    }

    .leader_video {
        margin-bottom: 4rem;
    }

    .leader_video {
        height: 300px;
    }
}

@media (max-width: 991px) {
    .leader_documents-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .leader_documents-right {
        margin-top: 4rem;
    }

    .leader_documents-right {
        padding-inline: 0rem 0rem;
    }

    .documents-bg {
        padding-inline: 4rem;
        padding-top: 6rem;
    }

    .leader_documents-ttl h3 {
        max-width: 100%;
    }

    .leadership_section {
        padding-block: 0 4rem;
    }

    .leader_documents {
        padding-block: 0 4rem;
    }

    .achievements_sec {
        padding-block: 0 8rem;
    }
}

@media (max-width: 900px) {
    .leadership_section .grid_2 {
        display: block;
    }

    .leader_documents .lc-community-outer {
        margin-left: 0;
    }

    .ledership_data {
        max-width: 91%;
        top: -2rem;
    }
}

@media (max-width: 767px) {
    .achiev_bg ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 0rem;
    }

    .achiev_bg ul li {
        margin-bottom: 2rem;
        max-width: 100%;
        padding-bottom: 2rem;
    }

    .achiev_bg {
        padding-block: 4rem;
        padding-inline: 4rem;
    }

    .achi_heading h4 {
        margin-bottom: 3rem;
    }

    .leader_second h2 {
        max-width: 100%;
    }

    .leader_btn {
        margin-bottom: 2rem;
    }
}

@media (max-width: 420px) {
    .leader_documents-ttl {
        padding-left: 0rem;
    }

    .leader_documents .polygon_icons {
        left: 2rem;
        max-width: 10%;
    }

    .tiangle_icon {
        width: 60px;
    }

    .documents-bg {
        padding-inline: 2rem;
    }

    .leader_documents-right {
        margin-bottom: 4rem;
    }

    .achiev_bg {
        padding-block: 2rem;
        padding-inline: 2rem;
    }

    .achievements_sec {
        padding-block: 0 6rem;
    }

    .ledership_data {
        top: 0rem;
    }

    .courses_col.leader_btn .buttons {
        gap: 1rem;
    }

    .leader_video {
        height: auto;
        margin-bottom: 2rem;
    }

    .right_contant .buttons .apply_btn {
        padding: 1.1rem 2.3rem;
    }
}

/* Arrow icon using given properties */
.load-more-btn::after {
    content: "";
    position: absolute;
    right: 0;
    top: 35%;
    width: 9px;
    height: 9px;
    border: 1px solid #707070;
    border-top: none;
    border-left: none;
    opacity: 1;
    transform: translateY(-50%) rotate(45deg);
    align-items: center;
}

/* responsive recruter page */
.logo-grid li figure {
    overflow: hidden;
}

.logo-grid li {
    transition: transform 0.4s ease;
}

.logo-grid li:hover {
    transform: scale(1.08);
}

.cus-teaching ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem 2.5rem;
    margin-block: 2rem 4rem;
    border-radius: 2rem;
}

.cus-teaching .grid_2custom {
    grid-template-columns: repeat(2, 1fr);
}

.cus-teaching h5 {
    font-size: var(--font-16);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-2b);
    margin-block: 2rem;
}

.cus-teaching ul li::after {
    left: 0;
}

.procedure_contant p strong {
    font-weight: 600;
}

@media (max-width: 1024px) {
    .logo-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .load_moreCol {
        margin-top: 6rem;
    }

    .our_recruiters {
        padding-bottom: 8rem;
    }
}

@media (max-width: 991px) {
    .logo-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .logo-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .our_recruiters {
        padding-bottom: 6rem;
    }

    .load_moreCol {
        margin-top: 4rem;
    }
}

@media (max-width: 575px) {
    .logo-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .our_recruiters {
        padding-bottom: 4rem;
    }

    .load_moreCol {
        margin-top: 2rem;
    }
}

.scopus_webrow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7.7rem;
}

.scopus_webcol .buttons .watch_btn {
    padding: 1.1rem 3rem;
}

.research_publications {
    padding-block: 8rem 12rem;
}

.publication_btn {
    margin-top: 4rem;
}

.scopus_webcol h4 {
    font-size: var(--font-24);
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 4rem;
    letter-spacing: -0.36px;
    color: var(--color-28);
}

/* research_publications page css start */
.research_publications .download_btn.watch_btn {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
}

.research_publications .apply_btn.watch_btn {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    background-color: #5353ab;
}

.research_publications .download_btn.watch_btn span {
    font-size: var(--font-16);
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    letter-spacing: -0.4px;
    color: var(--color-2b);
}

.research_publications .apply_btn.watch_btn span {
    font-size: var(--font-16);
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    letter-spacing: -0.4px;
    color: var(--color-white);
}

.research_publications .buttons .download_btn::before {
    content: none;
}

.research_publications .buttons .apply_btn::before {
    content: none;
}

/* Icon fix */
.research_publications .download_btn.watch_btn img {
    width: 1.8rem;
    height: auto;
    display: block;
}

.research_publications .apply_btn.watch_btn img {
    width: 1.8rem;
    height: auto;
    display: block;
}

/* responive css start */
@media (max-width: 1100px) {
    .scopus_webrow {
        gap: 4rem;
    }

    .scopus_webcol .buttons .watch_btn {
        padding: 1.1rem 2rem;
    }

    .research_publications {
        padding-block: 8rem 10rem;
    }
}

@media (max-width: 991px) {
    .scopus_webrow {
        grid-template-columns: repeat(1, 1fr);
    }

    .research_publications {
        padding-block: 6rem 8rem;
    }
}

@media (max-width: 575px) {
    .scopus_webrow {
        gap: 2rem;
    }

    .publication_btn {
        margin-top: 2rem;
    }

    .scopus_webcol h4 {
        margin-bottom: 2rem;
    }

    .research_publications {
        padding-block: 4rem 6rem;
    }
}

@media (max-width: 480px) {
    .research_publications .buttons {
        display: block;
    }

    .research_publications .buttons a {
        display: block;
        margin-bottom: 2rem;
    }
}

@media (max-width: 420px) {
    .research_publications .download_btn.watch_btn {
        width: 100%;
    }

    .research_publications .apply_btn.watch_btn {
        width: 100%;
    }

    .research_publications {
        padding-block: 2rem 4rem;
    }
}

/* sports page css start */

.sports_overview .overview_heading h2 {
    font-size: var(--font-24);
    color: var(--color-2b);
    font-weight: normal;
    margin-bottom: 3rem;
    line-height: 1.3;
    max-width: 97%;
}

.sports_overview p {
    font-size: var(--font-16);
    font-weight: normal;
    letter-spacing: -0.4px;
    line-height: 1.6;
    color: var(--color-2b);
    font-family: var(--font-family-inter);
    max-width: 98%;
}

.sports_sec03 {
    margin-block: 0rem 10rem;
}

.sports_sec03-grid {
    display: grid;
    grid-template-columns: repeat(1, 60% auto);
    margin-left: -9rem;
    gap: 7.1rem;
}

.sports_sec03-right {
    max-width: 79%;
}

.sport_col img {
    border-radius: 2rem;
}

.sports_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

.sports_right_data {
    margin-bottom: 6.5rem;
}

.sports_right_data>figure {
    margin-bottom: 6.5rem;
}

.sports_right_data>p {
    font-size: var(--font-16);
    font-weight: normal;
    letter-spacing: -0.4px;
    line-height: 1.6;
    color: var(--color-2b);
    font-family: var(--font-family-inter);
    padding-right: 3rem;
}

.sports_sliderSec {
    padding-block: 15rem;
    position: relative;
}

.sports_sliderSec .history_vector {
    position: absolute;
    z-index: -1;
    top: -8.5rem;
}

.sports_sliderSec .history_slider {
    position: relative;
}

.sports_sliderIcon {
    position: absolute;
    z-index: 999;
    left: -10.2rem;
    top: -2rem;
    z-index: 9;
}

.sports_sliderSec .swiper-slide-active .history_Bx {
    background: #5353ab;
    margin-inline: 0;
}

.sports_sliderSec .history_Bx h4 {
    font-size: var(--font-24);
    font-weight: bold;
    letter-spacing: -0.36px;
    line-height: 1.6;
    color: var(--color-white);
    padding-right: 3rem;
}

.sports_sliderSec .history_Bx .history_text {
    padding: 3.6rem 4.2rem 6rem 2.6rem;
}

.sports_sliderSec .history_Bx .history_text {
    width: 100%;
}

/* page responsive css start  */
@media (max-width: 1699px) {
    .sports_overview h2 {
        max-width: 96%;
    }

    .sports_sec03-right {
        max-width: 100%;
    }

    .sports_right_data>figure {
        margin-bottom: 4.5rem;
    }

    .sports_sliderSec .history_Bx .history_text {
        padding: 9.6rem 6.4rem;
    }

    .stulife4-text {
        padding-right: 5rem;
    }
}

@media (max-width: 1549px) {
    .sports_right_data>p {
        padding-right: 0;
    }

    .studentlife4 .bluebg .dream-vector {
        left: -6rem;
    }

    .stulife4-text {
        padding-right: 3.5rem;
    }

    .overview_heading {
        max-width: 99%;
    }

    .sports_sliderSec .history_vector {
        top: 0.5rem;
        max-width: 47%;
    }

    .sports_overview h2 {
        max-width: 100%;
    }
}

@media (max-width: 1499px) {
    .stulife4-text {
        padding-right: 2.5rem;
    }

    .overview_heading {
        max-width: 100%;
    }

    .stu2btns {
        gap: 2rem;
    }
}

@media (max-width: 1399px) {
    .stulife2text {
        padding: 5rem 5.2rem 4rem;
    }
}

@media (max-width: 1249px) {
    .sports_sec03-left {
        margin-left: 5rem;
    }

    .sports_sec03-grid {
        grid-template-columns: repeat(1, 66% auto);
        gap: 4rem;
    }

    .sports_right_data>p {
        padding-right: 0rem;
    }

    .sports_right_data {
        margin-bottom: 2rem;
    }

    .sports_right_data>figure {
        margin-bottom: 2rem;
    }

    .sports_sec03 {
        margin-block: 0rem 6rem;
    }

    .sports_sliderSec {
        padding-block: 8rem;
    }

    .sports_sliderIcon>img {
        max-width: 58%;
    }

    .sports_sliderIcon {
        left: -5.2rem;
        top: 0rem;
    }

    .sports_sliderSec .history_vector {
        max-width: 36%;
    }

    .sports_sliderSec .history_Bx .history_text {
        padding: 5.6rem 2.4rem 3.4rem 2.4rem;
    }

    .leaders_contant {
        padding: 4.5rem 2.7rem 3.1rem 3.7rem;
    }
}

@media (max-width: 1100px) {
    .facilities_section.sports_sliderSec .history_Bx .history_text {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .stulife2text {
        padding: 3rem;
    }

    .stulife4-text {
        padding-right: 0rem;
        margin-top: 0;
    }

    .sports_sec03-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
        margin-left: 0;
    }

    .stulife4-text p {
        margin-bottom: 2rem;
    }

    .convo-link {
        margin-bottom: 2rem;
    }

    .sports_sec03-left {
        margin-left: 0;
    }

    .sports_sec03-left>figure>img {
        border-radius: 2rem;
    }

    .sports_borderLine {
        display: none;
    }

    .sports_sliderIcon>img {
        max-width: 38%;
    }

    .sports_sliderIcon {
        left: 0;
        top: 0rem;
    }

    .sports_sliderSec .history_vector {
        display: none;
    }

    .sports_sliderSec {
        padding-block: 6rem;
    }

    .sports_row {
        gap: 2rem;
    }

    .sports_sec03 {
        margin-block: 0rem 2rem;
    }

    .overview_heading {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .studentlife2grid {
        grid-template-columns: 100%;
    }

    .sports_sliderSec .history_Bx .history_text {
        padding: 4.6rem 2.4rem 2.4rem 2.4rem;
    }

    .history_slider p {
        margin-bottom: 2rem;
    }

    .placment_over1 .overview_heading {
        padding-bottom: 3rem;
    }

    .studentlife1 p {
        width: 100%;
    }

    .stu-facilitygrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .studentlife2grid {
        margin-bottom: 4rem;
    }

    .studentlife1 p {
        margin-bottom: 3.3rem;
    }

    .stulife4grid {
        grid-template-columns: 100%;
        position: relative;
        left: 0;
    }

    .studentlife4 {
        background: #232362;
        position: relative;
        padding-block: 4rem;
        margin-bottom: 7rem;
    }

    .studentlife4 .bluebg {
        position: absolute;
        top: 0;
    }

    .sportsadv_grid {
        grid-template-columns: 100%;
    }

    .sports_advfigure .fig2 {
        margin-top: -6rem;
    }
}

.distinguished-faculty {
    padding-bottom: 10rem;
}

@media (max-width: 575px) {
    .stu-facilitygrid {
        grid-template-columns: repeat(1, 1fr);
    }

    .facultybg_bx {
        max-width: 100%;
        padding: 2rem;
        left: 1rem;
        position: static;
        border-radius: 0;
    }

    .club_btn .swiper-button-prev,
    .club_btn .swiper-button-next {
        margin-inline: 0rem;
    }

    .club-fullslider {
        margin-bottom: 1rem;
    }

    .sports_advtitle h3 br {
        display: none;
    }

    .stulife2text {
        padding: 2rem;
    }

    .breadcrumb_header {
        flex-wrap: wrap;
        gap: 1rem;
        grid-template-columns: 100%;
    }

    .sports_row {
        grid-template-columns: repeat(1, 1fr);
    }

    .sports_overview h2 {
        margin-bottom: 2rem;
    }

    .abour_overview.sports_overview {
        padding-block: 4rem 2rem;
    }

    .sports_sliderSec {
        padding-block: 2rem 4rem;
    }
}

@media (max-width: 420px) {
    .sports_sliderIcon>img {
        max-width: 25%;
    }

    .sports_sliderSec .history_Bx .history_text {
        padding: 2rem 2rem 2rem 4rem;
    }
}

/* library page ccs start */

.lib_one .lib-cntnt {
    padding-block: 10rem;
    padding-right: 6rem;
}

.lib_one .lib-cntnt p {
    margin-bottom: 0;
    font-size: var(--font-24);
}

.lib_one .lib-img {
    margin-inline: 1.2rem;
}

@media (max-width: 1699px) {
    .lib_one .lib-img {
        margin-inline: 0;
    }
}

@media (max-width: 1199px) {
    .lib_one .lib-cntnt {
        padding-block: 5rem;
        padding-right: 0;
    }
}

@media (max-width: 1199px) {
    .lib_one .lib-cntnt {
        padding-block: 3rem;
        padding-right: 0;
    }
}

.lib_two {
    padding-block: 10rem 7rem;
}

.lib-two-grid {
    display: grid;
    grid-template-columns: 51.21% auto;
    gap: 8.5rem;
    margin-inline: 0 5.8rem;
    align-items: center;
}

.lib_two .stats-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.lib_two .stat-box {
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-block: 4.5rem;
    padding-inline: 5.5rem;
}

.lib_two .stat-box:nth-child(2n) {
    border-right: none;
    padding-bottom: 0;
}

.lib_two .stat-box:nth-last-child(-n + 2) {
    border-bottom: none;
    padding-top: 3.7rem;
}

.lib_two .stat-box figure {
    margin-bottom: 15px;
}

.lib_two .stat-box h2 {
    font-size: var(--font-48);
    font-weight: 700;
    color: var(--color-28);
    margin-bottom: 0;
}

.lib_two .stat-box h2 sup {
    font-size: var(--font-21);
    font-weight: bold;
    top: -2rem;
}

.lib_two .stat-box h2 sub {
    font-size: var(--font-21);
    font-weight: bold;
    bottom: 0rem;
}

.lib_two .stat-box p {
    font-size: var(--font-16);
    color: var(--color-2b);
    margin-bottom: 0;
}

@media (max-width: 1440px) {
    .lib_two .stat-box {
        padding-inline: 3.5rem;
    }
}

@media (max-width: 1199px) {
    .lib_two {
        padding-block: 5rem 5rem;
    }
}

@media (max-width: 1024px) {
    .lib-two-grid {
        margin-inline: 0;
        gap: 4rem;
    }

    .lib_two .stat-box {
        padding-block: 1.5rem;
    }
}

@media (max-width: 767px) {
    .lib-two-grid {
        margin-inline: 0;
        gap: 3rem;
        grid-template-columns: auto;
    }
}

@media (max-width: 600px) {
    .lib_two .stat-box {
        padding-inline: 1.5rem;
    }

    .lib_two .stat-box:nth-last-child(-n + 2) {
        border-bottom: none;
        padding-top: 1.5rem;
    }
}

.lib_three {
    padding-bottom: 13rem;
}

.lib_three .nptl_grid {
    display: grid;
    grid-template-columns: 46% auto;
    gap: 10.9rem;
    margin-inline: 0rem 4.2rem;
}

.lib_three .nptl_grid .logo_sec {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    border-block: 1px solid var(--color-c9);
}

.lib_three .nptl_grid .logo_sec figure img {
    mix-blend-mode: multiply;
}

.lib_three .nptl_grid .logo-cntnt {
    padding-right: 2rem;
}

.lib_three .nptl_grid .logo-cntnt p {
    font-size: var(--font-16);
    color: var(--color-2b);
    letter-spacing: -0.4px;
    margin-bottom: 3rem;
}

.lib_three .nptl_grid .logo-cntnt p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1580px) {
    .lib_three .nptl_grid .logo-cntnt {
        padding-right: 0.9rem;
    }
}

@media (max-width: 1440px) {
    .lib_three .nptl_grid .logo-cntnt {
        padding-right: 0;
    }
}

@media (max-width: 1199px) {
    .lib_three {
        padding-bottom: 8rem;
    }
}

@media (max-width: 1024px) {
    .lib_three .nptl_grid {
        gap: 8rem;
        margin-inline: 0;
    }
}

@media (max-width: 991px) {
    .lib_three .nptl_grid {
        grid-template-columns: auto;
        gap: 4rem;
    }
}

@media (max-width: 575px) {
    .lib_three {
        padding-bottom: 4rem;
    }
}

.lib_four {
    margin-top: 6.3rem;
    position: relative;
}

.lib_four::after {
    content: "";
    position: absolute;
    background: transparent linear-gradient(126deg, #161653 0%, #151551 100%) 0% 0% no-repeat padding-box;
    width: 78vw;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 20px 0px 0px 20px;
}

@media (min-width: 3500px) {
    .lib_four::after {
        width: 71vw;
    }
}

@media (min-width: 5000px) {
    .lib_four::after {
        width: 64vw;
    }
}

@media (min-width: 7000px) {
    .lib_four::after {
        width: 60vw;
    }
}

.lib_four .opac_sec {
    background: transparent linear-gradient(126deg, #282896 0%, #14144b 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px 0px 0px 30px;
    position: relative;
    padding-bottom: 1.4rem;
    z-index: 1;
}

.lib_four .opac_grid {
    display: grid;
    grid-template-columns: 39.3% auto;
    gap: 16rem;
    margin-inline: 6rem 6.3rem;
    position: relative;
    z-index: 9;
}

.lib_four .opac-1,
.lib_four .opac-2 {
    position: absolute;
}

.lib_four .opac-1 {
    top: 0;
    left: 0;
}

.lib_four .opac-2 {
    top: -3.4rem;
    left: 0;
}

.lib_four .opac_lft {
    padding-top: 7.7rem;
}

.lib_four .opac_lft h5 {
    color: var(--color-white);
    font-size: var(--font-16);
    font-weight: bold;
    margin-bottom: 4rem;
}

.lib_four .opac_lft p {
    color: var(--color-white);
    font-size: var(--font-16);
    font-weight: 300;
    margin-bottom: 0;
}

.lib_four .opac_lft .timing {
    padding-top: 5rem;
}

.lib_four .opac_lft .timing h3 {
    font-size: var(--font-48);
    color: var(--color-white);
    font-weight: bold;
}

.lib_four .opac_lft .timing p {
    font-size: var(--font-16);
    letter-spacing: -0.4px;
    font-weight: 300;
    margin-bottom: 0;
}

.lib_four .opac_rgt {
    position: relative;
    top: -7rem;
}

@media (max-width: 1699px) {
    .lib_four .opac_sec {
        padding-bottom: 2.4rem;
    }

    .lib_four .opac_grid {
        margin-inline: 1.7rem 1.5rem;
    }
}

@media (max-width: 1440px) {
    .lib_four .opac-1 img {
        width: 90%;
    }

    .lib_four .opac-2 img {
        width: 92%;
    }
}

@media (max-width: 1366px) {
    .lib_four .opac_sec {
        padding-bottom: 5.4rem;
    }
}

@media (max-width: 1366px) {
    .lib_four .opac-1 img {
        width: 83%;
    }

    .lib_four .opac-2 img {
        width: 85%;
    }

    .lib_four .opac_lft {
        padding-top: 5.7rem;
    }
}

@media (max-width: 1199px) {
    .lib_four .opac_grid {
        margin-inline: 0rem 0rem;
    }

    .lib_four .opac_lft h5 {
        margin-bottom: 3rem;
    }

    .lib_four .opac_lft .timing {
        padding-top: 4rem;
    }

    .lib_four .opac-1 img {
        width: 79%;
    }

    .lib_four .opac-2 img {
        width: 81%;
    }
}

@media (max-width: 1199px) {
    .lib_four .opac_grid {
        gap: 13rem;
    }
}

@media (max-width: 991px) {
    .lib_four::after {
        display: none;
    }

    .lib_four {
        margin-top: 0;
        position: relative;
    }

    .lib_four .opac_sec {
        padding-bottom: 5.4rem;
        border-radius: 2rem;
    }

    .lib_four .opac_grid {
        gap: 3rem;
        grid-template-columns: auto;
        padding-inline: 2rem;
    }

    .lib_four .opac_rgt {
        position: relative;
        top: 0;
    }
}

@media (max-width: 767px) {
    .lib_four .opac_lft .timing {
        padding-top: 2rem;
    }
}

@media (max-width: 575px) {
    .lib_four .opac-2 {
        display: none;
    }
}

.lib_five {
    padding-block: 14rem 12rem;
}

.lib_five .vsn-msn {
    display: grid;
    grid-template-columns: 40.65% auto;
}

.lib_five .vsn-msn .vsn-box {
    background-color: var(--color-ff);
    border-radius: 20px;
    padding-inline: 5.5rem;
    padding-block: 5.7rem 12.6rem;
    position: relative;
    z-index: 9;
}

.lib_five .vsn-msn .vsn-box h2 {
    font-size: var(--font-24);
    letter-spacing: -0.36px;
    font-weight: bold;
    margin-bottom: 2rem;
    font-family: var(--font-family-inter);
}

.lib_five .vsn-msn .vsn-box p {
    font-size: var(--font-36);
    font-weight: bold;
    color: var(--color-black);
    line-height: 1.17;
}

.lib_five .msn-box {
    background-color: var(--color-white);
    border-radius: 0px 20px 20px 0px;
    position: relative;
    padding-block: 5.7rem 9rem;
    padding-inline: 14.5rem 13.2rem;
    top: -1rem;
}

.lib_five .msn-box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    left: -17%;
    top: 0;
    border-radius: 20px 0px 0px 20px;
    z-index: -2;
}

.lib_five .msn-box h2 {
    font-size: var(--font-24);
    font-weight: bold;
    letter-spacing: -0.36px;
    margin-bottom: 3rem;
}

.custom-bullets li {
    position: relative;
    font-size: var(--font-16);
    letter-spacing: -0.4px;
    padding-left: 2.9rem;
}

.custom-bullets li:not(:last-child) {
    margin-bottom: 3rem;
}

.custom-bullets li::before {
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-68);
    border-radius: 50%;
    top: 0.3rem;
    left: 0;
    background-image: url("../images/check.svg");
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 1699px) {
    .lib_five .vsn-msn .vsn-box {
        padding-inline: 7.2rem;
    }
}

@media (max-width: 1580px) {
    .lib_five .vsn-msn .vsn-box {
        padding-inline: 8.2rem;
    }
}

@media (max-width: 1440px) {
    .lib_five .vsn-msn .vsn-box {
        padding-inline: 5rem 9rem;
    }

    .lib_five .msn-box {
        padding-inline: 14.5rem 10.2rem;
    }
}

@media (max-width: 1366px) {
    .lib_five .vsn-msn .vsn-box {
        padding-inline: 5rem 7.7rem;
    }

    .lib_five .msn-box {
        padding-inline: 14.5rem 9.2rem;
        padding-block: 5.7rem 4rem;
    }
}

@media (max-width: 1199px) {
    .lib_five {
        padding-block: 13rem 5rem;
    }

    .lib_five .vsn-msn .vsn-box {
        padding-inline: 4rem 6rem;
        padding-block: 4rem;
    }

    .lib_five .msn-box {
        padding-inline: 14.5rem 8.2rem;
        padding-block: 5rem 3rem;
    }
}

@media (max-width: 1024px) {
    .lib_five .vsn-msn .vsn-box {
        padding-inline: 3rem 4rem;
        padding-block: 3rem;
    }
}

@media (max-width: 991px) {
    .lib_five {
        padding-block: 5rem 4rem;
    }

    .lib_five .msn-box {
        padding-inline: 3rem 2rem;
        padding-block: 4rem 2rem;
    }
}

@media (max-width: 767px) {
    .lib_five .vsn-msn {
        display: grid;
        grid-template-columns: auto;
        gap: 3rem;
    }

    .lib_five .msn-box::before {
        display: none;
    }

    .lib_five .msn-box {
        padding-inline: 3rem 2rem;
        padding-block: 3rem 3rem;
        border-radius: 2rem;
    }
}

@media (max-width: 575px) {
    .lib_five .vsn-msn .vsn-box {
        padding-inline: 2rem 2rem;
        padding-block: 3rem;
    }
}

.lib_six {
    padding-bottom: 9rem;
}

.lib_six .tabs {
    margin: 0;
    padding: 0;
    padding-top: 2rem;
    gap: 4.8rem;
}

.lib_six .tabs li {
    margin: 0;
    cursor: pointer;
    line-height: 31px;
    color: var(--color-1a);
    overflow: hidden;
    position: relative;
    font-size: var(--font-18);
}

.lib_six .tabs li:hover {
    color: var(--color-28);
}

.lib_six .tabs li.active {
    color: var(--color-28);
    display: block;
}

.lib_six .tab_content {
    padding-top: 8rem;
    display: none;
}

.lib_six .tab_content h2 {
    font-size: var(--font-24);
    font-weight: bold;
    letter-spacing: -0.36px;
    font-family: var(--font-family-inter);
    margin-bottom: 0;
    color: var(--color-28);
    line-height: 1.4;
}

.lib_six .tab_drawer_heading {
    display: none;
}

.lib_six .lac_bx ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 4.4rem;
    row-gap: 0rem;
    padding-top: 5rem;
}

.lib_six .lac_bx ul li {
    position: relative;
    padding-block: 2.2rem 2rem;
}

.lib_six .lac_bx ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-c9);
}

.lib_six .lac_bx ul li:nth-child(7)::after,
.lac_bx ul li:nth-child(8)::after,
.lac_bx ul li:nth-child(9)::after,
.lac_bx ul li:nth-child(10)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-c9);
}

.lib_six .lac_bx ul li h5 {
    font-size: var(--font-18);
    font-weight: 500;
    font-family: var(--font-family-inter);
    color: var(--color-black);
    margin-bottom: 0.4rem;
}

.lib_six .lac_bx ul li p {
    margin: 0;
    font-weight: 300;
}

.lib_six .lac_bx ul>li:nth-child(5):after,
.lib_six .lac_bx ul>li:nth-child(6):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-c9);
}

.lib_six .strip {
    position: relative;
}

.lib_six .strip::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-d4);
    bottom: 0.9rem;
    left: 0;
}

.lib_six .lac table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
}

.lib_six .lac .table-responsive {
    padding-top: 3rem;
}

.lib_six .lac thead th {
    background: var(--color-53);
    color: var(--color-white);
    padding: 1rem 2rem 1rem;
    font-size: var(--font-18);
    font-weight: 500;
    font-family: var(--font-family-inter);
}

.lib_six .lac thead tr th:nth-of-type(2) {
    width: 25rem;
}

.lib_six .lac thead tr th:nth-of-type(3) {
    width: 31.3rem;
}

.lib_six .lac thead tr th:nth-of-type(4) {
    width: 25rem;
}

.lib_six .lac thead tr th:nth-of-type(5) {
    width: auto;
}

.lib_six .lac tbody td {
    padding: 1.9rem 1rem 2rem 2rem;
    font-size: var(--font-16);
    font-family: var(--font-family-inter);
}

.lib_six .lac tbody tr:nth-child(odd) {
    background: var(--color-white);
}

.lib_six .lac tbody tr:nth-child(even) {
    background: #ffffff7a;
}

@media (max-width: 1440px) {
    .lib_six .lac_bx ul {
        column-gap: 3rem;
    }

    .breadcrumb {
        padding-top: 14rem;
    }
}

@media (max-width: 1199px) {
    .lib_six {
        padding-bottom: 5rem;
    }

    .lib_six .tab_content {
        padding-top: 4rem;
    }

    .breadcrumb {
        padding-top: 12rem;
    }
}

@media (max-width: 991px) {
    .lib_six .lac_bx ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .program_depContant {
        padding-inline: 2rem;
    }

    .program_btn.teaching_facibtn {
        padding: 5.5rem 2rem 5.3rem;
    }

    .top_icon img {
        width: 100%;
        height: 8px;
        object-fit: none;
        object-position: left;
    }
}

@media screen and (max-width: 600px) {
    .lib_six .tab_content {
        padding-top: 1rem;
    }

    .lib_six .tabs {
        display: none;
    }

    .lib_six .tab_drawer_heading {
        background-color: var(--color-68);
        color: #fff;
        margin: 0;
        padding: 10px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-bottom: 1rem;
    }

    .lib_six .d_active {
        background-color: var(--color-18);
        color: #fff;
    }

    .lib_six .lac_bx ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .arrow {
        top: 33%;
    }
}

@media (max-width: 375px) {
    .lib_six .lac_bx ul {
        grid-template-columns: auto;
    }

    .lib_six {
        padding-bottom: 1rem;
    }
}

.lib_seven {
    position: relative;
    padding-bottom: 14rem;
}

.lib_seven::after {
    content: "";
    position: absolute;
    width: 150.9rem;
    height: 84%;
    background-color: var(--color-white);
    left: 50%;
    bottom: 0;
    margin-inline: auto;
    transform: translate(-50%, -7%);
    border-radius: 2rem;
    z-index: -1;
}

.lib_seven .strip {
    padding-bottom: 12rem;
}

.lib_seven .big-yellow {
    position: absolute;
    top: 49%;
    left: 0;
    z-index: -1;
}

.lib_seven .rule_grid {
    display: grid;
    grid-template-columns: 40.65% auto;
    gap: 14.4rem;
    padding-top: 9rem;
}

.lib_seven .rule_grid .rule_lft {
    display: flex;
    flex-direction: column;
    gap: 8rem;
}

.lib_seven .rule_grid h3 {
    margin-bottom: 3rem;
    font-size: var(--font-24);
    letter-spacing: -0.36px;
    font-family: var(--font-family-inter);
    font-weight: bold;
    padding-right: 6.5rem;
}

@media (max-width: 1699px) {
    .lib_seven .rule_grid h3 {
        padding-right: 6.5rem;
    }

    .lib_seven .rule_rgt {
        padding-right: 2rem;
    }

    .school-sec7 {
        padding-inline: 3rem;
    }
}

@media (max-width: 1599px) {
    .school_home .hero-slide-content .container figure {
        left: 0rem;
    }

    .hero-left {
        padding-left: 9rem;
    }

    .school7_textbx .progress {
        width: 76%;
    }
}

@media (max-width: 1440px) {
    .lib_seven::after {
        width: 92%;
        height: 84%;
    }

    .lib_seven .rule_grid h3 {
        padding-right: 1.5rem;
    }
}

@media (max-width: 1280px) {
    .lib_seven::after {
        width: 95%;
        height: 84%;
    }

    .lib_seven .rule_grid h3 {
        padding-right: 0;
    }
}

@media (max-width: 1199px) {
    .lib_seven {
        overflow: hidden;
        padding-bottom: 8rem;
    }

    .lib_seven::after {
        width: 100%;
        height: 84%;
        transform: translate(-50%, -3%);
    }

    .lib_seven .strip {
        padding-bottom: 5rem;
    }

    .lib_seven .rule_grid {
        gap: 11.4rem;
        padding-top: 4rem;
    }

    .lib_seven .rule_rgt {
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .lib_seven .rule_grid {
        gap: 7rem;
        padding-top: 4rem;
    }

    .faculty_detailsRow {
        padding: 2rem 1.5rem;
    }
}

@media (max-width: 767px) {
    .lib_seven .rule_grid {
        gap: 4rem;
        padding-top: 4rem;
        grid-template-columns: auto;
    }

    .lib_seven .rule_grid .rule_lft {
        gap: 3rem;
    }

    .lib_seven::after {
        height: 100%;
    }
}

@media (max-width: 375px) {
    .lib_seven .strip {
        padding-bottom: 2rem;
    }
}

.lib_eight .contact-info {
    position: relative;
    width: 150.9rem;
    margin-inline: auto;
    background-color: var(--color-53);
    border-radius: 2rem;
    padding-block: 10rem 12.2rem;
    z-index: 1;
    margin-bottom: 10rem;
    overflow: hidden;
}

.lib_eight .contact-info .cntact-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}

.lib_eight .contact-info .contct-sec {
    padding-bottom: 5rem;
}

.lib_eight .contact-info .contct-sec h4 {
    font-size: var(--font-24);
    font-weight: bold;
    margin-bottom: 2rem;
    color: var(--color-white);
}

.lib_eight .contact-info .contct-sec h5 {
    font-size: var(--font-48);
    font-weight: 300;
    margin-bottom: 0;
    color: var(--color-white);
}

.lib_eight .contact-info .contct-btm ul {
    display: flex;
    gap: 10rem;
}

.lib_eight .contact-info .contct-btm ul li {
    display: flex;
    gap: 1rem;
}

.lib_eight .contact-info .contct-btm ul li p {
    font-weight: 300;
    color: var(--color-white);
    margin-bottom: 0.9rem;
}

.lib_eight .contact-info .contct-btm ul li a {
    color: var(--color-white);
    font-size: var(--font-21);
    letter-spacing: -0.32px;
    font-weight: bold;
    font-family: var(--font-family-inter);
    margin-top: 0.5rem;
}

.lib_eight .contact-info .contct-btm ul li:hover a {
    color: var(--color-ff);
}

.lib_eight .contact-info .contct-btm ul li h6 {
    color: var(--color-white);
    font-size: var(--font-14);
    font-weight: 300;
    margin-bottom: 0;
}

@media (max-width: 1580px) {
    .lib_eight .contact-info {
        padding-block: 10rem 12.9rem;
    }
}

@media (max-width: 1440px) {
    .lib_eight .contact-info {
        width: 92%;
        padding-block: 10rem 13.6rem;
    }
}

@media (max-width: 1280px) {
    .lib_eight .contact-info {
        width: 95%;
        padding-block: 11rem 13.6rem;
    }

    .lib_eight .contact-info .contct-btm ul {
        gap: 7rem;
    }
}

@media (max-width: 1199px) {
    .lib_eight .contact-info {
        width: 95%;
        padding-block: 11rem 14.3rem;
        margin-bottom: 5rem;
    }
}

@media (max-width: 767px) {
    .lib_eight .contact-info {
        width: 96%;
        padding-block: 3rem 2.3rem;
        margin-bottom: 5rem;
    }

    .lib_eight .contact-info .contct-sec {
        padding-bottom: 3rem;
    }

    .lib_eight .contact-info .contct-btm ul {
        gap: 5rem;
        flex-wrap: wrap;
    }

    .lib_eight .contact-info .cntact-bg {
        width: 95%;
    }
}

@media (max-width: 375px) {
    .lib_eight .contact-info .contct-btm ul {
        gap: 3rem;
        flex-wrap: wrap;
    }
}

/* library page ccs end */

/* students facilities css start */
.student-life-facilities {
    padding-block: 0 11.4rem;
    position: relative;
}

.student-life-facilities .big-yellow {
    position: absolute;
    top: 18.2%;
    left: 0;
    z-index: -1;
}

.student-life-facilities .facilities_heading {
    padding-block: 7rem 7rem;
}

.student-life-facilities .facilities_heading h2 {
    font-size: var(--font-36);
    color: var(--color-2b);
    font-weight: 300;
    margin-bottom: 0;
}

.student-life-facilities .facilities_heading h2>span {
    display: block;
}

.student-life-facilities .facilities_grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.6rem;
}

.student-life-facilities .facilities_items {
    position: relative;
    z-index: 1;
    background-color: var(--color-white);
    border-radius: 2rem;
}

.student-life-facilities .facilities_contant {
    background-color: transparent;
    padding: 4rem 4.7rem 4.8rem 4rem;
    position: relative;
}

.student-life-facilities .facilities_contant h4 {
    font-size: var(--font-24);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-28);
    margin-bottom: 2.5rem;
    letter-spacing: -0.36px;
    font-family: var(--font-family-inter);
}

.student-life-facilities .facilities_contant p {
    font-size: var(--font-16);
    font-weight: 400;
    line-height: 1.6;
    color: var(--color-2b);
    margin-bottom: 0;
    font-family: var(--font-family-inter);
    letter-spacing: -0.4px;
}

.student-life-facilities .facilities_contant .visit_icons {
    position: relative;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-life-facilities .facilities_contant .visit_icons::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #e3e3e3;
    opacity: 0.53;
    border-radius: 10px;
    z-index: 0;
}

.student-life-facilities .facilities_contant .visit_icons img {
    position: relative;
    z-index: 1;
    height: auto;
}

.student-life-facilities .facilities_items .full_link {
    position: absolute;
    inset: 0;
    z-index: 5;
}

@media (max-width: 1024px) {
    .student-life-facilities .facilities_contant {
        padding: 2rem;
    }
}

@media (max-width: 991px) {
    section.hero-slider.school_home {
        padding-block: 11.5rem 0;
    }

    .student-life-facilities {
        padding-block: 0 5rem;
    }

    .student-life-facilities .facilities_heading {
        padding-block: 4rem 3rem;
    }

    .student-life-facilities .facilities_grid {
        gap: 2.6rem;
    }

    .student-life-facilities .facilities_contant h4 {
        margin-bottom: 1rem;
    }

    .student-life-facilities .facilities_heading h2>span {
        display: inline-block;
    }

    .home_pro_head h2 {
        text-align: center;
        color: var(--color-28);
        margin-bottom: 3.4rem;
    }

    .home_pro_head {
        flex-direction: column;
        padding-bottom: 3.6rem;
    }

    .pro_search {
        width: 100%;
    }

    .pro_list1 {
        width: 46%;
        margin-bottom: 1.5rem;
        position: relative;
    }

    .home_pro_list {
        gap: 2rem;
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    .school-sec3 {
        padding-inline: 1rem;
    }

    .student-life-facilities .facilities_grid {
        grid-template-columns: auto;
    }

    .sch3-text ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0 2.4rem;
    }

    .sch3-text {
        padding: 5rem 0 0;
    }

    .banner_slider {
        height: 100vh;
    }

    .school_home .hero-slide-content {
        margin-top: 0;
    }

    .banner-img-bg,
    .banner-img-bg img {
        object-fit: cover;
        max-height: 100%;
        height: 100%;
    }

    .school_home .hero-slide-content figure img,
    .home_slide figure .school-arrowbg img {
        height: auto;
    }

    .home_slide figure img {
        width: 100%;
        height: 80vh;
        object-fit: cover;
    }

    .school7_imgbx figure figcaption {
        padding-inline: 0;
    }

    .n-date h4::after {
        display: none;
    }

    .school7_imgbx figure figcaption p br {
        display: none;
    }

    .home_program {
        margin-bottom: 16.2rem;
    }

    .research_number_list {
        display: flex;
        gap: 1rem;
        margin-top: 7rem;
        align-items: center;
        margin-bottom: 5rem;
        flex-direction: column;
    }

    .programs_box .condi_data img.full-link {
        margin-top: 1rem;
    }

    .visit_link {
        margin-bottom: 2rem;
    }

    .news-event-listing .news-short-heading p {
        padding-right: 0;
    }

    .cus-managment {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* students facilities css end */

/* international-faculty css start */
.international-faculty {
    padding-block: 7rem 11rem;
}

.international-faculty .table-responsive {
    overflow-x: visible;
}

.international-faculty h3 {
    font-size: var(--font-24);
    font-weight: bold;
    letter-spacing: -0.36px;
    padding-bottom: 5rem;
    margin-bottom: 0;
    font-family: var(--font-family-inter);
}

.international-faculty .table-controls select,
.international-faculty .table-controls input {
    padding: 1.1rem 1.2rem 1.1rem 1rem;
    border: 1px solid #ccc;
    border-radius: 0.7rem;
}

.international-faculty table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
}

.international-faculty thead th {
    background: var(--color-53);
    color: var(--color-white);
    padding: 1rem 2rem 1rem;
    font-size: var(--font-18);
    font-weight: 500;
    font-family: var(--font-family-inter);
}

.international-faculty thead tr th:nth-of-type(2) {
    width: 25rem;
}

.international-faculty thead tr th:nth-of-type(3) {
    width: 31.3rem;
}

.international-faculty thead tr th:nth-of-type(4) {
    width: 25rem;
}

.international-faculty thead tr th:nth-of-type(5) {
    width: auto;
}

.international-faculty tbody td {
    padding: 1.9rem 1rem 2rem 2rem;
    font-size: var(--font-16);
    font-family: var(--font-family-inter);
}

.international-faculty tbody tr:nth-child(odd) {
    background: var(--color-white);
}

.international-faculty tbody tr:nth-child(even) {
    background: #ffffff7a;
}

.faq-table {
    padding-block: 2rem 1rem;
}

@media (max-width: 1485px) {
    .international-faculty thead tr th:nth-of-type(2) {
        width: 24rem;
    }

    .international-faculty thead tr th:nth-of-type(3) {
        width: 30rem;
    }

    .international-faculty thead tr th:nth-of-type(4) {
        width: 23rem;
    }

    .learning-community-left {
        padding-inline: 0;
    }

    .learning-community-left p:last-of-type {
        padding-right: 0;
    }
}

/* international-faculty css end */

/* admission scholarship  */

/* Desktop default */
.m-filter-tag {
    display: none;
}

/* Icon optional animation */
.m-filter-tag.active .filter-icon {
    transform: rotate(180deg);
}

/* Mobile only */
@media (max-width: 768px) {
    .studentlife7 figure {
        border-radius: 0;
    }

    .studentlife7 figure img {
        height: 16rem;
        object-fit: cover;
    }

    .studentlife7 .container.faculty-bg {
        padding: 0;
    }

    .m-filter-tag {
        display: flex;
        align-items: center;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
        font-size: var(--font-20);
        margin-top: 5rem;
        margin-bottom: 2rem;
        padding-bottom: 1rem;
        justify-content: space-between;
    }

    .course-filter-list {
        display: none;
    }

    .course-filter-list.active {
        display: block;
    }

    .international-faculty .table-responsive {
        overflow-x: auto;
    }

    .facilities_section {
        padding-block: 3rem 3rem;
    }
}

.facilities_section .swiper-button-prev {
    background: var(--color-white);
    color: #000;
    width: 40px;
    height: 40px;
    border-radius: 0;
    border-top-left-radius: 5px;
    position: static;
    border-bottom-left-radius: 5px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.facilities_section .swiper-button-next {
    background: var(--color-white);
    position: static;
    color: #000;
    width: 40px;
    height: 40px;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.facilities_section .swiper-button-prev:after,
.facilities_section .swiper-button-next:after {
    font-size: var(--font-16);
}

.facilities_section .swiper-button-prev:hover,
.facilities_section .swiper-button-next:hover {
    background-color: var(--color-ff);
}

.pdf-col {
    position: relative;
    transition: all 0.4s;
}

.pdf-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-indent: -9999px;
    cursor: pointer;
}

.notice_annou span {
    margin-bottom: 1.5rem;
    display: block;
}

.bottom-back-btn {
    margin: 5rem 0 8rem;
    text-align: left;
}

.bottom-back-btn a {
    display: flex;
    gap: 1rem;
    padding: 1.2rem 5.5rem;
    background-color: #e3e3e38a;
    color: var(--color-2b);
    font-size: var(--font-16);
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    align-items: center;
    position: relative;
    z-index: 999;
}

.bottom-back-btn .read::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    background: var(--color-28);
    left: 0;
    bottom: 0;
    border-radius: 1rem;
    transition: 0.5s ease;
    z-index: -1;
}

.bottom-back-btn .read:hover::before {
    height: 100%;
}

.bottom-back-btn .read:hover {
    color: var(--color-white);
}

.bottom-back-btn .read:hover img {
    filter: brightness(0) invert(1);
}

.bottom-back-btn img {
    transform: rotate(180deg);
}

.course.course1 {
    position: relative;
}

.faculty_list_cont {
    margin: 0 0 6rem 0;
}

.distinguished-faculty .list_col figure img {
    background: #e0d3b8;
    background: linear-gradient(180deg,
            rgba(224, 211, 184, 1) 0%,
            rgba(226, 223, 211, 1) 100%);
}

.cus_pecialization .international-faculty thead th {
    width: 30%;
}

.gallery-listing-panel .gallery-listing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.top_50_university {
    margin-block: 15rem 7rem;
    background: #f2f2f2;
}

.facilities_section .container {
    position: relative;
}

.history-lecacy .full-width {
    max-width: 100%;
}

.history_slider {
    margin-left: calc((100vw - clamp(var(--container-min),
                    var(--container-ideal),
                    var(--container-max))) / 2);
}

.history_Bx img {
    width: 100%;
    object-fit: cover; object-position:right;
}
figure.bg_img_new img {
    max-width: 100%;
}
@media (max-width: 1280px) {

    .es-top h5,
    .left-re {
        padding-inline: 0 !important;
    }

    .ec_text {
        padding-block: 5rem 2rem;
    }

    .facilities_section {
        padding-block: 4rem 4rem;
    }

    .nirf-text {
        padding-top: 0;
    }

    .history_slider {
        margin: auto;
        padding-inline: 2rem;
    }

    .history_Bx {
        grid-template-columns: 40% 60%;
    }

    .learning-community-right img {
        width: 100%;
    }

    .research .es-top {
        padding-inline: 0rem;
        gap: 2rem;
    }

    .pagination {
        margin-top: 5rem;
    }

    .placement_profile_panel {
        padding: 0 0 6rem 0;
    }

    .home_placement.lean-out {
        padding-block: 5rem 8rem;
    }

    .place_record.placementSwiper1 {
        gap: 3rem;
    }
}

@media (max-width: 992px) {

        .leader_second h2 {
        max-width: 100%;
        margin-bottom: 0;
    }
    ul.list4 {
    column-gap: 3rem;
    margin-bottom: 5rem;
}
    .top_50_university {
        margin-block: 5rem 4rem;
    }

    .breadcrumb_header ul {
        display: none;
    }

    .course_pageSec {
        margin-top: 2rem;
    }

    .es-campus-section p {
        width: 100%;
        margin: 0;
        padding-block: 0 3rem;
    }

    .ec-camp {
        padding-inline: 1.5rem;
        padding-block: 3rem;
    }

    .ec_text {
        flex-direction: column;
        gap: 0;
        padding-bottom: 2rem;
        padding-block: 2rem;
        align-items: start;
    }

    .learning-community-left {
        padding-inline: 0;
    }

    .learning-community-left p:last-of-type {
        padding-inline: 0;
    }

    .stulife4grid {
        padding-inline: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .facilities_title h4 {
        font-size: var(--font-26);
    }
}

.bg_box_grid {
    display: grid;
}

.bg_box_grid>* {
    grid-area: 1/1;
}

.studentlife7 figure {
    border-radius: 30px;
    overflow: hidden;
}

.studentlife-event2 {
    padding-bottom: 12rem;
}

.big-yellow.st-icon {
    position: absolute;
    top: -26rem;
}

.sports_sec03-left {
    border-radius: 30px;
    overflow: hidden;
    margin-block: 8rem 6rem;
}

.sports_sec02 .col-lg-12 {
    position: relative;
}

.sports_sliderIcon.icons-pic-new {
    top: -7rem;
    left: -13rem;
}

.container.history_slider.slider_club_list {
    margin: auto;
}

.plac3_grid .contant {
    align-content: center;
    position: relative;
    padding-inline: 0 4rem;
}

.plac3_grid .contant figure {
    position: absolute;
    bottom: 0;
}

@media (max-width: 991px) {
    .sports_sec03-left {
        margin-left: 0;
        margin-top: 0;
    }

    .pro_list1 figure,
    .pro_list1 figure img {
        height: 16rem;
        object-fit: cover;
    }

    .home_placement {
        padding-block: 3rem 3rem;
        overflow: hidden;
    }

    .sch3-text ul li {
        padding-block: 1.5rem;
        margin: 0;
    }

    .res_item p br,
    .research_item:nth-child(2),
    .research_item:nth-child(3) {
        display: none;
    }

    .research_item .research_caption {
        position: static;
        display: block;
        background: none;
        padding: 2rem 0;
    }

    .research_item .research_caption p {
        color: #fff;
        display: block;
        text-align: center;
    }

    .school-sec7 {
        padding-inline: 1.5rem;
        padding-block: 5rem 0;
    }

    body .educational-society.research h4 {
        margin-bottom: 3rem;
    }
}

@media (max-width: 768px) {
    .studentlife7 figure {
        border-radius: 0;
    }

    .studentlife7 {
        position: relative;
        padding-bottom: 6rem;
    }

    .pagination {
        margin-top: 3rem;
    }

    .placement_profile_panel {
        padding: 0 0 4rem 0;
    }

    .home_placement.lean-out {
        padding-block: 4rem;
    }
}

@media (max-width: 599px) {
    .sports_sec03-left {
        margin-bottom: 2rem;
    }

    .home_placement {
        padding-block: 1rem 3rem;
        overflow: hidden;
    }

    .placment_over5 .sec_title p {
        text-align: left;
    }

    .home_placement .sec_title h5 {
        margin: 0;
    }

    .placment_over5 .sec_title h4 {
        text-align: left;
    }

    .placment_over8 .success-right-slider {
        padding-bottom: 4rem;
    }

    .placement_profile_panel {
        padding: 0 0 2rem 0;
    }

    .pagination {
        margin-top: 2rem;
    }

    .home_placement .sec_title.place_head {
        text-align: left;
        margin-bottom: 3rem;
    }
}

.educational-society.research h4 {
    font-weight: 300;
    font-size: var(--font-36);
    color: var(--color-2b);
    margin-bottom: 8rem;
}

.left-re {
    padding-inline: 0 4rem;
}

.right-re figure {
    overflow: hidden;
    border-radius: 20px;
}

.admission-graphic {
    border-radius: 20px;
    overflow: hidden;
    margin-block: 8rem 0;
}

@media (max-width: 767px) {
    .admission-graphic {
        margin-block: 2rem 0;
    }
}

/* admission scholarship  */
.scholarship1 {
    padding-block: 10rem 15rem;
    position: relative;
}

.scholar1figure {
    display: grid;
    gap: 3rem;
}

.scholargrid_1 {
    display: grid;
    grid-template-columns: 49% 49%;
}

.scholargrid_1 .scholar1text {
    margin-left: 14.2rem;
}

.scholargrid_1 .scholar1text h4 {
    font-size: var(--font-24);
    font-weight: 700;
    margin-bottom: 4rem;
    color: var(--color-28);
}

.scholargrid_1 .scholar1text ul li {
    letter-spacing: -0.4px;
    font-family: var(--font-family-inter);
    font-weight: 400;
    line-height: 1.6;
    color: var(--color-2b);
}

.scholar2white {
    background: #fff;
    border-radius: 2rem;
    padding: 5rem 6.8rem 8.8rem 6.3rem;
}

.scholarshipsec2 {
    padding-bottom: 10rem;
}

.scholarshipsec2 .scholar2white h4 {
    font-size: var(--font-24);
    font-weight: 700;
    margin-bottom: 4.7rem;
    color: var(--color-28);
}

.scholargrid2-1 .scholarbx2 h5 {
    font-size: var(--font-21);
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--color-2b);
}

.scholargrid2-1 .scholarbx2 .blue-text {
    font-size: var(--font-16);
    color: var(--color-28);
    font-weight: 900;
    margin-bottom: 3rem;
}

.scholargrid2-1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8rem;
}

.scholargrid2-1 .scholarbx2 ul li {
    letter-spacing: -0.4px;
    font-family: var(--font-family-inter);
    font-weight: 400;
    line-height: 1.6;
}

.scholar2-bx2 h5 {
    font-size: var(--font-21);
    font-weight: 700;
    margin-bottom: 1rem;
}

.scholar2-bx2 .blue-text {
    font-size: var(--font-16);
    color: var(--color-28);
    font-weight: 600;
    margin-bottom: 3rem;
}

.scholar2-bx2 p {
    letter-spacing: -0.1px;
}

.scholar2-bx2 h6 {
    font-size: var(--font-18);
    font-weight: 500;
    margin-top: 5rem;
}

.scholar2-bx2 p strong {
    margin-top: 3rem;
    display: block;
}

.scholar2-bx2 .scholar-contact {
    margin-top: 5rem;
    display: flex;
    gap: 0;
    align-items: flex-start;
    flex-direction: column;
}

.scholar2-bx2 .scholar-contact span a {
    font-size: var(--font-21);
    color: #2b2a29;
    font-weight: 600;
}

.scholar2-bx2 .scholar-contact span p {
    margin-bottom: 0.5rem;
}

.scholar-condition {
    border-top: 1px solid #70707042;
    padding-top: 4rem;
    margin-top: 4rem;
}

.scholar-condition h5 {
    font-size: var(--font-16);
    margin-bottom: 3rem;
}

.scholarshipsec3 .scholar3_text h3 {
    font-size: var(--font-24);
    font-weight: bold;
    margin-bottom: 3rem;
    color: var(--color-28);
    padding-inline: 0 5rem;
}

.scholarshipsec3 .scholar3_text .yellow-pdf {
    margin-top: 5rem;
    background: #ffcb05;
    border-radius: 1rem;
    width: fit-content;
    padding: 1.2rem 2rem 1.4rem 2rem;
}

.scholarshipsec3 .scholar3_text .yellow-pdf a img {
    width: 1.8rem;
    margin-right: 1rem;
}

.scholarshipsec3 .scholar3_text .yellow-pdf a span {
    color: #2b2a29;
    font-weight: 500;
}

.scholar3_grid {
    display: grid;
    grid-template-columns: 42% 58%;
}

.scholar3_text {
    padding-top: 5.7rem;
    padding-inline: 5.8rem 9rem;
}

.scholarshipsec3 {
    padding-block: 7rem 10rem;
}

.scholar_bg4 {
    background: #3d3da0;
    border-radius: 3rem;
    position: relative;
    padding: 10.7rem 11.8rem 11rem;
    overflow: hidden;
}

.scholar_bg4 .scholarbg {
    position: absolute;
    left: 1rem;
    top: 0;
    z-index: 0;
}

.scholar_bg4 h4,
.scholar_bg4 h2,
.scholar_bg4 .yellow-pdf {
    position: relative;
    z-index: 1;
}

.scholar_bg4 h4 {
    font-size: var(--font-24);
    color: #fff;
    font-weight: 500;
    margin-bottom: 2rem;
}

.scholar_bg4 h2 {
    font-size: var(--font-48);
    font-weight: 300;
    color: #fff;
    margin-bottom: 5rem;
}

.scholar_bg4 .yellow-pdf {
    background: #ffcb05;
    border-radius: 1rem;
    width: fit-content;
    padding: 1.2rem 2rem 1.4rem 2rem;
}

.scholar_bg4 .yellow-pdf a img {
    width: 1.8rem;
    margin-right: 1rem;
}

.scholar_bg4 .yellow-pdf a span {
    color: #2b2a29;
    font-weight: 500;
}

.scholarshipsec4 {
    padding-bottom: 11rem;
}

.yellow-pdf.read:hover a {
    position: relative;
    z-index: 1;
    color: #fff;
}

.yellow-pdf.read:hover a span {
    color: #fff;
}

.yellow-pdf.read:hover img {
    filter: unset;
}

.downloadimg_scholar {
    position: absolute;
    right: 6.2rem;
    bottom: 0;
    text-align: right;
}

.downloadimg_scholar img {
    width: 95%;
}

.scholarship1 .history_vector {
    position: absolute;
    z-index: -1;
    bottom: -44rem;
    width: 49%;
}

.scholar2-bx2 .scholar-contact p {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0;
}

.scholar2-bx2 .scholar-contact a:hover {
    color: var(--color-28);
}

.scholar3_figure img {
    width: 100%;
}

.scholar-contact {
    display: inline-block;
    width: fit-content;
    padding-bottom: 1rem;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 5px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(147, 147, 202);
    border-image: initial;
    border-radius: 10px;
    padding-inline: 2rem;
    padding-block: 1rem;
}

.scholar-contact span {
    margin-left: 3.5rem;
}

/* responsive  */

@media (max-width: 1599px) {
    .scholar3_text {
        padding-inline: 5.8rem 7rem;
    }

    .scholarship1 .history_vector {
        bottom: -40rem;
    }
}

@media (max-width: 1450px) {
    .scholarship1 {
        padding-block: 3rem 15rem;
    }
}

@media (max-width: 1399px) {
    .scholar1figure img {
        width: 100%;
    }

    .scholargrid_1 .scholar1text {
        margin-left: 10.2rem;
    }

    .abour_overview.placment_over1.clubs_societyover figure {
        margin-top: 0rem;
    }

    .scholargrid2-1 {
        gap: 4rem;
    }

    .scholar2white {
        padding: 5rem 5.8rem 6.8rem 6.3rem;
    }

    .scholar3_text {
        padding-inline: 3.8rem 7rem;
    }
}

@media (max-width: 1199px) {
    .scholarship1 .history_vector {
        bottom: -30rem;
    }

    .scholargrid_1 {
        grid-template-columns: 54% 46%;
    }

    .scholargrid_1 .scholar1text {
        margin-left: 5rem;
    }

    .scholarship1 {
        padding-block: 5rem 4rem;
    }

    .scholar2white {
        padding: 5rem 3rem 3rem;
    }

    .scholar3_text {
        padding-inline: 3.8rem 5rem;
        padding-top: 3.7rem;
    }
}

@media (max-width: 1099px) {
    .scholargrid_1 {
        grid-template-columns: 51% 49%;
    }

    .scholargrid_1 .scholar1text {
        margin-left: 3rem;
    }

    .scholar1figure {
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }
}

@media (max-width: 991px) {
    .scholargrid_1 {
        grid-template-columns: 100%;
    }

    .scholarship1 {
        padding-block: 3rem 3rem;
    }

    .scholar1figure {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 4rem;
    }

    .scholargrid_1 .scholar1text {
        margin-left: 0;
    }

    .scholargrid2-1 {
        gap: 2rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .scholar2-bx2 h6 {
        margin-top: 3rem;
    }

    .scholar3_grid {
        grid-template-columns: 100%;
        gap: 4rem;
    }

    .scholarshipsec2 {
        padding-bottom: 4rem;
    }

    .scholar3_text {
        padding-inline: 0;
        padding-top: 2.7rem;
    }

    .scholarshipsec3 .scholar3_text .yellow-pdf {
        margin-top: 3rem;
    }

    .scholarshipsec3 {
        padding-bottom: 7rem;
    }

    .downloadimg_scholar img {
        width: 65%;
    }

    .scholar_bg4 {
        padding: 6.7rem 3.8rem 8rem;
    }

    .scholarshipsec4 {
        padding-bottom: 7rem;
    }

    .downloadimg_scholar {
        right: 2.2rem;
    }

    .scholar1figure figure {
        height: 100%;
    }

    .scholar1figure figure img {
        height: 100%;
        object-fit: cover;
        overflow: hidden;
        border-radius: 20px;
    }
}

@media (max-width: 767px) {
    .abour_overview.placment_over1.clubs_societyover figure {
        margin-top: 0rem;
    }

    .scholar1figure {
        flex-direction: column;
    }

    .downloadimg_scholar img {
        width: 48%;
    }

    .scholar_bg4 h2 {
        margin-bottom: 2rem;
    }

    .scholar_bg4 {
        padding: 3.7rem 1.8rem 5rem;
    }

    .scholar_bg4 h2 {
        font-size: var(--font-36);
    }

    .scholar_bg4 .scholarbg img {
        width: 100%;
    }

    .scholarshipsec3 {
        padding-bottom: 5rem;
    }

    .scholarshipsec4 {
        padding-bottom: 4rem;
    }

    .studentlife4 .bluebg .dream-vector {
        display: none;
    }
}

@media (max-width: 599px) {
    .admission-graphic {
        margin-block: 0rem;
    }

    .downloadimg_scholar {
        display: none;
    }

    .scholar_bg4 .yellow-pdf {
        padding: 1rem;
    }

    .scholar_bg4 .yellow-pdf a img {
        width: 1.5rem;
        margin-right: 0.5rem;
    }

    .scholar3_text {
        padding-top: 0;
    }

    .home_placement.lean-out {
        padding-block: 2rem;
    }

    .placemnt_detail {
        padding-block: 2.5rem 3.2rem;
    }

    .place_record.placementSwiper1 {
        gap: 2rem;
    }

    .place_record.placementSwiper1 {
        gap: 2rem;
    }
}

@media (max-width: 499px) {
    .abour_overview.placment_over1.clubs_societyover figure {
        margin-top: 0rem;
    }

    .scholarship1 {
        padding-block: 4rem 1rem;
    }

    .scholar2white {
        padding: 3rem 2rem;
    }

    .scholarshipsec2 .scholar2white h4 {
        margin-bottom: 3rem;
    }

    .scholar2-bx2 .scholar-contact {
        margin-top: 3rem;
    }

    .scholar-condition {
        padding-top: 3.5rem;
        margin-top: 3rem;
    }

    .scholarshipsec3 {
        padding-bottom: 4rem;
    }

    .scholar_bg4 {
        padding: 3rem 2rem;
    }

    .scholar_bg4 .yellow-pdf a span {
        font-size: var(--font-14);
    }
}

@media (max-width: 1399px) {
    .scholarshipsec3 .scholar3_text h3 {
        padding-inline: 0 8rem;
    }

    .activity-img.food {
        margin-left: -17rem;
    }
}

@media (max-width: 575px) {
    .scholarshipsec3 .scholar3_text h3 {
        padding-inline: 0 4rem;
    }

    .scholar-condition h5 {
        margin-bottom: 2rem;
    }
}

span.news-tag.event-tag {
    display: none;
}

.pagination-heading {
    font-size: var(--font-12);
    margin-bottom: 1rem;
    display: none;
}

a.page-arrow {
    padding: 1.1rem 1.7rem;
    border-radius: 1rem;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    background: #e3e3e38f;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-2b);
}

.news-date .month br {
    display: none;
}

figure.light-vector {
    height: 100%;
}

figure.light-vector img {
    height: 100%;
}

.stulife4-text h2 {
    color: #fff;
}

.studentlife4.internships-panel .stulife4grid {
    gap: 11.8rem;
}

.studentlife4.internships-panel .stulife4-text {
    padding-inline: 0 4rem;
}

.lagacy-left-img img {
    width: 100%;
}

.cont p {
    padding-inline: 0 5rem;
}

@media (max-width: 1440px) {
    .cont p {
        padding-inline: 0 8rem;
    }
}

@media (max-width: 1199px) {
    .cont p {
        padding-inline: 0 0rem;
    }
}

.growth-img {
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 15rem;
}

.program_names:hover h5 {
    color: var(--color-28);
}

.slider_btn.d-flex {
    position: relative;
    top: 1rem;
}

.teaching_faculSec.department_teaching_faculty {
    border: 0;
    padding-bottom: 8rem;
}

.home_placement.school-sec4 {
    padding-top: 0;
    /* padding-bottom: 10rem; */
}

/*dep about css*/

.dep_heading {
    width: 97%;
}

.dep_heading blockquote {
    font-size: var(--font-24);
    margin-bottom: 3rem;
}

.department_img {
    padding-block: 6rem 10rem;
}

.dep_panel_grid1 {
    display: grid;
    grid-template-columns: 49.2% 40.8%;
    gap: 14rem;
    margin-bottom: 5rem;
}
.me-achiv-sec1 .dep_panel_grid1 {
    grid-template-columns: 38.2% 51.8%;
    padding-block: 3rem;
}
.dep_right_panel {
    padding-inline: 0 10rem;
    align-content: center;
}

.department_panel2 p {
    margin-bottom: 2.5rem;
}

.dep_panel_grid2 {
    display: grid;
    grid-template-columns: 40.8% 49.2%;
    gap: 14rem;
}

.dep_panel_grid2 .dep_left_panel {
    order: 2;
}

.facility_sec.dep_facility_sec {
    overflow: hidden;
    position: relative;
    padding-top: 0;
    margin-top: 10rem;
    padding-bottom: 6rem;
}

.facility_sec.dep_facility_sec .facility_wrapper {
    position: relative;
    width: 100%;
    display: grid;
    margin-bottom: 20rem;
    border-radius: 30px;
    margin-right: 0;
    margin-left: 0;
    padding: 9rem 18rem;
}

.facility_sec.dep_facility_sec .facility_wrapper:before {
    content: "";
    background: linear-gradient(141deg, #282896 2%, #14144b 1%);
    background-size: 63%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.facility_sec.dep_facility_sec .facility_wrapper:after {
    content: "";
    background: url("../images/life-at-bg.webp") left center no-repeat;
    background-size: 63%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.facility_sec.dep_facility_sec .facility_list {
    position: relative;
    grid-column: span 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    padding-left: 0;
    /* margin-block: 3.6rem -19.9rem; */
    margin-right: 0;
    z-index: 1;
}

.facility_sec.dep_facility_sec .facility_list.nursing-three {
    grid-template-columns: repeat(3, 1fr);
}

.facility_sec.dep_facility_sec .facility_list h6 {
    font-size: var(--font-21);
    letter-spacing: -0.32px;
    color: #2b2a29;
    margin-top: 3rem;
}

.facility_sec.dep_facility_sec .facility_wrapper p {
    color: #fff;
    position: relative;
    z-index: 1;
    padding-inline: 5rem 11rem;
    font-weight: 300;
}

.facility_sec.dep_facility_sec .tiangle_icon {
    position: absolute;
    bottom: 0;
    left: -8rem;
}

.facility_sec.dep_facility_sec .facility_wrapper.nursing p {
    padding-inline: 0rem 0rem;
}

.facility_sec.dep_facility_sec .facility_wrapper.nursing {
    margin-bottom: 17rem;
    margin-left: -1rem;
    padding: 9rem 14rem;
}

.facility_sec.dep_facility_sec.nursing {
    margin-top: 0rem;
}

.dep_panel2_other.nuring-team {
    border-top: none;
    padding-block: 0rem 7rem;
    width: 100%;
}

.dep_right_panel.nursing {
    padding-inline: 0 13rem;
}

.dep_panel2_other {
    width: 90%;
    border-top: 1px solid #9e9d9d82;
    padding-block: 10rem 0rem;
}

.dep_heighlights {
    background: #fff;
    padding-block: 0 10rem;
    position: relative;
}

.dep_heighlights h2 {
    letter-spacing: -0.36px;
    color: var(--color-28);
    padding-block: 10rem 3rem;
    margin: 0;
}

.dep_gihlight_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4.9rem;
}

.dep_h_list {
    border-bottom: 1px solid #1a171830;
    padding-bottom: 4rem;
}

.dep_h_list h3 {
    font-size: var(--font-18);
    margin-bottom: 2rem;
}

.dep_heighlights img {
    display: block;
}

.dep_activites_panel h3 {
    font-size: var(--font-24);
    font-weight: 300;
    color: #2b2a29;
    margin-bottom: 8rem;
}

.dep_activities {
    padding-block: 6rem;
}

.dep_activities.humanities_main {
    padding-top: 0;
    padding-bottom: 8rem;
}

.activity-card {
    display: flex;
    align-items: flex-start;
    background: #fff;
    padding: 5rem;
    border-radius: 12px;
    margin-bottom: 30px;
    gap: 12rem;
    width: 90%;
    margin-left: auto;

}
.activity-card1 {
    display: grid;
    background: #fff;
    padding: 5rem;
    border-radius: 12px;
    margin-bottom: 30px;
    gap: 12rem;
    width: 90%;
    margin-left: auto;
    grid-template-columns: repeat(1, 32.5% auto);
}

.activity-img {
    background: #e6e6e6;
    border-radius: 20px;
    flex-shrink: 0;
    margin-left: -19rem;
    overflow: hidden;
}

.activity-card1 .activity-img{
    background-color: #ffffff00;
}

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

.activity-content {
    flex: 1;
    padding-right: 1rem;
}

.activity-content h3 {
    color: var(--color-28);
    font-size: var(--font-24);
    margin-bottom: 3rem;
    font-weight: 600;
}

.activity-content ul {
    list-style: none;
}

.activity-content ul li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 2rem;
    font-size: var(--font-16);
    line-height: 1.6;
    color: #2b2a29;
}

.activity-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #ffcb05;
    border-radius: 50%;
}

.title_head {
    color: var(--color-28);
    font-size: var(--font-24);
    margin-bottom: 5rem;
    font-weight: 600;
    letter-spacing: -0.36px;
}

.achievement-wrapper {
    display: grid;
    gap: 5.7rem;
    grid-template-columns: repeat(2, 1fr);
}

.achievement-card {
    border-radius: 18px;
    overflow: hidden;
    flex: 1;
    min-width: 320px;
    background: #fff;
    position: relative;
}

.achievement-img {
    width: 100%;
    background: #ddd;
    border-radius: 20px;
    overflow: hidden;
}

.achievement-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.me-activity .achievement-content {
    padding-block: 3.5rem 3rem;
}

.achievement-content {
    padding-block: 4.5rem 10rem;
    padding-inline: 4.5rem;
}

.achievement-content h3 {
    font-size: var(--font-18);
    margin-bottom: 3rem;
    font-weight: 400;
    letter-spacing: -0.32px;
    color: #2b2a29;
}

.achievement-content p {
    font-size: var(--font-16);
    line-height: 1.6;
    letter-spacing: -0.4px;
    color: #2b2a29;
}

.dep_student_achievements {
    padding-block: 6rem 12rem;
}

.chem-achiv {
    background-color: #f6f6f6;
}

.dep_heighlights.heighlights4.chem-faclty {
    padding-block: 0rem 10rem;
    background: white;
}

.chem-faclty h2 {
    padding-block: 10rem 3rem;
}

.chem-faclty .highlights-day {
    margin-top: 0;
}

.chem-faclty .day_grid_highlight p {
    padding-top: 3rem;
    font-size: var(--font-16);
    letter-spacing: -0.4px;
    margin-bottom: 0;
}

.chem-faclty .highlights-day {
    gap: 6rem;
    row-gap: 6rem;
}

@media (max-width: 900px) {
    .activity-card {
        flex-direction: column;
        padding: 2rem;
    }

    .activity-img {
        width: 100%;
    }

    .distinguished-faculty {
        padding-bottom: 5rem;
    }
}

.faculty-achievements {
    background: #fff;
    padding-block: 0 12rem;
}

img.img-fluid.dep_icon {
    display: block;
}

.faculty_achievements_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13rem;
}

.faculty_achievements_block {
    margin-bottom: 35px;
}

.faculty_achievements_block h3 {
    font-size: var(--font-21);
    font-weight: bold;
    margin-bottom: 3rem;
}

.faculty_achievements_block ul {
    list-style: none;
    padding-left: 0;
}

.faculty_achievements_block ul li {
    position: relative;
    padding-left: 2.3rem;
    margin-bottom: 2rem;
    font-size: var(--font-16);
    line-height: 1.6;
    letter-spacing: -0.4px;
}

.faculty_achievements_block ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #f4b400;
    border-radius: 50%;
}

.faculty-achievements h2.title_head {
    padding-block: 6rem 0;
}

/* Responsive */

@media (max-width: 768px) {
    .faculty_achievements_grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

.dep_placements {
    padding-block: 6rem 10rem;
}

.table-wrapper {
    background-color: #fff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    -webkit-overflow-scrolling: touch;
}

.table-wrapper table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

/* Header Styling */
.table-wrapper thead tr {
    background-color: #5353ab;
    /* Primary brand color */
    color: #ffffff;
}

.table-wrapper th {
    padding: 18px 25px;
    font-weight: normal;
    text-transform: capitalize;
}

/* Cell Styling */
.table-wrapper td {
    padding: 15px 25px;
    border-bottom: 0;
    font-size: var(--font-16);
}

/* Zebra Striping */
.table-wrapper tbody tr:nth-child(even) {
    background-color: #f6f6f6;
}

.table-wrapper tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

/* Package Column Styling */
.table-wrapper .package {
    font-weight: bold;
}

/* Hover effect */
.table-wrapper tbody tr:hover {
    background-color: #f1f3ff;
    transition: 0.2s;
}

.table-wrapper tbody tr:nth-child(odd).bg-none {
    background: #f6f6f6;
}

.success-container {
    border-top: 1px solid #ddd;
    padding-block: 10rem 8rem;
}

p.dep_description {
    margin-bottom: 4rem;
}

.success-container h2.title_head {
    margin-bottom: 2rem;
}

.hero-slider.department_banner {
    padding-block: 0rem;
}

@media (max-width: 768px) {
    .table-wrapper table thead {
        display: none;
    }

    .table-wrapper table,
    .table-wrapper table tbody,
    .table-wrapper table tr,
    .table-wrapper table td {
        display: block;
        width: 100%;
    }

    .table-wrapper table tr {
        margin-bottom: 15px;
        background: #fff;
        border-radius: 6px;
        overflow: hidden;
    }

    .table-wrapper table td {
        text-align: right;
        padding-left: 50%;
        position: relative;
    }

    .table-wrapper table td::before {
        content: attr(data-label);
        position: absolute;
        left: 20px;
        width: 45%;
        text-align: left;
        font-weight: 600;
    }

    .success-container {
        padding-block: 6rem 15rem;
    }

    .dep_placements {
        padding-block: 6rem 6rem;
    }
}

@media (max-width: 1499px) {
    .dep_panel_grid2 .dep_right_panel {
        padding-inline: 0;
    }
}

@media (max-width: 1280px) {
    .abour_overview.department_heading {
        padding-block: 3rem 0rem;
    }

    .dep_panel_grid1,
    .dep_panel_grid2 {
        gap: 8rem;
        margin-bottom: 5rem;
    }

    .dep_right_panel {
        padding-inline: 0 0rem;
    }

    .facility_sec.dep_facility_sec .facility_wrapper p {
        padding-inline: 5rem 0rem;
    }

    .activity-card {
        width: 100%;
        gap: 5rem;
    }

    .activity-img {
        flex-shrink: 0;
        margin-left: 0;
        width: 50%;
    }
    .electrical-dep .activity-img{width: 100%;}
      .activity-card1{ gap: 6rem;     grid-template-columns: repeat(1, 44.5% auto);}
    .activity-card1 .activity-content.right_ev_item{padding-right: 0;}
}

@media (max-width: 1199px) {
    .secondry_nav ul li a {
        font-size: var(--font-14);

    }
     .activity-card1{
        grid-template-columns:100%;
        gap: 2rem;
        width: 100%;
    }
    .electrical-dep .activity-content ul { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px) {
    .dep_panel_grid1 {
        grid-template-columns: 1fr;
        margin-bottom: 2rem;
        gap: 2rem;
    }

    .dep_panel_grid2 {
        grid-template-columns: 1fr;
        margin-bottom: 2rem;
        gap: 3rem;
    }

    .dep_right_panel {
        padding-inline: 0;
    }

    .dep_panel_grid2 .dep_right_panel {
        order: 2;
    }

    .department_img {
        padding-block: 2rem 2rem;
    }

    .facility_sec.dep_facility_sec .facility_wrapper {
        margin-right: 0;
        margin-left: 0;
        padding: 0;
    }

    .facility_sec.dep_facility_sec .facility_wrapper:before,
    .facility_sec.dep_facility_sec .facility_wrapper:after {
        display: none;
    }

    .facility_sec.dep_facility_sec .facility_wrapper p {
        padding-inline: 3rem 3rem;
        background: linear-gradient(141deg, #282896 2%, #14144b 1%);
        padding-block: 3rem;
        border-radius: 20px;
    }

    .facility_sec.dep_facility_sec {
        margin-top: 2rem;
        padding-bottom: 4rem;
    }

    .dep_gihlight_box {
        grid-template-columns: repeat(1, 1fr);
        gap: 2.9rem;
    }

    .facility_sec.dep_facility_sec .facility_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .dep_panel2_other {
        width: 100%;
        padding-top: 3rem;
    }

    .dep_heighlights h2 {
        padding-block: 5rem 3rem;
    }

    .dep_heighlights {
        padding-block: 0 5rem;
    }

    .dept_select {
        width: 80%;
    }

    .breadcrumb_header {
        padding-block: 2rem 2rem;
        display: block;
    }

    .breadcrumb_flex {
        position: relative;
        width: 100%;
    }

    .activity-img {
        width: 100%;
    }

    .dep_activites_panel h3 {
        margin-bottom: 3rem;
    }

    .activity-card {
        width: 100%;
        gap: 3rem;
    }

    .achievement-wrapper {
        gap: 1.7rem;
    }

}

@media (max-width: 800px) {
    .achievement-content {
        padding-block: 3.5rem 4rem;
              padding-inline: 2rem;
    }
    .electrical-dep .activity-content ul { list-style: none; display: grid; grid-template-columns: 100%; }
}

@media (max-width: 700px) {
    .achievement-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .dep_student_achievements {
        padding-block: 6rem 6rem;
    }

    .faculty-achievements h2.title_head {
        padding-block: 5rem 0;
    }

    .faculty-achievements {
        padding-block: 0 4rem;
    }
}

.industry-sponsored-section {
    padding: 5rem 0;
}

.content-wrapper {
    display: grid;
    grid-template-columns: 43.2% 51.9%;
    gap: 7rem;
}

/* Text Styling */
.text-column {
    flex: 1;
    padding-inline: 0 3rem;
}

.section-title span {
    color: #000;
    /* Emphasis on Tata Technologies */
}

.features-list {
    list-style: none;
    margin-bottom: 30px;
}

.features-list li {
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 15px;

    letter-spacing: -0.4px;
    color: #2b2a29;
}

/* Custom Bullet Points */
.features-list li::before {
    content: "";
    color: #ffcb05;
    /* Yellow bullets from the image */
    font-weight: bold;
    display: inline-block;
    width: 7px;
    position: absolute;
    left: 0;
    font-size: 1.5rem;
    line-height: 1;
    top: 0.5rem;
}

.description {
    margin-bottom: 20px;
    font-size: 0.95rem;
    color: #555;
    text-align: justify;
}

/* Image Styling */
.image-column {
    flex: 1;
}

.image-card {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.image-card img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Responsive Design */
@media (max-width: 992px) {
    .content-wrapper {
        flex-direction: column;
    }

    .image-column {
        order: -1;
        /* Image appears on top on mobile */
    }
}

.dep_gihlight_box2 h3 {
    font-size: var(--font-42);
    font-weight: 300;
    margin-bottom: 3rem;
}

.text-column h2.title_head2 {
    padding-top: 0;
    letter-spacing: -0.4px;
    color: #2b2a29;
    font-size: var(--font-16);
}

.dep_heighlights.heighlights2 h2 {
    margin-bottom: 0;
    padding-bottom: 3rem;
}

.department_panel2 {
    padding-bottom: 5rem;
}

.dep_gihlight_box2 p {
    padding-inline: 0 10rem;
}

.outcome-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    align-items: center;
    margin-bottom: 5rem;
}

.outcome-media .rounded-frame {
    width: 100%;
    border-radius: 20px;
    /* Matches the soft corners in the image */
}

.section-title {
    color: var(--color-28);
    /* Deep professional indigo */
    font-size: var(--font-24);
    margin-bottom: 3rem;
    font-weight: 700;
}

.benefit-list {
    list-style: none;
    padding: 0;
}

.benefit-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 18px;

    letter-spacing: -0.4px;
    color: #2b2a29;
}

/* The distinct square bullet from the brochure */
.benefit-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 7px;
    height: 7px;
    background-color: #ffcb05;
    /* Industrial Gold */
    border-radius: 50%;
}

.leran_outcome_panel h3 {
    font-size: var(--font-24);
    font-weight: 300;
    color: #2b2a29;
    margin-bottom: 8rem;
}

.learning_outcpme2 {
    padding-block: 6rem;
}

p.intro-text {
    font-weight: bold;
    margin-bottom: 2rem;
}

article.outcome-details {
    padding-inline: 12rem 0;
}

.outcome-section.reverse-layout article.outcome-details {
    padding-inline: 0 12rem;
}

@media (min-width: 992px) {
    .reverse-layout .outcome-media {
        order: 2;
        /* Moves the image to the second column */
    }

    .reverse-layout .outcome-details {
        order: 1;
        /* Moves the text to the first column */
    }
}

.dep-faq .faq_sec h3 {
    padding-bottom: 1.5rem;
    letter-spacing: -0.36px;
    color: var(--color-28);
    font-size: var(--font-24);
}

.dep-faq .faq_sec {
    background: none;
}

.program_grid.two_programs {
    grid-template-columns: 1fr minmax(260px, 50%);
}

.program_grid.two_programs .programs_col:nth-child(1) .programs_list {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 7rem;
}

@media (max-width: 800px) {
    .program_grid.two_programs {
        grid-template-columns: 1fr;
    }

    .program_grid.two_programs .programs_col:nth-child(1) .programs_list {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 2rem;
    }
}

@media (max-width: 1499px) {
    article.outcome-details {
        padding-inline: 6rem 0;
    }
}

@media (max-width: 1280px) {
    article.outcome-details {
        padding-inline: 2rem 5rem;
    }
}

@media (max-width: 992px) {
    .outcome-section {
        display: grid;
        grid-template-columns: 1fr;
        margin-bottom: 2rem;
    }

    .leran_outcome_panel h3 {
        margin-bottom: 5rem;
    }

    article.outcome-details {
        padding-inline: 0rem;
    }

    .outcome-section.reverse-layout article.outcome-details {
        padding-inline: 0;
    }
}

.dep_heighlights.heighlights3 h2 {
    margin-bottom: 0;
    padding-bottom: 3rem;
}

.dep_highlight_grid3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14rem;
    margin-top: 7rem;
}

.dep_high_right h3 {
    font-size: var(--font-21);
    letter-spacing: -0.32px;
    color: var(--color-2b);
    margin-bottom: 3rem;
}

.logo_dep_about {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5rem;
}

.dep_highlight_grid3 .dep_high_right {
    padding-inline: 0 4rem;
}

.p_list {
    border-left: 1px solid #9393ca80;
    padding: 5rem 6.8rem;
    text-align: left;
    flex-shrink: inherit;
}

.p_list:last-child {
    border-right: 1px solid #9393ca80;
}

.p_list h4 {
    font-size: var(--font-48);
    font-weight: bold;
    color: var(--color-28);
}

.placemnt_number p {
    font-weight: 300;
    margin: 0;
}

.industry-associations {
    padding-block: 10rem 0;
}

.industry-associations h3 {
    font-size: var(--font-21);
    letter-spacing: -0.32px;
    color: var(--color-2b);
    margin-bottom: 3rem;
}

.unique-selling {
    padding-block: 8rem 0;
}

.placemnt_box {
    margin-top: 5rem;
}

.dep_svg {
    position: absolute;
    left: 0;
    top: 16%;
    z-index: 0;
}

.dep_high_left {
    position: relative;
}

@media (max-width: 1499px) {
    .dep_heighlights img {
        display: block;
        width: fit-content;
    }
}

@media (max-width: 990px) {
    .dep_highlight_grid3 {
        grid-template-columns: 1fr;
        gap: 7rem;
    }

    .unique-selling .placemnt_number {
        padding-inline: 0rem;
        flex-direction: column;
    }

    .dep_highlight_grid3 .dep_high_right {
        padding-inline: 0;
    }

    .logo_dep_about {
        gap: 2rem;
    }

    .p_list {
        border-left: 0;
        padding: 2rem 0.8rem;
        text-align: left;
        flex-shrink: inherit;
        border-bottom: 1px solid #9393ca80;
    }

    .p_list:last-child {
        border-right: 0;
        margin-right: 0;
    }

    .unique-selling {
        padding-block: 5rem 0;
    }

    .industry-associations {
        padding-block: 5rem 0;
    }
}

.activity-content h4 {
    font-size: var(--font-48);
    font-weight: bold;
    color: var(--color-28);
    margin-top: 5rem;
}

.activity-right .activity-content {
    padding-inline: 0;
}

.ec-svg {
    position: absolute;
    left: -10rem;
    width: 12%;
    top: 4rem;
}

.ece-activity .container {
    position: relative;
}

.ece-activity h2 {
    font-size: var(--font-24);
    margin-bottom: 3rem;
    font-weight: 300;
}

.ece-activity {
    padding-block: 6rem 10rem;
}

.ece-activity_box {
    display: flex;
    gap: 2.5rem;
    margin-top: 6rem;
    position: relative;
}

.ece_list figure {
    margin-bottom: 3rem;
}

.ece_list figcaption {
    font-size: var(--font-21);
    font-weight: bold;
    padding-inline: 1.5rem;
}

.ece-activity2 {
    margin-block: 11rem 5rem;
}

.ece-activity2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.7rem;
}

.ece-activity_grid {
    padding-block: 4rem 11rem;
    padding-inline: 5rem;
    background: #fff;
    border-radius: 20px;
}

.ece-activity_grid h4 {
    letter-spacing: -0.36px;
    color: #282896;
    font-size: var(--font-24);
    font-weight: bold;
    margin-bottom: 3rem;
}

@media (max-width: 992px) {
    .ece-activity2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.7rem;
        margin-block: 7rem 5rem;
    }

    .ece-activity_grid {
        padding-block: 4rem 4rem;
        padding-inline: 2rem;
    }

    .ece-activity {
        padding-block: 6rem 3rem;
    }
}

@media (max-width: 650px) {
    .ece-activity_box {
        flex-direction: column;
    }

    .ece-activity2 {
        grid-template-columns: 1fr;
    }
}

.ece-learning-outcome h2 {
    font-size: var(--font-21);
    font-weight: 300;
    margin-bottom: 3rem;
}

.ece-learning-outcome {
    padding-block: 6rem 4rem;
}

.ece-learning-outcome h3 {
    margin-top: 6rem;
}

.ece-learning-outcome figure {
    margin-top: 5rem;
}

.ece-nav-buttons {
    display: flex;
    gap: 1px;
    margin-top: 5rem;
    padding: 0.8rem 0.1rem;
    align-items: center;
    justify-content: center;
}

.ece-nav-buttons .swiper-button-prev,
.ece-nav-buttons .swiper-button-next {
    position: static;
    width: 42px;
    height: 42px;
    background: #fff;
    border-radius: 0;
    color: #000;
    box-shadow: 0px 1px 5px #0000001c;
}

.ece-nav-buttons .swiper-button-prev {
    border-radius: 10px 0px 0px 10px;
}

.ece-nav-buttons .swiper-button-next {
    border-radius: 0px 10px 10px 0px;
}

.ece-nav-buttons .swiper-button-prev::after,
.ece-nav-buttons .swiper-button-next::after {
    font-size: var(--font-16);
    font-weight: bold;
}

.ece-higher-studies {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14rem;
    padding-top: 10rem;
}

.ece-higher-studies_panel {
    background: #fff;
}

.ece-higher-studies_panel {
    margin-block: 10rem 0;
    padding-bottom: 10rem;
}

.success-story-ece {
    background-color: var(--color-white);
}

.success-story-ece .succs .title_head {
    margin-bottom: 4.3rem;
}

.success-story-ece .succs {
    padding-bottom: 10rem;
}

.success-story-ece .succs p:last-child {
    margin-bottom: 0;
}

.success-story-ece .succs p:not(:last-child) {
    margin-bottom: 3rem;
}

@media (max-width: 991px) {
    .success-story-ece .succs .title_head {
        margin-bottom: 3rem;
    }

    .success-story-ece .succs {
        padding-bottom: 5rem;
    }

    .success-story-ece .succs p:last-child {
        margin-bottom: 0;
    }

    .success-story-ece .succs p:not(:last-child) {
        margin-bottom: 2rem;
    }
}

@media (max-width: 990px) {
    .ece-higher-studies {
        display: grid;
        grid-template-columns: 1fr;
        gap: 4rem;
        padding-top: 6rem;
    }

    .ece-higher-studies_panel {
        margin-block: 3rem 0;
        padding-bottom: 5rem;
    }

    .ece-learning-outcome {
        padding-block: 4rem 4rem;
    }

    .ece-learning-outcome h3 {
        margin-top: 4rem;
        margin-bottom: 2rem;
    }

    .ece-learning-outcome figure {
        margin-top: 3rem;
    }

    .teaching_faculSec.department_teaching_faculty {
        border: 0;
        padding-bottom: 4rem;
    }
}

.programs-panel1.dep_prgram {
    margin-bottom: 9rem;
}

.teaching_faculty.teach_faculty_top {
    padding-block: 8rem;
}

@media (max-width: 1366px) {
    .facilities_section {
        padding-block: 8rem 7rem;
    }

    .top_50_university {
        margin-block: 8rem 4rem;
    }
}

@media (max-width: 991px) {
    .facilities_section {
        padding-block: 4rem 4rem;
    }

    .top_50_university {
        margin-block: 5rem 4rem;
    }

    .vision-text {
        margin-top: 3.6rem;
    }

    .mission-grid .mission-content h5 {
        margin-bottom: 2rem;
    }

    .nirf-text p {
        text-align: left;
    }
}

.dep_lab_lgimg {
    display: grid;
    align-items: self-start;
}

.dep_lab_lgimg>* {
    grid-area: 1/1;
}

.icon-lab {
    width: 50rem;
    margin-bottom: auto;
    position: absolute;
}

.dep_lab_smtext {
    padding-block: 7rem 0;
    padding-inline: 0;
}

.dep_lab_smtext p {
    padding-inline: 0 10rem;
}

.vi-m {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.dep_v {
    background: #ffcb05 0% 0% no-repeat padding-box;
    border-radius: 20px 0px 0px 20px;
    padding-block: 6rem;
    padding-inline: 8rem 13rem;
}

.dep_v p {
    font-size: var(--font-24);
    font-weight: 300;
}

.dep_m {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 0px 20px 20px 0px;
    padding-block: 6rem;
    padding-inline: 11rem;
}

.dep_ca_vm {
    padding-block: 0 15rem;
}

.list_vm li {
    position: relative;
    padding-inline: 2.5rem 0;
    margin-bottom: 2rem;
    letter-spacing: -0.4px;
}

.list_vm li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 7px;
    height: 7px;
    background-color: #ffcb05;
    /* Industrial Gold */
    border-radius: 50%;
}

.dep_ca_vm .title_head {
    margin-bottom: 3rem;
}

.global-exchange-program {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-block: 8rem 10rem;
    border-top: 1px solid #9e9d9d85;
    margin-top: 2rem;
}

.global-exchange-program h4 {
    font-size: 21px;
    margin-bottom: 3rem;
    font-weight: bold;
}

.gep_left h5 {
    font-size: var(--font-18);
    margin-block: 5rem;
}

.pu_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-inline: 0 4rem;
    column-gap: 5rem;
    row-gap: 4rem;
}

.pu-logo {
    border-right: 1px solid #9393ca85;
}

.pu-logo:nth-child(2n) {
    border: 0;
}

.pu-logo figure {
    min-height: 9rem;
}

.pu-logo figcaption {
    padding-inline: 0 5rem;
    margin-top: 2rem;
    margin-bottom: 0;
}

.gep_left {
    padding-inline: 0 9rem;
}

.gep_right img {
    width: 100%;
}

.gep_grid2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 6rem;
}

.left_gep {
    padding-inline: 0 11rem;
}

.right_gep {
    padding-inline: 0 11rem;
}

.gep_grid2 h5 {
    font-size: var(--font-21);
    font-weight: normal;
    margin-bottom: 0.5rem;
}

.global-exchange-program2 {
    border-bottom: 1px solid #9e9d9d85;
    padding-bottom: 10rem;
    margin-bottom: 10rem;
}

.class-calender {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 3rem;
}

.class-calender p {
    margin: 0;
}

.dep_ca_box h4 {
    font-size: var(--font-21);
    margin-bottom: 7rem;
    letter-spacing: -0.32px;
}

.dep_ca_box .dep_gihlight_box {
    grid-template-columns: repeat(4, 1fr);
}

.achievement-wrapper2 {
    display: grid;
    grid-template-columns: 472px 1fr;
    gap: 6rem;
}

/* LEFT TABS */

.program-tabs .nav-link {
    text-align: left;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    padding: 1.5rem 0;
    color: #333;
}

.program-tabs .nav-link span {
    display: block;

    color: #1a1718;
    font-weight: 300;
}

.program-tabs .nav-link.active {
    background: none;
    border-bottom: 1px solid #ffc107;
    font-weight: normal;
    color: #282896;
}

/* CARDS */

.card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    row-gap: 6rem;
}

.achievement-card2 {
    border-radius: 10px;
    overflow: hidden;
}

.achievement-card2 img {
    width: 100%;
}

.achievement-card2 .card-body {
    padding: 0;
    margin-top: 2rem;
}

.achievement-card2 h6 {
    font-size: var(--font-16);
    margin-bottom: 1rem;
}

.achievement-card2 p {
    margin: 0;
    letter-spacing: -0.4px;
}

/* MOBILE */

.mobile-accordion {
    display: none;
}

@media (max-width: 768px) {
    .program-tabs {
        display: none;
    }

    .tab-pane {
        display: block;
        opacity: 1;
    }

    .tab-pane {
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
    }

    .tab-pane h4 {
        background: #f5f5f5;
        padding: 15px;
        margin: 0;
        cursor: pointer;
        position: relative;
    }

    .tab-pane h4::after {
        content: "+";
        position: absolute;
        right: 15px;
    }

    .tab-pane.active h4::after {
        content: "-";
    }

    .tab-pane .card-grid {
        display: none;
        padding: 2rem;
    }

    .tab-pane.active .card-grid {
        display: grid;
        grid-template-columns: 100%;
    }
}

.ca-achivement {
    padding-block: 6rem 12rem;
}

.achive_head h2 {
    letter-spacing: -0.36px;
    color: #282896;
    font-size: 24px;
    margin-bottom: 5rem;
    font-weight: bold;
}

.program-tabs.nav.flex-column.nav-pills {
    background: #fff;
    border-radius: 20px;
    flex-direction: column;
    padding-inline: 4rem;
    padding-block: 3rem;
    height: fit-content;
}

.program-tabs .nav-link.active span {
    color: #282896;
}

.ca-achivement h4 {
    font-size: var(--font-21);
    letter-spacing: -0.32px;
    color: #2b2a29;
    margin-bottom: 4rem;
}

.program-tabs .nav-link:last-child {
    border: 0px;
}

img.img-fluid.ca-svg2 {
    position: absolute;
    left: -10rem;
    width: 12%;
    top: -6rem;
}

.ece-pacement.ap-palcement-dep figure {
    margin-bottom: 7rem;
}

.dep_heighlights.aerospace-depart p {
    margin-bottom: 6.1rem;
}

.dep_heighlights.aerospace-depart .dep_gihlight_box .dep_h_list {
    border-bottom: 1px solid rgba(26, 23, 24, 0.2);
}

.dep_heighlights.aerospace-depart .dep_gihlight_box .dep_h_list p {
    /* margin-bottom: 3rem;
    min-height: 135px; */
    margin-bottom: 0rem;
    min-height: auto;
}

.dep_heighlights.aerospace-depart .dep_gihlight_box {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
}

.ca-alumni-success {
    background: #fff;
}

.al_ap_panel {
    padding-block: 10rem;
}

.al_ap_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7rem;
}

.al_ap_item {
    border-bottom: 1px solid #1a171830;
    padding-bottom: 2rem;
}

.al_ap_item h5 {
    font-size: 18px;
    margin-top: 4rem;
    font-weight: bold;
}

.dep_quote {
    margin-bottom: 1rem;
}

.facility_sec.dep_facility_sec.aersospacesec5 .facility_list {
    grid-template-columns: repeat(3, 1fr);
}

.facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper p {
    color: var(--color-white);
    padding-inline:0rem 1rem;
    padding-top: 3rem;
    font-family: var(--font-family-inter);
    font-size: var(--font-16);
    font-weight: normal;
    position: relative;
    z-index: 1;
    top: 4rem;
}




.facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper {
    padding-top: 3rem;
    margin: 0;
    border: 0;
}
.facility_sec.dep_facility_sec.aersospacesec5 .dep_panel2_other{border: 0;}
.facility_sec.dep_facility_sec.aersospacesec5 h6.title21 {
    font-size: var(--font-21);
    color: var(--color-white);
    letter-spacing: -0.32px;
}

.facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper:before {
    z-index: -999;
}

.facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper:after {
    background-size: 35%;
    z-index: -999;
}

.department_img.aerospace_img {
    padding-block: 6rem 10rem;
}

.department_panel2.department_aeropanel2 {
    padding-bottom: 15rem;
}

.dep_heighlights.aerospace-depart {
    padding-block: 0 10rem;
}

.facility_sec.dep_facility_sec.aersospacesec5 {
    margin-top: 0;
    background: #fff;
    position: relative;
    z-index: 999;
}

.swiper.eceSwiper.aerospaceswiper {
    margin: 7rem 0 7rem 0;
}

.ece-nav-buttons.aerospace-button {
    justify-content: start;
}

.aerospace-achieve {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 5.8rem;
    row-gap: 6.6rem;
}

.aero-achieve p {
    position: relative;
    clear: both;
    padding: 0 4rem 0 1rem;
}

.faculty-achievements.aerospace-faculty {
    background: transparent;
}

.biotechnology-achievements {
    background: var(--color-white);
    padding: 10rem 0;
}

.achievement-content h4 {
    font-size: var(--font-24);
}

.commerce {
    background: #ffffff00;
}
.faculty-achievements.commerce h2.title_head{padding-block: 10rem 0;}
.electrical-sucess {
    padding: 0 0 10rem;
}

.engineering-curricular {
    padding-block: 4rem;
}

.engineering-curricular .aero-achieve h4 {
    padding: 0 0 2rem 1rem;
    font-size: var(--font-24);
}

.aero-achieve img {
    border-radius: 2rem;
}

/*petroliam section*/
.department_panel2.department_aeropanel2.department-petroliam {
    padding-bottom: 10rem;
}

.facility_sec.dep_facility_sec.aersospacesec5.petroliam-sec {
    background: transparent;
}

.facility_sec.dep_facility_sec.aersospacesec5.petroliam-sec .facility_wrapper {
    margin-left: 0rem;
    padding: 6.3rem 9.3rem 9rem;
    padding-bottom: 13.3rem;
    margin-bottom: 0;
}

.facility_sec.dep_facility_sec.aersospacesec5.petroliam-sec .facility_wrapper p {
    color: var(--color-white);
    font-weight: 300;
    letter-spacing: -0.4px;
    padding-inline: 0;
}

.facility_sec.dep_facility_sec.aersospacesec5.petroliam-sec .facility_wrapper p:first-child {
    padding-top: 0;
}

/*petroliam section*/

/*mathematics section*/
.facility_sec.dep_facility_sec.aersospacesec5.petroliam-sec.mathmasection {
    padding-bottom: 5rem;
}

.dep_heighlights .dep_gihlight_box.mathematic-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 5.7rem;
}

.dep_gihlight_box .mathematic-grid p {
    min-height: auto;
}

.mathematic-grid .dep_h_list {
    border-bottom: none;
    padding-bottom: 0;
}

.mathematic-grid .dep_h_list p {
    margin-bottom: 0;
    padding: 4rem 7rem 0 2rem;
}

.dep_heighlights.mathematic-achieve {
    background: transparent;
    padding-block: 7rem 13rem;
}

.dep-wrapmath {
    box-shadow: 0px 7px 15px #0000000d;
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
    height: 100%;
}

.mathematic-grid .dep_h_list .dep-wrapmath p {
    padding: 4rem 6.5rem 5.4rem 4.5rem;
}

.math-learningbtm {
    display: flex;
    color: #fff;
    gap: 5.7rem;
    font-weight: 300;
    letter-spacing: -0.4px;
    margin-top: 5rem;
}

.university-ins {
    min-width: 16.2%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 2rem 0;
}

.facility_sec.dep_facility_sec.aersospacesec5.petroliam-sec.mathmasection .facility_wrapper {
    padding: 6.3rem 7.4rem 13rem 7.4rem;
}

/*mathematics section*/

/*commerce section*/
.dep_heighlights.commerce-highlight {
    padding-bottom: 10rem;
}

.dep_heighlights.commerce-highlight .dep_gihlight_box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6.4rem;
}

.dep_gihlight_box.commercehighlight p {
    margin-bottom: 0;
}

.commerce-highlight h6 {
    color: var(--color-29);
    font-weight: bold;
    font-size: var(--font-21);
    letter-spacing: -0.32px;
    margin-bottom: 6.1rem;
}

.commerce-learnoutcom .commerce-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12rem;
    row-gap: 8.2rem;
}

/*commerce section*/

/*chemistry section*/
.chemistry_event {
    padding-block: 0 10rem;
}

.chemi_highdepart {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 6.4rem;
    row-gap: 4rem;
}

.chemi_highdepart p {
    margin-bottom: 0;
}

.chemistry-depart h6 {
    font-weight: bold;
    font-size: var(--font-21);
    letter-spacing: -0.32px;
    margin-bottom: 6.1rem;
}

.chemistry_ev p {
    padding: 3rem 4.2rem 0rem 1rem;
}

.chemistry_ev {
    gap: 5.8rem;
    padding-bottom: 6rem;
    position: relative;
    z-index: 999;
}

.chemistry_event h6 {
    color: var(--color-29);
    font-weight: bold;
    font-size: var(--font-21);
    letter-spacing: -0.32px;
    margin-bottom: 5rem;
    margin-top: 0rem;
}

.chemistry-eve-btm {
    margin-bottom: 7rem;
}

.chemistry_ev .dep_h_list {
    border-bottom: none;
}

.chemistry-eve-btm:last-child {
    margin-bottom: 0;
}

.chemistry_ev-bdr::after {
    content: "";
    width: auto;
    display: block;
    height: 1px;
    background: #1a171830;
}

img.event_vector {
    position: absolute;
    left: 0;
    z-index: 99;
    max-width: 590px;
    top: -42px;
}

.patent-achievement h2 {
    margin-bottom: 3rem;
}

/*chemistry section*/

@media (max-width: 1280px) {
    .department_panel2.department_aeropanel2 {
        padding-bottom: 6rem;
    }

    .dep_heighlights.aerospace-depart .dep_gihlight_box .dep_h_list p {
        margin-bottom: 3rem;
        min-height: 100px;
    }

    .facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper {
        padding: 5rem 17rem;
    }

    section.department_img.aerospace_img.petrliam_img {
        padding-bottom: 7rem;
    }

    .department_panel2.department_aeropanel2.department-petroliam {
        padding-bottom: 5rem;
    }

    section.facility_sec.dep_facility_sec.aersospacesec5.petroliam-sec {
        padding-bottom: 5rem;
    }
}

@media (max-width: 1199px) {
    .facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper {
        padding: 5rem 12rem;
    }

    .facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper p {
        padding-top: 2rem;
    }
    .dep_heighlights.commerce-highlight .dep_gihlight_box{grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 1080px) {
    .facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper {
        padding: 5rem 9rem;
    }

    .dep_heighlights .dep_gihlight_box.mathematic-grid {
        gap: 2.7rem;
    }

    .mathematic-grid .dep_h_list p {
        padding: 4rem 0rem 0 0rem;
    }

    .math-learningbtm {
        gap: 3.7rem;
    }
}

@media (max-width: 991px) {
    .dep_heighlights.aerospace-depart .dep_gihlight_box {
        grid-template-columns: repeat(3, 1fr);
    }

    .food-p {
        margin-top: 0rem;
    }

    .cse_highlight_grid.bio-sciene-achiver {
        grid-template-columns: repeat(3, 1fr);
        gap: 5rem 2.4rem;
    }

    .facility_sec.dep_facility_sec.nursing-outcome .facility_wrapper.nursing-outcome {
        padding: 0;
    }

    .learning_outcpme2.new {
        padding-block: 2rem;
    }

    .facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper {
        margin-left: 0;
        padding: 5rem 6rem 21rem;
        background: linear-gradient(141deg, #282896 2%, #14144b 1%);
        margin-bottom: 7rem;
    }

    .facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper:before {
        height: 10%;
    }

    .facility_sec.dep_facility_sec.aersospacesec5 .facility_list {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .aerospace-achieve {
        grid-template-columns: repeat(2, 1fr);
    }

    .department_img.aerospace_img {
        padding-block: 6rem 6rem;
    }

    .facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper p {
        background: transparent;
        color: var(--color-white);
        margin-bottom: 0;
    }

    .department_img.aerospace_img.petrliam_img {
        padding-block: 2rem;
    }

    .department_panel2.department_aeropanel2.department-petroliam {
        padding-bottom: 0;
    }

    .facility_sec.dep_facility_sec.aersospacesec5.petroliam-sec .facility_wrapper {
        padding: 4rem 2.3rem 5rem;
        padding-bottom: 2rem;
    }

    .facility_sec.dep_facility_sec.aersospacesec5.petroliam-sec .facility_wrapper p:first-child {
        padding-bottom: 1rem;
    }

    .dep_heighlights .dep_gihlight_box.mathematic-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .university-ins {
        min-width: 14.2%;
    }

    .facility_sec.dep_facility_sec.aersospacesec5.petroliam-sec.mathmasection .facility_wrapper {
        padding: 5rem;
    }

    .dep_heighlights.commerce-highlight .dep_gihlight_box {
        grid-template-columns: repeat(2, 1fr);
        gap: 4.4rem;
    }

    .dep_heighlights.commerce-highlight {
        padding-bottom: 5rem;
    }

    .chemi_highdepart {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 4.4rem;
        row-gap: 2rem;
    }

    .chemistry-depart h6 {
        margin-bottom: 2.1rem;
    }

    .chemistry_event h6 {
        margin-bottom: 3rem;
    }

    .chemistry-eve-btm {
        margin-bottom: 5rem;
    }
}

@media (max-width: 767px) {
    .dep_heighlights.aerospace-depart .dep_gihlight_box {
        grid-template-columns: repeat(2, 1fr);
    }

    .facility_sec.dep_facility_sec .dep_panel2_other.nuring-team {
        padding-block: 5rem 2rem;
    }

    .dep_heighlights.aerospace-depart .dep_gihlight_box .dep_h_list p {
        min-height: auto;
        margin-bottom: 0;
    }

    .aerospace-achieve {
        grid-template-columns: repeat(1, 1fr);
    }

    .aero-achieve p {
        padding-bottom: 3rem;
    }

    .facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper {
        padding: 4rem 2rem 20rem;
    }

    .facility_sec.dep_facility_sec.aersospacesec5 .facility_list {
        margin-top: 2rem;
    }

    .dep_heighlights.aerospace-depart {
        padding-block: 0rem;
    }

    .facility_sec.dep_facility_sec.aersospacesec5 .facility_wrapper p {
        padding-inline: 1rem;
        padding-top: 2rem;
    }

    .department_panel2.department_aeropanel2 {
        padding-bottom: 1rem;
    }

    .math-learningbtm {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1rem;
    }

    .university-ins {
        border-bottom: none;
    }

    .dep_heighlights.commerce-highlight .dep_gihlight_box {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem;
    }

    .commerce-highlight h6 {
        margin-bottom: 3.1rem;
    }

    .dep_gihlight_box.commercehighlight .dep_h_list {
        padding-bottom: 2rem;
    }

    .commerce-learnoutcom .commerce-grid {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 4rem;
        row-gap: 4.2rem;
    }

    .al_ap_panel.commerce-ap_panel {
        padding-block: 5rem;
    }

    .chemi_highdepart {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 4.4rem;
        row-gap: 2rem;
    }

    .cse_highlight_grid.bio-sciene-achiver {
        grid-template-columns: repeat(2, 1fr);
        gap: 4rem 2.4rem;
    }

    .cse-highlight.bioscience {
        padding-block: 4rem 2rem;
    }

    .patent-achievement h2 {
        margin-bottom: 0;
    }

    .patent-achievement .dep_gihlight_box .dep_h_list:last-child {
        border-bottom: transparent;
    }
     .dep_heighlights.commerce-highlight .dep_gihlight_box {
        grid-template-columns: repeat(1, 1fr);

    }
}

@media (max-width: 575px) {
    .bioscience-brdr {
        padding-block: 5rem 7rem;
        margin-top: 4rem;
    }

    .dep_heighlights.aerospace-depart .dep_gihlight_box {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 5rem;
    }

    .cse_highlight_grid.bio-sciene-achiver {
        grid-template-columns: repeat(1, 1fr);
        gap: 4rem 2.4rem;
    }

    .cse-highlight.bioscience {
        padding-block: 2rem 2rem;
    }

    .math-learningbtm {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 1rem;
        margin-top: 2rem;
    }

    .facility_sec.dep_facility_sec.aersospacesec5.petroliam-sec.mathmasection .facility_wrapper {
        padding: 3rem;
    }

    .university-ins {
        padding-bottom: 1rem;
    }

    .learning_outcpme2.mathlearning_outcpme2 {
        padding-bottom: 1rem;
    }

    .dep_heighlights.commerce-highlight .dep_gihlight_box {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .chemi_highdepart {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .chemi_highdepart .dep_h_list {
        padding-bottom: 2rem;
    }
}

/*--------------ravi----------------------*/

@media (max-width: 1599px) {
    .achievement-wrapper2 {
        grid-template-columns: 400px 1fr;
    }
}

@media (max-width: 1280px) {
    .dep_m {
        padding-block: 6rem;
        padding-inline: 5rem;
    }

    .dep_v {
        padding-block: 6rem;
        padding-inline: 5rem;
    }

    .department_img {
        padding-block: 2rem 2rem;
    }

    .gep_left {
        padding-inline: 0 1rem;
    }
}

@media (max-width: 992px) {
    .vi-m {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .dep_v,
    .dep_m {
        padding-inline: 3rem 3rem;
        border-radius: 20px;
    }

    .gep_left {
        padding-inline: 0;
    }

    .global-exchange-program {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 5rem;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .dep_ca_box .dep_gihlight_box {
        grid-template-columns: repeat(1, 1fr);
    }

    .gep_grid2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .dep_lab_smtext p {
        padding-inline: 0;
    }

    .dep_lab_smtext {
        padding-block: 3rem 0;
    }

    .dep_ca_vm {
        padding-block: 0 5rem;
    }

    .dep_heighlights img {
        display: block;
        margin: auto;
    }

    .pu-logo figcaption {
        padding-inline: 0;
        margin-top: 0rem;
        margin-bottom: 0;
        text-align: center;
    }

    .pu_grid {
        margin-inline: 0;
    }

    .gep_right figure img {
        width: 100%;
        margin-top: 5rem;
    }

    .left_gep {
        padding: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 2rem;
        margin-bottom: 3rem;
    }

    .global-exchange-program2 {
        padding-bottom: 2rem;
        margin-bottom: 4rem;
    }

    .dep_ca_box h4 {
        margin-bottom: 4rem;
    }

    .global-exchange-program2 img {
        margin: inherit;
    }

    .right_gep {
        padding-inline: 0;
    }

    .achievement-wrapper2 {
        grid-template-columns: 350px 1fr;
        gap: 3rem;
    }

    .program-tabs.nav.flex-column.nav-pills {
        padding-inline: 2rem;
    }

    .al_ap_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 5rem;
    }

    .ece-pacement.ap-palcement-dep figure {
        margin-bottom: 4rem;
    }

    .title_head {
        margin-bottom: 3rem;
    }
}

@media (max-width: 768px) {
    .achievement-wrapper2 {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .ca-achivement h4 {
        margin-bottom: 0;
    }

    .ca-achivement {
        padding-block: 6rem 3rem;
    }

    .ece-activity_box {
        gap: 0.5rem;
        margin-top: 2rem;
    }
}

@media (max-width: 599px) {
    .al_ap_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 5rem;
    }

    .al_ap_panel {
        padding-block: 7rem;
    }
}

.ca-alumni-success {
    background: #fff;
}

.al_ap_panel {
    padding-block: 10rem;
}

.al_ap_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7rem;
}

.al_ap_item {
    border-bottom: 1px solid #1a171830;
    padding-bottom: 2rem;
}

.al_ap_item h5 {
    font-size: var(--font-18);
    margin-top: 4rem;
    font-weight: bold;
}

.dep_quote {
    margin-bottom: 1rem;
}

.ece-learning-outcome.ap-outcome h3.title_head {
    margin-top: 0;
}

.cse_highlight_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5.8rem;
}

.cse_highlight_grid img {
    width: 100%;
}

.cse_highlight_item figure {
    margin-bottom: 3rem;
}

.cse_highlight_item h4 {
    font-size: var(--font-18);
    margin-bottom: 3rem;
}

.cse-highlight {
    padding-block: 6rem 10rem;
}

@media (max-width: 992px) {
    .cse_highlight_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 4rem;
    }
}

@media (max-width: 599px) {
    .cse_highlight_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 4rem;
    }
}

.program_grid.one_programs {
    grid-template-columns: repeat(1, 1fr);
}

.program_grid.one_programs .programs_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 7rem;
}

.department_panel2.pm-dep_panel h3 {
    font-size: var(--font-21);
    margin-bottom: 3rem;
    letter-spacing: -0.32px;
}

.abour_overview.department_heading.pm_head .dep_heading {
    width: 85%;
    margin-bottom: 5rem;
}

.line-btm {
    position: absolute;
    bottom: 0;
}

.dep_right_panel {
    position: relative;
}

.facility_sec.dep_facility_sec.pm_dep_facility .facility_list {
    grid-template-columns: repeat(1, 1fr);
}

.facility_sec.dep_facility_sec.pm_dep_facility p {
    font-weight: 300;
}

.highlights-day {
    margin-top: 6rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    row-gap: 5rem;
}

.highlights-day img {
    width: 100%;
}

.day_grid_highlight figcaption {
    font-size: var(--font-21);
    margin-top: 3rem;
    font-weight: bold;
}

.dep_gihlight_box3 {
    position: relative;
}

.dep_heighlights.heighlights4 img.img-fluid.dep_svg {
    top: inherit;
    bottom: 5%;
}

.pm_other-highlight {
    padding-block: 6rem;
}

.pm_two_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14rem;
    margin-top: 10rem;
}

.pm_h_right {
    padding-inline: 0 10rem;
}

.ps_learning_conatent {
    position: relative;
    width: 100%;
    border-radius: 30px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15rem;
}

.ps_learning_conatent:before {
    content: "";
    background:
        url(../images/program_faci_bg.svg) left center no-repeat,
        linear-gradient(141deg, #282896 2%, #14144b 1%);
    background-size: 46%;
    position: absolute;
    left: 0;
    width: 100%;
    max-height: 54rem;
    height: 100%;
    border-radius: 30px;
}

.ps_learning_conatent p {
    color: #fff;
    position: relative;
    font-weight: 300;
    margin-bottom: 3rem;
}

.ps_para {
    padding: 10rem 10rem 6rem;
}

@media (max-width: 1699px) {
    .ps_learning_conatent::before {
        background-size: 71%;
    }
}

@media (max-width: 1280px) {
    .icon-lab {
        width: 30rem;
    }

    .dep_heighlights.heighlights4 img.img-fluid.dep_svg {
        top: inherit;
        bottom: 5%;
        width: 42%;
    }

    .pm_two_grid {
        gap: 5rem;
        margin-top: 10rem;
    }
}

@media (max-width: 992px) {
    .learning_outcpme2.ps_learning {
        padding-bottom: 3rem;
    }

    .ps_para {
        padding: 5rem 5rem 5rem;
    }

    .ps_learning_conatent {
        margin-bottom: 6rem;
    }

    .highlights-day {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
        row-gap: 3rem;
    }

    .pm_two_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
        margin-top: 2rem;
    }

    .dep_heighlights .day_grid_highlight img {
        width: 100%;
    }

    .pm_h_right {
        padding-inline: 0;
    }

    .pm_other-highlight {
        padding-block: 6rem 0;
    }

    .department_img.ps_dep_img {
        padding-block: 2rem;
    }

    .abour_overview.department_heading.pm_head .dep_heading {
        width: 100%;
        margin-bottom: 5rem;
    }

    .dep_heading {
        width: 97%;
    }

    .department_panel2 {
        padding-bottom: 0;
    }

    .activity-card {
        flex-direction: column;
    }

    .faculty-achievements {
        padding-block: 0 5rem;
    }

    .content-wrapper {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .image-card {
        box-shadow: inherit;
    }

    .industry-sponsored-section .image-card img {
        width: 100%;
    }

    .text-column {
        padding-inline: 0;
    }

    .icon-lab {
        width: 8rem;
    }
}

@media (max-width: 599px) {
    .ps_para {
        padding: 5rem 3rem 5rem;
    }

    .highlights-day {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
        row-gap: 3rem;
    }

    .dep_heighlights.heighlights4 img.img-fluid.dep_svg {
        display: none;
    }
}

@media (max-width: 1499px) {
    body .dep_m {
        padding-block: 3rem;
        padding-inline: 2rem;
    }

    body .dep_v {
        padding-block: 3rem;
        padding-inline: 2rem;
    }
}

.about_bio {
    padding-block: 7rem;
}

.biotech_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14rem;
}

.biotech_left {
    position: relative;
}

.biotech_left p {
    margin: 0px;
}

.biotech_left:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #9393ca85;
    position: absolute;
    top: 0;
    right: -5rem;
}

.biotech_right {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.biotech_grid2 {
    padding-block: 10rem 5rem;
}

.biotech_grid2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14rem;
}

.biotech_grid3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14rem;
}

@media (max-width: 992px) {

    .biotech_grid,
    .biotech_grid2,
    .biotech_grid3 {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .dep_heighlights.bio-heighlight {
        overflow: hidden;
    }

    .biotech_grid2 {
        padding-block: 5rem 2rem;
    }

    .about_bio {
        padding-block: 3rem;
    }
}

.bio_achivement {
    padding-block: 6rem;
}

.bio_achivement h3 {
    font-size: var(--font-24);
    font-weight: 300;
    color: #2b2a29;
    margin-bottom: 3rem;
}

.achivement_bio2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14rem;
    margin-top: 8rem;
}

.bio_logo_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
    margin-top: 5rem;
    align-items: center;
}

.achivement_bio_right {
    padding-inline: 0 15rem;
}

.facility_sec.dep_facility_sec .facility_wrapper.full_text_bi p {
    margin-bottom: 4rem;
}

.faculty-achievements.bio-achive_new1 {
    background: #f6f6f6;
}

.faculty-achievements.bio-achive_new1 p {
    border-top: 1px solid #ddd;
    padding-block: 7rem;
    font-weight: bold;
    margin-block: 5rem;
}

@media (max-width: 1280px) {
    .achivement_bio2 {
        gap: 4rem;
        margin-top: 4rem;
    }
}

@media (max-width: 992px) {
    .achivement_bio2 {
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
        margin-top: 3rem;
    }

    .achivement_bio_right {
        padding-inline: 0;
    }

    .facility_sec.dep_facility_sec .facility_wrapper.full_text_bi p {
        margin-bottom: 0;
    }
}

.bil-b3_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14rem;
}

.bio3_lab {
    padding-bottom: 10rem;
}

.lab3_bio_right {
    padding-inline: 0 15rem;
}

.facility_sec.dep_facility_sec.civil_dep_facility p {
    padding-inline: 0;
}

.civil_t p {
    width: 92%;
}

@media (max-width: 1280px) {
    .bil-b3_grid {
        gap: 4rem;
    }

    .faculty-achievements.bio-achive_new1 p {
        padding-block: 7rem 0;
        margin-block: 5rem 0;
    }

    .biotech_grid2,
    .biotech_grid3 {
        gap: 6rem;
    }
}

@media (max-width: 992px) {

    .biotech_grid2,
    .biotech_grid3 {
        gap: 3rem;
    }

    .bil-b3_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 4rem;
    }

    .faculty-achievements.bio-achive_new1 p {
        padding-block: 5rem 2rem;
        margin-block: 2rem 0;
    }

    .faculty-achievements.bio-achive_new1 .ece_list {
        margin-bottom: 3rem;
    }

    .faculty-achievements.bio-achive_new1 {
        padding-bottom: 0;
    }

    .lab3_bio_right {
        padding-inline: 0;
    }

    .bio3_lab {
        padding-bottom: 5rem;
    }

    .faculty-achievements.bio-achive_new1 .ece_list figcaption {
        padding-inline: 0;
    }

    .civil_t p {
        width: 100%;
    }

    .facility_sec.dep_facility_sec.civil_dep_facility p {
        padding-inline: 2rem;
    }

    .facility_sec.dep_facility_sec.civil_dep_facility .civil_t p {
        padding-inline: 0;
        padding-block: 2rem;
    }

    .facility_sec.dep_facility_sec.civil_dep_facility .civil_t .container {
        padding: 0;
    }
}

.department_panel2.micro_dep {
    padding-bottom: 8rem;
}

.dep_placements h3 {
    margin-bottom: 4rem;
    font-weight: bold;
}

.table2 {
    margin-top: 10rem;
}

.micro_achive2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12rem;
    padding-block: 10rem;
}

.micro-achive-item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1.5rem;
}

.dep_student_achievements.micro_student_achievements {
    background: #fff;
    padding-block: 0;
}

.dep_student_achievements.micro_student_achievements .title_head {
    margin-top: 10rem;
}

.dep_student_achievements.micro_student_achievements .achievement-content {
    padding-bottom: 0;
}

.dep_student_achievements.micro_student_achievements {
    padding-block: 0 10rem;
}

.activity-content h5 {
    letter-spacing: -0.32px;
    color: #2b2a29;
    margin-top: 2rem;
    font-size: var(--font-21);
}

.learning_outcome_micro h2 {
    font-size: var(--font-24);
    padding-inline: 0 24rem;
    font-weight: 300;
    margin-bottom: 7rem;
}

.learning_outcome_micro {
    padding-block: 6rem 10rem;
}

.dep_heighlights.desgin_highlight h2 {
    padding-bottom: 5rem;
    font-weight: bold;
}

.dep_panel_grid2.desgin_abt {
    margin-top: 15rem;
    padding-top: 10rem;
    border-top: 1px solid #9e9d9d80;
    padding-bottom: 10rem;
}

.designp_highlight2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14rem;
    padding-block: 11rem 0rem;
}

ul.list1 li:after {
    content: "";
    width: 7px;
    height: 7px;
    background: #ffcb05;
    position: absolute;
    left: 0;
    top: 0.8rem;
    border-radius: 50%;
}

ul.list1 li {
    position: relative;
    padding-inline: 2.5rem;
    margin-bottom: 2rem;
}

ul.list_1 {
    margin-top: 2rem;
}

ul.list_1 li:after {
    content: "";
    width: 7px;
    height: 7px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0.8rem;
    border-radius: 50%;
}

ul.list_1 li {
    position: relative;
    padding-inline: 2.5rem;
    margin-bottom: 2rem;
}


ul.list2 li:after {
    content: "";
    width: 7px;
    height: 7px;
    background: #ffcb05;
    position: absolute;
    left: 0;
    top: 0.8rem;
    border-radius: 50%;
}

ul.list2 li {
    position: relative;
    padding-inline: 2.5rem;
    margin-bottom: 2rem;
}

ul.list2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.industry-list {
    padding-top: 5rem;
}

.design_out3 p b {
    display: block;
    width: 85%;
    margin-top: 5rem;
}

@media (max-width: 992px) {
    .department_panel2.micro_dep {
        padding-bottom: 1rem;
    }

    .micro_achive2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5rem;
        padding-block: 5rem 5rem;
    }

    .dep_student_achievements.micro_student_achievements .title_head {
        margin-top: 4rem;
    }

    .dep_student_achievements.micro_student_achievements .achievement-content {
        padding-bottom: 0;
        padding-inline: 0;
    }

    .dep_student_achievements.micro_student_achievements {
        padding-block: 0 4rem;
    }

    .table2 {
        margin-top: 5rem;
    }

    .learning_outcome_micro h2 {
        margin-bottom: 7rem;
        padding: 0;
    }
}

@media (max-width: 699px) {
    .micro_achive2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
        padding-block: 2rem 5rem;
    }
}

@media (max-width: 1499px) {
    .dep_panel_grid1 {
        gap: 8rem;
        margin-bottom: 5rem;
    }

    .designp_highlight2 {
        gap: 8rem;
    }

    .dep_panel_grid2.desgin_abt {
        margin-top: 8rem;
        padding-top: 7rem;
        padding-bottom: 0rem;
    }
}

@media (max-width:1366px) {
        .designp_highlight2 { gap: 4rem; }

        .designp_highlight2 .title_head{
       margin-bottom: 2rem;
    }

}
@media (max-width:1199px) {
    .designp_highlight2{grid-template-columns: repeat(1, 1fr);}
    .dep_panel_grid2.desgin_abt{align-items: center;}
}

@media (max-width: 992px) {
    .designp_highlight2 {
        gap: 2rem;
        grid-template-columns: repeat(1, 1fr);
        padding-top: 5rem;
    }

    .dep_panel_grid2.desgin_abt {
        margin-top: 4rem;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .dep_panel_grid1 {
        gap: 4rem;
        margin-bottom: 5rem;
    }

    ul.list2 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .design_out3 p b {
        display: block;
        width: 100%;
        margin-top: 5rem;
    }
}

@media (max-width: 599px) {
    .dep_panel_grid1 {
        margin-bottom: 0;
    }

    .dep_panel_grid2.desgin_abt {
        padding-bottom: 1rem;
    }

    .dep_h_list {
        padding-bottom: 2rem;
    }

    ul.list2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 400px) {
    ul.list2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.desgin_learning1 {
    padding-block: 6rem;
}

.design_n1 {
    padding-block: 10rem 12rem;
}

.program_grid.four_programs {
    grid-template-columns: repeat(4, 1fr);
}

.faculty_achievements_grid.hs_dep {
    padding-top: 10rem;
}

.faculty_achievements_grid.hs_dep p b {
    display: block;
    padding-top: 5rem;
    padding-bottom: 2rem;
}

.hs_dep_higlight {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14rem;
    padding-top: 10rem;
}

@media (max-width: 992px) {
    .hs_dep_higlight {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 4rem;
        padding-top: 5rem;
    }

    .faculty_achievements_grid.hs_dep {
        padding-top: 5rem;
    }

    .cse-highlight.bioscience {
        padding-block: 1rem 2rem;
    }

    .bioscience-brdr {
        padding-block: 8rem 5rem;
    }

    .chemistry_ev {
        gap: 0;
    }

    .faculty_achievements_grideve {
        grid-template-columns: 1fr;
        gap: 5rem;
    }

    .chemistry_event {
        padding-block: 0 5rem;
    }

    .chemistry_ev {
        padding-bottom: 1rem;
    }

    .chemistry_event img.event_vector {
        display: none;
    }
}

.mandt-disc-three .aicte_left,
.mandt-disc-three .aicte_right,
.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.mandt-disc-three.nirf-sec .aicte_left {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.mandt-disc-three .aicte_left {
    padding-bottom: 4rem;
}

.mandt-disc-three .eoa_head {
    padding-bottom: 1rem;
}

.mandt-disc-three .eoa_head h3 {
    font-size: var(--font-21);
    font-weight: 500;
    color: var(--color-28);
}

.mandt-disc-three .naac_sec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

.mandt-disc-three .naac_sec .aicte_right {
    grid-template-columns: auto;
}

@media (max-width: 991px) {
    .mandt-disc-two.research-patent {
        padding-bottom: 5rem;
    }
}

@media (max-width: 767px) {
    .mandt-disc-three .aicte_left {
        padding-bottom: 3rem;
    }

    .mandt-disc-three .aicte_left,
    .mandt-disc-three .aicte_right,
    .grid-2 {
        grid-template-columns: auto;
    }

    .mandt-disc-three .naac_sec {
        grid-template-columns: auto;
        gap: 2rem;
    }
}

@media (max-width: 575px) {
    .nirf-sec .aicte_left .pdf-col {
        display: flex;
        align-items: center;
    }
}

.nira-sec {
    padding-block: 8rem 10rem;
}

.nira-sec .dep_right_panel h3 {
    letter-spacing: -0.36px;
    color: var(--color-28);
    padding-block: 0rem 3rem;
    margin: 0;
}

@media (max-width: 991px) {
    .nira-sec {
        padding-block: 5rem 3rem;
    }

    .nira-sec .dep_panel_grid1 {
        gap: 1rem;
        margin-bottom: 5rem;
        display: flex;
        flex-direction: column-reverse;
    }

    .nira-sec .dep_panel_grid2 {
        margin-bottom: 2rem;
        gap: 2rem;
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (max-width: 767px) {
    /* .nira-sec {
    padding-block: 5rem 3rem;
} */
}

.department_story .success-slide {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.success-right-slider.department_story h2 {
    font-size: var(--font-30);
    color: var(--color-28);
    font-weight: bold;
    margin-bottom: 2rem;
}

.success-right-slider.department_story h4 {
    font-size: var(--font-36);
    font-weight: 300;
    width: 59%;
    margin-bottom: 6rem;
}

.success-section {
    background: #fff;
    padding-block: 12rem 0;
}

.dep_slide {
    position: relative;
    overflow: hidden;
}

.department_story .testimonial_name {
    margin-top: 5rem;
    border-left: 5px solid var(--color-28);
    padding-inline: 2rem;
}

.department_story .testimonial_name h5 {
    font-size: var(--font-18);
    font-weight: bold;
}

.department_story .testimonial_name h6 {
    font-size: var(--font-16);
    letter-spacing: -0.4px;
    font-weight: normal;
}

@media (max-width: 990px) {
    .department_story .success-slide {
        grid-template-columns: 100%;
    }

    .success-right-slider.department_story h4 {
        width: 100%;
        display: none;
    }

    .success-section {
        padding-block: 0rem 0;
    }

    .success-section .container {
        padding: 0;
    }

    .success-section .success-wrapper {
        padding-inline: 0;
        padding-bottom: 0;
    }

    .st_group {
        padding-inline: 2rem;
    }

    .testimonial_dep {
        padding-inline: 2rem;
    }
}

@media (min-width: 699px) {
    .home_placement.placment_over5 .swiper-pagination {
        display: none;
    }
}

.nss-section {
    padding-block: 7rem 15rem;
}

.top-headeing {
    padding-bottom: 7rem;
}

.top-headeing h3 {
    font-size: var(--font-24);
    letter-spacing: -0.36px;
    color: var(--color-28);
    margin-bottom: 3rem;
    font-weight: bold;
}

.top-headeing p {
    font-size: var(--font-24);
    margin-bottom: 0;
}

.nss_grid {
    display: flex;
    gap: 10rem;
    margin-top: -10rem;
    align-items: center;
}

.nss_grid figure {
    flex-basis: 100%;
}

.nss_img_bx {
    max-width: 162.7rem;
    margin-inline: auto;
}

.nss_grid figure {
    flex-basis: 100%;
}

.nss_grid .cntnt-sec p {
    margin-bottom: 0;
    padding-top: 10rem;
}

@media (max-width: 1630px) {
    .nss_img_bx {
        max-width: 95%;
    }
}

.couse_level:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 4rem;
    border-right: dashed 1px #00000045;
}

.program_fee:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 4rem;
    border-right: dashed 1px #00000045;
}

.program_fee:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    border-right: dashed 1px #00000045;
}

.title_head3 {
    color: var(--color-28);
    font-size: var(--font-24);
    margin-bottom: 3rem;
    font-weight: 600;
    letter-spacing: -0.36px;
}

/*club css*/
.club_box1 figure {
    margin-block: 7rem 0;
}

.club2_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14rem;
    margin-top: 10rem;
}

.cl_left {
    padding-inline: 0 7rem;
}

.cl_left figure {
    margin-top: 6rem;
}

.club_history {
    padding-block: 14rem 12rem;
}

.club_history h3 {
    font-size: var(--font-42);
    font-weight: 300;
    margin-bottom: 3rem;
}

.club_box4.dep_ca_vm .dep_v p {
    font-size: var(--font-36);
    padding-inline: 0 0rem;
}

.cli_grid_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14rem;
    padding-block: 14rem 0;
}

.right_grid_content {
    padding-inline: 4rem 0;
}

.place_record.placementSwiper1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
}

.place_record .placemnt_pic {
    height: 477px;
}

.place_record .placemnt_pic img {
    height: 467px;
    object-fit: cover;
}

/* css quality*/

.grid-two_qi {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
}

/* ── Section ── */
.q-header {
    display: flex;
    align-items: center;
    /* gap: 12px; */
    margin-bottom: 28px;
}

.q-bar {
    width: 4px;
    height: 36px;
    border-radius: 2px;
}

.q-title {
    font-size: var(--font-24);
    font-weight: 700;
    color: var(--color-28);
}

.q-sub {
    font-size: var(--font-14);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
    margin-bottom: 4px;
}

/* ── Cards ── */
.q-cards {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.q-card {
    background: #fff;
    border-radius: 12px;
    padding: 20px 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    /* border: 1px solid rgba(0,0,0,0.06); */
    box-shadow: 0 2px 12px rgba(13, 27, 62, 0.05);
    transition:
        box-shadow 0.25s,
        transform 0.25s;
    position: relative;
    overflow: hidden;
    animation: fadeUp 0.5s ease both;
}

.q-card:hover {
    box-shadow: 0 8px 28px rgba(13, 27, 62, 0.12);
    transform: translateY(-2px);
}

.q-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 12px 0 0 12px;
}

.q-card-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    flex-shrink: 0;
    margin-top: 1px;
}

.q-card-text h3 {
    font-weight: 300;
    color: var(--navy);
    line-height: 1.45;
    margin-bottom: 0;
}

/* ── Divider ── */
.center-divider {
    display: flex;
    align-items: center;
    justify-content: center;
}

.divider-line {
    width: 1px;
    background: linear-gradient(to bottom,
            transparent,
            var(--gold) 20%,
            var(--gold) 80%,
            transparent);
    position: relative;
    min-height: 100%;
}

/* ── Animation ── */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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

.q-card:nth-child(1) {
    animation-delay: 0.05s;
}

.q-card:nth-child(2) {
    animation-delay: 0.12s;
}

.q-card:nth-child(3) {
    animation-delay: 0.19s;
}

.q-card:nth-child(4) {
    animation-delay: 0.26s;
}

.q-card:nth-child(5) {
    animation-delay: 0.33s;
}

.q-card:nth-child(6) {
    animation-delay: 0.4s;
}

.badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--warm-gray);
    border: 1px solid rgba(201, 168, 76, 0.3);
    color: var(--slate);
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    margin-top: 10px;
    font-weight: 500;
}

.badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
}

.qp_box {
    padding-block: 6rem 15rem;
}

/* Base Icon Container */
.q-card-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SVG Styling */
.q-card-icon svg {
    width: 32px;
    height: 32px;
    color: #5f5fb1;
}

.q-card:hover .q-card-icon svg {
    transform: translateY(-2px);
    transition: transform 0.2s ease-in-out;
}

.researchbx h4 {
    font-size: var(--font-16);
    font-weight: bold;
    line-height: 1.3;
    color: var(--color-28);
}

/*table css */

.hostel-fee {
    padding-block: 6rem 10rem;
}

.hostel-fee .table-wrapper th,
.hostel-fee .table-wrapper td {
    padding-inline: 1rem;
    font-size: 13px;
    text-align: left;
}

.hostel-fee p {
    font-size: 12px;
}

.hostel-fee .table-wrapper {
    margin-bottom: 6rem;
}

.hostel-fee .table-wrapper:nth-child(4) {
    margin-bottom: 2rem;
}

.overview_heading p {
    font-size: var(--font-16);
}

@media (max-width: 1599px) {
    .breadcrumb {
        padding-top: 12rem;
    }
}

.course.course1.active figcaption h4 {
    color: var(--color-28);
}

.course.course1.active figcaption p {
    color: var(--color-28);
}

.course-tile.total_count4 {
    grid-template-columns: repeat(4, 1fr);
}

.club_box1 {
    padding-block: 6rem 0;
}

.ethhos_uba .accordion {
    background: none;
    border: 0;
    padding-top: 5rem;
}

.ethhos_uba .accordion .accordion-body {
    background: none;
    border: 0;
    padding: 0;
}

.ethhos_uba .accordion .tab-pane {
    background: none;
    border: 0;
}

.ethhos_uba .nav-tabs .nav-link.active {
    color: #282896;
    background: none;
    border: 0;
}

.ethhos_uba .nav-tabs .nav-link {
    color: #1a1718;
    border: 0;
    font-size: var(--font-18);
    display: grid;
    padding: 3rem 0 0;
    border: 0;
}

.ethhos_uba ul#myTab {
    gap: 4rem;
    border: 0;
    border-top: 1px solid #ddd;
}

.cl_pb {
    display: grid;
    display: grid;
    grid-template-columns: 100%;
    gap: 14rem;
}

.cl_pb_right p b {
    display: block;
    font-size: var(--font-18);
    margin-bottom: 3rem;
}

.cl_pb_right {
    padding-inline: 0 8rem;
}

img.img-fluid.ivon_t {
    display: block;
}

.et_other_content {
    padding-block: 5rem;
    padding-inline: 0 10rem;
}

@media (max-width: 991px) {
    .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }

}

.ethhos_uba {
    background: #fff;
    padding-block: 10rem 5rem;
}

.ub_penl4 {
    padding-block: 10rem;
}

.ub_penl4 .faculty_achievements_block p b {
    display: block;
    margin-top: 3rem;
}

.uba_geu {
    background: #fff;
    border-radius: 20px;
    padding-block: 10rem;
    padding-inline: 8rem;
}

.uba_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14rem;
}

.uba_grid_left blockquote {
    font-size: var(--font-42);
    font-weight: 300;
    padding-inline: 0 10rem;
}

.uba_geu h2 {
    color: #282896;
    margin-bottom: 4rem;
    font-weight: bold;
}

.ub_penl5 {
    padding-bottom: 10rem;
}

.btn_new a {
    background: #5353ab 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 1rem;
    color: #fff;
    display: inline-flex;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.uba_grid_right p b {
    display: block;
    margin-bottom: 2rem;
}

.abour_overview.placment_over1.clubs_societyover p {
    font-size: var(--font-16);
}

.faculty_list_cont.overview_heading p {
    font-size: var(--font-24);
}

.club1_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    margin-top: 10rem;
}

.cl_left2 {
    padding-right: 10rem;
}

.cl_left2 figure {
    margin-top: 10rem;
    display: block;
}

.youth_engagement {
    padding-block: 6rem;
}

.youth_engagement blockquote {
    font-size: var(--font-24);
    margin-bottom: 3rem;
}

.youth_engagement .club2_grid {
    gap: 5rem;
}

.cl_left1 {
    padding-inline: 10rem 10rem;
}

.youth_table {
    padding-block: 10rem 0;
}

.youth_table .table-wrapper {
    margin-block: 3rem 7rem;
}

.youth_table .title_head {
    margin-bottom: 3rem;
}

.mou_box {
    padding-block: 0 15rem;
}

.mou_box p {
    margin-bottom: 3rem;
}

@media (max-width: 1024px) {
    .cl_left1{padding: 0px;}
    .cl_left2{padding-right: 0px}
    .mou_box {padding-block: 0 8rem;}
    .club1_grid{margin-top: 5rem;}
    .club2_grid{margin-top: 5rem;}
}

@media (max-width: 992px) {

    .couse_level:after,
    .couse_duration:after,
    .program_fee:after {
        display: none;
    }

    .abour_overview .overview_heading h2 {
        font-size: var(--font-26);
    }

    .grid-two_qi {
        grid-template-columns: 100%;
    }

    .qp_box {
        padding-block: 6rem 7rem;
    }

    .course-tile.total_count4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .placment_over8 .testimonial {
        padding-inline: 2rem;
    }

    .success-section.placment_over8 .success-left {
        padding-inline: 2rem;
    }
}

@media (max-width: 479px) {
    .cl_left2 figure{margin-top: 4rem;}
    .youth_table{padding-block: 5rem 0;}
    .youth_engagement{padding-block: 3rem;}
    .youth_table .table-wrapper{margin-block: 3rem 3rem;}
    .mou_box{padding-block: 0 5rem;}
    .youth_engagement blockquote{font-weight: 300;}
    .title_head{line-height: 1.5;}
}

.ncc_box1 {
    padding-block: 6rem 7rem;
}

.ncc_grid {
    display: flex;
    align-items: center;
    padding-inline: 10rem;
    padding-bottom: 10rem;
}

.ncc_left {
    width: 75%;
    margin-right: 10rem;
}

.logo-ncc {
    margin-top: -10rem;
}

.ncc_grid2 {
    display: grid;
    grid-template-columns: 47.2% 40%;
    gap: 17.6rem;
}

.ncc_left2 ul {
    margin-bottom: 4rem;
}

.nscc_panel2 {
    padding-block: 11rem;
    background: #fff;
}

.ncc_left2 {
    padding-inline: 0 5rem;
}

.ncc_right2 figure {
    margin-top: 5rem;
}

.ncc_panel3 {
    padding-block: 10rem;
}

.ncc_grid4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    margin-top: 6rem;
}

.ncc4_content {
    margin-top: 6rem;
}

.ncc4_content figure {
    display: block;
    margin-top: 8rem;
}

.club_5grid {
    display: grid;
    grid-template-columns: 38.95% 55.6%;
    gap: 8rem;
}

.left_club5 {
    position: relative;
    z-index: 8;
}

.facility_sec.dep_facility_sec.ncc_panel5 .right_club5 p {
    padding-inline: 0;
}

.facility_sec.dep_facility_sec.ncc_panel5 .facility_wrapper {
    padding-inline: 13.5rem;
    padding-block: 10rem;
    margin: 0;
}

.cd_info {
    border-left: 5px solid #ffcb05;
    padding-inline: 2rem;
    margin-top: 5rem;
}

.cd_info h4 {
    color: #fff;
    font-size: var(--font-18);
}

.left_club5 img {
    width: 100%;
}

.right_club5 {
    position: relative;
    padding-inline: 0 10rem;
    align-content: center;
}

.right_club5 h3 {
    color: #fff;
    font-size: var(--font-24);
    margin-bottom: 3rem;
}

.cd_info p {
    margin: 0;
}

.right_club5>p {
    margin-bottom: 3rem;
}

.facility_sec.dep_facility_sec.ncc_panel5 .tiangle_icon {
    position: absolute;
    bottom: -11rem;
    left: -8rem;
}

.rank_grid_left b {
    font-size: var(--font-21);
    display: block;
    margin-bottom: 2rem;
}

.rank_grid {
    display: grid;
    grid-template-columns: 10% 85%;
    gap: 7rem;
    margin-top: 6rem;
}

.rank_item p {
    font-weight: bold;
    display: block;
    margin-top: 2rem;
}

.rank_grid_left figure {
    width: 11rem;
}

.rank_grid_right {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.ncc_ranked {
    background: #fff;
    padding-block: 10rem;
}

.rank_panel {
    border-left: 1px solid #ffcb06;
    padding-inline: 5rem;
}

.ncc_achivers {
    padding-block: 15rem 0;
}

.geu_achiver3 {
    margin-top: 6rem;
}

.geu_achiver3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11rem;
}

.geu_achiver3 h4 {
    font-size: var(--font-18);
    font-weight: bold;
    margin-bottom: 2rem;
}

.geu_achiver3 ul {
    margin: 3rem 0;
}

.chartered_public_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.7rem;
    text-align: center;
}

.chartered_public_wrap {
    position: relative;
}

.chartered_public_wrap::after {
    content: "";
    background-color: #e1e1e1;
    width: 1px;
    height: 100px;
    display: block;
    position: absolute;
    top: 36px;
    right: -17px;
}

.chartered_public_wrap:last-child::after {
    content: none;
}

.key_highlights.cus_pecialization ul.list_check.top_companys {
    grid-template-columns: repeat(3, 1fr);
}

table.bbatable {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

table.bbatable th,
table.bbatable td {
    padding: 1rem 2rem 1rem;
}

table.bbatable th {
    background: var(--color-53);
    color: var(--color-white);
    padding: 1rem 2rem 1rem;
    font-size: var(--font-18);
    font-weight: 500;
    font-family: var(--font-family-inter);
    text-align: left;
}

table.bbatable tr {
    text-align: left;
}

.endtop_all {
    margin-top: 5rem;
}

.endtop_all h3 {
    margin-bottom: 2rem;
    margin-top: 2rem;
    font-size: var(--font-16);
}

.bbatable tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.bbatable tbody tr:nth-child(even) {
    background-color: #f6f6f6;
}

@media (max-width: 767px) {
    .chartered_public_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .chartered_public_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.7rem;
    }

    .key_highlights.cus_pecialization ul.list_check.top_companys {
        grid-template-columns: repeat(1, 1fr);
    }
}

.custom-list {
    column-count: 4;
    column-gap: 40px;
    list-style: none;
    padding: 0;
}

.custom-list li {
    padding: 1.2rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.facility_sec.dep_facility_sec.ncc_panel8 .facility_wrapper:before {
    content: "";
    background: #3d3da0;
    background-size: 63%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.facility_sec.dep_facility_sec.ncc_panel8 h3 {
    position: relative;
    color: #fff;
    z-index: 9;
    margin-bottom: 3rem;
}

.facility_sec.dep_facility_sec.ncc_panel8 ul {
    position: relative;
    z-index: 9;
    color: #fff;
}

.facility_sec.dep_facility_sec.ncc_panel8 .facility_wrapper:after {
    background-size: 45%;
}

.facility_sec.dep_facility_sec.ncc_panel8 .facility_wrapper {
    margin: 0;
    padding: 9rem 13rem;
}

.sdg_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
    margin-top: 5rem;
    margin-bottom: 10rem;
}

.sdg_initiative {
    padding: 6rem 0 10rem;
}

.sdg_item figcaption {
    padding: 2rem;
}

.sdg_item figcaption h4 {
    font-size: var(--font-21);
    font-weight: bold;
    margin-bottom: 1rem;
    min-height: 44px;
}

.sdg_item figcaption p {
    margin-bottom: 2rem;
    width: 85%;
}

.sdg_initiative blockquote {
    font-size: var(--font-24);
}

.dep_v .list_vm li::before {
    background: #fff;
}

.cd_fact {
    display: flex;
    color: #fff;
    position: relative;
    z-index: 9;
    gap: 4rem;
    margin-top: 5rem;
}

.cd_fact h5 {
    font-size: var(--font-48);
}

.cd_fact h5 sup {
    font-size: 18px;
    top: -2rem;
}

.facility_sec.dep_facility_sec.ncc_panel5 .right_club5 .cd_fact p {
    font-weight: 300;
    padding-inline: 0 20rem;
}

.sdg_key {
    padding-bottom: 12rem;
}

.key_areas_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14rem;
}

.facility_sec.dep_facility_sec.ncc_panel5.sdg5 {
    margin-top: 0;
}

.sdg_faculty {
    background: #fff;
    padding-block: 10rem;
}

.sdg_faculry_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
    row-gap: 8rem;
}

.fc_item figure {
    margin-bottom: 3rem;
}

.fc_item figcaption p {
    font-size: var(--font-18);
    font-weight: 300;
    margin: 0 0 0.5rem;
}

.fc_item figcaption h3 {
    font-size: var(--font-16);
    font-weight: bold;
}

.sdg_executive_body {
    padding-block: 12rem 7rem;
}

.sdg_executive_body h5 {
    font-size: var(--font-16);
    margin-bottom: 3rem;
}

ul.list3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 14rem;
    margin-bottom: 5rem;
}

ul.list3 li {
    position: relative;
    padding-inline: 2rem;
    margin-bottom: 1.5rem;
    letter-spacing: -0.4px;
}

ul.list3 li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 7px;
    height: 7px;
    background-color: #ffcb05;
    border-radius: 50%;
}

.sdg_executive_body figure {
    margin-bottom: 12rem;
}

.sdg_panel9 {
    background: #fff;
    padding-block: 10rem;
}

.engagement-activity-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14rem;
}

.engagement-activity-grid p {
    margin-bottom: 2rem;
    padding-inline: 0 5rem;
}

.sdg_panel9 h3.title_head3 {
    margin-bottom: 5rem;
}

.vs_box {
    background: var(--color-ff);
    border-radius: 20px;
    padding-block: 6rem;
    padding-inline: 6rem;
}

.csber_vision {
    margin-bottom: 10rem;
}

.vs_box2 {
    margin-top: 12rem;
}

.center_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
    margin-bottom: 10rem;
}

.c_grid_item {
    background: #fff;
    border-radius: 20px;
}

.center_caption {
    padding: 3rem;
    padding-bottom: 0;
}

.center_caption h4 {
    font-size: var(--font-21);
    font-weight: bold;
    margin-bottom: 2rem;
}

.center_seeks h3 {
    font-size: var(--font-21);
    font-weight: bold;
    margin-bottom: 4rem;
}

.early-milestones {
    background: #fff;
    padding-block: 12rem;
}

.center_seeks {
    padding-bottom: 13rem;
}

.eg_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8rem;
    margin-top: 5rem;
}

.eg_item {
    border-bottom: 1px solid #bebedf;
    padding-bottom: 3rem;
}

.eg_item h4 {
    font-size: var(--font-21);
    margin-bottom: 2rem;
    font-weight: bold;
}

.cl_evrnt {
    background: #fff;
    padding-block: 10rem;
}
section.cl_evrnt.tbi_four.clean_nergy{background: inherit}

.flagship_event_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14rem;
    margin-bottom: 5rem;
}

.right_ev_item {
    align-content: center;
    padding-inline: 0 6rem;
}

.brd_20 {
    border-radius: 20px;
    overflow: hidden;
}

.right_ev_item h3 {
    font-size: var(--font-24);
    margin-bottom: 2rem;
    font-weight: bold;
}

.geological_sec {
    padding-block: 5rem 5rem;
}

.geological_sec h3 {
    font-size: var(--font-24);
    margin-bottom: 2rem;
    font-weight: bold;
    color: var(--color-28);
}

.flagship_event_grid:nth-child(odd) .left_ev_item {
    order: 2;
}

.about_committe {
    padding-block: 10rem;
}

.about_committe.tbi_five {
    padding-block: 0;
}

.about_committe blockquote {
    font-size: var(--font-36);
    font-weight: 300;
    margin-bottom: 3rem;
}

.event_faculty .c_grid_item {
    background: none;
}

.event_faculty {
    padding-block: 7rem 0;
}

.vs_box .list3 li:before {
    background: #fff;
}

.more-text1 {
    display: none;
}

.objectives-kavyanjali {
    padding-bottom: 10rem;
}

.event_faculty .center_caption h4 {
    margin-bottom: 0.5rem;
}

.about_committe.kg_about {
    padding-bottom: 0;
}

.kg_fuctional_team {
    padding-block: 0 10rem;
}

ul.list4 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 14rem;
    margin-bottom: 5rem;
}

ul.list4 b {
    font-size: var(--font-21);
    display: block;
    margin-bottom: 0.5rem;
}

ul.list4 li {
    border-bottom: 1px solid #7e7e7e4d;
    padding-block: 4rem;
}

.cl_evrnt.cl_highlight .flagship_event_grid {
    margin-top: 10rem;
}

.rkg_bx {
    padding-block: 6rem 0;
}

.member-swaragini {
    background: #fff;
    padding-block: 10rem;
}

.about_committe.sg_about {
    padding-bottom: 0;
}

@media (max-width: 991px) {
    .sdg_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.5rem;
        margin-top: 3rem;
        margin-bottom: 2rem;
    }

    .sdg_item figcaption h4 {
        min-height: auto;
    }

    .sdg_initiative {
        padding: 6rem 0 3rem;
    }
}

/* TBI page css start */

.tbi_four .left_ev_item {
    overflow: hidden;
}

.tbi_four .swiper-pagination-bullet {
    background-color: var(--color-ff);
    opacity: 0.5;
}

.tbi_four .swiper-pagination-bullet-active {
    background-color: var(--color-ff);
    opacity: 1;
}

@media (max-width: 1440px) {
    .tbi_five .title_head {
        margin-bottom: 2rem;
    }

    .tbi_five .event_faculty {
        padding-top: 0rem;
    }

    .tbi_five .center_grid {
        margin-bottom: 0;
    }
}

@media (max-width: 1280px) {
    .tbi_two.department_img {
        padding-block: 2rem 5rem;
    }

    .tbi_three.objectives-kavyanjali {
        padding-bottom: 5rem;
    }

    .tbi_three .title_head {
        margin-bottom: 3rem;
    }

    .tbi_three ul.list3 {
        column-gap: 6rem;
        margin-bottom: 0rem;
    }

    .tbi_four.cl_evrnt {
        padding-block: 5rem;
    }

    .tbi_four .flagship_event_grid {
        gap: 7rem;
    }

    .tbi_four .right_ev_item {
        padding-inline: 0 0rem;
    }

    .tbi_four .flagship_event_grid:last-child {
        margin-bottom: 0;
    }

    .tbi_five.about_committe {
        padding-block: 5rem;
    }
}

@media (max-width: 767px) {
    .tbi_three ul.list3 {
        margin-bottom: 0rem;
        grid-template-columns: auto;
    }

    .tbi_four .flagship_event_grid {
        grid-template-columns: auto;
        gap: 2rem;
        margin-bottom: 1rem;
    }

    .tbi_five .center_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
    }
}

@media (max-width: 767px) {
    .tbi_three .vs_box {
        padding-block: 4rem;
        padding-inline: 3rem;
    }

    .tbi_five .center_caption {
        padding: 1rem 1rem;
    }
}

@media (max-width: 425px) {
    .tbi_five .center_grid {
        grid-template-columns: auto;
    }

    .tbi_three ul.list3 li {
        padding-inline: 2rem 0;
    }
}

/* TBI page css end */

/* Debating Society start */
.debet_three {
    padding-block: 0 0rem;
}

.debet_five .evnt-cntnt {
    padding-bottom: 4rem;
}

.debet_six .center_grid {
    margin-bottom: 0;
}

.debet_six blockquote {
    font-size: var(--font-24);
    font-weight: 300;
    margin-bottom: 3rem;
}

.debet_seven {
    background-color: var(--color-white);
    padding-top: 10rem;
}

.debet_seven .table-wrapper {
    padding-top: 3rem;
}

.debet_seven blockquote {
    font-size: var(--font-24);
    font-weight: 300;
    margin-bottom: 3rem;
}

@media (max-width: 1280px) {
    .debet_seven {
        padding-top: 5rem;
    }
}

/* Debating Society end */

/* Shan man page start */
.shan-four {
    padding-top: 10rem;
}

.shan-five {
    padding-top: 0;
}

@media (max-width: 1280px) {
    .shan-four.tbi_three.objectives-kavyanjali {
        padding-block: 5rem 0;
    }
}

@media (max-width: 767px) {
    /* .shan-btm {padding-block: 3rem 0;} */
}

@media (max-width: 767px) {
    .shan-six.tbi_four .flagship_event_grid {
        grid-template-columns: auto;
        gap: 3rem;
        margin-bottom: 3rem;
    }
}

/* Shan man page end */

/* iqac page css start */
.iqac_five {
    padding-top: 10rem;
}

@media (max-width: 1280px) {
    .iqac_five {
        padding-top: 5rem;
    }
}

/* iqac page css end */

/* discmler page css start */
.discmler {
    padding-block: 10rem;
}

.discmler p>b {
    color: var(--color-28);
    font-size: var(--font-24);
    margin-top: 3rem;
    font-weight: 600;
    letter-spacing: -0.36px;
    display: inline-block;
}

@media (max-width: 1280px) {
    .discmler {
        padding-top: 5rem;
    }
}

/* discmler page css end */

.dep_lab_smtext blockquote {
    font-size: var(--font-24);
    margin-bottom: 3rem;
}

.high_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.high_grid figure {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 2rem;
}

.high_grid p {
    font-size: var(--font-18);
    padding: 2rem;
}

.nirf-rankingnew {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.abtlogo-white.abtlogo-whitenew {
    padding: 4rem;
    margin-bottom: 10rem;
}

.award-ranking .abt_logobx {
    padding: 2rem;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.award-ranking .abt_logobx {
    padding: 2rem;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.award-ranking .abt_logobx:nth-child(5),
.award-ranking .abt_logobx:nth-child(6) {
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.award-ranking .abt_logobx:nth-child(7),
.award-ranking .abt_logobx:nth-child(8),
.award-ranking .abt_logobx:nth-child(9),
.award-ranking .abt_logobx:nth-child(10) {
    border-bottom: transparent;
}

.award-ranking .abt_logobx:nth-child(8),
.award-ranking .abt_logobx:nth-child(4) {
    border-right: transparent;
}

.award-ranking .abt_logobx:nth-child(8) figure img {
    height: auto;
}

.rankingstae h6,
.award-accredian h4 {
    font-size: var(--font-21);
    font-weight: bold;
    color: var(--color-2b);
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.scholar1text.overview {
    align-content: center;
}

.placement_fact {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6rem;
}

.placement_fact_item {
    padding: 4rem;
    background: var(--color-f6);
    border-radius: 25px;
    position: relative;
}

.placement_fact_item:hover p {
    color: var(--color-28);
}

.placement_fact_text h4 {
    margin-bottom: 2rem !important;
}

.placement_fact_text {
    margin-top: 3rem;
}

.placement_fact_item figure {
    background: #fff;
    max-width: fit-content;
    padding: 1rem;
    border-radius: 100%;
}

.placement_fact_item figure {
    background: #ffcb05;
    max-width: fit-content;
    padding: 1rem;
    border-radius: 100%;
}

.placement_fact_item figure img {
    filter: invert(1) grayscale(1);
}

.sec_title {
    text-align: center;
    margin-bottom: 4.8rem;
}

.admproces_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
}

.admproces_bx {
    padding: 3.8rem 5.4rem 3.6rem 5.7rem;
    background-color: rgb(255, 255, 255, 60%);
    border-bottom: 0.1rem solid var(--color-28);
}

.admproces_bx>.adm_num {
    font-size: var(--font-68);
    line-height: 1.2585;
    letter-spacing: -0.21px;
    font-weight: 200;
    color: var(--color-28);
    margin-bottom: 1rem;
}

a.custom_link {
    color: var(--color-28);
    font-weight: 500;
    transition: all 0.5s;
}

a.custom_link:hover {
    color: #ffcb05;
}

.admproces_bx>h6 {
    margin-bottom: 1.7rem;
    letter-spacing: 0.018rem;
    font-size: var(--font-24);
}

.scholar2white.placement_fact_main {
    padding: 8rem;
}

.adm_process {
    padding-bottom: 14rem;
}

.dep_activities.managment_activity .activity-content {
    height: -webkit-fill-available;
    padding-inline: 0 15rem;
    align-content: center;
}

.featured_logo {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.featured_logo_item figcaption h5 {
    color: var(--color-28);
    font-size: var(--font-18);
    display: none;
}

.featured_logo_item figcaption p {
    color: var(--color-28);
    font-size: var(--font-18);
}

.featured .sec_title h2 {
    margin-bottom: 2.5rem !important;
}

.featured_logo_item figcaption {
    padding: 1rem;
}

.our_program .aicte_left {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.our_program .icons img {
    width: 0.8rem;
}

.featured.our_programmes {
    padding-top: 12rem;
}

.programs_offered .sec_title {
    text-align: left;
    margin-bottom: 0;
    padding: 0;
}

.programs_offered_inn {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
}

.programs_offered_inn div {
    background: #fff;
    padding: 5rem;
    border-radius: 3rem;
}

.featured.programs_offered {
    padding-block: 12rem 15rem;
    background: #ffb704;
    margin-top: 12rem;
}

.programs_offered_inn .list_check {
    margin-top: 2rem;
}

.programs_offered_inn .list_check .sub_list {
    padding-left: 4rem;
}

.programs_offered_inn .list_check .sub_list li {
    margin-bottom: 1.5rem;
}

.programs_offered_inn .list_check .sub_list li:last-child {
    margin-bottom: 3rem;
}

.dep_lab_lgimg {
    display: grid;
    align-items: self-start;
    border-radius: 30px;
    overflow: hidden;
}

.facility_item figure {
    border-radius: 20px;
    overflow: hidden;
}

@media (min-width: 2099px) {
    .secondry_nav ul {
        gap: 2.4rem;
    }
}

.dep-faq ul.list2,
.dep-faq ul.list1 {
    margin-top: 3rem;
}

.ece-learning-outcome.ap-outcome.pdp_outecome .ece-placement_logo {
    margin-bottom: 5rem;
}

.ece-learning-outcome.ap-outcome.pdp_outecome {
    padding-bottom: 10rem;
}

.research-panel3.iqac_3 {
    margin-top: 0;
    margin-bottom: 10rem;
}

.abour_overview.department_heading.iq_benifit {
    padding-bottom: 10rem;
}

.iq_benifit .list1 {
    margin-top: 4rem;
    display: block;
}

.download-pdf.statutory-bodies.iq_roprts .grid-2 {
    margin-bottom: 6rem;
}

@media (max-width: 1399px) {
    .facility_sec.dep_facility_sec.ncc_panel5 .right_club5 .cd_fact p {
        font-weight: 300;
        padding-inline: 0;
    }

    .cd_info {
        position: relative;
        z-index: 2;
    }
}

@media (max-width: 992px) {
    .sdg_item figcaption {
        padding: 2rem 0;
    }

    .sdg_item figcaption p {
        width: 100%;
    }

    .club_5grid {
        grid-template-columns: 100%;
        gap: 2rem;
    }

    .facility_sec.dep_facility_sec.ncc_panel5 .facility_wrapper {
        padding-inline: 0;
        padding-block: 0;
        margin: 0;
        display: block;
    }

    .right_club5 {
        padding-inline: 2rem;
        align-content: center;
        background: #18134a;
        padding-block: 3rem;
    }

    .cd_fact {
        gap: 1rem;
        margin-top: 5rem;
        flex-direction: column;
    }

    .facility_sec.dep_facility_sec.ncc_panel5 .right_club5 .cd_fact p {
        font-weight: 300;
        padding-inline: 0;
    }

    .facility_sec.dep_facility_sec.ncc_panel5 .right_club5 p {
        padding: 0;
    }

    .key_areas_grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .sdg_key {
        padding-bottom: 5rem;
    }

    .sdg_faculry_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
        row-gap: 4rem;
    }

    ul.list3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 3rem;
        margin-bottom: 3rem;
    }

    .engagement-activity-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .engagement-activity-grid p {
        margin-bottom: 2rem;
        padding-inline: 0;
    }

    .sdg_panel9 {
        padding-block: 5rem 5rem;
    }

    .sdg_executive_body {
        padding-block: 6rem 2rem;
    }

    .sdg_executive_body figure img {
        width: 100%;
    }

    .sdg_executive_body figure {
        margin-bottom: 4rem;
    }

    .sdg_panel9 h3.title_head3 {
        margin-bottom: 3rem;
    }

    .sdg_faculty {
        padding-block: 5rem 5rem;
    }

    .activity-left-grid figure img {
        width: 100%;
    }

    .early-milestones {
        background: #fff;
        padding-block: 5rem;
    }

    .center_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
        margin-bottom: 5rem;
    }

    .center_seeks {
        padding-bottom: 6rem;
    }

    .eg_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 5rem;
        margin-top: 5rem;
    }

    .center_caption {
        padding: 3rem;
        padding-bottom: 3rem;
    }

    .club1_grid {
        grid-template-columns: 1fr;
        gap: 5rem;
        margin-top: 4rem;
    }

    .cl_left1 {
        padding-inline: 0;
    }

    .cl_left2 {
        padding-right: 0;
    }

    .club2_grid {
        grid-template-columns: 1fr;
        margin-top: 3rem;
    }
}

@media (max-width: 480px) {
    .sdg_faculry_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .center_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 2.5rem;
        margin-bottom: 5rem;
    }

    .center_caption {
        padding: 2rem;
    }
}

.pt_grid {
    display: grid;
    grid-template-columns: 100%;
    margin-bottom: 3rem;
    gap: 5rem;
}

.placement_profile_panel.testimonial_placement .placemnt_detail {
    border-radius: 20px;
    padding: 5rem;
    text-align: center;
    font-size: var(--font-21);
}

.placement_profile_panel.testimonial_placement {
    display: grid;
    gap: 4rem;
        grid-template-columns: repeat(2, 1fr);
}

.placement_profile_panel.testimonial_placement .other_placement h6 {
    font-size: var(--font-21);
}

.pic_caption {
    margin-top: 3rem;
}

.home_placement .sec_title.place_head {
    text-align: left;
    margin-bottom: 5rem;
}

@media (max-width: 990px) {
    .pt_grid {
        display: grid;
        grid-template-columns: 100%;
        margin-bottom: 0rem;
        gap: 0rem;
    }

    .placement_profile_panel.testimonial_placement .placemnt_detail {
        border-radius: 20px;
        padding: 4rem;
        text-align: center;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.international-lectures-conferences .recent-news.news-event-listing figure {
    height: 299px;
    overflow: hidden;
    border-radius: 20px;
}

.international-lectures-conferences .news-tag {
    display: none;
}

.internationl_lecture_detail p {
    line-height: 2;
    margin-bottom: 2rem;
}

.internationl_lecture_detail p strong {
    display: block;
    font-size: var(--font-30);
    font-weight: 300;
}

.internationl_lecture_detail p strong {
    color: var(--color-28);
    font-size: var(--font-24);
    font-weight: 400;
}

.internationl_lecture_detail ul li,
.detail_job ul {
    margin-bottom: 4rem;
}

.internationl_lecture_detail ul li,
.detail_job ul li {
    margin-bottom: 2rem;
    position: relative;
    padding-inline: 2.2rem;
}

.internationl_lecture_detail ul li:after,
.detail_job ul li:after {
    content: "";
    width: 7px;
    height: 7px;
    background: #ffcb05;
    position: absolute;
    left: 0;
    border-radius: 50px;
    top: 7px;
}

.internationl_lecture_detail .details-heading h3 {
    font-size: var(--font-42);
    line-height: 1;
}

.areas_col p a {
    color: var(--color-2b);
}

.areas_col p a:hover {
    color: var(--color-28);
}

.detail_job {
    padding-block: 4rem;
}

.detail_job p {
    margin-bottom: 2rem;
}

.current-openings {
    background: #fff;
    padding-block: 10rem;
}

.current-openings .openings {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    gap: 2rem;
}

.current-openings .opening {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 2.5rem 2rem 2.5rem 3.3rem;
    background: #17134a14;
    position: relative;
}

.current-openings .opening h6 {
    margin-bottom: 0;
    font-weight: 500;
}

.current-openings .opening p {
    margin-bottom: 2rem;
}

.current-openings .heading-top {
    margin-bottom: 5rem;
}

.ap-btn {
    padding: 1rem 2rem;
    display: block;
    width: fit-content;
    line-height: 1.2;
    background-color: #18144b;
    color: #fff;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    font-size: 1.2rem;
    margin-top: auto;
}

.current-openings .opening .side-line {
    height: 100%;
    left: 0;
    top: 0;
    width: 0.3rem;
}

.values .row+.row {
    margin-top: 2.5rem;
}

.current-openings .heading-top {
    margin-bottom: 2.5rem;
}

:is(.value-at-work, .current-openings) .container {
    padding-inline: 3.5rem;
}

.current-openings .company {
    margin-right: 1rem;
}

@media (min-width: 992px) {
    .current-openings .opening {
        flex-direction: row;
        align-items: center;
        box-shadow: 0px 5px 5px #0000000a;
        width: 100%;
    }

    .current-openings .opening h6 {
        min-width: 24rem;
        width: 47rem;
        font-size: var(--font-16);
        padding-inline: 0 4rem;
        font-weight: normal;
    }

    .current-openings .opening p {
        margin-bottom: 0;
    }

    .current-openings .opening a {
        margin-left: auto;
    }

    .value-at-work {
        padding-block: 11rem 8rem;
    }

    .value-at-work .values {
        display: grid;
    }

    .value-at-work .values>* {
        grid-area: 1/1;
    }

    .value-at-work .heading-top {
        margin-bottom: 5.5rem;
    }

    :is(.value-at-work, .current-openings) .container {
        padding-inline: calc(var(--bs-gutter-x) * 0.5);
    }

    .people-main .heading-top {
        margin-bottom: 4rem;
    }

    .people-main .lead {
        margin-bottom: 4rem;
    }

    .job-details .job-heading {
        flex-direction: row;
        column-gap: 4rem;
    }

    .job-desc .row {
        --bs-gutter-x: 4rem;
    }
}

.career-form .form-control {
    font-size: 1.4rem;
    border-bottom: 1px solid #ddd;
}

/* .career-form .form-control:hover {
            background: transparent;
        } */

.career-form .form-control:focus {
    outline: none;
    box-shadow: none;
    background: transparent;
    border-bottom-color: var(--red-color);
}

.career-form .form-control::placeholder {
    color: #454545;
}

.career-form .row {
    --bs-gutter-y: 2rem;
}

.career-form label {
    display: block;
    margin-bottom: 1rem;
}

.career-form input[type="file"] {
    margin-top: 0.5rem;
}

.career-form input[type="file"]::file-selector-button {
    background: var(--sec-color);
    color: #fff;
    border: none;
    padding: 0.7rem 2rem;
    cursor: pointer;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-right: 1.5rem;
    margin-left: 0.7rem;
    margin-top: 0.5rem;
}

.career-form input[type="file"]:hover::file-selector-button {
    color: #000;
}

.career-form .round_btn {
    display: inline-block;
    width: 100%;
    max-width: 15rem;
    background-color: #000;
    color: #fff;
    padding: 0.8rem 2.5rem;
    border: none;
    text-align: center;
    border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -o-border-radius: 2.5rem;
}

.career-form .round_btn:hover {
    background-color: transparent;
    color: #fff;
    border: 1px solid red;
}

.career-form .select2-container--default .select2-selection__rendered {
    background-color: transparent;
}

.career-form .select2-container--default .select2-selection--single {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    font-size: 1.4rem;
    padding-left: 0;
}

.form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.form-control {
    font-size: 1.2rem;
    background: transparent;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 0;
    padding-bottom: 1.5rem;
}

.career-form-wrap.top-content {
    padding-block: 10rem;
}

.faculty_deCol_w strong {
    display: block;
    margin-bottom: 2rem;
}

.areas_col li a {
    color: #000;
}

.petrol_one.abour_overview.department_heading {
    padding-bottom: 7rem;
}

@media (max-width: 991px) {
    .petrol_one.abour_overview.department_heading {
        padding-bottom: 2rem;
    }
}

@media (max-width: 767px) {
    .petrol_two.tbi_four .flagship_event_grid {
        grid-template-columns: auto;
        gap: 4rem;
        margin-bottom: 3rem;
    }
}

.micro_achiv.micro_achive_box {
    padding-block: 8rem;
}

.mirco_place_sec {
    padding-block: 10rem;
}

.micro-plsmnt-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8rem 5rem;
    padding-bottom: 5rem;
}

@media (max-width: 1366px) {
    .mirco_place_sec {
        padding-block: 8rem;
    }

    .micro-plsmnt-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 5rem 5rem;
    }
}

@media (max-width: 991px) {
    .mirco_place_sec {
        padding-block: 5rem;
    }

    .micro-plsmnt-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .micro-plsmnt-grid {
        grid-template-columns: auto;
    }
}
@media (max-width: 420px) {
    .fee_structure{display: flex; flex-direction: column; align-items: start; gap: 0.8rem;}
}
.title_heading {
    color: var(--color-28);
    font-size: var(--font-24);
    margin-bottom: 3rem;
    font-weight: 600;
}

/*--Graphic Era Common Entrance Test-start--*/
.syllabus_wrap {
    padding-block: 10rem;
}

.syllabus_wrap .syllabus_box {
    background: var(--color-white);
    padding: 4rem;
    border-radius: 3rem;
}

.syllabus_wrap .syllabus_box blockquote {
    font-size: var(--font-21);
    font-weight: bold;
    color: var(--color-2b);
    margin-block: 5rem 2.5rem;
}

.syllabus_wrap .grid_4 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 4rem;
}

.exptrn_wrap .expattern {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3rem;
}

.exptrn_wrap .expattern .expt_box {
    padding: 3rem;
    border-radius: 2rem;
    border: 0.1rem solid rgb(0 0 0 / 10%);
}

.exptrn_wrap .expattern .expt_box h5 {
    font-size: var(--font-21);
    font-weight: bold;
    color: var(--color-2b);
    margin-bottom: 2rem;
}

.exptrn_wrap .expattern .expt_box:last-child {
    grid-column: span 2;
}

.research-panel3.iqac_3.deep_patent {
    margin-top: 10rem;
}

.objectives-kavyanjali.tbi_three.gecet4 .title_head {
    margin-bottom: 3rem;
}

.exptrn_wrap .expattern .expt_box .list_check li:last-child {
    margin-bottom: 0;
}

/*--Graphic Era Common Entrance Test-end--*/

.hrpolicie_compliance,
.employee_welfare {
    padding-block: 10rem;
    background: var(--color-white);
}

.hrpolicie_compliance .title_head,
.employee_welfare .title_head,
.five_dayedp .title_head {
    color: var(--color-28);
    font-size: var(--font-24);
    margin-bottom: 3rem;
}

.hrpolicie_compliance p:has(+ ul),
.employee_welfare p:has(+ ul) {
    margin-bottom: 3rem;
}

.hrpolicie_compliance ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3rem;
}

.employee_enefits {
    padding-block: 10rem;
}

.employee_enefits .title_head {
    margin-bottom: 3rem;
}

.employee_enefits .edubox_wrap {
    margin-top: 4rem;
}

.employee_enefits .edubox_wrap:not(:last-child):has(+ .edubox_wrap) {
    margin-bottom: 8rem;
}

.employee_enefits .edubox_grid {
    background: var(--color-white);
    padding: 4rem 3rem;
    border-radius: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3rem;
}

.employee_enefits .edu_box {
    padding: 3rem;
    border-radius: 2rem;
    border: 0.1rem solid rgb(0 0 0 / 10%);
}

.employee_enefits .edu_box h5 {
    font-size: var(--font-21);
    font-weight: bold;
    color: var(--color-2b);
    margin-bottom: 2rem;
}

.employee_enefits .edu_box p:has(+ ul) {
    margin-bottom: 2rem;
}

.employee_enefits .edu_box .list_check li:not(:last-child) {
    margin-bottom: 2rem;
}

.employee_welfare .police_box:not(:last-child) {
    padding-bottom: 2rem;
    margin-bottom: 3rem;
    border-bottom: 0.1rem solid rgb(0 0 0 / 10%);
}

.employee_welfare .police_box a {
    color: var(--color-2b);
}

.employee_welfare .police_box a:hover {
    color: var(--color-28);
}

.employee_welfare .police_box .list_check li:last-child {
    padding-left: 0;
}

.employee_welfare .police_box .list_check li:last-child::before {
    display: none;
}

.employee_welfare .police_box .list_check li .m-apply:hover {
    color: var(--color-white);
}

/*--HR Guidelines-end--*/

.hrdc1_text {
    margin-top: 4rem;
}

.hrdc1_text p:not(:last-child) {
    margin-bottom: 2.5rem;
}

/*--HRDC-end--*/

.hrdexecutive_body,
.hrd_initiatives,
.day_wrap {
    background: var(--color-white);
}

.hrdexecutive_body,
.hrdstudent_voordinators,
.hrd_initiatives,
.seven_day,
.day_wrap,
.five_dayedp {
    padding-block: 10rem;
}

.hrd_initiatives .syllabus_box {
    padding: 0;
    border-radius: 0;
}

.hrd_initiatives .title_head {
    margin-bottom: 2rem;
}

.hrd_initiatives p a {
    color: var(--color-2b);
}

.hrd_initiatives p a:hover {
    color: var(--color-28);
}

.day_wrap .list_row {
    grid-template-columns: repeat(3, 1fr);
}

.day_wrap .list_col:hover .items h5 {
    color: var(--color-28);
}

.five_dayedp p:not(:last-child) {
    margin-bottom: 2rem;
}

.five_dayedp .yellow_bg {
    margin-top: 5rem;
}

.five_dayedp .yellow_bg .swiper-button-prev {
    position: static;
    background: var(--color-white);
    box-shadow: 0px 7px 15px #0000000f;
    border-radius: 10px 0px 0px 10px;
    padding: 2rem;
    width: 42px;
    height: 42px;
}

.five_dayedp .yellow_bg .swiper-button-next {
    position: static;
    background: var(--color-white);
    box-shadow: 0px 7px 15px #0000000f;
    border-radius: 0px 10px 10px 0px;
    padding: 2rem;
    width: 42px;
    height: 42px;
}

.five_dayedp .yellow_bg .swiper-button-prev:after,
.five_dayedp .yellow_bg .swiper-button-next:after {
    font-size: var(--font-15);
    color: #000;
    font-weight: bold;
}

/*--HRDC-end--*/

@media (max-width: 1649px) {
    .department_img.tbi_two.iqac_two.gecet2 {
        padding-block: 3rem 8rem;
    }

    .club_box4.dep_ca_vm.iqac_three.gecet3 {
        padding-block: 0 10rem;
    }

    .cl_evrnt.exptrn_wrap .title_head {
        margin-bottom: 3rem;
    }

    /*--Graphic Era Common Entrance Test-end--*/

    .hrpolicie_compliance,
    .employee_welfare,
    .employee_enefits {
        padding-block: 8rem;
    }

    /*--HR Guidelines-end--*/
}

/*--1649px--css-end--*/

@media (max-width: 1199px) {
    .club_box4.dep_ca_vm.iqac_three.gecet3 {
        padding-block: 0 6rem;
    }

    .cl_evrnt.exptrn_wrap {
        padding-block: 6rem;
    }

    .exptrn_wrap .expattern {
        grid-gap: 2rem;
    }

    .syllabus_wrap {
        padding-block: 5rem;
    }

    .syllabus_wrap .syllabus_box blockquote {
        margin-block: 3rem 2rem;
    }

    .objectives-kavyanjali.tbi_three.gecet4 .vs_box {
        padding: 3rem;
    }

    /*--Graphic Era Common Entrance Test-end--*/

    .hrpolicie_compliance,
    .employee_welfare,
    .employee_enefits {
        padding-block: 6rem;
    }

    .hrpolicie_compliance .title_head,
    .employee_welfare .title_head,
    .employee_enefits .title_head {
        margin-bottom: 2rem;
    }

    .hrpolicie_compliance ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .hrpolicie_compliance .list_check li {
        margin-bottom: 2rem;
    }

    .hrpolicie_compliance .list_check li:last-child {
        margin-bottom: 0;
    }

    .employee_enefits .edubox_grid {
        grid-gap: 2rem;
    }

    /*--HR Guidelines-end--*/
}

/*--1199px--css-end--*/

@media (max-width: 991px) {
    .department_img.tbi_two.iqac_two.gecet2 {
        padding-block: 2rem 5rem;
    }

    .club_box4.dep_ca_vm.iqac_three.gecet3 .title_head,
    .cl_evrnt.exptrn_wrap .title_head {
        margin-bottom: 2rem;
    }

    .club_box4.dep_ca_vm.iqac_three.gecet3 .list_vm li:last-child {
        margin-bottom: 0;
    }

    .cl_evrnt.exptrn_wrap {
        padding-block: 3rem;
    }

    .exptrn_wrap .expattern {
        display: block;
    }

    .exptrn_wrap .expattern .expt_box {
        padding: 2rem;
    }

    .exptrn_wrap .expattern .expt_box:not(:last-child) {
        margin-bottom: 2rem;
    }

    .syllabus_wrap .syllabus_box {
        padding: 3rem;
        border-radius: 2rem;
    }

    .syllabus_wrap .syllabus_box blockquote {
        margin-block: 2rem 1.5rem;
    }

    .syllabus_wrap .grid_4 ul {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0rem;
    }

    .syllabus_wrap .grid_4 .list_check li:not(:last-child),
    .syllabus_wrap .list_check li:not(:last-child),
    .syllabus_wrap .list_check li:last-child {
        margin-bottom: 1.5rem;
    }

    /*--Graphic Era Common Entrance Test-end--*/

    .hrpolicie_compliance,
    .employee_welfare,
    .employee_enefits {
        padding-block: 4rem;
    }

    .hrpolicie_compliance p:has(+ ul),
    .employee_welfare p:has(+ ul) {
        margin-bottom: 2rem;
    }

    .hrpolicie_compliance ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .employee_enefits .edubox_wrap {
        margin-top: 3rem;
    }

    .employee_enefits .edubox_grid {
        padding: 3rem 2rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .employee_enefits .edu_box {
        padding: 3rem 2rem;
    }

    .employee_enefits .edu_box p:last-child {
        margin-bottom: 0;
    }

    .employee_enefits .edubox_wrap:not(:last-child):has(+ .edubox_wrap) {
        margin-bottom: 5rem;
    }

    .employee_welfare .vs_box {
        border-radius: 2rem;
        padding: 3rem 2rem;
    }

    /*--HR Guidelines-end--*/
}

/*--991px--css-end--*/

@media (max-width: 575px) {
    .club_box4.dep_ca_vm.iqac_three.gecet3 {
        padding-block: 0 3rem;
    }

    .syllabus_wrap .syllabus_box {
        padding: 3rem 2rem;
    }

    .objectives-kavyanjali.tbi_three.gecet4 .vs_box {
        padding: 3rem 2rem;
    }

    .syllabus_wrap {
        padding-block: 3rem;
    }

    /*--Graphic Era Common Entrance Test-end--*/

    .employee_enefits .edu_box .list_check li:not(:last-child),
    .club_box4.dep_ca_vm.iqac_three.gecet3 .list_vm li:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    /*--HR Guidelines-end--*/
}

/*--575px--css-end--*/

.dep_facility_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
}

.ece-activities {
    padding-top: 5rem;
}

.department_img .civil_labs_rad {
    border-radius: 2rem;
    overflow: hidden;
}

.dep_activites_panel.civil-ttl h4 {
    font-size: var(--font-36);
    font-weight: 300;
    color: #2b2a29;
    margin-bottom: 8rem;
}

@media (max-width: 991px) {
    .dep_activites_panel.civil-ttl h4 {
        margin-bottom: 5rem;
    }

    .dep_facility_list {
        grid-template-columns: repeat(3, 1fr);
    }

    .program_faculSec {
        padding-bottom: 6rem;
    }
}

@media (max-width: 767px) {
    .dep_activites_panel.civil-ttl h4 {
        margin-bottom: 3rem;
    }

    .dep_facility_list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .dep_facility_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .program_faculSec {
        padding-bottom: 5rem;
    }
}

.evs-deep-sec1 h2 {
    letter-spacing: -0.36px;
    color: var(--color-28);
    padding-block: 0rem 3rem;
    margin: 0;
}

.evs-deep-abt .dep_gihlight_box {
    margin-top: 3rem;
}

.evs-deep-sec3 {
    padding-block: 10rem;
}

.abour_overview.department_heading.civil-dept-cont {
    padding-block: 0;
}

.course_curriculum {
    padding: 4.4rem 4.6rem 4.1rem 6.4rem;
    background-color: var(--color-white);
    margin-block: 5rem;
    border-radius: 2rem;
}

.course_col h2 {
    margin-bottom: 3rem;
}

.course_col h4 {
    margin-bottom: 2rem;
    font-size: var(--font-21);
}

.yellow_bg .swiper-button-prev {
    position: static;
    background: var(--color-white);
    box-shadow: 0 0.7rem 1.5rem #0000000f;
    border-radius: 1rem 0 0 1rem;
    padding: 2rem;
    width: 4.2rem;
    height: 4.2rem;
}

.yellow_bg .swiper-button-prev:hover,
.yellow_bg .swiper-button-next:hover {
    background-color: var(--color-28);
}

.yellow_bg .swiper-button-prev:hover:after,
.yellow_bg .swiper-button-next:hover:after {
    color: #fff;
}

.yellow_bg .swiper-button-next {
    position: static;
    background: var(--color-white);
    box-shadow: 0 0.7rem 1.5rem #0000000f;
    border-radius: 0rem 1rem 1rem 0rem;
    padding: 2rem;
    width: 4.2rem;
    height: 4.2rem;
}

.yellow_bg .swiper-button-prev:after,
.yellow_bg .swiper-button-next:after {
    font-size: var(--font-12);
    line-height: 1;
    color: #000;
    font-weight: bold;
}

.course_row ul.list3 {
    margin-bottom: 2rem;
}

.course_row ul.list3 li {
    margin-bottom: 1rem;
}

.e-journal .pdf-col {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.e-journal .pdf-col:hover {
    background-color: var(--color-ff);
}

.objectives-kavyanjali.tbi_three .vs_box ul li:before {
    background: var(--color-2b);
}

.programs-panel1 .filter .filter-list {
    display: none;
}

.dep_student_achievements .achievement-content h4 {
    margin-bottom: 3rem;
}

.career_prospects .list_check2 li:before {
    background-color: #ffcb05;
}

.dep_ca_vm.life_vision .dep_v .list_vm li:before {
    background: var(--color-2b);
}
section.me1 {
    margin-top: 5rem;
}
@media (max-width: 767px) {
    .dep_student_achievements .achievement-content h4 {
        margin-bottom: 2rem;
                font-size: var(--font-21);
    }

}

.foreign_language2 .foregn_grid2 .contant {
    order: 3;
}

.sdg_initiative.sdg_images .sdg_grid figcaption {
    position: relative;
}

.sdg_initiative.sdg_images .sdg_grid figcaption .read {
    position: absolute;
    bottom: 0;
}

.sdg_initiative.sdg_images .sdg_grid figcaption {
    min-height: 26rem;
}

.event.event1:nth-child(2n + 2) {
    background: var(--color-ff);
}

.event.event1:nth-child(2n + 2) h3,
.event.event1:nth-child(2n + 2) p {
    color: var(--color-2b);
}

.event.event1:nth-child(2n + 2) .more_btn {
    background-color: #0000005a;
}

.event.event1:nth-child(2n + 2) .more_btn:hover:before {
    background-color: #000000;
}

.fancybox-slide .fancybox-image {
    border-radius: 2rem;
}
.debet_six.shan-five {
    padding-bottom: 10rem;
}
.about_committe.tbi_five.debet_six.youth_four {
    padding-block: 10rem;
}

@media (max-width: 991px) {
    .sdg_initiative.sdg_images .sdg_grid figcaption {
        min-height: 18rem;
        margin-bottom: 3rem;
    }
}

/* thank you page start*/
.thank_you .content {
    padding-block: 15rem;
    text-align: center;
}

.thank_you .content h2 {
    font-size: var(--font-98);
    color: var(--color-28);
}

.thank_you .content p {
    font-size: var(--font-30);
    margin-bottom: 5rem;
}

.thank_you .content .btns {
    background-color: var(--color-28);
    max-width: max-content;
    margin-inline: auto;
    padding: 1rem;
    border-radius: 2rem;
}

.thank_you .content .btns a {
    color: #fff;
}

.thank_you .content .btns:hover {
    background-color: var(--color-ff);
}

.thank_you .content .btns:hover a {
    color: var(--color-black);
}

/* thank you page end */

.virtual-tour {
    padding-block: 10rem;
}

.discmler ul.list_check {
    margin-top: 3rem;
}

@media (max-width: 991px) {
    .course_curriculum {
        padding: 3rem 2rem;
    }

    .course_row ul.list3 li {
        padding-inline: 2rem 0;
    }

    .virtual-tour {
        padding-block: 5rem;
    }

    .thank_you .content {
        padding-block: 5rem;
    }
}

.programs_heading .more_btn {
    margin-top: 3rem;
}

.objectives-kavyanjali .vs_box .list3 li:before {
    background: var(--color-2b);
}

/* 404 css starts here */
.page404 {
    margin: 16rem 0 0 0;
    padding: 10rem 0;
}

.page404 .main_found_section h1 {
    font-size: var(--font-68);
    color: var(--color-28);
    font-weight: bold;
    margin: 0 0 3rem 0;
}

.page404 .main_found_section {
    text-align: center;
}

.page404 .main_found_section h2 {
    font-size: var(--font-26);
    font-weight: bold;
    color: var(--color-2b);
    margin: 0 0 2rem 0;
}

.page404 .main_found_section .btn_theme {
    width: 20rem;
    text-align: center;
    display: inline-block;
    padding-block: 0.8rem;
    font-size: var(--font-16);
    color: #000;
    border-radius: 10px;
    transition: 0.3s all linear;
    background: var(--color-ff);
    margin: 2rem 0 0 0;
}

.c_grid_item figure img {
    border-radius: 2rem 2rem 0 0;
}

@media (max-width: 767px) {
    .page404 {
        margin: 12rem 0 0 0;
        padding: 6rem 0;
    }
}

@media (max-width: 575px) {
    .page404 {
        margin: 11rem 0 0 0;
        padding: 4rem 0;
    }
}

/* 404 css ends here */

/* ================== New Feadback css ========== */
.pdf-col:hover {
    background: var(--color-28);
    color: #fff;
}

.pdf-col:hover span,
.pdf-col:hover .managespace p,
.pdf-col:hover .contant-down p {
    color: #fff;
}

.petrol_two .list_check {
    margin-top: 3rem;
}

.our_program .pdf-col:hover .icons img {
    filter: invert(0) brightness(9);
}

/* careers page css starts here */
.current-openings .left-content h3 {
    font-size: var(--font-36);
    font-weight: bold;
    color: var(--color-28);
    margin: 0 0 5rem 0;
}

.current-openings .job-desc h3 {
    font-size: var(--font-30);
    color: var(--color-2b);
    font-weight: 400;
    margin: 0 0 2rem 0;
}

.current-openings .job-desc .detail_job p a {
    color: var(--color-2b);
    font-weight: bold;
}

.current-openings .job-desc .btns .ap-btn {
    text-align: center;
    display: inline-block;
    padding-block: 0.8rem;
    font-size: var(--font-16);
    color: #000;
    border-radius: 10px;
    transition: 0.3s all linear;
    background: var(--color-ff);
}

.career-form-wrap .career-form .round_btn:hover {
    color: var(--color-2b);
}

.contact_form .submit_btn {
    background: var(--color-28);
}

.contact_form .submit_btn:hover {
    background: #ffcb05;
    color: var(--color-2b);
}

.contact_city .search_btn button {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.contact_form .submit_btn:hover:before,
.contact_city .search_btn button:hover:before {
    display: none;
}

.contact_city .search_btn button:hover {
    background: var(--color-28);
}

.gallery-short-desc .short-description .arrow {
    position: absolute;
    left: auto;
    right: 7rem;
    background: none;
    transform: rotate(0deg);
}

.gallery1.gallery-top::after {
    height: 203px;
    opacity: 0.77;
    background: #000000;
    background: linear-gradient(0deg,
            rgb(0 0 0) 20%,
            rgb(255 255 255 / 0%) 100%);
}

.career-form-wrap.top-content .left-content h3 {
    font-size: var(--font-36);
    font-weight: bold;
    color: var(--color-28);
    margin: 0 0 5rem 0;
}

.career-form-wrap.top-content .contact-form .inptBtn {
    margin: 3rem 0 0 0;
    text-align: center;
    display: inline-block;
    padding-block: 0.8rem;
    font-size: var(--font-16);
    color: #000;
    border-radius: 10px;
    transition: 0.3s all linear;
    background: var(--color-ff);
    border: none;
}

/* careers page css ends here */
@media (max-width: 767px) {
    .career-form-wrap.top-content {
        padding-block: 6rem;
    }
}

@media (max-width: 575px) {
    .career-form-wrap.top-content {
        padding-block: 5rem;
    }
}

#UploadResume::file-selector-button {
    background-color: var(--color-28);
    /* Green color */
    color: white;
    /* Text color */
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}

/* Hover effect ke liye (optional) */
#UploadResume::file-selector-button:hover {
    background-color: var(--color-28);
    /* Darker green on hover */
}

.mech-achivment {
    padding-top: 0rem;
}

.mech-learning-outcom .outcome-section.reverse-layout article.outcome-details {
    padding-inline: 0 3rem;
}

.about_committe.tbi_five.cus-committee {
    padding-block: 10rem;
}

.swiper-slide.p_list {
    border-bottom: none;
}

.dep-pdf {
    padding: 0 0 3rem 4rem;
    margin-top: -4rem;
}

.dep-pdf a img {
    width: 2rem;
}

.facilities_contant .read {
    margin-top: 2rem;
}
.achievement-card.news-letter-thumb {
    position: relative;
}
.activities-news-letter {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.activities-news-letter img {
    width: 1.8rem;
    height: 2.4rem;
}

.course-wrapper .course-content {
    max-width: 80%;
}

.courses_col .buttons {
    margin-right: auto;
    width: auto;
    justify-content: flex-end;
}
.publication_btn .buttons {

    justify-content: flex-start;
}
.cus-facilitygrid {
    margin-top: 5rem;
}

.cus-facilitygrid .fac_bx {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    align-items: center;
}

.counselling-list .stulife4-text {
    margin-top: 0rem;
}

.ranking_data {
    padding-block: 6rem;
    border-bottom: solid 1px #e2e2e2;
}

.ranking_data h4 {
    font-weight: bold;
    font-size: var(--font-21);
    color: var(--color-2b);
    margin-bottom: 6rem;
    text-transform: capitalize;
    letter-spacing: -0.32px;
}

.rankings_row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6rem;
    margin-block: 4rem;
}

.ranking-col figure {
    position: relative;
    margin: 0;
}

.ranking-col figure img {
    width: 100%;
}

.ranking-col figure figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: var(--color-28);
    font-weight: bold;
    font-size: var(--font-48);
}

.ranking-col figure figcaption span {
    display: block;
    font-size: var(--font-16);
    font-weight: normal;
    letter-spacing: -0.4px;
    color: var(--color-2b);
}

.bottom_disc {
    padding-inline: 1rem;
    padding-block: 3rem 2rem;

}

.bottom_disc p {
    font-size: var(--font-18);
    color: var(--color-2b);
    font-weight: 300;
    margin-bottom: 3rem;
    line-height: normal;
    text-align: center;
}

.accreditations_sec {
    background-color: #fff;
    padding-block: 8rem;
}

.accreditations_sec .rankings_row figure img {
    width: 100%;
    max-width: 15rem;
    display: block;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.accredi_data h2 {
    font-size: var(--font-24);
    font-weight: bold;
    margin-bottom: 3rem;
    color: var(--color-28);
}

.accredi_data>p {
    font-size: var(--font-24);
    color: var(--color-2b);
    font-weight: 300;
    margin-bottom: 3rem;
    line-height: 1.3;
}

#letter_entry h2 {
    margin-bottom: 3rem;
}

.foreign_language6 {
    margin-block: 12rem;
}


/* responisive css awards rankings  */

@media (max-width:991px) {
    .rankings_row {
        grid-template-columns: repeat(3, 1fr);
        margin-block: 2rem;
    }

    .ranking_data h4 {
        margin-bottom: 4rem;
    }

    .accreditations_sec {
        padding-block: 6rem;
    }
}

@media (max-width:767px) {
    .rankings_row {
        grid-template-columns: repeat(2, 1fr);
        margin-block: 2rem;
    }

    .ranking_data h4 {
        margin-block: 0 2rem;
    }

    .accreditations_sec {
        padding-block: 4rem;
    }

    .ranking_data {
        padding-block: 2rem;
    }
}

@media (max-width:375px) {
    .rankings_row {
        grid-template-columns: repeat(1, 1fr);
        margin-block: 2rem;
    }

    .ranking_data h4 {
        margin-block: 0 2rem;
    }

    .accreditations_sec {
        padding-block: 2rem;
    }

    .ranking_data {
        padding-block: 2rem;
    }

    .ranking-col figure img {
        max-width: 25rem;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.news-event-listing-grid .recent-news.news-event-listing figure:after {
    display: none;
}

.news-event-listing-grid .recent-news.news-event-listing figure img {
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.news-event-listing-grid .recent-news.news-event-listing:hover figure img {
    scale: 1.1;
}

.recent-news-event-grid .recent-news:nth-child(2) figure:before {
    content: "";
    position: absolute;
    background-color: #9393CA;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.recent-news-event-grid .recent-news:nth-child(2) figure:after {
    display: none;
}

.recent-news-event-grid .recent-news:nth-child(2) .news-caption {
    top: 0;
    padding: 4rem;
}

.recent-news-event-grid .recent-news:nth-child(2) .news-caption .news-tag {
    position: absolute;
    top: 6rem;
    left: auto;
    right: 4rem;
    background: #FFCB05;
}

.recent-news-event-grid .recent-news:nth-child(2) .news-caption .news-date .day {
    font-size: var(--font-48);
    font-weight: 300;
}

.recent-news-event-grid .recent-news:nth-child(2) .news-caption .news-date .day:after {
    display: none;
}

.recent-news-event-grid .recent-news:nth-child(2) .news-caption .news-date {
    gap: 1rem;
}




.president_grid {
    display: grid;
    grid-template-columns: 60% auto;
    gap: 6rem;
}

.president_contant {
    max-width: 90%;
}

.president_col img {
    border-radius: 2rem;
    width: 100%;
}

.president_contant h2 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-2b);
    line-height: 1.6;
    font-family: var(--font-family-inter);
    margin-bottom: 3rem;
    letter-spacing: -0.36px;
}

.president_contant>p {
    font-size: var(--font-16);
    font-weight: 300;
    color: var(--color-2b);
    line-height: 1.6;
    font-family: var(--font-family-inter);
    margin-bottom: 3rem;
    letter-spacing: -0.4px;
}

.president_contant>blockquote {
    font-size: var(--font-24);
    max-width: 95%;
    font-weight: 300;
    color: var(--color-2b);
    line-height: 1.3;
    margin-bottom: 0;
    letter-spacing: 0;
}

.president_col .leadership_names {
    margin-block: 4rem;
}

.president_col .leadership_names h3 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-2b);
    line-height: 1.2;
    margin-bottom: 2rem;
    letter-spacing: -0.36px;
}

.recent-news-event-grid .recent-news:nth-child(2) .news-short-heading p {
    font-size: var(--font-30);
    font-weight: 300;
    line-height: 1.6;
}

.recent-news-event-grid .recent-news:nth-child(2) .news-short-heading {
    margin: 4rem 6rem 0 0;
}

.recent-news-event-grid .recent-news:nth-child(2) .news-short-heading .arrow {
    display: none;
}

.recent-news-event-grid .recent-news:nth-child(2) .news-caption:after {
    content: "";
    position: absolute;
    bottom: 0;
    background-image: url(http://sd57:8080/geu/public/frontend/assets/images/happening-bdr-img.svg);
    width: 100%;
    height: 1rem;
    background-repeat: no-repeat;
    background-size: auto;
}

.recent-news-event-grid .recent-news:nth-child(4) .news-tag {
    background: #FFCB05;
}

.news-event-details-cont {
    margin: 8rem 0 0 0;
}

.news-event-details-cont p:empty {
    display: none;
}

.news-event-details-cont ul>li {
    margin: 0 0 1rem 0;
}

.news-event-details-cont ul>li>strong {
    margin: 2rem 0 1rem 0;
    display: inline-block;
}

.legacy-text {
    display: block;
}

.legacy-text .president_col {
    padding: 5rem 0;
}
.granted_department {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.granted_department select.form-select {
    width: 30rem;
}

@media (max-width:991px) {
    .president_grid {
        grid-template-columns: 50% auto;
        gap: 4rem;
    }

    .president_contant {
        max-width: 100%;
    }

    .news-event-details-cont {
        margin: 6rem 0 6rem 0;
    }

    .news-event-panel1 {
        margin-top: 5rem;
    }

    .glimpes-gal-heading {
        margin-bottom: 4rem;
        flex-direction: column;
        align-items: baseline;
        gap: 2rem;
    }

    .grafest-glimpses {
        margin-bottom: 10rem;
        margin-top: 5rem;
    }
}

@media (max-width:768px) {
    .president_grid {
        gap: 0rem;
        display: flex;
        flex-direction: column-reverse;
    }

    .president_contant {
        max-width: 100%;
    }

    .president_col .leadership_names {
        margin-block: 4rem 0;
    }

    .president_contant>p {
        margin-bottom: 2rem;
    }

    .leadership_section {
        padding-block: 0 6rem;
    }

    .leadership_section {
        padding-block: 0 6rem;
    }

    .news-event-details-cont {
        margin: 4rem 0 4rem 0;
    }
}

@media (max-width:575px) {
    .president_contant h2 {
        margin-bottom: 1rem;
    }

    .news-event-listing-bg {
        padding-block: 4rem 7rem;
    }
}

@media (max-width:375px) {
    .president_contant h2 {
        margin-bottom: 1rem;
    }

}











@media (max-width: 1299px) {
    .plac3_grid .contant {
        padding-inline: 0 0rem;
    }
}

@media (max-width:992px) {

    .swayam_section h3 {
    margin-top: 2rem;
}
}

@media (max-width: 380px) {
    .overview_heading h2 {
        margin-bottom: 2rem;
    }

    .about_left .about_left_cont {
        padding-top: 2rem;
    }

    .about_grid {
        gap: 2rem;
    }

    .nvidia-sec {
        padding-top: 2rem;
    }

    .nvidia-sec .nvidia_grid {
        gap: 2rem;
    }

    .facilities_section {
        padding-block: 2rem 2rem;
    }

    .facilities_section h4 {
        margin-bottom: 2rem;
    }

    .facilities-banner {
        padding-top: 1rem;
    }

    .abt_logobx {
        padding: 2rem;
    }

    .top_50_university {
        margin-block: 3rem 3rem;
    }

    .history_title h3 {
        margin-bottom: 2rem;
    }

    .officers-grid {
        gap: 2rem;
    }

    .officer .caption {
        margin-top: 2rem;
    }

    .home_placement .sec_title.place_head {
        margin-bottom: 3rem;
    }

    .placement_profile_panel.testimonial_placement .placemnt_detail {
        text-align: left;
    }

    .pic_caption {
        margin-top: 2rem;
    }

    .placement_profile_panel.testimonial_placement .placemnt_detail p {
        font-size: var(--font-16);
    }

    .placement_profile_panel.testimonial_placement {
        gap: 2rem;
    }
}

.news_letter_grp .course figcaption h4 {
    font-weight: normal;
    margin-block: 3rem;
}
.tab-pane.active .collapse {
    display: block;
}

.event-flagship-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
}
.event-flagship-box{
    background-color: var(--color-f6);
    padding: 3rem;
    border-radius: 2rem;
}
.event-flagship-box .right_ev_item {
    padding-inline: 0 3rem;
}
.youth_four .center_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.youth_four .c_grid_item figure{ display: none;}
.youth_four .center_caption {
    background-color: var(--color-white);
    text-align: center;
    padding: 2rem;
    border-radius: 1rem;
}
.youth_four .center_caption p{
    margin-bottom: 1rem;
}


/*----------kamal_ghanshala leadeship detail page css--------------*/




.leadership_section.kamal_ghanshala .grid_2 {display: grid;grid-template-columns: 48% 45%;gap: 1.5rem 10rem;}
.leadership_section.kamal_ghanshala .person_img::before{display:none;}
.leadership_section.kamal_ghanshala .person_img {transform: inherit;width: 100%;z-index: 99;left: inherit;right: 0;position: static;}
.leadership_section.kamal_ghanshala figure.bg_img {position: absolute;left: -19rem;width: 61rem;height: fit-content;top: 0;z-index: -1;}
.leadership_section.kamal_ghanshala .right_contant.leader_details_col {padding-inline: 11rem 0;background: none;padding-block: 0;}
.leadership_section.kamal_ghanshala .left_col {overflow: inherit;margin: 0;order: 2;margin-right: -10rem;}
.leadership_section.kamal_ghanshala {padding-bottom: 30rem;overflow: hidden;}
.leadership_section.kamal_ghanshala .leader_details_col h4 { color: var(--color-28); font-weight: bold; }
.leadership_section.kamal_ghanshala .grid_2 {background-color: var(--color-white);padding-block: 8rem;margin-bottom: 8rem;border-radius: 2rem;position: relative;z-index: 9;}
.leadership_section.kamal_ghanshala .right_col { position: relative; }
.leadership_section.kamal_ghanshala .qualifications_data { margin-top: 5rem; margin-bottom: 5rem; }
.leadership_section.kamal_ghanshala  .qualifications_data h4 {margin-bottom: 0.5rem;}
.leadership_section.kamal_ghanshala .right_contant figure img{width:100%; max-width:inherit;}
figure.bg_img-top { position: absolute; width: 93rem; left: -15rem; z-index: -9; top: 15rem; }
figure.bg_img-top img { width: 100%; max-width: inherit; }

.leadership_section.kamal_ghanshala .col-lg-12.mx-auto { position: relative; }

@media (max-width:1610px) {
.leadership_section.kamal_ghanshala .person_img {width: 95%;}
.leadership_section.kamal_ghanshala figure.bg_img { left: 21rem; width: 48%; height: 100%; top: 15rem; }


}

@media (max-width: 1499px) {
    .leadership_section.kamal_ghanshala .person_img {width: 92%;}

}
@media (max-width: 1365px) {
    .leadership_section.kamal_ghanshala .right_contant.leader_details_col {
    padding-inline: 6rem 0;
}
    .leadership_section.kamal_ghanshala figure.bg_img{display: none;}
    .leadership_section.kamal_ghanshala { padding-bottom: 0rem; }
}

@media (max-width: 1299px) {
 .leadership_section.kamal_ghanshala .right_col {
        margin-left: 0rem;
    }
        .leadership_section.kamal_ghanshala .person_img {
        right: 3rem;
        width: 100%;
    }
   .leadership_section.kamal_ghanshala .left_col{left:0;margin: 0;}
       .leadership_section.kamal_ghanshala .grid_2 {

    gap: 1.5rem 5rem;
}
}


@media (max-width: 992px) {
       .leadership_section.kamal_ghanshala .right_contant.leader_details_col {
        padding-inline: 0;
        padding-block: 3rem;
    }
      .leadership_section.kamal_ghanshala .grid_2>* {
        grid-area: inherit;
        margin: 0;
    }
    .leadership_section.kamal_ghanshala .person_img {
        right: 3rem;
        width: 100%;
        position: static;
    }

       .leadership_section.kamal_ghanshala  .ledership_data {
        max-width: 100%;
        top: 0;
        margin-bottom: 2rem;
    }
    .leadership_section.kamal_ghanshala .grid_2 {
        gap: 1.5rem 5rem; display: block;
        padding-inline: 2rem;
        padding-block: 2rem;
    }
}

.awards_ranking_sec{background-color:var(--color-white);padding:7rem 10.8rem;border-radius:3rem;}
.awards_ranking_sec-list > ul{display:grid;grid-template-columns:repeat(4,1fr);gap:8rem 10rem;margin:10rem 0 0 0;text-align:center;}
.awards_ranking_sec-list > ul > li > figure{margin:0 0 2rem 0;}
.awards_ranking_sec-list > ul > li > p{font-size:var(--font-16);font-weight:normal;letter-spacing:-0.4px;}
.awards_secc{padding:0 0 13rem 0;position:relative;}
.awards_ranking_sec h2{font-size:var(--font-24);font-weight:bold;letter-spacing:-0.36px;color:var(--color-28);}
.awards_secc .awards_sec_vector{position:absolute;top:0;left:0;z-index:-1;}
.awards_secc .awards_sec_vector img{max-width:60%;}
.abtlogo-white.abtlogo-whitenew > h2{font-size:var(--font-24);font-weight:bold;letter-spacing:-0.36px;color:var(--color-28);margin:0 0 1rem 0;}
.abtlogo-white.abtlogo-whitenew > figure img{max-width:300px;}
@media(max-width:1399px){
    .awards_ranking_sec-list > ul{
        gap: 7rem 4rem;
    }
}

@media(max-width:1280px){
    .awards_ranking_sec-list > ul {
        gap: 5rem 3rem;
    }
}
@media(max-width:1199px){
    .awards_secc .awards_sec_vector{
        display: none;
    }
    .awards_ranking_sec-list > ul{
        margin: 6rem 0 0 0;
    }
}

@media(max-width:991px){
    .awards_ranking_sec {
        padding: 5rem 5.8rem;
    }
    .ranking_data{
        padding-block: 4rem;
    }
    .history_Bx figure img {
    object-position: right;
}

}

@media(max-width:767px){
    .ranking_data h4 {
        margin-block: 0 5rem;
    }
    .awards_ranking_sec-list > ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .awards_ranking_sec-list > ul {
        margin: 4rem 0 0 0;
    }
    .awards_secc {
        padding: 0 0 6rem 0;
    }
    .awards_ranking_sec {
        padding: 5rem 3rem;
    }
    .abtlogo-white.abtlogo-whitenew > figure img{
        max-width: 200px;
    }
    .overview_heading h3 {
    font-size: var(--font-21);}
}

@media(max-width:480px){
    .awards_ranking_sec-list > ul {
        grid-template-columns: repeat(1, 1fr);
    }
}



.geumun-glance{
padding:80px 0;
background:#f8f9fc;
}

.geumun-grid{
display:grid;
grid-template-columns:1.1fr 1fr;
gap:60px;
align-items:center;
}



.geumun-list{
list-style:none;
padding:0;
margin:0 0 25px 0;
}

.geumun-list li{
display:flex;
gap:12px;
align-items:flex-start;
margin-bottom:18px;
font-size:16px;
line-height:1.6;
}

.geumun-list .icon{
min-width:24px;
margin-top:2px;
}

.geumun-desc{
color:#555;
line-height:1.7;
}

.geumun-image img{
width:100%;
border-radius:12px;
}

/* Responsive */

@media(max-width:991px){

.geumun-grid{
grid-template-columns:1fr;
gap:40px;
}



}


.geumun-defines{
padding:80px 0;
background:#ffffff;
}

.geumun-defines-grid{
display:grid;
grid-template-columns:1fr 1.1fr;
gap:60px;
align-items:center;
}

.geumun-defines-image img{
width:100%;
border-radius:12px;
}



.geumun-intro{
color:#555;
line-height:1.7;
margin-bottom:25px;
}

.geumun-defines-list{
list-style:none;
padding:0;
margin-bottom:25px;
}

.geumun-defines-list li{
display:flex;
gap:12px;
margin-bottom:18px;
line-height:1.6;
}

.geumun-defines-list .icon{
min-width:22px;
margin-top:3px;
}

.geumun-bottom{
color:#555;
line-height:1.7;
}

/* Responsive */

@media(max-width:991px){

.geumun-defines-grid{
grid-template-columns:1fr;
gap:40px;
}



}



.geumun-learning{
padding:80px 0;
background:#f8f9fc;
}

.geumun-learning-grid{
display:grid;
grid-template-columns:1.1fr 1fr;
gap:60px;
align-items:center;
}



.learning-intro{
color:#555;
line-height:1.7;
margin-bottom:20px;
}



.learning-list{
padding-left:18px;
margin-bottom:20px;
}

.learning-list li{
margin-bottom:12px;
line-height:1.6;
color:#333;
}

.learning-bottom{
color:#555;
line-height:1.7;
}

.geumun-learning-image img{
width:100%;
border-radius:12px;
}

/* Responsive */

@media(max-width:991px){

.geumun-learning-grid{
grid-template-columns:1fr;
gap:40px;
}



}
.signature_conference {
    padding-block: 10rem 0;
}

.alt_bg2{background:#ffffff;}

.signature_conference.alt_bg {
    padding-bottom: 10rem;
}
.signature_conference.alt_bg.achievements {background: #f8f9fc;}

.alt_bg2 p.sub_text {
    margin-bottom: 2rem;
}

.signature_conference.alt_bg2{padding-bottom:10rem;}

.training_skill.alt_bg {
    padding-block: 10rem;
}
.dep_heading3 {
    padding-inline: 0 10rem;
}
.mou_cd {
    margin-top: 10rem;
    margin-bottom: 0rem;
}

.about_committe.mou_six {
    background: #fff;
}

.about_committe.mou_six p b {
    margin-block: 4rem;
    display: block;
    font-size: var(--font-21);
}

.mou_media {
    padding-top: 5rem;
}

.kg_fuctional_team.mou_team {
    padding-block: 10rem;
}
.about_committe.mou_six .center_grid {
    margin-bottom: 0;
}

.abour_overview.department_heading.be_bg_w {
    background: #fff;
    padding-bottom: 5rem;
}

.abour_overview.department_heading.be_bg_w em {
    margin-bottom: 2rem;
    display: block;
}

.dep_heading4{margin:auto; width:75%;}
.chemistry-acti{
    padding-block: 0rem 6rem;
}
.ca-achivement2{
        background: #ffffff00;
}
.new-achivement .cse_highlight_item h4 {
    margin-bottom: 1rem;
}
.cus-center {
    margin-bottom: 6rem;
}
.approach {
    margin-top: 5rem;
}
.establishment{
    padding-block: 10rem;
}
.establishment .club1_grid{
        margin-top: 0rem;
}
.establishment .cl_left1 h3{
   color: var(--color-28);
    font-size: var(--font-24);
    margin-bottom: 3rem;
    font-weight: 600;
    letter-spacing: -0.36px;
}
.studentlife4_figure .swiper-pagination-bullet-active{
    background-color: var(--color-ff);
}
.activity-content{}
.activity-content h6{
     color: var(--color-33);
    font-size: var(--font-24);
    margin-top: 2rem;
}
.placment_over8 {
    background: #ffffff00;
    padding-block: 0rem 0;
    margin-bottom: -2rem;
}

.internships-panel {
    margin-bottom: 10rem;
}
.vs_box p a{
    color: var(--color-2b);
}
.social-dep{
    background-color: var(--color-white);
}
.social-dep .title_head{
        margin-bottom: 2rem;
}

.social-dep .faculty_list {
    margin-top: 5rem;
}

@media(max-width:768px){
.mou_cd { margin-top: 4rem; }
.dep_heading3 { padding-inline: 0 0rem; padding: 5rem 0px 0px 0px; }
.geumun-glance { padding: 50px 0; }
.geumun-defines { padding: 50px 0; }
.signature_conference { padding-block: 5rem 0; }
.dep_heading4 { width: 100%; margin-top: 5rem; }
.signature_conference.alt_bg2 { padding-bottom: 5rem; }
.training_skill.alt_bg { padding-block: 5rem; }
.signature_conference.alt_bg { padding-bottom: 5rem; }
.about_committe { padding-block: 5rem; }
.kg_fuctional_team.mou_team{    padding-block: 4rem;}
.vs_box{    padding-block: 3rem;
    padding-inline: 3rem;}
ul.list4{    display: block;margin-bottom: 0rem;}
ul.list4 li{padding-block: 2rem;}
.evs-deep-sec3 {
    padding-block:5rem 3rem;
}
.tab-pane.active .collapse{display:none;}
 .research-patent.research-projects .tab-pane.active .collapse.show {
     display: block;
 }
}

@media(max-width:479px){
.mou_cd { margin-top: 1rem; }
.dep_heading3 { padding: 2rem 0px 0px 0px;}
.geumun-learning{padding: 50px 0;}
.geumun-glance { padding: 50px 0; }
.geumun-defines { padding: 50px 0; }
.signature_conference { padding-block: 3rem 0; }
.dep_heading4 { width: 100%; margin-top: 5rem; }
.signature_conference.alt_bg2 { padding-bottom: 5rem; }
.training_skill.alt_bg { padding-block: 5rem; }
.signature_conference.alt_bg { padding-bottom: 5rem; }
.about_committe { padding-block: 1rem; }
}



/* =========================== MBA Admissions 2026 Page Css ============== ======== */
 .mba-admission-description{display: grid; grid-template-columns: 63% 30.3%; gap: 9.5rem; margin-bottom: 10rem;}
.mba-admission blockquote{font-size:var(--font-36); font-weight: 300; text-align: left; margin-bottom: 4rem; font-family: var(--font-family-graphicera);}
.mba-admission h4{font-size:var(--font-24); font-weight: normal; text-align: left; margin-bottom: 4rem; line-height: 1.7;}
.mb-addmission-faq h3{ color: var(--color-28); letter-spacing: -0.36px; font-weight: 700; margin-bottom: 3rem; }
 .form-container { background: var(--color-white); padding: 25px; border-radius: 8px; }
.form-container .form-group { margin-bottom: 15px; }
.form-container ::placeholder { display: block; font-size: var(--font-14); margin-bottom: 5px; columns: var(--color-28);}
.form-container .required { color: red; }
.form-container input, .form-container select { width: 100%; border: none; border-bottom: 2px solid #cfd8dc; padding: 8px 5px; background: transparent; outline: none; font-size: var(--font-14); }
.form-container .phone-group { display: flex; align-items: center; }
.form-container .phone-group span { margin-right: 8px; font-size: 14px; }
.form-container .checkbox { display: flex; align-items: center; margin: 10px 0; }
.form-container .checkbox input { width: auto; margin-right: 10px; }
.form-container .recaptcha { display: flex; align-items: center; justify-content: space-between; background: var(--color-white); ; padding: 10px; border: 1px solid #ccc; margin-top: 10px; }
.form-container .submit-btn { width: 100%; background: #2d2c8c; color: var(--color-white);  padding: 12px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; margin-top: 15px; }
.faculty-btn{background: var(--color-white);
    width: 16rem;
    text-align: center;
    display: inline-block;
    padding-block: .8rem;
    font-size: var(--font-16);
    color: #000;
    border-radius: 10px;
    transition: 0.3s all linear;
    margin-top: 3rem;}
.faculty-btn:hover{
    background: var(--color-28);
    color: #fff;
}
.design-high {
    grid-template-columns: repeat(1, 1fr);
}
.electronics-activities .activity-card {
    width: 100%;
}
.aerospace-faculty {
    padding-block: 0 10rem;
}
.heighlights3 .ece-activity2 {
    margin: 0;
}
.heighlights3 .ece-activity_grid {
    background: var(--color-f6);
    padding-block: 4rem 4rem;
}
.heighlights3 .ece-activity_grid ul{
        list-style: none;
}
.heighlights3 .ece-activity_grid ul li{
    position: relative;
    padding-left: 18px;
    margin-bottom: 2rem;
    font-size: var(--font-16);
    line-height: 1.6;
    color: #2b2a29;
}

.heighlights3 .ece-activity_grid ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #ffcb05;
    border-radius: 50%;
}

.dep_activities .ece-activity2 {
    margin: 0;
}

.dep_activities .ece-activity_grid ul{
        list-style: none;
}
.dep_activities .ece-activity_grid ul li{
    position: relative;
    padding-left: 18px;
    margin-bottom: 2rem;
    font-size: var(--font-16);
    line-height: 1.6;
    color: #2b2a29;
}

.dep_activities .ece-activity_grid ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #ffcb05;
    border-radius: 50%;
}
.plc-logo {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
        margin-top: 3rem;
}
.logo-with-Cnt {
    display: grid;
    gap: 3rem;
    align-items: center;
    grid-template-columns: 20% auto;
    padding-bottom: 5rem;
}
.logo-with-Cnt p{padding-bottom: 0;}
.cus-event-faculty .center_grid{
    grid-template-columns: repeat(4, 1fr);
}

.cus-event-faculty .center_caption {
    background-color: var(--color-white);
    text-align: center;
    padding: 2rem;
    border-radius: 1rem;
}
.leadership_heading h3{
    margin-bottom: 3rem;
    font-size: var(--font-24);
}
.abour_overview.department_heading.gecet1{
        padding-block: 7rem;
}


@media (min-width:2399px) {
    .couse_names h5 {
            font-size: var(--font-18);}

  .history_Bx .history_text p{font-size: var(--font-21);}

}

@media (max-width:1280px) {
    .couse_names h5 {
        font-size: var(--font-14);
    }

}
@media (max-width:991px) {
    .mba-admission-description{grid-template-columns: 100%; gap: 2.5rem;}
    .form-container{width: 100%; order: 1;}
    .mba-description{order: 2;}
}
@media (max-width:767px) {
    .logo-with-Cnt{grid-template-columns: repeat(1, 1fr); gap: 0;}
}

@media (max-width:400px) {
    .plc-logo {

        grid-template-columns: repeat(2, 1fr);

    }

}

.department_panel2.department_aeropanel2 .dep_right_panel {
    height: 100%;
}
@media (min-width:1366px) {

    .facili_visit p {
            padding-inline: 0 10rem;
        }

}


@media (max-width:1390px) {
    .dep_panel_grid2 {
            grid-template-columns: 42.5% 49.2%;
            gap: 10rem;
        }

}


.program_depContant .programs_top {
    display: none;
}

section.download-pdf.statutory-bodies.arii {
    min-height: 35vh;
}

section.about_committe.tbi_five.debet_six.top_b {
    padding-block: 10rem;
}

.about_committe.tbi_five.debet_six.top_b .center_caption {
    border-bottom: 1px solid #ddd;
    padding-inline: 0;
    padding-bottom: 2rem;
}

.about_committe.top_work .center_caption {
    border-bottom: 1px solid #ddd;
    padding-inline: 0;padding-bottom: 2rem;
}
.lt_content blockquote {
    font-size: var(--font-26);
    margin-bottom: 2rem;
}

.lt_content {
    margin-bottom: 5rem;
    padding-inline:0 5rem;
}
@media (max-width: 991px) {
    .lt_content {
            padding-inline: 0rem;
        }

.right_grid_content {
        padding-inline: 0;
    }
          .uba_grid {
              padding-top: 0rem;grid-template-columns: 100%;gap: 2rem;
          }


        .cli_grid_2 {
            display: grid;
            grid-template-columns: 100%;
            gap: 2rem;
            padding-top: 5rem;
        }
                .club_history.box_history {
                    padding-top: 5rem;
                    padding-bottom: 5rem;
                }
.uba_grid_left blockquote {
    font-size: var(--font-21);
    font-weight: 300;
    padding-inline: 0;
}
.uba_geu {
    border-radius: 20px;
    padding-block: 4rem;
    padding-inline: 3rem;
}
.ub_penl4 {
    padding-block: 6rem;
}
.et_other_content {
    padding-block: 5rem 0;
    padding-inline: 0;
}
.cl_pb_right {
    padding-inline: 0;
    padding-block: 2rem;
}
.ethhos_uba {
    background: #fff;
    padding-block: 6rem 5rem;
}
.ethhos_uba .accordion-header .accordion-button{font-size:2rem;}
}