/* Programs page css */
.program-search{ background: #f4f7f4cc; padding-block: 0rem 5rem; }
.search-list { display: grid; grid-template-columns: repeat(4, 22% 22% 22% 34%); gap: 3rem; overflow: hidden; }
.search-lst-box { width: 100%; position: relative; border-right: 1px solid #d1d1d1c9; padding-right: 3rem; }
.search-lst-box label{ font: var(--fs-18); color: var(--color-38); font-weight: 500; margin-bottom: 2rem; }
.search-lst-box .form-select{ font: var(--fs-16); color: var(--color-black); background-color: #ffffff00; border: none; border-radius: 0; 
    border-bottom: 1px solid #D1D1D1; font-weight: 300;     margin-bottom: 0;  max-width: 100%;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: .8;}
.search-lst-box:last-child{ border-right: 0px solid #D1D1D1; padding-right: 0rem; }
.search-lst-box .search-input {display: flex; justify-content: space-between; width: 78%;}
.search-lst-box .search-input input{ width: 100%; font: var(--fs-16); background-color: #ffffff00; border: none; border-radius: 0; 
    border-bottom: 1px solid #D1D1D1; color: var(--color-black); font-weight: 300; padding: 0.8rem 1.5rem;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
    .search-lst-box .search-input input:focus-visible{ outline: none;}
.search-lst-box .search-input button{ background-color: #ffffff00; border: none; border-radius: 0; border-bottom: 1px solid #D1D1D1; color: var(--color-black); padding: .4rem; }
.search-input input::placeholder { font: var(--fs-16); color: var(--color-black); }
.program-sec2{    padding-block: 10rem 7rem }
.regular-text{ position: relative; }
.regular-text h3{ font-family: var(--font-crimson); font: var(--fs-36); letter-spacing: -1.08px; color: var(--color-38); font-weight: 300; }
.courses-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12rem; margin-top: 5rem; }
.courses-box{}
.courses-box h6{ font: var(--fs-21); font-weight: 600; color: var(--color-3f); margin-bottom: 3rem; }
.courses-box ul{ list-style-type: none; padding: 0; }
.courses-box ul li{ display: flex; justify-content: space-between; position: relative; font: var(--fs-18); font-weight: 500; color: var(--color-38); border-bottom: 1px dotted #c5963c7d; transition: .5s ease all; margin-bottom: 1.6rem; }
.courses-box ul li span img{ transition: .5s ease all; min-width: 0.6rem; }
.courses-box ul li:hover span img{ rotate: -43deg; }
.courses-box ul li:hover{ color: var(--color-3f); }
.program-sec4{ padding-block: 15rem; }
.choosing-txt h2{ font: var(--fs-48); color: var(--color-black); font-weight: 400; margin-bottom: 2rem;}
.choosing-txt blockquote{ font: var(--fs-16); color: var(--color-38); margin-bottom: 3.8rem; }
.choosing-txt p{ font: var(--fs-16); color: var(--color-38); font-weight: 600; margin-bottom: 2rem; }

.program-sec3{ position: relative; overflow: hidden; }
.lateral-bg{ background-color: var(--color-e9); padding: 10rem 0 15rem; position: relative; border-left: 1rem solid #C5963C; border-image: linear-gradient(to bottom, #C5963C 70%, #D9B349 30%) 1;}
.form-select:focus { border-color: #86b7fe00; outline: 0; box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%); }
.lateral-list{ margin-top: 4rem; }
.ranking_prog{ margin-top: 10rem;}
.ranking_prog .depart_rank{ margin-top: 0;}
.dep-facilities .search-lst-box{margin:0 0 0 0; max-width: 34rem;}
.dep-facilities .search-lst-box label{margin-bottom:0;}
.dep-facilities .search-lst-box .form-select{max-width:max-content;border:1px solid #D1D1D1; margin-top: 1rem;}
.facility_header{ display: flex; justify-content: space-between;}

/* .ranking_prog h4{ padding-left: 5rem;} */



@media (max-width:1920px) {
.lateral-bg::before { width: 24rem; left: -23rem; }
.lateral-bg::after{width: 24rem;    right: -23rem;}

}
@media (max-width:1850px) {

}
@media (max-width:1780px) {
.lateral-bg::before { width: 21rem; left: -20rem; }
.lateral-bg::after{width: 21rem;     right: -20rem;}
}
@media (max-width:1680px) {

}
@media (max-width:1580px) {
  .lateral-bg::before { width: 19rem; left: -18rem; }
.lateral-bg::after { width: 19rem; right: -18rem; }
.search-list { grid-template-columns: repeat(4, 22% 22% 22% 30%); }

}
@media (max-width:1480px) {



}
@media (max-width:1366px) {

.lateral-bg::before { width: 17rem; left: -16rem; }
.lateral-bg::after { width: 17rem; right: -16rem; }
}
@media (max-width:1280px) {

.lateral-bg::before { width: 16rem; left: -15rem; }
.lateral-bg::after { width: 16rem; right: -15rem; }
}
@media (max-width:1170px) {

.search-list { gap: 2rem; }
.search-lst-box { padding-right: 2rem; }
.lateral-bg::before { width: 15rem; left: -14rem; }
.lateral-bg::after { width: 15rem; right: -14rem; }
}
@media (max-width:1024px) {
.courses-list { gap: 10rem;}
}

@media (max-width:991px) {

.lateral-bg { padding: 10rem 2rem; }
 .courses-list { gap: 7rem; }
.search-list { grid-template-columns: repeat(1, 50% 50%); }
.search-lst-box .search-input{width: 95%;}
}
@media (max-width:830px) {

}
@media (max-width:728px) {
.search-list { grid-template-columns: repeat(1, 50% 50%); }
.search-lst-box .search-input { width: 92%; }
.courses-list {  gap: 5rem;grid-template-columns: repeat(1, 1fr); }
.program-sec2 { padding-block: 3rem; }
.lateral-bg { padding: 3rem 1rem; }
.program-sec4 { padding-block: 6rem; }
.courses-list { margin-top: 3rem; }
.lateral-list { margin-top: 2rem; gap: 0rem;}
.lateral-bg{ border-left: 0.7rem solid #C5963C;}
.choosing-txt blockquote{ margin-bottom: 2rem;}
}

@media (max-width:550px) {
  .search-lst-box .search-input { width: 100%; }
 .search-list { grid-template-columns: repeat(1, 100%); }
.search-lst-box { padding-right: 0rem; border-right: 0px solid #D1D1D1; }
    
}

/* Program detail  css*/
.program-detail{background: var(--color-white); padding-block:6.4rem 7.3rem; }
.program-detail-text{}
.program-detail-text h2{font: var(--fs-48); color: #000000; font-weight: 400;}
.program-box { display: grid; grid-template-columns: 60% 35%; gap: 0 6rem; }
.left-prgm-box { padding-inline: 0 5rem; }
.right-prgm-box{ display: flex; justify-content: flex-end;}
.right-prgm-box .depart1_form{ background-color: #ffffff47; box-shadow: 0px 13px 34px #0000000D; opacity: 1; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); max-width: 38.1rem;}
.program-degree-txt{ margin-block: 6rem;}
.program-degree-txt span{font: var(--fs-18); color: var(--color-38); font-weight: 500; margin-bottom: 2rem; display: block;}
.program-degree-txt blockquote{ line-height: 1.1; color: var(--color-black); }
.program-year { display: flex; gap: 6rem; padding-top: 2rem; }
.year-text p { font: var(--fs-18); color: var(--color-13); margin-bottom: 0; font-weight: 500; }
.year-text p img{padding-right: .7rem;}
.brochure-list { display: flex; align-items: center; gap: 4rem; }
.brochure-list a{ font: var(--fs-18); color: var(--color-13); margin-bottom: 0; font-weight: 500; display: inline-block; border-bottom: 1px dashed var(--color-3f); text-decoration: none; padding-block: 0 1rem; }
.brochure-list a img{ padding-right: .7rem; }
.brochure-list a:hover{color: var(--color-c5);border-bottom: 1px dashed var(--color-c5);}
.electronics-txt{margin-top: 10.5rem;}
.electronics-txt h6{ font: var(--fs-18); color: var(--color-38); font-weight: 500; margin-bottom: 3rem; }
.electronics-txt p{ font: var(--fs-16); color: var(--color-38); }
.right-prgm-box input, .right-prgm-box select, .form-select { border-radius: 0; border-bottom: 1px solid #7070702e;}
.right-prgm-box .depart1_form button:hover { background: var(--color-c5); color: var(--color-white); border: 1px solid var(--color-c5); }
.content { margin-top: 1rem; }
.more-text { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.more-text.show { max-height: 1000px;}
.toggle-btn i { transition: transform 0.3s ease; }
.toggle-btn.active i { transform: rotate(180deg); }
button.toggle-btn { background-color: var(--color-white); border: none; padding: .5rem; margin-top: 1rem; box-shadow: 0px 13px 34px #0000000D; width: 4rem; height: 4rem; font-size: 2rem; color: #ff0f0f; }
.eligibility-box { margin-top: 4rem; border: 1px solid #38383829; display: flex; align-items: center; gap: 10rem; padding: 4.6rem 6.3rem 4.7rem 4rem; }
.eligibility-heading h4{ font: var(--fs-24); font-weight: 400; }
.eligibility-text p{ margin-bottom: 0; line-height: 1.7; }
.program-rank { padding-inline: 0 5rem; }
.program-detail-sec2{padding-block:5.8rem 9.5rem;background-color:var(--color-f4);margin:15rem 0 0;}
.program-detail-sec2 .depart_rank { margin-top: 0; }
.program-detail-sec2 .depart2_grid{ padding-inline: 0; }
.program-detail-sec3{position: relative;}
.program-advantage figure { display: grid; position: relative; background-color: var(--color-ffc); }
.program-advantage figure img{ opacity: 1; }
.program-advantage figure>* { grid-area: 1 / 1; }
.program-advantage figcaption { display: flex; flex-wrap: wrap; align-items: center; z-index: 1; }
.program-advantage figcaption h3, .program-advantage figcaption blockquote{ font: var(--fs-48); color: var(--color-black); font-weight: 400; margin-bottom: 3rem; }
.program-advantage figcaption h3 span, .program-advantage figcaption blockquote span{ color: var(--color-3f); position: relative; padding-right: 2.6rem; font: var(--fs-42);}
.program-advantage figcaption h3 span::after, .program-advantage figcaption blockquote span::after{ background-image: url(../images/prg_a.svg); position: absolute; top: 0.7rem;
    content: "";
    right: -0.5rem;
    width: 3.2rem;
    height: 3.2rem;
    background-size: cover;
    background-repeat: no-repeat;}
.program-advantage figcaption h2, .program-advantage figcaption h5{ font-family: var(--font-crimson); font: var(--fs-72); letter-spacing: -2.16px; color: var(--color-black); font-weight: 400; margin-bottom: 3rem; }
.program-advantage figcaption h3{ font-family: var(--font-crimson); font: var(--fs-72); letter-spacing: -2.16px; color: var(--color-black); font-weight: 400; margin-bottom: 3rem; }

.program-advantage figcaption p{ max-width: 54%; }
.program-detail-sec4{ position: relative; overflow: hidden; }
.mobile-tabs button.mobile-tab { width: 100%; padding: 15px; border: none; color: var(--color-white); text-align: left; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.2); }
.mobile-tabs .tab-pane { display: none;  }
.mobile-tabs .tab-pane.show { display: block; }
.project-box{background-color: var(--color-13); padding-block: 8.6rem 8.5rem;}
.project-box button.nav-link { text-align: left; padding: 0 13rem 4rem 0; position: relative;border: none;}
.project-box button.nav-link::before{ content: ''; border-bottom: .6rem solid #C5963C; border-image: linear-gradient(to right, #C5963C 63%, #D9B349 30%) 1; position: absolute; bottom: 0; z-index: 1; width: 20rem; }
.project-box button.nav-link.active { border: none; background-color: #ffffff00; }
.project-box ul.nav.nav-tabs{ border: none; }
.project-box button.nav-link h4{ color: var(--color-white); font: var(--fs-21); font-weight: 400; max-width: 80%; line-height: 1.5; }
.project-box button.nav-link p{color: var(--color-white);}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border: none;}
.mobile-tab{display: none;}
.project-slide { position: relative; margin-left: calc((100vw - 1758px) / 2); padding-inline: 11rem 0; padding-block: 9rem 16.7rem; }
.program-detail-sec4 .container19{ position: relative; }
.program-detail-sec4 .container19::before{ content: ''; background-color: var(--color-13); height: 128rem; position: absolute; width: 100%; }
.project-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.5rem; }
.project-list-bx { background: var(--color-white); height: 100%; }
.project-text-box { padding: 5rem 5rem 5rem 6rem; min-height: 34rem;}
.project-text-box h4{ font: var(--fs-36); color: var(--color-black); font-family: var(--font-crimson); margin-bottom: 3.5rem; line-height: 1; }
.project-text-box p{ font: var(--fs-16); color: var(--color-38); }
.project-slide .cus-btn { margin-top: 7.4rem; display: inline-block;}
.program-slider.research-slider-wrap .research-prev, .program-slider.research-slider-wrap .research-next { width: 40px; height: 40px; top: 40%; box-shadow: 0px 5px 8px #00000014; }
.program-slider.research-slider-wrap .research-next{ right: 0; background-color: var(--color-white); }
.program-slider.research-slider-wrap .research-prev{ left: -1.5rem; }
.project-nav{position: relative;}
.project-prev { position: absolute; width: 4rem; bottom: -10rem; }
.project-next{ bottom: -10rem; position: absolute;  width: 4rem;    left: 5rem;}

.research-slider-wrap .swiper-slide{ height: auto;}
.project-nav .project-prev, .project-nav .project-next{ background-color: var(--color-white); height: 4rem;}
.project-slide{padding-block: 9rem 20.7rem;}

@media (max-width: 991px) {
.mobile-tab{display: block;}
#lateral-section .container19{max-width: 100%; margin-inline:0rem;}
}
@media (min-width:2300px) {
.program-detail-sec4 .container19::before {
    height: 138rem;
}
}

@media (max-width:1920px){
    .program-advantage figcaption h3 span::after, .program-advantage figcaption blockquote span::after {  
   top: 0.7rem;
        right: -0.6rem;
        width: 3.2rem;
        height: 3.2rem;
        background-size: contain;
}
.program-advantage figcaption p {
    max-width: 58%;
}
.project-text-box h4{min-height: 10.8rem;}

}

@media (max-width:1800px){
    .project-slide{margin-left:calc((100vw - 179rem) / 2)}
    .program-offer h2, .program-offer h5{padding-right: 0;}
    .program-offer h3, .program-offer h4{margin-bottom: 3rem;}
    .process-list{ gap: 4.8rem;}
   
    
}
@media (max-width:1600px){
.program-advantage figcaption h3 span, .program-advantage figcaption blockquote span{padding-right: 2rem;}
.project-nav .project-prev img, .project-nav .project-next img{ max-width: 100%;}



}

.program-detail-sec5{ padding-block: 15rem 0; }
.program-detail-sec5:not(:has(+ .program-detail-sec6)) {
    padding-bottom: 15rem;
}

.immersion-bg{ background-color: var(--color-f4); padding-block:7.3rem; }
.immersion-box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6.9rem; }
.immersion-text { padding-top: 2rem; }
.immersion-text h2{ font: var(--fs-48); color: var(--color-black); font-weight: normal; margin-bottom: 2.8rem; }
.immersion-text p{ padding: 0 11rem 4.8rem 0; }
.immersion-img { margin-left: -7rem; }
.logo-box-grid { display: grid; grid-template-columns: repeat(2, 1fr); text-align: center; }
.left_logo_box { margin-top: 7.6rem; }
.logo1 { background: #F4F7F4 0% 0% no-repeat padding-box; border: 1px solid #FFCC29; padding: 4rem 2rem; border-bottom: 0; }
.left_logo_box .logo1 { border-right: 0; }
@media (max-width: 2155px) {
.logo1 { padding: 3.4rem 2rem; }
}
.program-detail-sec6{ padding-block: 15rem; }
.curriculum-text{margin-bottom: 8.3rem;}
.curriculum-text h2{ font: var(--fs-48); color: var(--color-black); font-weight: normal; }
.curriculum-text .tabbed-content { background: #fff; box-shadow: 1px 1px 6px #ccc; max-width: 600px; padding: 1em; margin: 1em auto; }
.curriculum-tab .tabs ul { margin: 0; padding: 0 0 1em 0; font-weight: bold; display: block; }
.curriculum-tab .tabs ul li {}
.curriculum-tab .tabs ul li a { padding: 1.5em 0em 2rem 2.5rem; font: var(--fs-18); color: var(--color-38); font-weight: 500; position: relative; z-index: 1; }
.curriculum-tab .tabs ul li a:hover, .curriculum-tab .tabs ul li a.active { color: var(--color-3f); }
.curriculum-tab .tabs ul li a::before{ content: ''; background-color: var(--color-3f); position: absolute; height: 6.8rem; width: .5rem; top: 0; left: 0; opacity: 0; }
.curriculum-tab .tabs ul li a.active::before{ opacity: 1; }
.curriculum-tab .item { margin-bottom: 2px; }
.curriculum-tab .item::before { cursor: pointer; font-weight: bold; padding: 0.5em; display: block; }
.curriculum-tab .item.active::before { background: #444; color: #eee; }
.curriculum-tab .item.active .item-content { padding: 1em; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

@media all and (min-width: 800px) {
 .curriculum-tab .item.active .item-content { padding-top: 0; }
  .curriculum-tab .tabs-side .tabs li { margin-bottom: 2px; }
}
/* 
The project specific CSS starts here
This is the minimum CSS that you will need in order for this to work
*/
.curriculum-tab .tabbed-content .tabs { display: none; }
.curriculum-tab .tabbed-content .item { min-height: 2em; }
.curriculum-tab .tabbed-content .item::before { content: attr(data-title); }
.curriculum-tab .tabbed-content .item .item-content { opacity: 0; visibility: hidden; height: 0; }
.curriculum-tab .tabbed-content .item.active .item-content { opacity: 1; visibility: visible; height: auto; }

@media all and (min-width: 800px) {
.curriculum-tab .tabbed-content .tabs { display: block; }
 .curriculum-tab .tabbed-content .tabs li { display: inline-block; }
.curriculum-tab .tabbed-content .tabs li a { display: block; }
.curriculum-tab .tabbed-content .item { min-height: 0; }
.curriculum-tab .tabbed-content .item::before { display: none; }
article.tabbed-content.tabs-side { display: flex; }
.curriculum-tab .tabbed-content.tabs-side .tabs { width: 25%; margin: 0; }
.curriculum-tab .tabbed-content.tabs-side .tabs li { display: block; }
.curriculum-tab .tabbed-content.tabs-side .item { margin-left: 1rem; }
}
/* Base icon */
.curriculum-tab .accordion-button::after { background-image: none; content: '+'; font-size: 4rem; font-weight: 200; transition: transform 0.3s ease, opacity 0.2s ease; 
    border: 1px solid #c5963c29; padding: 2rem; display: flex; align-items: center; justify-content: center; color: var(--color-c5); transform: none !important; }
/* Open state */
.curriculum-tab .accordion-button:not(.collapsed)::after { content: '−'; transform: scale(1.1) rotate(180deg); background-image: inherit; transform: none !important; }
.curriculum-tab .accordion-button{ background-color: var(--color-e9); font: var(--fs-18); color: var(--color-38); padding: 1.3rem 2.4rem; margin-bottom: .4rem; }
.curriculum-tab .accordion-flush .accordion-item { border: none; }
.accordion-button:not(.collapsed){ background-color: var(--color-e9); }
.curriculum-tab .accordion-button:focus { border-color: #86b7fe00; box-shadow: none; }
.curriculum-tab .accordion-body { padding: 2.5rem 2rem; }
.curriculum-btn{margin-top: 7.5rem;}
.program-detail-sec7{background-color: var(--color-f4);padding-block: 14rem 0;}
.outcomes { display: grid; grid-template-columns: repeat(1, 25% auto); gap: 15rem; }
.outcomes-text{ padding-right: 2.5rem; position: sticky; top: 14rem; padding-bottom: 2rem; }
.outcomes-text h2{ font: var(--fs-48); color: var(--color-black); font-weight: normal; margin-bottom: 3rem; }
.outcomes-text p{ font: var(--fs-16); color: var(--color-38); font-weight: normal; }
.outcomes-box { padding-left: 9rem; }
.outcome-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; }
.po-box { box-shadow: 0px 3px 6px #00000029; padding: 4.1rem 4.4rem 5.9rem 2.5rem; background-color: var(--color-white); display: flex; gap: 3rem; }
.po-left{}
.po-left h4{ font: var(--fs-18); color: var(--color-38); font-weight: normal; }
.po-right{}
.po-right h5{ font: var(--fs-18); color: var(--color-38); font-weight: 500; margin-bottom: 2.4rem; }
.program-detail-sec8{ padding-block: 14.4rem 16.9rem; }
.peo-text{ padding-right: 2.5rem; }
.peo-text h2{ font: var(--fs-48); color: var(--color-black); font-weight: normal; margin-bottom: 3rem; }
.peo-text p{ font: var(--fs-16); color: var(--color-38); font-weight: normal; }
.right-peo { padding-left: 9rem; }
.peo-box { padding: 3.1rem 5.5rem 3.1rem 2.5rem; background-color: var(--color-f4); margin-bottom: 2.5rem; display: flex; gap: 2.1rem; }
.peo-box-left h4{ font: var(--fs-18); color: var(--color-38); font-weight: normal; }
.program-detail-sec9{padding-block: 14.2rem 6.1rem;}
.pso-list .po-box{ padding: 3.1rem 4.4rem 4.4rem 2.5rem; }
.pso-btn{ margin-top: 10rem; }
.pso-text{ position: relative; top: 0; padding-bottom: 0; }
.program-detail-sec10{ background-color: var(--color-13); padding-block: 0 15rem; }
.scholarship-box { display: grid; grid-template-columns: repeat(1, 38% auto); gap: 15rem; align-items: center; }
.scholarship-text{position: relative;}
.scholarship-text h2, .scholarship-text h4{ font: var(--fs-42); color: var(--color-white); font-weight: normal; margin-bottom: 3rem; }
.scholarship-text blockquote{ color: var(--color-white); font: var(--fs-18); font-weight: 500; margin-bottom: 3rem; }
.scholarship-text p{ color: var(--color-white); font: var(--fs-18); font-weight: 300; margin-bottom: 3rem; }
.scholarship-img { margin-right: -12rem; }
.scholarship-note{ margin-top: 5.6rem; display: none; }
.scholarship-note p{ color: var(--color-white); font-weight: 300; }
.scholarship-note p span{ font-style: italic; padding-right: 2rem; }
.program-detail-sec11{padding-block: 15rem;}
.pro_career_path{padding-block: 15rem;}
.career-txt{margin-bottom: 6.1rem;}
.career-txt h2, .career-txt h4{ font: var(--fs-48); color: var(--color-black); font-weight: normal; margin-bottom: 3rem; }
.career-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.6rem; }
.career-left-img { overflow: hidden; height: 100%; }
.career-left-img figure{height: 100%;}
.career-left-img img{ height: 100%; object-fit: cover; }
.career-left { background-color: var(--color-f4); padding: 3rem; position: relative; }
.career-left::before { content: ''; border-bottom: .6rem solid #C5963C; border-image: linear-gradient(to right, #C5963C 63%, #D9B349 30%) 1; position: absolute; bottom: 0; z-index: 1; width: 18.5rem; left: 3.2rem; }

.career_pro_head{ display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 2rem;}
.career_pro_left p{ margin-bottom: 0;}
.career_pro_right a{ display: block;}

.career-box{ position: relative; }
.career-left-text h2, .career-left-text h4 { font: var(--fs-36); color: var(--color-black); font-weight: normal; margin-bottom: 3rem; }
.career-left-text ul { list-style-type: none; text-decoration: none; padding: 0; }
.career-left-text ul li { text-decoration: none; font: var(--fs-18); font-weight: 500; color: var(--color-13); border-bottom: 1px dashed var(--color-3f); padding-bottom: 1.5rem;     margin-bottom: 1.9rem; }

/* .career-img{ margin-bottom: 4.9rem; } */
.career-box:last-child{background-color:var(--color-f4);}

.career-text h3, .career-text h4{ font: var(--fs-36); color: var(--color-black); font-weight: normal; margin-bottom: 3rem; }
.career-text p{ margin-bottom: 0; }
.career-text button.toggle-btn{ box-shadow: 0px 13px 34px #0000001c; margin-top: 3rem; }
.career-text .content { margin-top: 0rem; }
.further-box { background: var(--color-f4);position: relative;    padding: 3rem; }
.further-box::before{ content: ''; border-bottom: .6rem solid #C5963C; border-image: linear-gradient(to right, #C5963C 63%, #D9B349 30%) 1; position: absolute; bottom: 0; z-index: 1; width: 18.5rem; left: 3.2rem; }

.further-box .career-text h3, .further-box .career-text h4{     margin-bottom: 3rem;}
.career-text ul{ list-style-type: none; text-decoration: none; padding: 0; }
.career-text ul li{ margin-bottom: 1.9rem;}
.career-text ul li:last-child{ margin-bottom: 0; }
.career-text ul li { text-decoration: none; font: var(--fs-18); font-weight: 500; color: var(--color-13); border-bottom: 1px dashed var(--color-3f); padding-bottom: 1.5rem; }
.career-btn{ margin-top: 10rem; }
.program-detail-sec12{overflow: hidden; padding-bottom: 15rem; }
.research_grid { display: grid; gap: 5rem; grid-template-columns: 56% auto; align-items: center;}
.research-head h2, .research-head h4 { font: var(--fs-48); font-weight: normal; margin-bottom: 2rem; color: var(--color-black); }
.research-head h3, .research-head h5 { letter-spacing: -2.16px; color: var(--color-black); line-height: 1; font-weight: normal; margin-bottom: 5rem; }
.research_fact { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10rem;}
.fact h4 { font: var(--fs-60); color: var(--color-13); font-weight: 600; }
sup { top: -.5em; }
.fact h4 sup{ font: var(--fs-30); top: -2.5rem; color: var(--color-black); font-weight: 500;}
.fact p { font: var(--fs-18); color: var(--color-38); margin: 0; font-weight: 500; }
.mobile{display: none;}
.facilitie-nav{position: relative;}
.facilitie-prev { position: absolute; width: 4rem; left: 0rem; z-index: 9; box-shadow: 6px 0px 9px 0px #dcdcdc7d; top: 24rem; }
.facilitie-next { position: absolute; width: 4rem; right: -0rem; z-index: 9; top: 24rem; box-shadow: 6px 0px 9px 0px #dcdcdc7d; }
.scholarship-text table{
    color: var(--color-white);
}

.program-slider .research-prev{ background-color: var(--color-white);}
.dep-facilities .facilitie-next,
.dep-facilities .facilitie-prev{
    background-color: var(--color-white);
}
.dep-facilities .facilitie-next:hover,
.dep-facilities .facilitie-prev:hover{
    background: var(--color-19);
}
.dep-facilities .facilitie-next:hover img,
.dep-facilities .facilitie-prev:hover img{
    filter: brightness(0) invert(1);
}

@media (max-width: 2299px) {
.research_fact { margin-top: 0rem; }
}
.program-slider{ }
.program-slider { position: relative; margin-left: calc((100vw - 1490px) / 2); margin-top: 6.3rem; }
.program-slider .swiper-slide p{ margin-top: 5rem; font: var(--fs-24); color: var(--color-38); padding-right: 1.5rem;}
.program-slider .research-prev { left: -4rem; top: 32%; position: absolute; z-index: 4; outline: 0; }
.program-slider .research-next{ right: -1.5rem; top: 32%; position: absolute; z-index: 4; outline: 0; }
.program-detail-sec13{ padding-block: 15rem 15rem; }
.computer { background-color: var(--color-19); padding-block: 13.2rem 0; position: relative; z-index: 0; }
.computer::before { content: ''; background-color: var(--color-white); width: 100%; height: 16rem; position: absolute; bottom: 0; z-index: -1; }
.computer-box { display: flex; flex-direction: column; justify-content: space-between; }
.computer-list { display: grid; grid-template-columns: repeat(2, 1fr); }
.computer-text { padding-right: 20rem; }
.computer-text h2, .computer-text h4{ font: var(--fs-42); color: var(--color-white); font-weight: normal; margin-bottom: 5rem; }
.computer-text p{ color: var(--color-white); font-weight: 300; margin-bottom: 3rem; }
.computer-right { margin-top: 14rem; }
.computer-right h6{ font: var(--fs-18); color: var(--color-white); font-weight: 500; margin-bottom: 3rem; }
.gards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem 2.6rem; }
.gards-box { position: relative; height: 100%; background-color: var(--color-3f);}
.gards-text{ background-color: var(--color-ffc); padding: 2.1rem 2.5rem 2rem 1.9rem; }
.gards-text p{ margin-bottom: 0; color: var(--color-black); font: var(--fs-16); font-weight: normal; }
.program-detail-sec14{padding-block: 8rem 8rem;}
.program-place{}
.gards-img figure img{ width: 100%;}
.program-place h2{ font: var(--fs-48); font-weight: normal; margin-bottom: 3rem; color: var(--color-black); }
.program-place h3{ letter-spacing: -2.16px; color: var(--color-black); line-height: 1; font-weight: normal; margin-bottom: 5rem; }
.place-slider{ position: relative; margin-left: calc((100vw - 1415px) / 2); }
.cus-place{}
.cus-place .card-info { margin-top: 2.3rem; grid-template-columns: 22% 75%; }
.cus-place .card-info h4{ font-weight: 600; }
.cus-place .card-info sup{ color: var(--color-black); }
.cus-place-nav{display:flex;position:absolute;top:auto;right:auto;bottom:-11rem;left:0;}
.place-prev, .place-prev { display: grid; place-items: center; cursor: pointer; width: 45px; height: 45px; outline: 0; }
.program-detail-sec15{ background: var(--color-13); padding-block: 14.3rem 9.2rem; color: #fff; position: relative; position: relative; 
    margin-left: calc((100vw - 1738px) / 2); margin-top: 0;     padding-inline: 15rem 0;     margin-bottom: 10rem;}
.program-offer { position: relative; width: 72%; }
.program-offer::before{ content: ''; border-bottom: .8rem solid var(--color-c5); border-image: linear-gradient(to right, #C5963C 63%, #D9B349 30%) 1; position: absolute; /* bottom: 0; */ z-index: 1; width: 18.5rem; left: -21.8rem; top: 2rem; }
.program-offer h3, .program-offer h4{ font: var(--fs-45); color: var(--color-white); font-weight: normal; margin-bottom: 2rem; }
.program-offer h2, .program-offer h5{ font-weight: 300; letter-spacing: -3.6px; line-height: 1; padding-right: 15rem; margin-bottom: 3rem; }
.program-offer p{ font-weight: 300; }
/* ---------- SLIDER ---------- */
.activitie-slider { margin: auto; position: relative; padding-top: 3rem;}
.activitie-slider .swiper-slide { position: relative; overflow: hidden; }
.activitie-slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.activitie-slider .slide-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 11.8rem 4rem 3.8rem; background: linear-gradient(to top, rgba(0, 0, 0, .6), transparent);display: flex; justify-content: space-between; align-items: center; }
.slide-content p { font: var(--fs-24); line-height: 1.4; font-weight: 300; margin: 0; }
.activitie-slider .swiper-button-prev, .activitie-slider .swiper-button-next { color: #fff; top: 35%; }
.activitie-slider .swiper-button-prev { left: -10px; }
.activitie-slider .swiper-button-next { right: -10px; }
.left-title h2 img { position: absolute; left: -23rem; top: 2rem; width: 20rem; }
.achiev_nav_group { display: flex; position: absolute; top: 0; z-index: 9; }
.activitie-slider .swiper-wrapper { padding-block: 10rem 0; } 
.activitie-next { margin-left: 0.4rem; }
.cus-activitie { display: flex; position: absolute; top: 1.5rem; z-index: 9; cursor: pointer; left: 0; }
.activitie-btn{margin-top: 7.4rem;}
.program-detail-sec16{ padding-block:0 15rem; border-top: 0; }
.program-faq{ margin-bottom: 5rem; }
.program-faq h2, .program-faq h4{ font: var(--fs-48); font-weight: normal; color: var(--color-black); }
.program-faq-list .accordion { border-radius: 0; --bs-accordion-border-radius: 0; --bs-accordion-border-width: 0px; }
.program-detail-sec17{}
.program-admission{ background-color: var(--color-e9); padding-block: 9.8rem 7.3rem; }
.admission-text{margin-bottom: 11.3rem;}
.admission-text h3, .admission-text h4{ font: var(--fs-48); color: var(--color-black); font-weight: normal; margin-bottom: 1rem; }
.admission-text h2, .admission-text h5{ color: var(--color-black); letter-spacing: -2.16px; font-weight: 400; }
.process-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 7.7rem; margin-bottom: 14.7rem; }
.process-box{position: relative;}
.process-img{margin-bottom: 5.4rem;}

.process-box figure img { width: 6rem; height: 6rem; object-fit: contain;  transition: 0.3s ease;}
.process-box:hover figure img {
    filter: invert(38%) sepia(93%) saturate(492%) hue-rotate(80deg) brightness(65%) contrast(90%); animation: floatImg 1.2s ease-in-out infinite;
}
@keyframes floatImg {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}
.process-text h6{ font: var(--fs-18); color: var(--color-38); font-weight: 500; margin-bottom: 1.9rem; }
.process-box:hover h6{ color: var(--color-3f);}
.world-text { width: 85%; margin-bottom: 4.8rem; }
.world-btns{ display: flex; gap: 1.8rem; }
.program-detail-sec18{ padding-block: 15rem 10rem; }
.choosing-list{ display: flex; justify-content: space-between; align-items: center; }
.choosing-left { width: 48%; }
.choosing-left h2{
    font: var(--fs-48);
    color: var(--color-black);
    font-weight: normal;
    margin-bottom: 2rem;
}
.choosing-left p{
    margin-bottom: 3.8rem;
     font: var(--fs-18);
}
.choosing-left blockquote{
    font: var(--fs-24);
    color: var(--color-38);
    font-weight: 400;
    margin-bottom: 5.4rem;
}
.fees-box{
    background-color: var(--color-13);
   padding: 4.3rem 9rem 7rem 9rem;
}
.fees-box h3, .fees-box h4{
    font: var(--fs-42);
    color: var(--color-white);
    font-weight: normal;
    margin-bottom: 5rem;
}

.fees-box ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
gap: 2.6rem 5rem;
        list-style-type: none;
    padding: 0;

}
.fees-box ul li{
    color: var(--color-white);
    font: var(--fs-18);
    font-weight: 500;
    border-bottom: 1px solid var(--color-d1);
    padding-bottom: 2rem;
}
.cus-activitie .activitie-prev, .cus-activitie .activitie-next {
    width: 4rem;
    height: 4rem;
}
.cus-place-nav .place-prev, .cus-place-nav .place-next {
    width: 4rem;
    height: 4rem;
    box-shadow: 0px 5px 8px #00000014;
}
.cus-place-nav .place-next{
    margin-left: 0.4rem;
}
.department_sec1.dept-bnnr {
    margin-top: 0;
    padding-top: 0;
    background-size: cover;
    background-position: center;
}
.dept-bnnr .depart1text {
    justify-content: space-between;
}
.depart1_form {
    background: #e4e4e4;
    padding: 3rem;
    overflow: hidden;
}
.depart1_grid.dept_grid {
    grid-template-columns: 72% auto;
}
.dept-bnnr .brochure-list a,
.dept-bnnr .year-text p {
    color: var(--color-white);
}
.program-detals-ttl h6, .program-detals-ttl h2 {
    font: var(--fs-18);
    color: var(--color-white);
    font-weight: 500;
    margin-bottom: 2rem;
}
/* .program-detals-ttl h2 {
    font: var(--fs-72);
    color: var(--color-white);
    font-weight: 400;
    letter-spacing: -2.16px;
    line-height: 1;
    font-family: var(--font-crimson);
    margin-bottom: 1.5rem;
} */
.program-detals-ttl h1, .program-detals-ttl h3 {
    font: var(--fs-72);
    color: var(--color-white);
    font-weight: 400;
    letter-spacing: -2.16px;
    line-height: 0.9;
    font-family: var(--font-crimson);
    margin-bottom: 2.5rem;
}

.program-detals-ttl {
    max-width: 70%;
}

/* .program-detals-ttl p{color: var(--color-white); font: var(--fs-21);}
.program-detals-ttl p strong{ padding-right: 0.4rem;} */


.program-detals-ttl h2{color: var(--color-white); font: var(--fs-21);}
.program-detals-ttl h2 strong{ padding-right: 0.4rem;}


.program-detail .choosing-left {
    width: auto;
    height: 100%;
    border: 1px solid #3838384a;
    padding: 5.5rem;
}
.research_link {
    text-decoration: none;
}
.program-detail .choosing-right {
    width: auto;
        height: 100%;
    background-color: var(--color-13);
}
.program-detail .choosing-right .fees-box {
    padding: 5.5rem 8.6rem 6.5rem 6.4rem;
}
.program-detail .choosing-right .fees-box h3, .program-detail .choosing-right .fees-box h4 {
    font: var(--fs-24);
    margin-bottom: 4rem;
}
.program-detail .choosing-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
}
.program-detail .choosing-right .fees-box ul{
    gap: 2.6rem 17rem;
}
.program-detail .left-prgm-box {
    padding-inline: 0 7rem;
    margin-block: 0 10rem;
}
.program-detail .electronics-txt {
    margin: 0;
}
.electronics-txt .toggle-btn {
    box-shadow: 0px 5px 8px #00000014;
}
.progran_grid_work {
    display: grid;
    gap: 5rem;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-end;
    margin-bottom: 5rem;
}
.progran_grid_work .program-place h3 {
    margin-bottom: 0;
}
.progran_grid_work .research_fact {
    margin-top: 0;
}
.progran_grid_work .fact h4 sup {
    font: var(--fs-16);
    color: var(--color-black);
    top: -2.1rem;
}
/* .progran_grid_work .fact:last-child h4 sup {
    font-size: 1.5rem;
} */
.top22 {    
    border: 1px solid #FFCC29;
    /* border-bottom: 0; */
    padding: 3.4rem 2rem;
    /* border-right: 0; */    
}
.top-tie-grid .top-tie-slider{ padding-left: 0.4rem;}

.top-tie-grid .swiper-slide {
    margin-right: -1px;
    margin-bottom: -1px;
}

.top22 img {
    max-width: 156px;
    margin: 0 auto;
    text-align: center;
    display: block;
    height: 9rem;
    object-fit: contain;
    width: 100%;
}
.top22.btm-bdr {
    border-bottom: 1px solid #FFCC29;
}
.top-tie-slider .swiper-slide:last-child .top22{
    border-right: 1px solid #FFCC29;
}
/* .top22:last-child,
.top22:nth-child(5){
    border-right: 1px solid #FFCC29;
} */
.top-tie-sec h4 {
    margin: 0 0 5rem 0;
    font: var(--fs-24);
    color: var(--color-38);
    font-weight: normal;
}
.top-tie-sec {
    padding-block: 10rem 15rem;
}

.tie-nav {
    display: flex;
    padding: 5rem 0rem 1rem;
}

.tie-nav .tie-prev, .tie-nav .tie-next {
    display: grid;
    place-items: center;
    cursor: pointer;
    width: 4rem;
    height: 4rem;
    outline: 0;
    box-shadow: 0px 5px 8px #00000014;
    background-color: var(--color-white);
}
.object-sec {
    padding-block: 10rem;
    background-color: var(--color-f4);
}
.object-text h2, .object-text h4 {
    font: var(--fs-48);
    color: var(--color-black);
    font-weight: normal;
    margin: 0 0 5rem 0;
}
.object-nv.nav-tabs .nav-link {
    font: var(--fs-30);
    color: var(--color-38);
    font-weight: normal;
    background-color: transparent;
    border: none;
    box-shadow: none;
    line-height: 1;
    padding: 0;
    padding-bottom: 3rem;
}
.object-nv.nav-tabs {
    gap: 0 6.8rem;
    border-bottom: 1px solid #c6c8c6;
    margin: 0 0 6rem 0;
}
.object-nv.nav-tabs .nav-link.active {
    border-bottom: 2px solid var(--color-3f);
}
.object-tabs .out-cont,
.object-tabs .tab-pane {
    background-color: transparent;
    padding: 0;
}
.out-cont p {
    font: var(--fs-18);
    color: var(--color-38);
    font-weight: normal;
}
.out-cont .accordion {
    margin: 6.2rem 0 0 0;
}
.out-cont .accordion-header .accordion-button {
    color: var(--color-38);
    font: var(--fs-18);
    font-weight: 500;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}
.out-cont .accordion-header .accordion-button span {
    color: var(--color-38);
    font: var(--fs-18);
    font-weight: normal;
    margin: 0 3rem 0 0;
}
.out-cont .accordion-item {
    padding: 3.1rem 1.8rem 3.4rem 2.5rem;
    margin-bottom: 1.8rem;
    box-shadow: 0px 1px 4px #0000001C;
}
.out-cont .accordion-header .accordion-button {
    padding: 0;
}
.out-cont .accordion-item .accordion-body {
    padding: 2.4rem 0 0 6rem;
}
.out-cont .accordion-header .accordion-button:after{
    background-image: none;
    content: '+';
    font-size: 4rem;
    font-weight: 200;
    transition: transform 0.3s ease, opacity 0.2s ease;
    border: 1px solid #c5963c2a;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-c5);
    transform: none !important;
}
.out-cont .accordion-header .accordion-button:not(.collapsed)::after{
    content: '−';
    transform: scale(1.1) rotate(180deg);
    background-image: inherit;
    transform: none !important;
}
.object-btn .cus-btn,
.project-slide .cus-btn,
.computer-btn .cus-btn,
.activitie-btn .cus-btn {
    display: inline-block;
    color: var(--color-white);
    font: var(--fs-18);
    padding: 0.9rem 4.5rem;
}
.object-btn {
    margin: 10rem 0 0 0;
}
.choose_gla {
    padding-block: 15rem 10rem;
}
.choose_gla blockquote{ font-weight: 600; padding-top:4rem; margin: 0;}
.choose_gla h2, .choose_gla h4 {
    font: var(--fs-48);
    color: var(--color-black);
    font-weight: normal;
    margin-bottom: 2rem;
}
.choose_gla p,
.choose_btn p {
    font: var(--fs-16);
    color: var(--color-38);
}
.choose_btn {
    margin: 2.5rem 0 0 0;
}
.choose_btn .activitie-btn {
    margin-top: 2.2rem;
}
.syllabus-sec1{
    padding-block: 7rem 12rem;
}
.sec_title{
   padding-block: 5rem 2rem;
}
.sec_title h3{
    font: var(--fs-36);
    color: #000000;
    font-weight: 400;
    margin-bottom: 0;
}

.sec_title h4{
    font: var(--fs-24);
    color: #000000;
    font-weight: 400;
    margin-top: 2rem;
}

.annual_reportgrid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
}
.report_bx {
    position: relative;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    padding: 2rem;
    align-items: center;
    background: var(--color-f4);
    border-bottom: 0.1rem solid var(--color-d1);
}
.report_bx>p {
    font: var(--font-16);
    font-weight: 500;
    color: var(--color-23);
    margin-bottom: 0;
}
.report_bx>img {
    width: 2.5rem;
}
.overlap_btn {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 0;
    z-index: 1;
}
.report_bx:hover{background-color: var(--color-3f);}
.report_bx:hover p{color: var(--color-white);}
.institute_course_list{grid-template-columns: repeat(3, 1fr);}
.institute_course_list h2{ margin-bottom: 4rem;}
.institute_course_list .courses-box h6{ margin-bottom: 0;} 
.institute_course_list .courses-box ul{ padding-block: 3rem;}
.courses-box h2{ margin-bottom: 3rem;}
.cus-activitie .activitie-prev, .cus-activitie .activitie-next { background-color: var(--color-white);}











@media (max-width:1920px){
    .program-offer h2, .program-offer h5{letter-spacing: -1.6px;}
    .program-slider { position: relative; margin-left: calc((100vw - 1490px) / 2);}
     .program-detail-sec15{ margin-left: calc((100vw - 170rem) / 2);}

}

@media (max-width:1800px){
    .program-slider { position: relative; margin-left:calc((100vw - 1470px) / 2);}
}


@media (max-width: 1649px) {
    .project-box ul.nav.nav-tabs{ flex-wrap: nowrap; }
    .project-slide{ margin-left: calc((100vw - 1500px) / 2); }
    .process-list { gap: 4.7rem; }
    .program-slider {         margin-left: calc((100vw - 1360px) / 2); }
    .research_fact { gap: 7rem; }

}

@media (max-width:1600px){
    .project-box button.nav-link{padding: 0 3rem 4rem 0;}
    .project-box ul.nav.nav-tabs { justify-content: space-between; }
    .project-box ul.nav.nav-tabs li{ width: 25%;}
    .project-slide { margin-left: calc((100vw - 167rem) / 2);}
    .project-text-box { padding: 2rem; }
    .project-text-box h4{margin-bottom: 2rem; min-height: auto;}
    .process-list { gap: 4rem; margin-bottom: 7rem; }
    .depart1_grid.dept_grid { grid-template-columns: 65% auto; margin-top: 7rem; }
    .top-tie-sec { padding-block: 10rem 12rem; }
    .program-detail-sec2{margin: 12rem 0 0;}
    .pro_career_path { padding-block: 12rem; }
    .program-detail-sec5:not(:has(+ .program-detail-sec6)) { padding-bottom: 12rem; }
    .object-btn { margin: 6rem 0 0 0; }
    .program-detail-sec13{padding-block:12rem;}
    .computer{padding-block: 11rem 0;}
    .computer-text { padding-right: 10rem; }
    .program-detail-sec15{padding-block: 12.3rem 9.2rem;}
    .program-detail-sec15{margin-left: calc((100vw - 147rem) / 2);}
    .place-slider{position: relative;margin-left: calc((100vw - 118rem) / 2);}
    /* .career-text { padding: 2.9rem 2.2rem 5.2rem; } */
    .career-box::before{ left: 2.2rem;}
    .program-detail-sec16{padding-block: 0 12rem;}
    .choose_gla { padding-block: 12rem 10rem; }
    .research_grid{grid-template-columns: 58% auto; }
    .fact p{ font: var(--fs-16);}
    .computer::before{height: 11rem;}



}

@media (max-width:1536px){
    .program-detail-sec15 { margin-left: calc((100vw - 143rem) / 2); }
    .place-slider { margin-left: calc((100vw - 113rem) / 2); }
    /* .project-slide {margin-left: calc((100vw - 135rem) / 2);} */
    .program-detail .choosing-left{padding: 4rem 5rem 2rem;}
    .program-slider { margin-left: calc((100vw - 1290px) / 2); } 
    .research-head h3, .research-head h5 { letter-spacing: -1.16px;}   
    .program-detail .choosing-right .fees-box { padding: 4rem 8.6rem 6.5rem 6.4rem; }
    .program-detail .choosing-right .fees-box ul { gap: 2.6rem 5rem; }
    .tie-nav .tie-prev img, .tie-nav .tie-next img{ width: 100%;}
    .tie-nav{ display: flex; gap: 1rem;}
    .program-detals-ttl { max-width: 90%; }

}


@media (max-width:1450px){
    .place-slider { margin-left: calc((100vw - 102rem) / 2); }
     .project-slide {margin-left: calc((100vw - 164rem) / 2);}
     .object-nv.nav-tabs{ gap: 0 3rem;}
    .program-detail .choosing-right .fees-box ul { gap: 2.6rem 7rem; }
    .process-list { grid-template-columns: repeat(4, 1fr); }
    .computer { padding-block: 11rem 5rem; }
    .program-slider { margin-left: calc((100vw - 1060px) / 2); }
  .program-detail-sec15 { margin-left: calc((100vw - 172rem) / 2); }
}


@media (max-width:1399px){
    .program-detail-sec5 { padding-block: 10rem 0; }
    .program-detail-sec6 { padding-block: 10rem; }
    .program-detail-sec7 { padding-block: 10rem; }
    .outcomes-box { padding-left:5rem; }
    .right-peo { padding-left: 5rem; }
    .peo-text { padding-right: 0.5rem; }
    .program-detail-sec8 { padding-block: 10rem; }
    .pso-btn { margin-top: 6rem; }
    .program-detail-sec11 { padding-block: 10rem; }
    .program-slider { margin-left: calc((100vw - 1030px) / 2); }
    .program-detail-sec12 { padding-block: 0 10rem; }
    .computer-text { padding-right: 7rem; }
    .gards{gap: 2rem;}
    .project-slide { margin-left: calc((100vw - 129rem) / 2); }
    .progran_grid_work{gap: 0rem;}
    .fact p{ padding-right: 1rem;}
    .fact p br{ display: none;}
    .place-slider{position: relative;margin-left: calc((100vw - 100rem) / 2);}
    .top22{padding: 1.4rem 3rem;}
    .object-nv.nav-tabs { gap: 0 2rem; }
    .program-detail .choosing-right .fees-box { padding: 4rem; }
    .object-nv.nav-tabs { gap:  2rem; }
    .project-slide{padding-inline: 8rem 0;}
    .project-slide { margin-left: calc((100vw - 162rem) / 2); }
    .project-text-box h4{ min-height: auto;}
   .computer::before { height: 18rem; }



}
@media (max-width:1350px){
   
   .program-detail-sec15 { margin-left: calc((100vw - 171rem) / 2); }
}



@media (max-width:1280px){
    /* .project-slide { margin-left: calc((100vw - 123rem) / 2); }     */
    .computer { padding-block: 11rem 9rem; }
    .computer::before{  height: 9rem;}
    .computer { padding-block: 11rem 0rem; }
    .program-slider { margin-left: calc((100vw - 960px) / 2); }
}

@media (max-width:1199px){
    .project-slide {margin-left: calc((100vw - 160rem) / 2); }
    .process-list {grid-template-columns: repeat(3, 1fr); }
    .process-img {margin-bottom: 4rem; }
    .program-detail-sec15 { margin-left: calc((100vw - 176rem) / 2); }
    .research_grid{grid-template-columns: repeat(1, 1fr);gap: 1rem;}
    .research-head h3, .research-head h5{margin-bottom: 2.5rem;}
    .research_fact{margin-top: 2.5rem;}
    .object-nv.nav-tabs .nav-link{font: var(--fs-24);}
    .computer-list{grid-template-columns: repeat(1, 1fr);}
    .computer-right{margin-top: 5rem;}
    .gards-img figure img{width: 100%;}
    .scholarship-box{gap: 5rem;}
    .career-list{grid-template-columns: repeat(2, 1fr);}
    .program-slider { margin-left: calc((100vw - 880px) / 2); }
}


@media (max-width:1024px){
    .program-slider { margin-left: calc((100vw - 148rem) / 2); }
    .program-detail-sec15 { margin-left: calc((100vw - 152rem) / 2); }

}



@media (max-width:991px){
    .project-slide { margin-left: 0; }
    .scholarship-img { margin-right: 0; }
    .program-detail-sec4 .container19,
    .program-detail-sec3 .container19{ max-width: 100%; }
    .program-advantage figcaption { padding: 2rem 0; }
    .project-slide{ padding-inline: 1.5rem; }
    .program-detail-sec4 .container19::before{left: 0;}
    .project-box{ padding-block: 6rem 6rem; }
    .annual_reportgrid{grid-template-columns: repeat(2, 1fr);}
    .sec_title { padding-block: 2rem; }
     .program-detail .left-prgm-box{padding-inline: 0 0;margin-bottom: 5rem;}
     .program-detail .choosing-list{ grid-template-columns: 1fr; }
     .top-tie-sec{padding-block: 4rem 5rem;}
     .program-detail{padding-block: 5rem 4rem;}
     .program-detail-sec10{padding-block: 5rem 5rem;}
     .scholarship-box{ grid-template-columns: repeat(1, 1fr);gap: 5rem;}
     .computer{padding-block: 5rem 5rem;}
     .program-detail-sec15{margin-left: 0;padding-block: 5rem 5rem; margin-bottom: 5rem; padding-inline: 1rem;}
     .program-offer{width: 100%;}
     .program-offer h2, .program-offer h5{padding-right: 0;}
     .process-list{grid-template-columns: repeat(2, 1fr);margin-bottom: 5rem;}
     .choose_gla{padding-block: 5rem 4rem;}
     .depart1_grid.dept_grid{grid-template-columns: 1fr;margin-top: 5rem;}
     .mobile{display: block;}
     .department_sec1.dept-bnnr.program_banner{background-image:none !important}
     .program-detals-ttl{max-width: 100%;}
     .program-detals-ttl h6, .program-detals-ttl h2,.program-detals-ttl h1, .program-detals-ttl h3,.program-detals-ttl h2{color: var(--color-38); letter-spacing: -.5px;}
     .program-year{gap: 2.5rem;}
     .dept-bnnr .brochure-list a, .dept-bnnr .year-text p {color: var(--color-38);}
     .depart1text{padding: 0;}
     .program-advantage figcaption p{max-width: 100%;}
     .program-detail-sec4 + .department_sec2.institure-sec4{padding-inline: 1rem;padding-block: 3rem 5rem;}
     .program-slider{margin-left: 0;padding-inline: 1.5rem;}
     .admission-text{margin-bottom: 5rem;}
     .program-admission{    padding-block:5rem 4rem;}
     .activitie-btn{margin-top:3.5rem;}
     .program-detail-sec13, .program-detail-sec12{padding-block: 5rem;}
     .program-detail-sec11{padding-block: 5rem;}
     .program-detail .choosing-left{padding: 3rem;}
    .choosing-left blockquote{margin-bottom: 1.5rem;}
    .choosing-left p{margin-bottom: 0;}
    .computer-text{padding-right: 0;}
    .object-sec{padding-block: 5rem;}
    .object-btn{margin:3rem 0 0 0;}
    .object-tabs .tab-pane{border: none;}
    .out-cont .accordion{margin: 3rem 0 4rem 0;}
    .object-tabs .accordion-header.d-lg-none .accordion-button.collapsed{margin-bottom: 4rem;}
    .object-tabs .accordion-header.d-lg-none .accordion-button { font: var(--fs-30);margin-bottom: 1.5rem; color: var(--color-38); 
        font-weight: normal; background-color: transparent; border: none; 
        box-shadow: none; line-height: 1; padding: 0; padding-bottom:1.5rem; border-bottom: 1px solid #c6c8c6; }
    .object-tabs .accordion-header.d-lg-none .accordion-button:not(.collapsed){border-bottom: 2px solid var(--color-3f);color: var(--color-3f);}
    .project-text-box{ min-height: auto;}
    .institute_course_list { grid-template-columns: repeat(2, 1fr); }
    .program-advantage figcaption h3 span::after, .program-advantage figcaption blockquote span::after { top: 0.4rem; right: -0.7rem; width: 2.5rem; height: 2.1rem; background-size: contain; }
    .ranking_prog { margin-top: 0; }
    .fact h4 sup{ top: -2rem;}
.syllabus-sec1 { padding-block: 4rem 7rem; }
   .scholarship-img figure img{width: 100%;}
.project-slide { padding-block: 9rem 15.7rem; }
.program-slider.research-slider-wrap .research-prev { left: 0.5rem; }

    
}
@media (max-width:767px){
    .career-list{grid-template-columns: repeat(1, 1fr);}
    .research_grid{gap: 1rem;}
    .research_fact{grid-template-columns: repeat(1, 1fr);gap: 1.5rem;}
    .gards{grid-template-columns: repeat(1, 1fr);}
    .computer::before{display: none;}
    .career-left-img img{width: 100%;}
    .further-box{padding: 2rem;}
    .career-text{padding: 1.5rem 0rem 3rem;}
    .process-list{grid-template-columns: repeat(1, 1fr);}
    .program-slider.research-slider-wrap .research-prev { left: 0; }
    .program-detail .choosing-right .fees-box { padding: 3rem; }
    .facility_header{ display: block;}
    .program-search { padding-block: 0rem 2rem; }
   
     .program-detail-sec16 { padding-block: 0 6rem; }
     .process-img { margin-bottom: 2rem; }
    .process-list { margin-bottom: 3rem; }
    .world-text { width: 95%; margin-bottom: 2.8rem; }
.choose_gla blockquote { padding-top: 2rem; }
}

@media (max-width:640px){    
    .annual_reportgrid{grid-template-columns: repeat(1, 1fr);}
    .syllabus-sec1 { padding-block: 3rem 5rem; }
    .annual_reportgrid{gap: 1rem;}
    .program-detail .choosing-right .fees-box ul{ grid-template-columns: repeat(1, 1fr);}
    .institute_course_list {grid-template-columns: repeat(1, 1fr);
         .brochure-list{ gap: 2rem; flex-direction: column; align-items: start;}
    .brochure-text { width: 100%; }
    .brochure-list a{width: 100%;}
 
}

}
@media (max-width:480px){
    .program-year{display: grid;grid-template-columns: 1fr;}
    .depart1_form { padding: 3rem 1rem; overflow: hidden;}
    .project-slide{padding-block: 5rem 16.7rem;}
}

@media (max-width:360px){
    .brochure-list a{ display: flex; align-items: flex-start;}    
}