/*hom banner css start here*/
.hero-slider {
    width: 100%;
    padding-block: 15.5rem 0;
    position: relative;
    overflow: hidden;
}

.hero-slide-content {
    display: grid;
    grid-template-columns: 100%;
    align-items: center;
    position: relative;
    padding: 2rem 0;
    padding-left: 22rem;
    z-index: 9;
}

.hero-left h2 {
    color: var(--color-white);
    font-size: var(--font-48);
    font-weight: 700;
    line-height: 1.3;
}

.hero-left p {
    margin-top: 1.2rem;
    color: var(--color-white);
    font-size: var(--font-18);
    border-bottom: 1px solid #66C3D0;
    padding-bottom: 1rem;
    width: fit-content;
    padding-inline: 0 6rem;
}

.hero-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.hero-nav {
    position: absolute;
    bottom: 20rem;
    left: 26rem;
    z-index: 9;
    display: flex;
    gap: .1rem;
}

.hero-nav .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);
}

.hero-nav .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);
}

.hero-nav .swiper-button-prev:after,
.hero-nav .swiper-button-next:after {
    font-size: var(--font-16)
}

.home_slide {
    display: grid;
}

.home_slide>* {
    grid-area: 1/1;
}

.hero-slide-content>* {
    grid-area: 1/1;
}

.hero-slide-content img {
    height: 100%;
}

.hero-left {
    width: 61rem;
    padding-left: 4rem;
}

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

.home_slide figure img {
    width: 100%;
}

.hero-slide-content .container {
    display: grid;
    align-items: center;
    padding: 0;
    width: 100%;
    max-width: 67.3rem;
}

.hero-slide-content .container>* {
    grid-area: 1/1;
}

.home_slide {
    position: relative;
}

.hero-left h2,
.hero-left p {
    opacity: 0;
    transform: translateY(40px);
}

.swiper-slide-active .hero-left h2 {
    animation: textFadeUp 1s ease forwards;
}

.swiper-slide-active .hero-left p {
    animation: textFadeUp 1s ease forwards;
    animation-delay: 0.3s;
}

.hero-nav .swiper-button-prev:hover,
.hero-nav .swiper-button-next:hover {
    background: var(--color-28);
}

.hero-nav .swiper-button-prev:hover:after,
.hero-nav .swiper-button-next:hover:after {
    color: #fff;
}

@keyframes textFadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

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

.banner_grid {
    display: grid;
    grid-template-columns: 42% 58%;
}

.banner-img-bg {
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}

.right_banner_img video {
    width: 100%;
    height: auto;
}

.banner-img-bg,
.banner-img-bg img,
.right_banner_img video {
    object-fit: cover;
    max-height: 60rem;
    height: 100%;
}

.right_banner_img {
    opacity: 0;
    position: relative;
}

.right_banner_img:before {
    content: "";
    width: 45%;
    height: 60rem;
    position: absolute;
    left: 0;
    top: 0;
    position: absolute;
    background: transparent linear-gradient(90deg, #18232a 0%, #00000000 100%) 0% 0% no-repeat padding-box;
}

.swiper-slide-active .right_banner_img {
    animation: imageFade 1.2s ease forwards;
    animation-delay: 0.4s;
}

@keyframes imageFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.right_banner_img figure,
.right_banner_img figure img {
    max-height: 60rem;
    object-fit: cover;
    height: 100%;
}

@media (max-width:1860px) {
    .hero-slide-content {
        padding-left: 18rem;
    }

    .hero-nav {
        left: 22rem;
    }
}

@media (max-width:1745px) {
    .hero-slide-content {
        padding-left: 12rem;
    }

    .hero-nav {
        left: 16rem;
    }
}

@media (max-width:1630px) {
    .hero-slide-content {
        padding-left: 7rem;
    }

    .hero-nav {
        left: 11rem;
    }
}

@media (min-width:1921px) {
    .banner_grid {
        display: grid;
        grid-template-columns: 42% 110%;
        max-width: 1400px;
        margin: auto;
    }

    .hero-slide-content {
        padding-left: 0;
    }

    .hero-nav {
        left: 7rem;
        right: 0;
        max-width: 1390px;
        margin: auto;
    }
}

@media (min-width:2399px) {

    .right_banner_img figure,
    .right_banner_img figure img {
        max-height: 90rem;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .hero-nav {
        left: 5rem;
        right: 0;
        max-width: 1390px;
        margin: auto;
        bottom: 10rem;
    }

    .banner-img-bg,
    .banner-img-bg img,
    .right_banner_img video {
        object-fit: cover;
        max-height: 90rem;
        height: 100%;
    }

    .right_banner_img:before {
        width: 45%;
    }
}

/*hom banner css end here*/
/*Programs at GEU*/
.home_pro_list .pro_list1 img {
    overflow: hidden;
    border-radius: 10px;
}

.pro_search {
    position: relative;
    width: 83.8rem;
}

.home_pro_head {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8rem;
    position: relative;
    z-index: 9;
}

.pro_search a {
    position: absolute;
    right: 0;
}

.pro_search input {
    color: var(--color-2b);
    font-size: var(--font-18);
    border: 0;
    border-bottom: 1px solid #66C3D0;
    padding-bottom: 1rem;
    background: none;
    width: 100%;
    padding-inline: 0;
    outline: 0;
    font-style: italic;
    font-weight: 300;
}

.pro_search input::placeholder {
    color: var(--color-2b);
}

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

.home_pro_list {
    display: flex;
    gap: 6rem;
    justify-content: space-between;
    position: relative;
}

.home_pro_detail h2 b {
    display: block;
    font-size: var(--font-21);
    font-weight: bold;
}

.home_pro_detail h2 {
    font-size: var(--font-18);
    font-weight: 300;
}

.home_pro_detail {
    padding-block: 1.5rem 0;
    padding-inline: 1.5rem;
}

.adm_26_panel {
    display: flex;
    justify-content: space-between;
    background: transparent linear-gradient(142deg, #282896 0%, #14144B 10%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    color: var(--color-white);
    padding-inline: 3rem;
    padding-block: 1rem;
    align-items: center;
}

.adm_26_panel ul {
    display: flex;
    justify-content: space-between;
    gap: 5rem;
}

.adm_26_panel ul li a {
    color: var(--color-white);
    font-weight: 600;
}

.adm_26_panel h2 {
    margin: 0;
}

.admission-26 .adm_26_panel h2 {
    font-size: var(--font-30);
}

.home_program {
    margin-bottom: 11rem;
}

.btn_group {
    display: flex;
    gap: 1rem;
}

.btn_group .btn a {
    background: var(--color-white);
    width: 20rem;
    text-align: center;
    display: inline-block;
    padding-block: .8rem;
    font-size: var(--font-16);
    color: #000;
    border-radius: 10px;
    transition: 0.3s all linear;
}

.btn_group .btn {
    padding: 0;
}

a.apply {
    background: var(--color-ff);
}

.btn_group .btn a.apply {
    background: var(--color-ff);
}

.pro_list1:last-child {
    display: none;
}

.read-icon {
    display: none;
}

.pro_list1 {
    position: relative;
}

.home_pro_list .pro_list1 {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
    overflow: hidden;
    border-radius: 10px;
}

.home_pro_list .pro_list1 figure {
    overflow: hidden;
    border-radius: 10px;
}

.home_pro_list .pro_list1 figure img {
    /* transform: scale(0.95); */
    transition: transform 0.8s ease;
}

.home_pro_detail {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
    transition-delay: 0.2s;
}

.home_pro_list.animate .pro_list1 {
    opacity: 1;
    transform: translateY(0);
}

.home_pro_list.animate .pro_list1 figure img {
    width: 100%;
}

.home_pro_list.animate .home_pro_detail {
    opacity: 1;
    transform: translateY(0);
}

.home_pro_list.animate .pro_list1:hover figure img {
    transform: scale(1.06);
}

.home_pro_list.animate .pro_list1:nth-child(1) {
    transition-delay: 0.1s;
}

.home_pro_list.animate .pro_list1:nth-child(2) {
    transition-delay: 0.3s;
}

.home_pro_list.animate .pro_list1:nth-child(3) {
    transition-delay: 0.5s;
}

.home_pro_list.animate .pro_list1:nth-child(4) {
    transition-delay: 0.7s;
}

.btn_group .btn a:hover {
    background: var(--color-28);
    color: #fff;
}

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

.home_pro_list .pro_list1:hover h2 {
    color: var(--color-28);
}

/*life at css*/
.facility_sec {
    overflow: hidden;
    position: relative;
    padding-top: 18.6rem;
    border-top: 1px solid #9e9d9d7d;
    margin-top: 10rem;
    border-bottom: 1px solid #9e9d9d7d;
    padding-bottom: 10rem;
}

.facility_wrapper {
    position: relative;
    width: 100%;
    display: grid;
    margin-bottom: 20rem;
    background: linear-gradient(141deg, #282896 2%, #14144B 1%);
    border-radius: 30px;
    margin-right: 0;
    margin-left: -4.55rem;
}

.facility_wrapper:before {
    content: "";
    background: url("../images/life-at-bg.webp") left center no-repeat;
    background-size: 67%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.facility_sec .sec_title h2 {
    margin-block: 3rem;
}

.facility_border {
    position: relative;
    height: 3.2rem;
    background-color: var(--color-dc);
    opacity: 0.75;
    margin-top: auto;
}

.facility_wrapper>* {
    grid-area: 1/1;
    margin-inline: -4.45rem;
}

.facility_wrapper>figure {
    background-color: var(--color-23);
}

.facility_wrapper>figure>img {
    mix-blend-mode: luminosity;
}

.facility_grid {
    display: grid;
    grid-template-columns: 47.116% 52.883%;
}

.facility_grid>.sec_title>* {
    color: var(--color-white);
}

.facility_grid>.sec_title {
    padding: 8rem 14.2rem 1rem 16.5rem;
    position: relative;
}

.facility_grid>.sec_title>.border180 {
    margin-left: -13.5rem;
    margin-bottom: 2.7rem;
}

.facility_grid>.sec_title>.title56 {
    margin-bottom: 2rem;
}

.facility_grid>.sec_title>p {
    font-weight: 300;
    padding-right: 0rem;
}

.facility_grid>.sec_title>.more_btn {
    margin-top: 5rem;
}

.facility_grid>.sec_title>.more_btn>img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.facility_right {
    position: relative;
}

.facility_right>figure {
    margin-top: -8.6rem;
    margin-right: -5.4rem;
}

.facility_right>.facility_caption>* {
    color: var(--color-white);
}

.facility_right>.facility_caption {
    padding: 3rem 5.1rem 0 3rem;
}

.facility_right>.facility_caption>h6 {
    margin-bottom: 2rem;
    font-size: var(--font-21)
}

.facility_right>.facility_caption>p {
    font-weight: 300;
    padding-right: 12rem;
}

.facility_list {
    position: relative;
    grid-column: span 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5.1rem;
    padding-left: 28.1rem;
    margin-block: 3.6rem -19.9rem;
    margin-right: -5.4rem;
    z-index: 1;
}

.facility_item {
    position: relative;
}

.facility_item .facility_caption {
    padding-top: 3rem;
    padding-right: 10rem;
}

.facility_item .facility_caption>h6 {
    margin-bottom: 1.2rem;
    font-size: var(--font-21);
    font-weight: bold;
    color: var(--color-2b);
}

.facility_item .facility_caption>p {
    font: var(--font-14);
    color: var(--color-2b);
    font-weight: 300;
}

.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;
}

.facility_caption .more_btn {
    position: absolute;
    right: 10rem;
    top: 8rem;
}

.facility_caption {
    position: relative;
}

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

.facility_caption .read {
    position: absolute;
    right: 1.2rem;
    bottom: -1.5rem;
}

.tiangle_icon {
    position: absolute;
    bottom: -10rem;
    opacity: 90%;
    left: -4rem;
}

.facility_list .facility_item:nth-child(1) {
    display: none;
}

.facility_sec * {
    opacity: 0;
    transform: translateY(40px);
}

.facility_sec.animate * {
    opacity: 1;
    transform: none;
}

.facility_sec * {
    transition: all 0.8s ease;
}

.facility_grid .sec_title h6 {
    transition-delay: 0.2s;
}

.facility_grid .sec_title h2 {
    transition-delay: 0.4s;
}

.facility_grid .sec_title p {
    transition-delay: 0.6s;
}

.facility_right figure img {
    /* transform: scale(1.15); */
    transition: transform 1.2s ease, opacity 0.8s ease;
}

.facility_sec.animate .facility_right figure img {
    /* transform: scale(1); */
}

.facility_right .facility_caption {
    transition-delay: 1s;
}

.facility_item {
    transform: translateY(60px);
    transition: all 0.8s ease;
}

.facility_sec.animate .facility_item {
    transform: translateY(0);
}

.facility_item:nth-child(1) {
    transition-delay: 1.2s;
}

.facility_item:nth-child(2) {
    transition-delay: 1.4s;
}

.facility_item:nth-child(3) {
    transition-delay: 1.6s;
}

.facility_item:nth-child(4) {
    transition-delay: 1.8s;
}

.facility_item figure {
    overflow: hidden;
}

.facility_item figure img {
    transform: scale(1.2);
    transition: transform 1s ease;
}

.facility_sec.animate .facility_item figure img {
    /* transform: scale(1); */
}

.facility_right figure {
    overflow: hidden;
    border-radius: 10px;
}

.facility_right:hover img {
    transform: scale(1.06);
}

.facility_item figure {
    overflow: hidden;
    border-radius: 10px;
}

.facility_item:hover img {
    transform: scale(1.06);
}

a.more_btn:hover {
    background: #fff;
}

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

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

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

.technology-business_right:hover figure img,
.research_item:hover img {
    transform: scale(1.06);
}

.technology-business_right figure img {
    transition: .5s ease all;
}

.technology-business_right figure {
    overflow: hidden;
    border-radius: 20px;
}

@media(max-width:1750px) {
    .facility_sec {
        padding-top: 15.6rem;
    }
}

@media(max-width:1300px) {
    .facility_right>figure {
        margin-top: -2.6rem;
        margin-right: -2.4rem;
    }

    .facility_list {
        margin-right: -2.4rem;
    }

}



@media(max-width:991px) {
    .facility_sec {
        padding-top: 10.6rem;
    }

    .facility_wrapper>* {
        margin-inline: 0;
    }

    .facility_grid>.sec_title {
        padding: 3.2rem 2.2rem 1rem 4.9rem;
    }

    .facility_grid>.sec_title>.border180 {
        margin-left: 0;
    }

    .facility_right {
        padding-right: 3rem;
    }

    .facility_right>figure {
        margin-right: 0;
    }

    .facility_list {
        padding-inline: 3.5rem;
        gap: 3.1rem;
        margin-right: 0;
        margin-block: 3.1rem -19.9rem;
    }

    .facility_item .facility_caption {
        padding-right: 2rem;
        position: static;
        display: block;
        color: var(--color-white);
        height: auto;
        background: none;
        font-size: var(--font-16);
        padding: 2rem 0 2rem;
    }

    .facility_caption .read {
        display: none;
    }

    .facility_list .facility_item:nth-child(1) {
        display: block;
    }

    .tiangle_icon {
        position: absolute;
        top: -2rem;
        bottom: inherit;
        left: inherit;
        right: -4rem;
        width: 76px;
    }

    .facility_wrapper:before {
        background-position: top;
    }
}

@media(max-width: 767px) {
    .facility_sec {
        padding-top: 0;
    }

    .facility_sec .container {
        padding-inline: 0;
    }

    .facility_wrapper {
        margin: 0;
        border-radius: 0;
    }

    .facility_wrapper>figure>img {
        mix-blend-mode: luminosity;
        height: 100%;
        object-fit: cover;
        object-position: 10% 0;
    }

    .facility_border {
        height: 1.4rem;
    }

    .facility_right {
        display: none;
    }

    .facility_grid {
        grid-template-columns: 100%;
        padding: 4.6rem 1.6rem 4.3rem;
    }

    .facility_grid>.sec_title {
        text-align: center;
        padding: 0;
        margin-bottom: 2.8rem;
    }

    .facility_grid>.sec_title>.title16 {
        margin-bottom: 0.8rem;
    }

    .facility_grid>.sec_title>.border180 {
        display: none;
    }

    .facility_grid>.sec_title>.title56 {
        margin-bottom: 0;
    }

    .facility_grid>.sec_title>p {
        display: none;
    }

    .facility_grid>.sec_title>.more_btn {
        margin: auto;
    }

    .facility_list {
        grid-template-columns: repeat(2, 1fr);
        margin-block: 0;
        padding-inline: 0;
        gap: 0.9rem;
    }

    .facility_caption {
        position: absolute;
        bottom: 0;
        padding: 1.6rem 1.7rem;
        width: 100%;
        height: 100%;
        background: transparent linear-gradient(180deg, #00000000 45%, rgb(0 0 0 / 67%) 100%);
        align-content: end;
    }

    .facility_item .facility_caption>h6 {
        margin-bottom: 0;
        color: var(--color-white);
        font-size: var(--font-16);
        letter-spacing: 0;
        font-weight: 300;
    }

    .facility_caption>p {
        display: none;
    }

    .facility_wrapper .mobileview_btn {
        position: absolute;
        bottom: 4.6rem;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .facility_wrapper .mobileview_btn::after {
        background-color: transparent;
    }

    .facility_wrapper .mobileview_btn>.more_btn>img {
        opacity: 1;
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }

    .facility_wrapper .mobileview_btn>.more_btn:hover {
        background-color: var(--color-27);
    }

    .facility_grid>.sec_title>p {
        display: none;
    }
}

/*placement css*/
.home_placement {
    padding-block: 10rem 0rem;
    overflow: hidden;
}

.home_placement .sec_title {
    text-align: center;
}

.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: 6px;
    padding: 1rem;
    font-size: var(--font-36)
}

.home_placement .sec_title h3 {
    margin-block: 1rem 1rem;
}

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

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

.p_list {
    border-left: 1px solid #9393ca80;
    padding-inline: 6.8rem;
    padding-block: 5rem
}

.p_list h4 {
    font-size: var(--font-48);
    font-weight: bold;
    color: var(--color-28);
}

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

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

.placemnt_box {
    border-radius: 40px;
    text-align: center;
    position: relative;
}

.placemnt_box figure {
    margin: auto;
    position: relative;
}

.placemnt_detail {
    background: #FFFFFF;
    box-shadow: 0px 45px 70px #00000014;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    padding-block: 3.6rem;
    padding-inline: 5rem;
}

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

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

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

.placemnt_detail h5 {
    font-size: var(--font-18);
    font-weight: 300;
}

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

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

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

.other_placement h6 sup {
    color: #000000;
}

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

.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;
}

.homenew_placement {
    margin-block: 10rem;
    position: relative;
    padding: 0;
}

.homenew_placement::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 42.2vw;
    height: 100%;
    background: var(--color-white);
    content: "";
    border-radius: 0 3rem 3rem 0;
    height: 100%
}

.homenew_placement::after {
    position: absolute;
    left: -29rem;
    top: -60rem;
    width: 46vw;
    height: calc(100% + 45rem);
    background: url(../images/placment-bg.webp);
    content: "";
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
}

.homenew_placement .row {
    --bs-gutter-x: 20rem
}

.homenew_placement .placment_text {
    padding-block: 10rem;
    position: relative;
    z-index: 2;
    padding-right: 12rem;
    border-radius: 0 3rem 3rem 0;
    margin-left: -17rem;
}

.homenew_placement .sec_title {
    text-align: left;
}

.homenew_placement .sec_title h5 {
    margin: inherit;
}

.homenew_placement .sec_title a.read {
    margin-block: 3rem;
    margin-inline: inherit;
}

.homenew_placement .placemnt_number {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5rem;
    padding: 0;
    margin: 0;
}

.homenew_placement .placemnt_number .p_list {
    padding: 0;
    border: none;
    display: flex;
    gap: 1rem;
    flex-flow: column;
}

.homenew_placement .placemnt_box .placemnt_number .p_list {
    min-height: auto !important;
}

.homenew_placement .placement_profile_panel {
    padding: 0 !important;
}

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

.homenew_placement .placemnt_detail {
    box-shadow: none;
}

.homenew_placement .placemnt_pic {
    border-radius: 3rem 3rem 0 0;
    overflow: hidden;
}

.homenew_placement .nav-buttons {
    display: flex;
    gap: 1px;
    margin-top: 10rem;
    padding: .8rem .1rem;
    justify-content: flex-end;
}

@media (max-width:2600px) {
    .homenew_placement .placment_text {
        margin-left: -8rem;
    }
}

/*--2600x--css-end--*/

@media (max-width:2400px) {
    .homenew_placement::after {
        left: -30rem;
        top: -42rem;
        width: 40vw;
        height: calc(100% + 45rem);
    }

    .homenew_placement .placment_text {
        padding-block: 10rem;
        z-index: 2;
        padding-right: 6rem;
        margin-left: 0rem;
    }
}

/*--2400x--css-end--*/

@media (max-width:1920px) {
    .homenew_placement .placment_text {
        padding-block: 10rem;
        z-index: 2;
        padding-left: 10rem;
        margin-left: 0rem;
        padding-right: 0;
    }
}

/*--1920x--css-end--*/

@media (max-width:1750px) {
    .homenew_placement .placment_text {
        padding-block: 0;
        padding-right: 0;
    }

    .homenew_placement .row {
        --bs-gutter-x: 13rem;
    }

    .homenew_placement .nav-buttons {
        margin-bottom: 3rem;
    }

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

    .homenew_placement .placment_text {
        padding-right: 0;
    }

    .homenew_placement .nav-buttons {
        margin-top: 0;
    }

}

/*--1750px--css-end--*/

@media (max-width:1450px) {
    .homenew_placement .placment_text {
        padding-left: 8rem;
    }

    .homenew_placement::after {
        width: 36vw;
    }
}

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

@media (max-width:1399px) {
    .homenew_placement .placemnt_number {
        grid-gap: 5rem 2rem;
    }

    .homenew_placement .placment_text {
        padding-left: 0;
    }
}

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

@media (max-width:1280px) {
    .homenew_placement::after {
        display: none
    }

    ;
}

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

@media (max-width:991px) {
    .homenew_placement .placment_text {
        background: transparent;
    }

    .homenew_placement::before {
        display: none;
    }

    .homenew_placement .placemnt_number {
        display: flex;
    }

    .homenew_placement {
        margin: 0;
    }

    .homenew_placement .sec_title {
        margin-bottom: 3rem;
    }

    .homenew_placement .nav-buttons {
        display: none;
    }
}

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

@media (max-width:767px) {
    .homenew_placement .placemnt_number {
        gap: 0;
    }
}

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

@media (max-width:575px) {
    .home_placement .placemnt_box .placemnt_number .p_list {
        padding-inline: 0 !important;
    }

    .homenew_placement .sec_title {
        text-align: center;
    }
}

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

@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;
    }

    .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 5rem;
    }
}

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

    .placemnt_detail h5 {
        font-size: var(--font-15);
    }
}

/*happening css*/
.news-grid {
    display: grid;
    grid-template-columns: 31% 31% 38.85%;
    width: 100%;
    overflow: hidden;
}

.news-card {
    position: relative;
    padding: 5rem 5rem 3rem;
    background: #e0e0e0;
    overflow: hidden;
    min-height: 45rem;
}

.img-card {
    background: linear-gradient(180deg, #999, #333);
    display: flex;
    align-items: end;
    height: 100%;
    gap: 0rem;
}

.third_arti {
    display: block;
    background: linear-gradient(180deg, #999, #333);
}

.third_arti .title {
    font-size: var(--font-18);
    font-weight: normal;
    color: var(--color-white);
    font-family: var(--font-family-inter);
    line-height: 1.7;
    max-width: 46%;
}

.purple {
    background: var(--color-3d);
}

.gray {
    background: #9c9c9c;
}

.yellow {
    background: var(--color-ff);
}

.blue {
    background: var(--color-18);
}

.date h2 {
    font-size: var(--font-48);
    font-weight: 300;
    color: var(--color-white);
    margin: 0;
    position: relative;
}

.date span {
    color: var(--color-white);
}

.date.white h2,
.date.white span {
    color: var(--color-white);
}

.title {
    font-size: var(--font-30);
    line-height: 1.4;
    color: var(--color-white);
    font-weight: 300;
    width: 100%;
    margin: 0;
}

.title.white {
    color: var(--color-white);
}

.arrow {
    width: 1rem;
    color: var(--color-white);
    margin-top: 2rem;
    display: inline-block;
}

.arrow.white {
    color: var(--color-white);
}

.progress {
    position: absolute;
    bottom: 5rem;
    right: 7rem;
    width: auto;
    height: 3px;
    background: none;
}

.progress.dark {
    background: linear-gradient(90deg, #000 30%, transparent 30%);
}

.date {
    margin-bottom: 3rem;
    width: fit-content;
}

.img-card h2:after {
    content: "";
    width: 22px;
    height: 1px;
    background: var(--color-ff);
    position: absolute;
    right: 0;
    top: 1.5rem;
}

article.news-card.img-card .title {
    font-size: var(--font-18);
    max-width: 66%;
}

.img-card .date {
    width: fit-content;
    margin: 0;
    margin-right: 5rem;
}

.img-card p.title {
    width: 70%;
}

.yellow .date h2,
.yellow .date h5,
.yellow .date h6,
.yellow p {
    color: #000;
}

.img-card .arrow {
    margin-left: 2rem;
}

.yellow .arrow {
    filter: invert(1);
}

.about_borderBottom {
    position: relative;
}

.about_borderBottom::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 87.5rem;
    height: 0.8rem;
    background-image: url(../images/top_50_bottom_line.svg);
    left: -11rem;
    background-repeat: no-repeat;
    background-size: 100%;
}

.news-card {
    opacity: 0;
    transform: translateY(80px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.news-card .date,
.news-card .title,
.news-card .arrow,
.news-card .progress {
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.5s ease;
}

.img-card,
.third_arti {
    background-size: 120%;
    transition: background-size 1.2s ease;
}

.news-card.in-view {
    opacity: 1;
    transform: translateY(0);
}

.news-card.in-view.img-card,
.news-card.in-view.third_arti {
    background-size: 100%;
}

.news-card.in-view .date {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
    position: relative;
    z-index: 9;
}

.news-card.in-view .title {
    opacity: 1;
    transform: translateY(0);
    position: relative;
    z-index: 9;
}

.news-card.in-view .arrow {
    opacity: 1;
    transform: translateX(10px);
    transition-delay: 0.5s;
    position: relative;
    z-index: 9;
}

.news-card.in-view .progress {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
    transition-delay: 0.6s;
}

@media (max-width: 991px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .news-grid {
        grid-template-columns: 1fr;
    }
}

/*HOME INTERNATIONAL css*/
.home_international {
    padding-block: 16rem;
}

.home_international h2 {
    font-size: var(--font-30);
    font-weight: bold;
    color: var(--color-28);
    margin-bottom: 3rem;
}

.bento-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 280px);
    gap: 2.5rem;
    width: 100%;
    margin-top: 5rem;
}

.card {
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
    width: 28rem;
    border: 0;
}

.card:hover {
    transform: translateY(-5px);
}

.yellow-card {
    background-color: var(--color-ff);
    color: var(--color-33);
}

.white-card {
    background-color: var(--color-white);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.tall-card {
    grid-row: span 2;
    background-color: #888;
    padding: 0;
    width: 47rem;
}

.image-placeholder {
    height: 100%;
    width: 100%;
    background-color: #999;
}

.overlay-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #282896ad;
    padding: 20px;
    color: white;
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 0px 20px;
}

.overlay-content p {
    line-height: 1.4;
}

.icon {
    font-size: var(--font-20);
    margin-bottom: 20px;
    color: #4B4B9D;
}

.card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-items: center;
}

.arrow-btn,
.arrow-small {
    background: var(--color-33);
    color: var(--color-white);
    border: none;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
}

.arrow-small {
    background: #f0f0f0;
    color: #666;
    padding: 5px 12px;
}

.card-bottom h3 {
    width: 79%;
}

.card.tall-card .overlay-content {
    width: 79%;
}

.card.tall-card .overlay-content a.read {
    position: absolute;
    right: -7rem;
    background: #00000085;
}

.image-placeholder img {
    height: 100%;
    object-fit: cover;
}

.bento-grid .read {
    margin: 0;
}

.bento-grid .card:hover .read {
    background-color: var(--color-28);
}

.bento-grid .card:hover .read img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.card.tall-card .overlay-content a.read img {
    filter: brightness(2);
}

.bento-grid .card {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.bento-grid.animate .card {
    opacity: 1;
    transform: translateY(0);
}

.bento-grid.animate .card:nth-child(1) {
    transition-delay: 0.1s;
}

.bento-grid.animate .card:nth-child(2) {
    transition-delay: 0.25s;
}

.bento-grid.animate .card:nth-child(3) {
    transition-delay: 0.4s;
}

.bento-grid.animate .card:nth-child(4) {
    transition-delay: 0.55s;
}

.bento-grid.animate .card:nth-child(5) {
    transition-delay: 0.7s;
}

.bento-grid.animate .card:nth-child(6) {
    transition-delay: 0.85s;
}

.bento-grid.animate .card:nth-child(7) {
    transition-delay: 1s;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

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

@media (max-width: 992px) {
    .bento-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
        gap: 1rem;
    }
}

.hero {
    width: 100%;
    min-height: inherit;
    background: #F2F2F2;
    overflow: hidden;
}

.hero-grid {
    display: grid;
    grid-template-columns: 0.91fr 1fr;
    min-height: inherit;
    gap: 11rem;
}

.hero-video {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 11rem;
}

.hero-info-wrap {
    position: absolute;
    bottom: 4rem;
    right: -6rem;
    display: flex;
    gap: 20px;
}

.hero-info-card {
    background: #ffffffcf;
    border-radius: 20px;
    padding: .8rem;
    display: flex;
    align-items: center;
    gap: 2rem;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.hero-info-card img {
    border-radius: 8px;
}

.hero-president-card {
    width: 35.8rem;
}

.hero-president-card small {
    font-size: var(--font-18);
    color: var(--color-2b);
    display: block;
    font-weight: bold;
    margin-bottom: 1rem;
}

.hero-nirf-card {
    width: 38.7rem;
    padding-left: 3.9rem;
}

.hero-content {
    padding-inline: 0;
    padding-block: 5rem;
    max-width: 71rem;
    margin-right: auto;
    align-content: center;
}

.tag {
    color: var(--color-28);
    font-weight: 600;
    margin-bottom: 14px;
    display: inline-block;
}

.desc {
    color: #555;
    max-width: 520px;
    margin-bottom: 24px;
}

.cta {
    display: flex;
    gap: 30px;
    margin-bottom: 6rem;
    border-top: 1px solid #7070704f;
    margin-top: 3rem;
    padding-top: 3rem;
}

.cta a {
    text-decoration: none;
    color: var(--color-2b);
    font-weight: 600;
    gap: 1rem;
}

.stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem 0;
}

.hero-content .stat h3 {
    font-size: var(--font-48);
    color: var(--color-28);
    font-weight: bold;
    width: 32%;
    margin: 0;
}

.stat p {
    margin: 0;
}

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

.hero-content h3 {
    margin-block: 3rem 3rem;
}

.stat {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.hero-content h3 sup {
    font-weight: bold;
    font-size: var(--font-21);
    top: -22px;
    left: -9px;
}

.hero-content a.read {
    position: absolute;
    right: 0;
    top: .5rem;
}

.hero-content p {
    position: relative;
    padding-inline: 0 12rem;
}

.hero-nirf-card img {
    border-left: 5px solid #5353AB;
    border-radius: 0;
    padding-left: 3rem;
}

a.read_icon {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
}

div.read_icon {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
}

.name_din {
    position: relative;
}

.hero-video figure {
    width: 100%;
    height: 100%;
}

.hero-video figure img {
    height: 100%;
    object-fit: cover;
}

.hero * {
    opacity: 0;
    transform: translateY(40px);
}

.hero.animate * {
    opacity: 1;
    transform: translateY(0px);
}

.hero-video figure img {
    transform: scale(1.08);
}

.hero-info-card {
    transform: translateY(60px);
}

.hero.animate {
    visibility: visible;
}

.hero.animate .hero-video figure img {
    opacity: 1;
    transform: scale(1);
    transition: 1s ease;
}

.hero.animate .hero-info-card {
    opacity: 1;
    transform: translateY(0);
    transition: 0.6s ease;
}

.hero.animate h2,
.hero.animate h3,
.hero.animate p,
.hero.animate .cta a,
.hero.animate .stat {
    opacity: 1;
    transform: translateY(0);
    transition: 0.6s ease;
}

.hero.animate .hero-president-card {
    transition-delay: 0.4s;
}

.hero.animate .hero-nirf-card {
    transition-delay: 0.6s;
}

.hero.animate h2 {
    transition-delay: 0.3s;
        font-size: var(--font-42);
}

.hero.animate h3 {
    transition-delay: 0.45s;
}

.hero.animate p {
    transition-delay: 0.6s;
}

/* .hero.animate .cta a:nth-child(1) { transition-delay: 0.75s; }
.hero.animate .cta a:nth-child(2) { transition-delay: 0.9s; } */
.hero.animate .stat:nth-child(1) {
    transition-delay: 1.05s;
}

.hero.animate .stat:nth-child(2) {
    transition-delay: 1.2s;
}

.hero.animate .stat:nth-child(3) {
    transition-delay: 1.35s;
}

.hero.animate .stat:nth-child(4) {
    transition-delay: 1.5s;
}

.hero .cta a:hover {
    color: var(--color-28);
}

/*research css*/
.research_sec {
    position: relative;
    padding-top: 15.6rem;
    padding-bottom: 15.6rem;
    overflow: hidden;
}

.research_wrapper {
    position: relative;
    width: 100%;
    display: grid;
    margin-bottom: 20rem;
    background: var(--color-2b);
    border-radius: 30px;
    margin-right: 0;
    margin-left: -4.55rem;
}

.research_sec .sec_title h2 {
    margin-block: 3rem;
}

.research_border {
    position: relative;
    height: 3.2rem;
    background-color: var(--color-dc);
    opacity: 0.75;
    margin-top: auto;
}

.research_wrapper>* {
    grid-area: 1/1;
    margin-inline: -4.45rem;
}

.research_wrapper>figure {
    background-color: var(--color-23);
}

.research_wrapper>figure>img {
    mix-blend-mode: luminosity;
}

.research_grid {
    display: grid;
    grid-template-columns: 47.116% 52.883%;
}

.research_grid>.sec_title>* {
    color: var(--color-white);
}

.research_grid>.sec_title {
    padding: 8rem 10.2rem 1rem 15.5rem;
    position: relative;
}

.research_grid>.sec_title>.border180 {
    margin-left: -13.5rem;
    margin-bottom: 2.7rem;
}

.research_grid>.sec_title>.title56 {
    margin-bottom: 2rem;
}

.research_grid>.sec_title>p {
    font-weight: 300;
}

.research_grid>.sec_title>.more_btn {
    margin-top: 5rem;
}

.research_grid>.sec_title>.more_btn img {
    filter: brightness(0) invert(1);
}

.research_right {
    position: relative;
}

.research_right>figure {
    margin-top: -8.6rem;
    margin-right: -5.4rem;
}

.research_right>.research_caption>* {
    color: var(--color-white);
}

.research_right>.research_caption {
    padding: 3rem 5.1rem 0 3rem;
}

.research_right>.research_caption h6 {
    margin-bottom: 2rem;
    font-size: var(--font-21);
}

.research_right>.research_caption p {
    font-weight: 300;
    padding-right: 12rem;
}

.research_list {
    position: relative;
    grid-column: span 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5.1rem;
    padding-left: 30.1rem;
    margin-block: 3.6rem -27.9rem;
    margin-right: 12.6rem;
    z-index: 1;
    margin-left: -14rem;
}

.research_item {
    position: relative;
}

.research_item .research_caption {
    padding-top: 3rem;
    padding-right: 3rem;
}

.research_item .research_caption h6 {
    margin-bottom: 1.2rem;
    font-size: var(--font-21);
    font-weight: bold;
    color: var(--color-2b);
}

.research_item .research_caption p {
    font-size: var(--font-18);
    color: var(--color-2b);
    font-weight: 300;
}

.research_caption .more_btn {
    position: absolute;
    right: 10rem;
    top: 8rem;
}

.research_caption {
    position: relative;
}

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

.research_caption .read {
    position: absolute;
    right: 1.2rem;
    bottom: -1.5rem;
}

@media (max-width:1750px) {
    .research_sec {
        padding-top: 15.6rem;
    }
}

@media (max-width:1300px) {
    .research_right>figure {
        margin-top: -2.6rem;
        margin-right: -2.4rem;
    }

    .research_list {
        margin-right: -2.4rem;
    }
}

@media (max-width:991px) {
    .research_sec {
        padding-top: 10.6rem;
    }

    .research_wrapper>* {
        margin-inline: 0;
    }

    .research_grid>.sec_title {
        padding: 3.2rem 2.2rem 1rem 4.9rem;
    }

    .research_grid>.sec_title>.border180 {
        margin-left: 0;
    }

    .research_right {
        padding-right: 3rem;
    }

    .research_list {
        padding-inline: 3.5rem;
        gap: 3.1rem;
        margin-right: 0;
    }

    .research_item .research_caption {
        padding-right: 2rem;
    }

    .card {
        width: 100%;
        flex-direction: inherit;
        gap: 2rem;
        justify-content: inherit;
        background: var(--color-white);
        align-items: center;
        border-radius: 10px;
    }

    .home_international .card h3 {
        font-size: var(--font-16);
        margin: 0;
        font-weight: 300;
        text-align: left;
        width: fit-content;
    }

    .home_international .card h3 br {
        display: none;
    }

    .icon {
        margin-bottom: 0;
        width: 30px;
        font-size: var(--font-10);
        height: 30px;
        display: inline-flex;
    }

    .card.tall-card {
        display: none;
    }

    .bento-grid .read {
        width: 25px;
        height: 25px;
        border-radius: 6px;
        padding: 1rem;
        position: absolute;
        right: 1.5rem;
    }
}

@media (max-width:767px) {
    .research_sec {
        padding-top: 0;
        padding-bottom: 0;
    }

    .research_sec .container {
        padding-inline: 0;
    }

    .research_wrapper {
        margin: 0;
        border-radius: 0;
    }

    .research_right {
        display: none;
    }

    .research_grid {
        grid-template-columns: 100%;
        padding: 4.6rem 1.6rem 2.3rem;
        border-radius: 0;
    }

    .research_grid>.sec_title {
        text-align: center;
        padding: 0;
    }

    .research_list {
        grid-template-columns: 1fr;
        gap: 0.9rem;
        padding-inline: 0;
        margin: 0;
    }

    .research_caption {
        position: absolute;
        inset: 0;
        padding: 1.6rem;
        background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, .67) 100%);
        display: flex;
        align-items: flex-end;
    }

    .research_item .research_caption h6 {
        color: var(--color-white);
        margin-bottom: 0;
    }

    .research_caption p {
        display: none;
    }
}

.research-section {
    max-width: 919px;
    margin: 7rem auto;
    background: var(--color-white);
    border-radius: 20px;
    padding-inline: 11.8rem;
    position: relative;
    padding-block: 7rem;
}

.research-card {
    background: var(--color-white);
    border-radius: 20px;
    padding-inline: 0;
    position: relative;
    padding-block: 0;
}

.section-title {
    font-size: var(--font-21);
    font-weight: 600;
    color: var(--color-2b);
    margin-bottom: 0;
}

.research-card .tag {
    display: inline-block;
    background: var(--color-ff);
    color: #000;
    padding: 0.8rem 3rem;
    border-radius: 10px;
    margin-bottom: 3rem;
    font-weight: normal;
    margin-top: 5rem;
}

.project-title {
    font-size: var(--font-36);
    line-height: 1.25;
    font-weight: 300;
    color: var(--color-2b);
    margin: 25px 0;
    max-width: 820px;
}

.meta {
    color: var(--color-2b);
    margin-top: 30px;
}

.meta span {
    font-weight: 300;
}

.author {
    margin-top: 10px;
    font-weight: bold;
    color: var(--color-2b);
}

.nav-buttons {
    display: flex;
    gap: 1px;
    margin-top: 5rem;
    padding: .8rem .1rem;
}

.nav-buttons .swiper-button-prev,
.nav-buttons .swiper-button-next {
    position: static;
    width: 42px;
    height: 42px;
    background: #fff;
    border-radius: 0;
    color: #000;
    box-shadow: 0px 1px 5px #0000001c;
}

.nav-buttons .swiper-button-prev {
    border-radius: 10px 0px 0px 10px;
}

.nav-buttons .swiper-button-next {
    border-radius: 0px 10px 10px 0px;
}

.nav-buttons .swiper-button-prev::after,
.nav-buttons .swiper-button-next::after {
    font-size: var(--font-16);
    font-weight: bold;
}

@media (max-width: 768px) {
    .research-card {
        padding: 30px;
    }

    .project-title {
        font-size: var(--font-21);
    }

    .nav-buttons {
        left: 30px;
        bottom: 30px;
    }
}

.research_item .research_caption p.meta {
    font-size: var(--font-16);
}

.research_item .research_caption p.author {
    font-weight: bold;
    font-size: var(--font-16);
}

.box_research_text {
    position: relative;
}

.box_research_text .more_btn {
    position: absolute;
    right: -8rem;
    bottom: -1rem;
    background: #00000087;
}

.re_bg img {
    width: 116rem;
    margin-left: 0;
}

.re_bg {
    position: absolute;
    left: 4.4rem;
    margin-top: 7.7rem;
    margin-bottom: 7rem;
}

.research_number_list {
    display: flex;
    gap: 5rem;
    margin-top: 24rem;
    align-items: center;
}

.res_item {
    display: flex;
    color: var(--color-white);
    gap: 3rem;
    align-items: center;
}

.res_item h3 {
    color: var(--color-white);
    font-size: var(--font-48);
    font-weight: bold;
    margin: 0;
}

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

.res_item h3 sup {
    font-size: var(--font-21);
    top: -2.5rem;
}

.research_item figure {
    display: grid;
}

.research_item figure>* {
    grid-area: 1/1;
}

.research_item figcaption {
    background: var(--color-ff);
    border-radius: 10px;
    width: fit-content;
    height: fit-content;
    padding: .5rem 2rem;
    margin: 1.5rem 1.5rem;
}

.research_sec .sec_title *,
.research_sec .research_right *,
.research_sec .research_item * {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    outline: 0;
}

/* visible */
.research_sec.is-visible .sec_title *,
.research_sec.is-visible .research_right *,
.research_sec.is-visible .research_item * {
    opacity: 1;
    transform: translateY(0);
}

.research_sec.is-visible .sec_title>*:nth-child(1) {
    transition-delay: 0.1s;
}

.research_sec.is-visible .sec_title>*:nth-child(2) {
    transition-delay: 0.2s;
}

.research_sec.is-visible .sec_title>*:nth-child(3) {
    transition-delay: 0.3s;
}

.research_sec.is-visible .sec_title>*:nth-child(4) {
    transition-delay: 0.4s;
}

.research_sec.is-visible .research_right * {
    transition-delay: 0.5s;
}

.research_sec.is-visible .research_item:nth-child(1) * {
    transition-delay: 0.6s;
}

.research_sec.is-visible .research_item:nth-child(2) * {
    transition-delay: 0.8s;
}

.research_sec.is-visible .research_item:nth-child(3) * {
    transition-delay: 1s;
}

.research-card:hover .tag {
    background-color: var(--color-28);
    color: var(--color-white);
}

.research-card:hover h2,
.research-card:hover .meta,
.research-card:hover .author,
.research_item:hover,
.research_caption p {
    color: var(--color-28);
}

.research-swiper .nav-buttons .swiper-button-prev:hover,
.research-swiper .nav-buttons .swiper-button-next:hover {
    background-color: var(--color-ff);
}

/*technology css*/
.technology-business_sec {
    position: relative;
    padding-top: 10.6rem;
    padding-bottom: 17rem;
    overflow: hidden;
}

.technology-business_wrapper {
    position: relative;
    width: 100%;
    display: grid;
    margin-bottom: 0;
    background: linear-gradient(141deg, #282896 0%, #14144B 1%);
    border-radius: 30px;
    margin-right: 0;
    margin-left: -4.55rem;
}

.technology-business_wrapper::before {
    content: "";
    background: url("../images/mask-4.svg") no-repeat;
    background-size: 55%;
    position: absolute;
    inset: 0;
    border-radius: 30px;
    background-position: -2% 0%;
}

.technology-business_sec .sec_title h2 {
    margin-block: 3rem 5rem;
}

.technology-business_border {
    position: relative;
    height: 3.2rem;
    background-color: var(--color-dc);
    opacity: 0.75;
    margin-top: auto;
}

.technology-business_wrapper>* {
    grid-area: 1/1;
    margin-inline: -4.45rem;
}

.technology-business_wrapper>figure {
    background-color: var(--color-23);
}

.technology-business_wrapper>figure>img {
    mix-blend-mode: luminosity;
}

.technology-business_grid {
    display: grid;
    grid-template-columns: 47.116% 52.883%;
}

.technology-business_grid>.sec_title>* {
    color: var(--color-white);
}

.technology-business_grid>.sec_title {
    padding: 15rem 8.2rem 1rem 16.5rem;
    position: relative;
}

.technology-business_grid>.sec_title>.border180 {
    margin-left: -13.5rem;
    margin-bottom: 2.7rem;
}

.technology-business_grid>.sec_title>.title56 {
    margin-bottom: 2rem;
}

.technology-business_grid>.sec_title>p {
    font-weight: 300;
}

.technology-business_grid>.sec_title>.more_btn {
    margin-top: 5rem;
    margin-bottom: 7rem;
}

.technology-business_grid>.sec_title>.more_btn img {
    filter: brightness(0) invert(1);
}

.technology-business_right {
    position: relative;
}

.technology-business_right>figure {
    margin-top: 9rem;
    margin-right: -5.4rem;
}

.technology-business_right>.technology-business_caption>* {
    color: var(--color-white);
}

.technology-business_right>.technology-business_caption {
    padding: 3rem 5.1rem 0 3rem;
}

.technology-business_right>.technology-business_caption h6 {
    margin-bottom: 2rem;
    font-size: var(--font-21);
}

.technology-business_right>.technology-business_caption p {
    font-weight: 300;
    padding-right: 12rem;
}

.technology-business_list {
    position: relative;
    grid-column: span 2;
    padding-left: 17.1rem;
    margin-block: 5.6rem 9.1rem;
    margin-right: 0;
    z-index: 1;
    padding-right: 17rem;
    overflow: hidden;
}

.technology-business_item {
    position: relative;
}

.technology-business_item .technology-business_caption {
    padding-top: 3rem;
    padding-right: 10rem;
}

.technology-business_item .technology-business_caption h6 {
    margin-bottom: 1.2rem;
    font-size: var(--font-21);
    font-weight: bold;
    color: var(--color-2b);
}

.technology-business_item .technology-business_caption p {
    font: var(--font-14);
    color: var(--color-2b);
    font-weight: 300;
}

.more_btn {
    background: #ffffff45;
    border-radius: 10px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.technology-business_caption .more_btn {
    position: absolute;
    right: 10rem;
    top: 8rem;
}

.technology-business_caption {
    position: relative;
}

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

.technology-business_caption .read {
    position: absolute;
    right: 1.2rem;
    bottom: -1.5rem;
}

.tec_list {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-shrink: inherit;
    text-align: left;
}

.tec_list h3 {
    font-size: var(--font-48);
    color: var(--color-white);
}

.tec_list p {
    font-weight: 300;
}

.technology-business_list h3 {
    color: var(--color-white);
    font-size: var(--font-21);
    margin-bottom: 2.7rem;
}

.fade-step {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-step.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.delay-1 {
    transition-delay: 0.1s;
}

.delay-2 {
    transition-delay: 0.25s;
}

.delay-3 {
    transition-delay: 0.4s;
}

.delay-4 {
    transition-delay: 0.55s;
}

.delay-5 {
    transition-delay: 0.7s;
}

.delay-6 {
    transition-delay: 0.85s;
}

.delay-7 {
    transition-delay: 1s;
}

.delay-8 {
    transition-delay: 1.15s;
}

.delay-9 {
    transition-delay: 1.3s;
}

.delay-10 {
    transition-delay: 1.35s;
}

.delay-11 {
    transition-delay: 1.4s;
}

.delay-12 {
    transition-delay: 1.45s;
}

.item_logo .swiper-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tech_logo {
    flex-shrink: 0;
    width: auto;
}

.dual-border {
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #282896a8 0%, #282896a8 50%, #ffcb054d 50%, #ffcb054d 100%);
}

@media (max-width:1750px) {
    .technology-business_sec {
        padding-top: 10.6rem;
    }
}

@media (max-width:1300px) {
    .technology-business_right>figure {
        margin-top: -2.6rem;
        margin-right: -2.4rem;
    }

    .technology-business_list {
        margin-right: -2.4rem;
    }
}

@media (max-width:991px) {
    .technology-business_wrapper {
        display: block;
    }

    .technology-business_sec {
        padding-top: 0;
        overflow: hidden;
    }

    .technology-business_wrapper>* {
        margin-inline: 0;
    }

    .technology-business_grid>.sec_title {
        padding: 3.2rem 2.2rem 1rem 4.9rem;
    }

    .technology-business_grid>.sec_title>.border180 {
        margin-left: 0;
    }

    .technology-business_right {
        padding-right: 0rem;
        margin-top: 2rem;
    }

    .technology-business_list {
        padding-inline: 3.5rem;
        gap: 3.1rem;
        margin-right: 0;
    }

    .technology-business_item .technology-business_caption {
        padding-right: 2rem;
    }
}

@media (max-width:767px) {
    .technology-business_sec {
        padding: 0;
    }

    .technology-business_sec .container {
        padding-inline: 0;
    }

    .technology-business_wrapper {
        margin-bottom: 0;
        margin: 0;
        border-radius: 0;
    }

    .dual-border.for_mobile {
        margin-block: 5rem;
    }

    .technology-business_grid {
        grid-template-columns: inherit;
        padding: 4.8rem 1.8rem;
        display: block;
    }

    .technology-business_grid>.sec_title {
        text-align: center;
        padding: 0;
    }

    .technology-business_list {
        grid-template-columns: 1fr;
        gap: 0.9rem;
        padding-inline: 0;
    }

    .technology-business_caption {
        position: absolute;
        inset: 0;
        padding: 1.6rem;
        background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, .67) 100%);
        display: flex;
        align-items: flex-end;
    }

    .technology-business_item .technology-business_caption h6 {
        color: var(--color-white);
        margin-bottom: 0;
    }

    .technology-business_caption p {
        display: none;
    }

    .technology-business_grid .more_btn {
        background: #000;
        width: 32px;
        height: 32px;
    }

    .technology-business_grid>.sec_title>.more_btn {
        margin-top: .8rem;
        margin-bottom: 3rem;
        margin-left: auto;
        margin-right: auto;
        order: 2;
        padding: 1.3rem;
    }
}

@media (min-width: 768px) {
    .for_mobile {
        display: none;
    }

    .tech_number_list .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem 4rem;
    }

    .item_logo .swiper-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .for_mobile {
        display: flex;
    }

    .for_dektop {
        display: none;
    }

    .technology-business_sec .sec_title h2 {
        margin-block: 3rem 2rem;
    }

    .technology-business_grid h6 {
        font-size: 2.1rem;
    }

    .technology-business_grid h2 {
        font-size: 2.8rem;
    }

    .tec_list p {
        font-size: var(--font-16);
    }

    .tec_list p br {
        display: none;
    }

    .tec_list {
        justify-content: center;
        text-align: center;
        gap: 0rem;
        flex-direction: column;
    }

    .logoSwiper .swiper-slide {
        display: flex;
        justify-content: center;
    }

    .technology-business_right>figure {
        margin-top: 0;
        margin-right: 0;
        width: 100%;
    }
}

/*sucess stories*/
.success-wrapper {
    display: grid;
    grid-template-columns: 25% 87%;
    align-items: center;
    gap: 50px;
}

.success-left h2 {
    color: var(--color-28);
    line-height: 1.3;
    margin-bottom: 2rem;
}

.success-slide {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
}

.success-section {
    overflow: hidden;
}

.success-media {
    position: relative;
}

.success-media img {
    width: 100%;
    border-radius: 10px;
}

.play-btn {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    border: none;
    opacity: 0.4;
}

.success-left h3 {
    color: #2B2A29;
    margin-bottom: 2rem;
}

.testimonial {
    width: 33rem;
    padding-left: 2rem;
    padding-bottom: 15rem;
}

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

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

.testimonial_caption span {
    font-weight: normal;
}

.testimonial_caption {
    border-left: powderblue;
    position: relative;
    padding-inline: 2rem;
}

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

.figure_img {
    position: absolute;
    top: -1rem;
    left: -4rem;
}

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

.success-right-slider .success-swiper .swiper-wrapper {
    align-items: flex-end;
}

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

.btn_group_all {
    position: absolute;
    bottom: 13rem;
    right: 49rem;
    display: flex;
    z-index: 99;
}

.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;
}

.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;
}

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

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

.icon_top_mobile {
    display: none;
}

/* ===== INITIAL STATE ===== */
.success-section .success-left,
.success-section .figure_img,
.success-section .success-media img,
.success-section .play-btn,
.success-section .testimonial,
.success-section .btn_group_all {
    opacity: 0;
    transform: translateY(40px);
}

/* ===== ACTIVE STATE ===== */
.success-section.is-visible .success-left {
    animation: fadeUp 0.8s ease forwards;
}

.success-section.is-visible .figure_img {
    animation: fadeUp 0.8s ease forwards;
    animation-delay: 0.3s;
}

.success-section.is-visible .success-media img {
    animation: scaleFade 0.9s ease forwards;
    animation-delay: 0.6s;
}

.success-section.is-visible .play-btn {
    animation: popIn 0.6s ease forwards;
    animation-delay: 1s;
}

.success-section.is-visible .testimonial {
    animation: fadeUp 0.8s ease forwards;
    animation-delay: 1.3s;
}

.success-section.is-visible .btn_group_all {
    animation: fadeUp 0.6s ease forwards;
    animation-delay: 1.6s;
}

/* ===== KEYFRAMES ===== */
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scaleFade {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes popIn {
    from {
        opacity: 0;
        transform: scale(0.6);
    }

    to {
        opacity: 0.4;
        transform: scale(1);
    }
}

@media (max-width:1899px) {
    .hero-content .stat p {
        padding-inline: 0;
    }

    .stat h3 {
        width: 35%;
        margin: 0;
    }
}

@media (max-width:1699px) {
    .hero-content {
        padding-inline: 11.7rem 5rem;
        padding-block: 5rem;
    }

    .stat h3 {
        width: 30%;
        margin: 0;
    }

    .facility_grid>.sec_title {
        padding: 8rem 10.2rem 1rem 16.5rem;
        position: relative;
    }

    .technology-business_grid>.sec_title {
        padding: 15rem 7.2rem 1rem 16.5rem;
        position: relative;
    }

    .research_grid {
        display: grid;
        grid-template-columns: 47.116% 47.883%;
    }

    .card {
        width: 100%;
    }
}

@media (max-width:1550px) {
    .research_grid {
        display: grid;
        grid-template-columns: 45.116% 47.883%;
    }

    .img-card h2:after {
        right: -1rem;
    }

    .news-card {
        position: relative;
        padding: 5rem 3rem 3rem;
    }
}

@media (max-width:1520px) {
    .technology-business_grid {
        display: grid;
        grid-template-columns: 51.116% 48.883%;
    }
}

@media (max-width:1499px) {
    .research_grid {
        display: grid;
        grid-template-columns: 45.116% 41.883%;
    }

    .research-section {
        padding-inline: 5.8rem;
    }

    .facility_grid>.sec_title {
        padding: 8rem 6.2rem 1rem 16.5rem;
        position: relative;
    }

    .hero-nirf-card,
    .hero-president-card {
        width: 100%;
    }

    .success-left {
        width: 45rem;
    }

    .btn_group_all {
        right: 45rem;
        bottom: 10rem;
    }

    .adm_26_panel ul {
        gap: 2rem;
    }
}

@media (max-width: 1399px) {
    .btn_group_all {
            right: 42rem;
        }

    .research_grid {
        grid-template-columns: 45.116% 41.883%;
    }

    .research_grid>.sec_title {
        padding: 8rem 5.2rem 1rem 15.5rem;
        position: relative;
    }

    .adm_26_panel ul {
        gap: 2rem;
    }
}

@media (max-width:1280px) {
    .hero-info-wrap {
        bottom: 0rem;
        right: -5rem;
        padding-inline: 2rem;
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }

    .research_grid {
        grid-template-columns: 45.116% 35.883%;
    }

    .hero-content {
        padding-inline: 8.7rem 5rem;
        padding-block: 5rem;
    }

    .facility_wrapper {
        margin-inline: 0;
    }

    .facility_wrapper>* {
        margin: 0;
    }

    .facility_grid>.sec_title {
        padding: 8rem 6.5rem 1rem 6.5rem;
        position: relative;
    }

    .facility_list {
        margin-right: 0;
        padding-inline: 20rem 3rem;
    }

    .facility_item .facility_caption {
        padding-top: 3rem;
        padding-right: 7rem;
    }

    .home_international {
        padding-block: 10rem;
    }

    .research_wrapper {
        margin-inline: 0;
        margin-bottom: 0;
    }

    .research_wrapper>* {
        margin: 0;
    }

    .research_grid>.sec_title {
        padding: 8rem 5.2rem 1rem 5.5rem;
        position: relative;
    }

    .research_list {
        margin: 0;
        padding-inline: 5rem;
        padding-bottom: 3rem;
    }

    .research_item .research_caption p {
        color: #fff;
    }

    .research_sec {
        padding-bottom: 5rem;
    }

    .technology-business_wrapper {
        margin-inline: 0;
    }

    .technology-business_wrapper>* {
        margin: 0;
        padding-inline: 2rem;
    }

    .technology-business_grid>.sec_title {
        padding: 15rem 5.2rem 1rem 5.5rem;
        position: relative;
    }

    .technology-business_list {
        margin-inline: 0;
        padding-inline: 5rem;
    }

    .technology-business_sec {
        padding-bottom: 12rem;
    }

    .technology-business_right>figure {
        margin-top: 10rem;
        margin-right: 0;
    }

    .technology-business_sec {
        padding-top: 2.6rem;
    }

    .research_sec {
        padding-top: 5.6rem;
    }

    .card.tall-card .overlay-content {
        width: 100%;
        position: static;
        display: block;
    }

    .card.tall-card .overlay-content a.read {
        position: static;
        right: 0;
        background: #00000085;
    }

    .home_pro_list {
        gap: 2rem;
    }

    .hero-info-wrap a.read_icon {
        position: static;
    }
}

@media (max-width:1199px) {
    .hero-content .stat h3 {
        width: 30%;
        margin: 0;
    }

    .research_grid {
        grid-template-columns: 41.116% 35.883%;
    }

    .box_research_text .more_btn {
        position: static;
    }

    .res_item {
        gap: 2rem;
    }

    .p_list {
        padding: 4rem 2.8rem;
    }

    .pro_search {
        position: relative;
        width: 74.8rem;
    }

    .placemnt_pic:after {
        height: 23rem;
    }

    .img-card .date {
        width: 26%;
        margin: 0;
        margin-right: 3rem;
    }

    .date {
        width: 21%;
    }

    .img-card h2:after {
        right: 1rem;
        top: 1rem;
    }

    .third_arti .title {
        max-width: inherit;
    }
}

@media (min-width:769px) and (max-width:992px) {
    .technology-business_grid {
        display: block;
        padding-block: 3rem;
    }

    .item_logo .swiper-wrapper {
        gap: 1rem;
    }

    .research_wrapper {
        display: block;
    }

    .research_right {
        padding-inline: 0rem;
    }

    .placemnt_detail {
        padding-inline: 0rem;
    }

    body .placemnt_logo {
        width: 18rem;
        margin: auto;
    }

    .facility_list .facility_item:nth-child(1) {
        display: none;
    }

    .facility_grid {
        padding-inline: 2rem;
    }

    .research_grid {
        display: block;
        padding-inline: 2rem;
        padding-block: 2rem;
    }

    body .research_item:nth-child(2),
    body .research_item:nth-child(3) {
        display: block;
    }

    body .research_sec,
    body .technology-business_sec {
        padding: 1rem;
    }

    body .home_slide .hero-slide-content figure img {
        width: 52rem;
        height: auto;
    }

    .program-card-img img {
        width: 100%;
    }

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

    .facility_caption .read {
        display: block;
        position: static;
        text-align: center;
        align-content: center;
    }

    .facility_item .facility_caption {
        padding-top: 3rem;
        padding-right: 0;
    }

    .tech_number_list .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem 1rem;
    }
}

@media (max-width:1499px) {
    .banner_grid {
        display: grid;
        grid-template-columns: 35% 65%;
    }
}

@media (max-width:1370px) {
    .banner_grid {
        display: grid;
        grid-template-columns: 25% 75%;
    }
}

@media (max-width:1199px) {
    .banner_grid {
        display: grid;
        grid-template-columns: 15% 85%;
    }

    .btn_group .btn a {
        width: 16rem;
    }

    .adm_26_panel h2 {
        margin: 0;
        font-size: 2rem;
    }

    .adm_26_panel {
        padding-inline: 2rem;
    }

    .adm_26_panel ul {
        gap: 1.5rem;
    }
}

@media (max-width:992px) {
    .research-section {
        max-width: 100%;
    }

    .facility_list {
        margin-right: 0;
        padding-inline: 0;
    }

    /* .facility_grid>.sec_title {
        padding-inline: 0;
        padding-top: 0;
    } */

    .hero-content .stat h3 {
        width: auto;
    }

    .research_grid {
        display: block;
    }

    .research_grid>.sec_title {
        padding: 0;
    }

    .research_list {
        padding-inline: 0;
    }

    .research_sec,
    .technology-business_sec {
        padding: 0;
    }

    .technology-business_grid {
        display: block;
    }

    .technology-business_grid>.sec_title {
        padding: 0;
    }

    .technology-business_right>figure {
        margin-top: 4rem;
        margin-right: 0;
    }

    .banner_grid>* {
        grid-area: 1 / 1;
    }

    .hero-slide-content .container {
        display: grid;
        align-items: center;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    .banner_grid {
        display: grid;
        grid-template-columns: inherit;
        /* align-items: baseline; */
    }

    .right_banner_img figure {
        max-height: 100%;
        object-fit: cover;
        height: 100vh;
        width: 100%;
    }

    .right_banner_img figure img {
        max-height: 100%;
        object-fit: cover;
        height: 100vh;
        width: 100%;
    }

    .banner-img-bg,
    .banner-img-bg img,
    .right_banner_img video {
        object-fit: cover;
        max-height: 100%;
        height: 100%;
    }

    .left-banner-content {
        position: absolute;
        bottom: 0;
    }

    .banner_grid {
        height: 100%;
    }

    .facility_grid .sec_title h2 {
        font-size: 2.8rem;
    }
}

.news-card figure {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

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

.news-card.purple figure img,
.news-card.yellow figure img,
.news-card.blue figure img {
    opacity: .1;
}

.news-card.img-card {
    position: relative;
}

.news-card.third_arti:before,
.news-card.img-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #00000075;
    z-index: 1;
}

.news-card.img-card:hover .date,
.news-card.img-card:hover .title,
.news-card.img-card:hover h2,
.news-card.img-card:hover h5,
.news-card.img-card:hover h6,
.news-card.blue:hover .date,
.news-card.blue:hover .title,
.news-card.blue:hover h2,
.news-card.blue:hover h5,
.news-card.blue:hover h6,
.news-card.purple:hover .date,
.news-card.purple:hover .title,
.news-card.purple:hover h2,
.news-card.purple:hover h5,
.news-card.purple:hover h6,
.news-card.third_arti:hover .date,
.news-card.third_arti:hover .title,
.news-card.third_arti:hover h2,
.news-card.third_arti:hover h5,
.news-card.third_arti:hover h6 {
    color: var(--color-ff);
}

.news-card.yellow:hover .date,
.news-card.yellow:hover .title,
.news-card.yellow:hover h2,
.news-card.yellow:hover h5,
.news-card.yellow:hover h6 {
    color: var(--color-28);
}

.common_date h5 {
    letter-spacing: -0.4px;
    font-size: var(--font-16);
    color: #fff;
    font-weight: 300;
}

.common_date h6 {
    letter-spacing: -0.4px;
    font-size: var(--font-16);
    color: #fff;
    font-weight: 300;
}

.news-card.in-view .date {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.news-card.in-view.img-card .date {
    display: block;
}

.news-card.in-view.img-card .common_date {
    display: flex;
    gap: .5rem;
}

.news-card.in-view.img-card .date h2 {
    font-size: var(--font-30);
}

.news-card.img-card span.progress {
    display: none;
}

.news-card.in-view.third_arti span.progress {
    display: none;
}

span.progress img {
    width: 100%;
}

span.progress {
    width: 80%;
}



@media (min-width:2199px) {
    .title {
        font-size: var(--font-36);
    }

    .news-card {
        position: relative;
        padding: 10rem 8rem 3rem;
    }

    article.news-card {
        padding-right: 20rem;
    }

    article.news-card.img-card .title,
    .third_arti .title {
        font-size: var(--font-24);
    }

    .news-card.in-view.img-card,
    .news-card.in-view.third_arti {
        padding-right: 5rem;
    }
}

@media (max-width:1499px) {
    .hero-content {
        padding-inline: 4.7rem 5rem;
    }

    .hero-grid {
        gap: 5rem;
    }
}

.hero-slider.school_home {
    overflow: inherit;
}

@media(max-width:992px) {
    .right_banner_img::before {
        width: 100%;
        height: 100%;
    }

    .pro_search {
        width: 100%;
    }

    .school-sec1 p {
        padding-inline: 0;
    }

    .school-sec1 blockquote {
        margin-bottom: 2rem;
    }

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

    .home_program {
        margin-bottom: 1rem;
    }

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

    .p_list {
        padding: 2rem 2.8rem;
        height: 100%;
    }

    .re_bg {
        position: static;
        margin: 0;
    }

    .res_item {
        gap: 2rem;
        flex-direction: column;
    }

    .research_number_list {
        align-items: center;
        flex-direction: inherit;
        justify-content: center;
        margin-top: 5rem;
    }

    .res_item p br {
        display: none;
    }

    .success-section {
        overflow: hidden;
    }

    .success-left h3 {
        display: none;
    }

    .success-wrapper {
        display: block;
        padding-block: 5rem;
        padding-inline: 1rem;
    }

    .success-slide {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .success-wrapper .read {
        display: none;
    }

    .success-left {
        padding: 0;
        width: 100%;
        top: 0;
    }

    .success-media {
        position: relative;
        order: 2;
    }

    .testimonial {
        width: 100%;
        padding-left: 0;
        order: 1;
        margin-bottom: 4rem;
    }

    .testimonial p {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .testimonial_caption {
        padding-left: 2.2rem;
    }

    .testimonial_caption:before {
        left: 0;
    }

    .figure_img {
        position: absolute;
        top: 22rem;
        left: -4rem;
    }

    .common_date {
        display: flex;
        gap: .5rem;
    }

    .news-card.in-view .date {
        flex-direction: column;
        align-items: baseline;
    }

}


.hero-slider.department_home_banner {
    padding-top: 0;
    overflow: inherit;
}

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

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

.school-sec1.depatment_sec .read {
    margin: 3rem auto;
}


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

@media (min-width:2399px) {
    .school-sec1.depatment_sec {
        margin-top: 0;
    }
}

@media (max-width:599px) {
    .p_list {

        height: 100%;
        border: 0;
    }

    .p_list:last-child {
        border: 0;
    }

    .home_placement.school-sec4 {
        padding-top: 0;
        padding-bottom: 0rem;
    }

    .program_faculSec {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media (max-width:992px) {
    .facility_caption .read img {
        display: none;
    }

    .facility_caption .read {
        background: none;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .hero-slider.department_banner .hero-left {
        width: fit-content;
        padding-inline: 2rem;
    }

    .hero-slider.department_banner .banner_slider {
        height: 90vh;
    }

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

    .program_depContant {
        padding-inline: 0;
    }

    .hero-slider.department_banner .hero-slide-content {
        padding-inline: 0;
        padding-bottom: 0;
    }

    .hero-left h2 {
        font-size: 2.6rem;
    }

    .hero-left h2 br {
        display: none;
    }


}

@media (min-width:699px) {
    .home_placement .swiper-pagination {
        display: none;
    }
}


@media (max-width:1599px) {
    .hero-slider {
        padding-block: 13.5rem 0;
    }

}

@media (max-width: 1366px) {
    .hero-slider {
        padding-block: 11.5rem 0;
    }
}

.dep_quote {
    margin-bottom: 2rem;
}

@media (max-width:1699px) {
    .hero-info-wrap {
        width: 100%;
    }

    .hero-info-card img {
        width: 94px;
    }

    .hero-info-card .read_icon img {
        width: auto;
    }
}

@media (max-width:1499px) {
    .btn_group .btn a {
        width: 19rem;
    }

    .adm_26_panel h2 {
        font-size: 2rem;
    }

    .adm_26_panel ul li a {
        font-size: 1.5rem;
    }

}

@media (max-width:1199px) {
    .btn_group .btn a {
        width: 16rem;
        font-size: var(--font-14);
    }

    .adm_26_panel h2 {
        font-size: 1.7rem;
    }

    .adm_26_panel ul li a {
        font-size: 1.4rem;
    }

    .facility_right>.facility_caption>p {
        padding-right: 0;
    }

}

@media (max-width:1000px) {
    .btn_group .btn a {
        width: 15rem;
        font-size: var(--font-14);
    }

    .adm_26_panel h2 {
        font-size: 1.3rem;
    }

    .adm_26_panel ul li a {
        font-size: 1.2rem;
    }

    .facility_right>.facility_caption {
        padding: 3rem 2.1rem 0 3rem;
    }
}



@media (max-width:1280px) {
    .testimonial {
        padding-inline: 2rem;

        width: 31rem;
    }

}

@media (max-width:1099px) {
    .testimonial {
        width: 28rem;
    }

}

.placement_profile_panel {
    padding-inline: 5rem;
    padding-bottom: 10rem;
}

.home_placement.school-sec4 .placement_profile_panel {
    padding-inline: 0;
}

@media (max-width: 992px) {
    .placement_profile_panel {
        padding-block: 0 5rem;
        padding-inline: 0;
    }

    .facility_caption .more_btn {
        position: static;
    }

    .facility_grid>.sec_title {
        padding: 8rem 2.5rem 1rem 2.5rem;
        position: relative;
    }
}

.hero-nav {
    display: none;
}

.home_dep_testimonial.home_testimonial {
    overflow: hidden;
}

.dep_testimonial h2 {
    text-align: center;
    margin-block: 5rem 6rem;
    color: var(--color-28);
}

.dep_testimonial {
    margin-bottom: 10rem;
}

.dep_testimonial .al_ap_item {
    text-align: center;
    padding-inline: 1rem;
}

.dep_testimonial .al_ap_item p {
    min-height: 100px;
}

.dep_testimonial .al_ap_item h6 {
    font-size: var(--font-14);
}

.home_dep_requiters h2 {
    text-align: center;
    margin-block: 5rem 6rem;
    color: var(--color-28);
}

.home_dep_requiters {
    margin-bottom: 6rem;
}

.home_dep_requiters .swiper-wrapper {}

.dep_rec_item {
    background: var();
    padding: 1.5rem 5rem;
    text-align: center
}


@media (max-width:1280px) {
    .p_list {
        padding: 4rem 4.8rem;
    }

    .placement_profile_panel {
        padding: 0;
    }

    .home_placement .placement_profile_panel {
        padding-bottom: 10rem;
    }
}

@media (max-width:1199px) {
    .p_list {
        padding: 2rem 2rem;
    }

    .admission-26 .adm_26_panel {
        flex-direction: column;
        gap: 2rem 0;
        padding: 3rem 0;
        padding-inline: 2rem 2rem;
    }

    .admission-26 .adm_26_panel ul {
        flex-wrap: wrap;
        justify-content: center;
    }

}


@media(max-width:1024px) {
    .home_dep_requiters h2 {
        margin-block: 2rem 3rem;
    }
}


@media (max-width:991px) {
    .home_dep_requiters {
        margin-bottom: 0rem;
    }

    .dep_testimonial {
        margin-bottom: 4rem;
    }

    .admission-26 .adm_26_panel .btn_group {
        flex-direction: row;
    }

    .home_program .home_pro_list .pro_list1 figure img {
        height: auto;
    }

    .home_program .home_pro_list .pro_list1 figure {
        height: auto;
    }
}

@media(max-width:575px) {
    .hero-slider.department_banner .banner_slider {
        height: 78vh;
    }

    .school-sec1.depatment_sec h4 {
        font-size: var(--font-21);
        margin-bottom: 3rem;
    }

    .school-sec1.depatment_sec h1 {
        font-size: var(--font-21);
        margin-bottom: 3rem;
    }

    .dep_rec_item {
        padding: 1.5rem 2rem;
    }

}



@media (max-width:414px) {
    .p_list {
        padding: 2rem 3rem;
    }



}


.banner-img-bg:after {
    content: "";
    background: url(../images/bg-pics.webp) repeat;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

.banner-bg1 {
    width: 43.3%;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 1;
}

.banner_slider {
    display: grid;
}

.banner_slider>* {
    grid-area: 1/1;
}

@media (min-width:2399px) {
    .right_banner_img:before {
        height: 90rem;
    }

    .hero-left {
        width: 70rem;
        padding-left: 0;
        margin-left: 6rem;
        margin-top: 20rem;
    }

    .left-banner-content img {
        width: 85rem;
    }

    .hero-slide-content {
        padding-left: 0;
        margin-top: 7rem;
        margin-left: -5rem;
    }
}

.home_happening.sec_title>h2 {
    text-align: center;
    margin-block: 5rem;
}

.fixed-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
}