.inner-container { width: 100%;max-width: 1205px;margin-inline: auto;}
.top_banner figure { display: grid; margin-left: 9rem;}
.top_banner figure>* {grid-area: 1 / 1;}
.top_banner figcaption { display: flex;flex-wrap: wrap;align-items: center;padding-left: 5rem;    padding-left: 51rem; }
.top_banner figcaption h3 { color: var(--color-white); font-family: var(--font-Noto-Sans);letter-spacing: 6px; font-weight: 500; text-transform: uppercase;}
.top_banner figcaption h1 { color: var(--color-white); font-family: var(--font-Noto-Sans);letter-spacing: 6px; font-weight: 500; text-transform: uppercase;font-size: var(--font-30); }

/* About-Overview */
.about-overview{padding: 4rem 0 0;}
.about-menu {border-bottom: .1rem solid var(--color-70);padding-block: 0 1.5rem;}
.about-menu ul{}
.about-menu ul li {display: inline-block;padding: 0 3.3rem 0 0; }
.about-menu ul li a{ font-size: var(--font-18);   font-family: var(--font-Noto-Sans); color: var(--color-black);}
.about-menu ul li.active{position: relative;}
.about-menu ul li.active::before{    content: '';background-color: var(--color-c4);position: absolute; bottom: -3rem; height: .5rem; width: 100%;left: 0;}
.about-menu ul li.active a{color: var(--color-c4); font-weight: 600;}
.about-menu ul li a:hover{color: var(--color-c4);}
.campuses {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; margin-top: 8rem;}
.left-campuses-text { padding: 0 15rem 10rem 0;}
.left-campuses-img figure{margin-bottom: 2.5rem;}
.right-campuses-text {padding: 11rem 5rem 0 9rem;}
.right-campuses{}
.right-campuses-img {margin-right: -20rem; height: 100%;}
.right-campuses-img figure{height: 100%;}
.right-campuses-img figure img{height: 95%; object-fit: cover;}
.right-campuses-img img{}
.bottom-campus {display: grid;grid-template-columns: repeat(2, 1fr); gap: 2.5rem;}
/* About-History */
.history-sec1{    padding: 8rem 0 5rem;}
.history-text{position: relative;}
.history-text h3{color: var(--color-1f);}
.history-text h1{color: var(--color-1f); font-size: var(--font-30); line-height: var(--line-height-36); font-family: var(--font-Domine-serif); font-weight: 400; }
.history-box { margin-block: 7rem 0;}
.history-img{height: 100%;}
.history-img figure{height: 100%;}
.history-img figure img{height: 100%; object-fit: cover;}
.history-text-box { display: flex; flex-direction: column; height: 100%; justify-content: center; padding-inline: 11rem 2rem;}
.history-sec2{ padding: 0rem 0 8rem;}
.scholarships-sec{padding: 0 0 8rem;}
.history-motto-box{background-color: var(--color-white);padding: 3rem 6rem;z-index: 3;position: relative;}
.history-motto-box h4{line-height: var(--line-height-35);}
.recognition-box { background-color: var(--color-c4);padding-block: 14rem 0; position: relative; margin-top: -7rem; overflow: hidden;}
.recognition-text { padding-inline: 6rem 12rem; padding-block: 6rem 0;}
.recognition-img{height: 100%;}
.recognition-img figure{height: 100%;}
.recognition-img figure img{height: 100%; object-fit: cover;}
.recognition-img .image-swiper {height: 100%;}
.recognition-img .image-swiper .swiper-slide{display: flex;height: auto;}
.recognition-img .image-swiper .swiper-slide>figure>img{height: 100%; object-fit: cover;}
.recognition-text p{color: var(--color-white);}
.recognition-box::before{  content: '';background-color: var(--color-f6); position: absolute;bottom: 0; width: 100%; height: 6rem;}
.cartoon-text{padding-inline: 9rem 2rem;}
.cartoon-text p:last-of-type {margin-bottom: 3rem;}
.cartoon-text h4{line-height: var(--line-height-35);}
.society h3{margin-bottom: 1rem;}
.scholarships{margin: 5rem 0 2.5rem;}
.scholarships h4{margin-bottom: 1rem;}
.campus-img{height: 100%; overflow: hidden;}
.campus-img figure{height: 100%;}
.campus-img figure img{height: 100%; object-fit: cover;}
.campus-text{padding-inline: 6rem 0;}

.campus-text h4{margin-bottom: 2rem;}
.campus-text ul {list-style-type: disc;padding-inline: 2rem 0;}
.campus-text ul li{padding-bottom: 1.8rem;}
.campus-text ul li::marker{color: var(--color-c4);}
.selection-list{margin-block: 6rem 0; background-color: var(--color-white);}
.selection-box {padding: 5rem 7.5rem;}
.selection-box h5{letter-spacing: 3.6px; font-weight: 600;}
.selection-text-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 7rem; margin-top: 3rem;}
.selection-text-box{border-left: .1rem solid var(--color-c4);}
.selection-text-box { border-left: .2rem solid var(--color-c4);padding-inline: 2rem 0;}
.selection-list .border-line {margin-block:6rem; border-bottom: .1rem solid #CECECE;}
.breaker{border-top: .1rem solid var(--color-ce);}
.breaker-list { display: grid;grid-template-columns: repeat(2, 1fr);position: relative;}
.breaker-box { border-right: .1rem solid var(--color-ce); padding: 6rem 7.5rem;}
.breaker-box:nth-child(2n){border-right: 0rem solid var(--color-ce);}
.breaker-box h5{letter-spacing: 3.6px; font-weight: 600; margin-bottom: 1.5rem;}
.ug-scholarships { background-color: var(--color-c4);padding-block: 0 14rem;}
.ug-scholarships .scholarships h4, .ug-scholarships p{color: var(--color-white);}
.ug-scholarships .campus-text h4, .ug-scholarships .campus-text ul li, .ug-scholarships .campus-text ul li::marker{color: var(--color-white);}
.ug-selection-list{ margin-top: -8rem;}
.history-text p{margin-top: 1.5rem;}
.primary-school {padding-inline: 0 5rem;}
.school-logo-list{ border: .1rem solid var(--color-bf); padding: 4.2rem 2rem;text-align: center;}
.school-logo-list ul{}
.school-logo-list ul li{display: inline-block;}
.pride-text{margin-top: 6rem;}
.school-grid{background-color: var(--color-white);}
.cus-grid-icon {text-align: right; margin-bottom: 4rem;}
.cus-grid-icon .btn.btn-primary.btn-grid, .cus-grid-icon .btn.btn-danger.btn-list { border: none; background-color: var(--color-white);cursor: pointer;}
.cus-grid-icon .btn.btn-primary.btn-grid{padding-right: 1.5rem;border-right: .1rem solid var(--color-70) !important;}
.cus-grid-icon .btn.btn-danger.btn-list{padding-left: 1.5rem;}
.cus-grid-icon svg { height: 2.3rem; opacity: .5;}
.cus-grid-icon .active svg{opacity: 1;}
.school-name-list{position: relative;}
.left-school-text { padding-inline: 0 3rem;}
.left-school-text h4{border-bottom: .1rem solid var(--color-c4); padding-block: 0 3rem; padding-inline: 2rem 0rem;margin-bottom: 3rem;}
.right-school-text h4{border-bottom: .1rem solid var(--color-c4);padding-block: 0 3rem;margin-bottom: 3rem;}
.school-name-list { display: none;}
.list-view .school-name-list {display: grid; grid-template-columns: repeat(1, 40% auto); gap: 1rem;}
.card {margin-bottom: 5rem; position: relative;padding-inline: 0 .2rem;}
.card-img-top { margin-bottom: 2rem;}
.card-title {color: var(--color-c4);font-weight: 600;}
.grid-container .school-list-name{display: none;}
.list-view  .school-list-name { display: grid;grid-template-columns: repeat(1, 40% auto); gap: 1rem;}
.left-school-name h5{ color: var(--color-c4); font-weight: 600;}
.right-school-location { position: relative; display: flex; align-items: center; justify-content: space-between;}
.left-school-name{padding-inline: 0 3rem;}
.left-school-name h5{border-bottom: .1rem solid var(--color-bf);padding-block: 2.2rem;padding-inline: 2rem 0rem;}
.right-school-location { border-bottom: .1rem solid var(--color-bf); padding-block: 2.2rem;}
.right-school-location p{color: var(--color-black); font-style: italic;}
.list-view .row > [class*=col-] { max-width: 100%;flex: 0 0 100%;}
.list-view .card {  flex-direction: row;  display: none;}

.breadcumb_nav .breadcrumb{ display: flex; padding:0 2.4rem 0rem; list-style: none; gap: 1rem;}

.breadcumb_nav .breadcrumb-item+.breadcrumb-item::before {
    content:"/";
    margin-right: 1rem;
}
.breadcrumb li a{ color: var(--color-c4);}




@media (max-width: 575.98px) {
    .list-view .card { flex-direction: column;}
}
.list-view .card > .card-img-top { width: auto;}
.list-view .card .card-body {  display: inline-block;}
.school-contact-text{}
.school-contact-text h5{ letter-spacing: 3.6px; font-weight: 600; border-bottom: .1rem solid var(--color-cb);display: inline-block; padding-block: 0rem 2rem;}
 .school-contact-info { margin-top: 3rem;}
.school-contact-no { padding-block: 3rem; display: flex; padding-inline: 0 11rem; align-items: center;justify-content: space-between;}
.school-contact-no p{color: var(--color-1f); margin-bottom: 0;}
.afro-text {
    padding-inline: 0 10rem;
    padding-block: 4rem 0;
}

/* =========== Symbi Stars School ============ */

.star-sec-box {padding-inline: 2.4rem 0;}
.star-sec-box .history-text h3{color: var(--color-c4);}
.star-sec-box .history-text h1{color: var(--color-c4);}
.early-text { padding: 4rem 0;}
.early-text h4{margin-bottom: 1.5rem;}
.symbi-img { position: relative;  z-index: 9; height: 100%; overflow: hidden;}
.symbi-img figure{height: 100%;}
.symbi-img figure img{height: 100%; object-fit: cover;}
.symbi-text {position: relative; display: flex;  flex-direction: column;justify-content: center; height: 100%; padding-inline: 3rem; z-index: 1;}
.symbi-text ul{list-style-type: disc;}
.symbi-text ul li{ padding-bottom: 1.8rem;}
.symbi-text ul li::marker { color: var(--color-c4);}
.symbi-text::before{background-color: var(--color-white); content: ''; height: 42rem; width: 45rem;  position: absolute; z-index: -1; left: -2rem; top: 3rem;}
.believes-text{padding-block: 3rem;}
.believes-text blockquote{font-size: var(--font-21); font-family: var(--font-Noto-Sans); color:var(--color-1f);}
.admission-box {background-color: #c4161c21;  padding: 3.2rem 3rem;}
.admission-box h5{padding-bottom: 1rem;}
.admission-box p{font-size: var(--font-16);}
.admission-subject { padding: 2rem 10rem 0 3rem;  display: flex; justify-content: space-between;}
.symbi-contact{position: relative; margin-top: 11rem;z-index: 1;}
.symbi-contact::before {background-color: var(--color-white); content: '';width: calc(100% + 40rem); position: absolute; height: calc(100% + 1rem);z-index: -1;left: -20rem;top: -5rem;           }
.symbi-contact-info { padding-inline: 0 4rem;}
.symbi-contact-info h5{letter-spacing: 3.6px;font-weight: 600;  border-bottom: .1rem solid var(--color-cb); display: inline-block; padding-block: 0rem 2rem; margin-bottom: 3rem;}
.symbi-contact-info h4{font-size: var(--font-21); line-height: var(--line-height-30);     padding-bottom: 2rem;}
.symbi-contact-info h3{    margin-bottom: 1.8rem;font-size: var(--font-21);}
.cus-breadcrumb {display: flex; justify-content: space-between;align-items: center;}
.symbi-contact-info p{margin-bottom: 1rem;}
.symbi-contact-info .cus-btn{margin-top: 1.5rem;}
.symbi-map{position: relative;}
.symbi-map h5{letter-spacing: 3.6px; font-weight: 600; margin-bottom: 1.5rem;}
.star-sec1{padding: 8rem 0;}
.breadcrumb-box{
        padding: 8rem 0 0;
}
/* =========== university ============ */
.university-text {  margin-block: 4rem 5rem;}
.university-student{background-color: var(--color-c4);}
.university-student-text {  padding: 7rem 6rem;}
.university-student-text p{color: var(--color-white);}
.university-student-img {  margin-top: -10rem;}
.bottom-university-text{padding: 5rem;}
.bottom-university-text p{color: var(--color-white);}
.bottom-university-text {padding: 3rem 6rem 8rem;}
.university-box{background-color: var(--color-white); text-align: center;     padding: 6rem 8rem;}
.university-icon {display: flex;justify-content: center; gap: 7rem; margin-block: 3rem 0;}
.research-box{margin-block:7rem 0;}
.research-text-box {  display: flex;  height: 100%; justify-content: center; flex-direction: column;padding-inline: 10rem;}
.university-sec2{background-color: var(--color-white);    padding: 8rem 0 12rem;}
.social-services-text {display: flex; flex-direction: column; height: 100%; justify-content: center; padding-inline: 11rem;}
.bottom-social-services{margin-block: 3rem 0; height: 100%;    overflow: hidden;}
.bottom-social-services figure{height: 100%;}
.bottom-social-services figure img{height: 100%; object-fit: cover; padding-inline: 0 1.5rem;}
.health1 {display: flex; flex-direction: column; justify-content: center; height: 100%; padding-inline: 11rem;}
.diverse { margin-top: 7rem;}
.diverse h5{color: var(--color-c4);}
.university-sec3 .border-line{margin-block: 6rem;}
.college{position: relative;}
.college .university-text p{margin-top: 3.5rem;}
.college-logos {display: grid; grid-template-columns: repeat(3, 1fr);gap: 1rem; width: 65%;margin-block: 6rem 0;}
.college-logo-list {background-color: var(--color-white); padding: 1.5rem;display: flex; justify-content: center; align-items: center;}
.institution{padding: 3rem 0;}
.institution-box{border: .1rem solid var(--color-70); padding: 5rem; margin-block: 0 5rem;}
.institution-box p{margin-bottom: 5rem;}
.institution-logo {display: grid;grid-template-columns: repeat(3, 1fr); gap: 6rem; width: 80%;}
.institution-list{overflow: hidden;display: flex;}
.institution-list figure{height: 100%;}
.institution-list figure img { height: 8rem;object-fit: contain;}
.established-box {padding-inline: 0 5rem; height: 100%;display: flex;flex-direction: column;justify-content: center;}
.established-box h4{margin-block:0 3rem}
.programmes-text{margin-block: 4rem;}
.programmes-text h5{color: var(--color-af); font-weight: 500;}
.programmes-list {position: relative;}
.tabbed-content {    overflow: hidden;}
.tabs ul {margin: 0;padding: 0 0 1em 0;font-weight: bold;}
.tabs ul li {color: var(--color-white);cursor: pointer;display: flex;justify-content: space-between;    }
.tabs ul li a {opacity: .8; font-weight: 300; font-size: var(--font-16);transition: all .5s ease; padding-block: 1.4rem;}
.tabs ul li a img{width: .7rem;filter: brightness(0) invert(1);}
.tabs ul li a:hover{opacity: 1;    font-weight: 500;}
 .tabs ul li a.active { opacity: 1;font-weight: 500;border-bottom: .1rem solid #ffffff85;}
.item {margin-bottom: 2px;}
.item::before {  cursor: pointer;  font-weight: bold;  background: #eee;  padding: 0.5em;display: block;}
.item.active::before {background: #444;  color: #eee;}
.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) {
  .item.active .item-content { padding-top: 0;}
.tabs-side .tabs li {margin-bottom: 2px;}}
.tabbed-content .tabs {  display: none; background-color: var(--color-c4);padding: 3rem 4rem;}
.tabbed-content .item {  min-height: 2em;}
.tabbed-content .item::before {  content: attr(data-title);}
.tabbed-content .item .item-content {opacity: 0;  visibility: hidden;  height: 0;}
.tabbed-content .item.active .item-content { opacity: 1;  visibility: visible;  height: calc(100vh + 4.2rem);  }
@media all and (min-width: 800px) {
  .tabbed-content .tabs {display: block;}
  .tabbed-content .tabs li { display: inline-block;}
  .tabbed-content .tabs li a {display: flex; justify-content: space-between;}
  .tabbed-content .item { min-height: 0;}
  .tabbed-content .item::before {display: none;}
  .tabbed-content.tabs-side .tabs { width: 35%;float: left;         height: calc(100vh + 4.2rem);}
  .tabbed-content.tabs-side .tabs li {  display: block;}
  .tabbed-content.tabs-side .item { background-color: var(--color-white); margin-left: 43rem;}}
.bcom-box {padding: 4rem 5rem;}
.bcom-text {padding-block: 0rem 2rem;}
.bcom-text h5{color: var(--color-af); font-weight: 600;}
.bcom-text p{font-style: italic; color:var(--color-black); }
.finance-list { margin-block: 0rem 3rem;}
.finance-box {  position: relative; display: flex; justify-content: space-between; padding-block: 1.5rem 1.5rem; border-bottom: .1rem dashed #0000005e;}
.finance-box p{font-weight: 700; color: var(--color-c4);}
.specialisation-list{margin-block: 0rem 3.5rem;}
.specialisation-box { display: flex;justify-content: space-between;padding-block: 3rem 1.5rem; border-bottom: .1rem dashed #0000005e;position: relative;}
.specialisation-text{}
.specialisation-text h5{color: var(--color-c4); font-weight: 600;}
.specialisation-text p{color: var(--color-black); font-style: italic;}
.available{padding: 2rem 0rem 0 3rem;}
.kindergarten-text{padding-inline:0 4rem;}
.kindergarten-text::before{display: none;}
.kindergarten-text ul { list-style-type: disc;padding-inline: 2rem 2rem;}
.kindergarten-text blockquote{    font-size: var(--font-21);  font-family: var(--font-Noto-Sans);color: var(--color-1f);    margin-bottom: 2rem;}
.open-sec1 .early-text {padding: 0rem 0;}
.open-contact { background-color: var(--color-white);    margin-block: 17rem 0;}
.open-contact .symbi-map {  margin-top: -10rem;}
.open-contact .symbi-contact-info {padding-inline: 0 4rem;padding-block: 5rem 11rem;}
.symbiosis-society-text {display: flex;flex-direction: column; height: 100%;justify-content: center;padding-inline: 5rem;}
.symbiosis-society-img1{margin-top: 2rem;}
.memorial-sec{background-color: var(--color-c4);}
.memorial-sec-text {display: flex;flex-direction: column;height: 100%;justify-content: center;padding-inline: 12rem;}
.memorial-sec-text p{color: var(--color-white);}
.considering-box{border: .1rem solid #0000004d; padding: 5rem;}
.considering-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; margin-block: 5rem 0;}
.considering-list-box figure{margin-bottom: 4rem;}
.considering-list-box p{padding-inline: 0 4rem;}
.considering-btn{margin-block: 5rem 0;}
.afro-text1{padding: 4rem 10rem 0 0;}
.afro-text2{ padding: 0rem 8rem 0 6rem; display: flex;flex-direction: column; height: 100%;justify-content: center;}
.cultural-sec1{padding: 0; background-color: var(--color-c4);position: relative;z-index: 1;}
.cultural-sec1::before{content: '';  background-color: var(--color-f6); position: absolute;  top: 0;   left: 0;  height: 4rem;width: 100%; z-index: -1;}
.cultural-sec1::after{content: ''; background-color: var(--color-f6);  position: absolute;  bottom: 0;  left: 0; height: 3rem;  width: 100%; z-index: -1;}
.information-text{position: relative;}
.information-text p{color: var(--color-white);}
.information-text {display: flex; flex-direction: column; justify-content: center;height: 100%; padding-inline: 0 10rem;}
.initiatives{position: relative;}
.initiatives .early-text h4 {margin-bottom: 3.5rem;}
.initiatives-sec1{padding: 0; background-color: var(--color-c4);}
.objective-box .row:nth-child(2n) { margin-block: 5rem 0;}
.objective-text{display: flex;flex-direction: column; height: 100%;justify-content: center; padding-inline: 13rem;}
.constantly{margin-block: 8rem 0;}
.constantly .border-line { margin-block: 5rem;}
.health{padding: 8rem 0 0; position: relative; z-index: 9;}
.health-sec1{    background-color: var(--color-c4); padding-block: 35rem 8rem;margin-top: -32rem;}
.health-sec1 .container-fluid{padding: 0;}
.health-sec1-img {overflow: hidden;height: 100%;}
.health-sec1-img figure{height: 100%;}
.health-sec1-img figure img{height: 100%;}
.health-sec1-box {display: grid; grid-template-columns: repeat(2, 35% 65%);position: relative;}
.health-sec1-text {    padding: 12rem 10rem 0;}
.health-sec1-text p{color: var(--color-white);}
.hostal_slider{position: relative;}
.banner-arrows {display: flex; margin-top: .6rem;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.banner-arrows :is(.swiper-button-prev, .swiper-button-next):hover{background-color: var(--color-white); color: var(--color-black);}
.medical-box {border: .1rem solid #0000004d; padding: 4.5rem 5rem; margin-bottom: 9rem;}
.medical-box h4{text-align: center;}
.medical-list {  display: grid;grid-template-columns: repeat(5, 1fr); gap: 5rem 2.5rem; margin-top: 5rem;}
.medical-list-box { border-bottom: .1rem solid #c4161c54; padding-block: 0rem 2rem;}
.medical-list-box h3 span{font-size: var(--font-16); color: var(--color-1f); font-family: var(--font-Noto-Sans); font-weight: 600;}
.medical-list-box span{font-size: var(--font-16); color: var(--color-1f); font-family: var(--font-Noto-Sans); font-weight: 600;}
.medical-list-box h3 { font-weight: 500;}
.menu-toggle {display: none;}
@media (max-width: 768px) {
.menu-toggle {display: block;cursor: pointer; padding: 10px; color: var(--color-c4) ;text-align: center;border-radius: 6px; font-family: var(--font-Noto-Sans);text-transform: uppercase; font-size: var(--font-21); }
.about-menu ul {display: none; flex-direction: column;background: #f9f9f9;border: 1px solid #ddd;margin-top: 10px; position: absolute; width: 95%;  z-index: 99;}
.about-menu ul.show {  display: flex;justify-content: center; text-align: center;        padding: 1rem;}
.about-menu ul li {}
.about-menu ul li:last-child {  border-bottom: none;}
}
.contact-sec{padding: 8rem 0 12rem;}
.contact-sec h1{ font-size: var(--font-42); line-height: var(--line-height-48); color: var(--color-c4); font-weight: normal;margin: 2rem 0; }
.contact-sec h2{margin: 2rem 0;}

.contact-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem;}
.contact-box{background-color: var(--color-white); padding-inline: 2.7rem;padding-block: 3.2rem;}
.contact-box h1{ font-size: var(--font-30); line-height: var(--line-height-36); color: var(--color-c4); font-weight: normal; margin: 0; }
.contact-text {margin-block: 2rem 0;}


.contact-info {display: flex; align-items: center;margin-top: 1rem;}
.contact-info p{margin-bottom: 0;}
.contact-info span{padding-inline: 2rem;}
.contact-text .border-line {margin-block: 3rem;}
.contact-email{position: relative;}
.contact-email p{display: flex; align-items: center;    margin-bottom: 1rem;}
.contact-email p img{width: 2rem;}
.contact-email p a{font-weight: 600;padding-left: 1rem;}
.contact-sec1{padding: 0;}
.news-sec{background-color: var(--color-white);}
.news-list {margin-inline: 2.3rem;}
.cus-event .featured-text{left: 3rem; }
.cus-event .featured-heading{padding: 3rem;}
.other-event { padding-inline: 2rem 0;padding-block: 3rem 0;}
.other-event h5{letter-spacing: 3.6px; font-weight: 600;}
.other-event-list {margin-block: 3.5rem 0;}
.other-event-list .news-box-list{margin-bottom: 2.5rem;}
.other-event-list .news-box-list{background-color: var(--color-f6);}
.news-box-text h6{font-weight: 600; margin-bottom: 2.5rem;}
.news-society-list {margin-inline: 2.3rem 0; position: relative;}
.news-society-box {display: grid; grid-template-columns: repeat(2, 1fr);}
.news-society-text {border: .1rem solid var(--color-d3); display: flex;flex-direction: column;justify-content: center;padding-inline: 9rem 8rem;}
.news-society-text h3{color: var(--color-1f);margin-bottom: 1rem;}
.news-society-text p{    padding-block: 0rem;}
.news-society-text .cus-btn { width: 31%;     margin-top: 2rem;}
.cus-more-news { margin-inline: 2.3rem; margin-block: 5rem 0rem;}
.more-news-list { display: grid;grid-template-columns: repeat(2, 1fr); gap: 2rem;}
.more-news-box{background-color: var(--color-white);}
.more-news-box .news-box-text { width: 100%;}
.more-news-box .news-box-img { width: 40%;}
.news-detail-sec{ background-color: var(--color-white);position: relative; z-index: 3; padding: 8rem 0 0;}
.news-detail-sec::before{content: ''; background-color: var(--color-f6); position: absolute; bottom: 0;width: 100%; height: 40rem; z-index: 0;display: none;}
.news-society-img{ height: 100%; overflow: hidden; }
.news-society-img figure{ height: 100%; }
.news-society-img figure img{ height: 100%; object-fit: cover; }
.news-detail-heading {margin-bottom: 3rem;}
.news-detail-heading h5{letter-spacing: 3.6px; font-weight: 600; }
.news-detail-text{    margin-top: 3rem;}
.other-news-heading {padding: 0 0 0rem 4rem;    position: relative;}
.other-news-heading  h5{ letter-spacing: 3.6px; font-weight: 600;}
.other-news-heading h1{
        font-size: var(--font-18);
    line-height: var(--line-height-24);
    font-family: var(--font-Noto-Sans);
    color: var(--color-1f);
    letter-spacing: 3.6px; font-weight: 600;
}

.news-detail-text p{margin-bottom: 1.5rem;}
.news-detail-text h3{color: var(--color-1f); margin-bottom: 3rem;}
.news-detail-text h1{color: var(--color-1f); margin-bottom: 3rem;
        font-size: var(--font-30);
    line-height: var(--line-height-36);
    font-weight: normal;
}
.news-detail-sec2{padding-block: 2rem 0;}
ul.pagination { display: flex; gap: 1rem; margin-top: 5rem; }
li.page-item { background: var(--color-white); padding: .4rem 1.2rem; font-size: var(--font-16); }
li.page-item.active { background: var(--color-c4); color: var(--color-white); }

.detail-quote { position: relative; background-color: var(--color-white); padding: 3rem;}
.left-quote-icon {  position: absolute; top: -3.3rem;z-index: 9;}
.right-quote-icon {position: absolute; right: 3.5rem; bottom: 5rem;}
.quote-box { display: grid; grid-template-columns: repeat(1, 25% auto);margin-block: 5rem 0;}
.quote-text { padding-inline: 6rem;}
.quote-text h5{ color: var(--color-af); font-weight: 600; line-height:var(--line-height-30);}
.bottom-quote-text {margin-block: 8rem 4rem; position: relative;}
.bottom-quote-text::before{ content: '';background-color: #af251c69; height: .1rem;position: absolute;top: -4rem;  width: 47%;}
.bottom-quote-text h5{font-weight: 400;}
.bottom-quote-text p{color: var(--color-black); font-style: italic;}
.news-detail-sec3 .border-line{    margin-block: 7rem 0;}
.news_detail_section .border-line{    margin-block: 0rem 0;}
.news-detail-sec4{padding-block: 0 8rem;}
.related-news{}
.related-news h5{text-align: center; letter-spacing: 3.6px; font-weight: 600; margin-bottom: 4rem;}
.gallery-sec{position: relative;}
.gallery-text{text-align: center;}
.gallery-text blockquote{font-size: var(--font-21); font-family: var(--font-Noto-Sans); color: var(--color-af); font-weight: 500;}
.gallery-text p{font-style: italic;}
.filter-menu { margin-block: 4rem;text-align: center; display: flex;justify-content: center;align-items: center;}
.filter-menu button { border: none; background: none;font-weight: 600;margin: 0 3rem;cursor: pointer; font-size: var(--font-14); color: var(--color-1f);display: flex; align-items: center;font-family: var(--font-Noto-Sans); border-bottom: 1px solid transparent; padding-bottom: 1.5rem;}
.filter-menu button.active { color: var(--color-c4); border-bottom: 1px solid var(--color-c4); }
.filter-menu img{margin-right: .8rem;}
.mission-text{ padding-inline: 4rem 2rem;}
.mission-text1{ padding-inline: 3rem 8rem;padding-block: 1rem 0;}
 /* Gallery page responisve css end */
.cus-gallery {display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem;}
/* Gallery Layout start */
.gallery_section01 .gallery-item { cursor: pointer;}
.gallery-item .image-tags span:first-child {padding: 0.4rem 0.6rem;color: var(--white-color);font-size: var(--font-13);font-weight: bold;background-color: #000;}
.gallery-item .image-tags span:last-child {padding: 0.4rem 0.6rem;color: var(--white-color);font-size: var(--font-12);font-weight: normal;background-color: var(--secondary-blue);}
/* Gallery Layout end */
  /* Modal Overlay */

.modal-overlay {position: fixed;top: 0; left: 0;width: 100%;height: 100%; background:rgb(15 15 15 / 96%);; display: none; justify-content: center; align-items: center; z-index: 1000;}
  /* Modal Content */
.modal-content {background: var(--white-color);max-width: 900px;width: 90%;text-align: center;position: relative;}
.modal-overlay .modal-content img {max-width: 100%;}
.modal-overlay  .modal-title { margin-bottom: 0; align-items: center; font-size: var(--font-16); color: #000; font-weight: normal; line-height: 1.2;}
.modal-overlay .modal-close { position: absolute;top: -1.3rem;right: -1.1rem; cursor: pointer;}
.modal-overlay .modal-close img{width: 3.1rem;}
.modal-overlay .modal-nav {align-items: center;display: flex;justify-content: space-between;padding: 1rem 3.6rem 1rem 1.6rem;     background-color: var(--color-white);}  
.modal-overlay .modal-nav button {border: none; cursor: pointer;background: transparent;}
.gallery-item figure { position: relative; background: var(--color-white); padding: 1.8rem; cursor: pointer;}
.gallery-item .image-tags { position: absolute; top: 0; right: 0; display: flex; gap: 0px;}
.modal-nav .prev-btn img{transform: rotate(180deg);}
.gallery-item { }
.gallery-item1{ background: var(--color-white);padding: 1.5rem; cursor: initial; position: relative;} 
.open-sec1 {padding: 12rem 0;}
.search-sec1{padding-block: 5rem;}
.search-sec2{ padding-block: 0 3rem;}
.featured-text h5 {text-transform: uppercase;}

/* Gallery responisve Layout start */
@media (max-width:1366px){.all_img_gallery { padding: 6rem 0 8rem;}.modal-content { background: var(--white-color); max-width: 700px;}}
@media (max-width:776px){.all_img_gallery {padding: 2rem 0 6rem;}.all_img_gallery .grid_3 {grid-template-columns: repeat(2, 1fr);}.modal-content { max-width: 500px;}}
@media (max-width:480px){.all_img_gallery .grid_3 {grid-template-columns: repeat(1, 1fr);gap: 1.5rem;}.all_img_gallery {padding: 0rem 0 6rem;}}
/* Gallery responisve Layout end */
.gallery-item.hide { display: none !important; } 
.cus-gallery .gallery-item { display: none; /* hide all initially */ }
.cus-gallery .gallery-item.show { display: block; animation: fadeIn 0.6s ease-in-out; }
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
  }
.cus-btn2{color: var(--color-c4); font-size: var(--font-16); font-family: var(--font-Noto-Sans); line-height: var(--line-height-24); font-weight: 600; display: inline-flex; border-bottom: 1px dashed #000000; padding-bottom: 1rem; transition: .6s; -webkit-transition: .6s; cursor: pointer; }
.gallery_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; }
.vi-btn { position: absolute; z-index: 10; top: 45%; left: 45%; }
.fancybox-is-open .fancybox-stage{ width: 65%; margin: 0 auto;}
.fancybox-button{background-color: var(--color-c4); color: var(--color-white);}
.load-btn{margin-top: 4rem;}
.cus-btn2 img{width: 2rem; margin-left: .6rem;transition: .6s; -webkit-transition: .6s;height: 2.1rem;}
.university-contact { margin-bottom: 3rem;}
.university-contact .contact-email p{ margin-bottom: 1rem;}
.university-contact .contact-text p span { display: block;}
.mission-sec3{padding-block: 0 6rem;}
.mission-sec5 .considering-list{    margin-block: 0rem 0;     grid-template-columns: repeat(1, 1fr);}
.mission-sec5 .considering-list h5{ margin-bottom: 1.5rem; line-height: var(--line-height-30); }
.mission-sec5 .considering-list h3{ margin-bottom: 1.5rem; }
.more-text { max-height: 0; overflow: hidden; display: inline-block; transition: max-height 0.5s ease, opacity 0.5s ease;  opacity: 0;}
.more-text.show {max-height: 1500px; opacity: 1;}
.toggle-btn { display: inline-flex;align-items: center; cursor: pointer; color: #333;  margin-top: 8px; font-size: 14px; border: none; background: none;}
.toggle-btn i { font-style: normal; margin-left: 4px;transition: transform 0.3s ease; display: inline-block;}
.toggle-btn.active i { transform: rotate(180deg);}
.toggle-btn {color: var(--color-c4);  margin-bottom: 1.5rem; font-size: 1.8rem; border: 1px solid var(--color-c4); background: none; height: 2.8rem; width: 2.8rem; text-align: center; border-radius: 10rem;padding: 0rem; }
.ledership-box {    padding-block: 0 4rem;
    text-align: center;}
.ledership-box p a{color: var(--color-c4); font-weight: 600; font-size: var(--font-16);}
.ledership-box h5{letter-spacing: 3.6px; margin-bottom: 1.8rem; }
.ledership-box figure{margin-block: 2rem;}
.ledership-box h3{margin-block: 0 1rem;}
.ledership-box h3 span{display: block; font-size: var(--font-18);}
.ledership-sec1{}
.ledership-list{display: grid; grid-template-columns: repeat(2, 1fr);gap: 5rem;}
.ledership-box1{padding-block: 2rem 0;}
.ledership-principal{background-color: var(--color-white);}
.ledership-text h3{margin-block: 0 1rem;}
.ledership-text h3 span{    display: block; font-size: var(--font-21);}
.ledership-img{height: 100%; overflow: hidden;}
.ledership-img figure{height: 100%; }
.ledership-img figure img{ object-fit: cover;}
.managing-list {display: grid; grid-template-columns: repeat(2, 1fr);  gap: 3rem; margin: 4rem 0;}
.managing-box{}
.managing-box h5{  letter-spacing: 3.6px;margin-bottom: 1.8rem;text-transform: uppercase;}
.managing-box h3{background-color: var(--color-white);padding: 1.5rem; font-size: var(--font-21);}
.member-list{display: grid; grid-template-columns: repeat(3, 1fr);  gap: 3rem;}
.member-heading { margin-bottom: 4rem;}
.institutes .contact-box { padding-inline: 5.5rem;padding-block: 4.2rem;}
.institutes-list {display: grid;grid-template-columns: repeat(3, 1fr); gap: 3rem; margin-top: 6rem;}
.institutes-box {background-color: var(--color-white); padding-inline: 2.5rem;padding-block: 2.5rem; display: flex; position: relative;justify-content: space-between;}
.careers{padding: 12rem 0;}
.careers h5 a{color: var(--color-c4); padding-block: 1.5rem 0; display: block;}
.privacy-text{margin-bottom: 2.6rem;}
.privacy-text ul{margin-block: 1rem 0;}
.privacy-text ul li{margin-bottom: 1rem;padding-inline: 2.3rem 0rem;position: relative;}
.privacy-text ul li::before{content: '';background-color: var(--color-c4);height: .5rem;width: .5rem; position: absolute; left: .8rem; border-radius: 10rem;top: 1rem;}
.common-sec{padding: 12rem 0;}
.health .health-img { overflow: hidden; height: auto; }
.heritage-sec1 .recognition-text { padding-block: 6rem 11rem; }
.heritage-sec1 .recognition-text.sys-left-content { padding: 2rem 3rem 5rem 0; }
.recognition-text.sys-left-content p { margin-bottom: 2rem; }
.heritage-sec1 .history-motto-box h4 { margin-bottom: 1.5rem; }
.member-group-img{ margin-bottom: 4rem; }
.afro-img .swiper-pagination-clickable .swiper-pagination-bullet { background-color: var(--color-white); }
.search_dtl { position: relative !important; }
ul.search_list_view { padding-block: 2rem; border-top: 1px solid #6666664f; margin-top: 3rem; }
ul.search_list_view li{ padding-block: 4rem; border-bottom: 1px solid #6666664f; }
.search-sec2 { padding-block: 0 3rem; overflow: hidden; }
.contact-text p span { display: inline-block !important; }
.news-drop { display: flex; justify-content: space-between; align-items: center; padding-right: 2rem; }
.dropdown-container { display: flex;     gap: 1rem;}
.dropdown-container select { border: 1px solid #666; padding: 1rem 1rem; padding-right: 5rem; background: #ffffff00; width: auto;font-family: var(--font-Noto-Sans); font-size: var(--font-16); }
.admission{}
.admission .member-heading { margin-block: 4rem 2rem; }
.admission .member-heading h1{ font-size: var(--font-30); line-height: var(--line-height-36); font-family: var(--font-Domine-serif); color: var(--color-c4); font-weight: normal; }
.admission .managing-box { position: relative; background: var(--color-white); align-items: center; }
.admission .managing-box h3 { font-size: var(--font-18); }
.dropdown-container{ position: relative; }
.month-text{ position: relative; }
.month-text .icon { position: absolute; right: 8px; top: 15px; }
.cultural{ padding: 0 0 8rem;}
.cultural .objective-text { padding-inline: 7rem; }
.cultural .objective-text h4{ margin-bottom: 2rem; }
.cus-stydent-text { margin-top: 9rem; }
.cus-global { margin: 7rem 0; }
.cus-global .campus-text { padding-inline: 0rem 5rem; }
.cus-global .campus-text p{ margin-bottom: 3rem; }
.cus-global1 .campus-text p{ margin-bottom: 3rem; }
.global-box .selection-text-box h5 { letter-spacing: 0; font-weight: 600; margin-bottom: 1.5rem; }
/* Symbiosis Centre of Health Care page css start */

.schc-sec-one { padding-bottom: 0; }
@media(max-width:1199px){
.schc-sec-one { padding-bottom: 0; padding-top: 5rem; }
.schc-sec-one .early-text { padding: 3rem 0; }
}
.schc-sec-two .holistic_grid { display: grid; grid-template-columns: 50% 50%; align-items: center;gap: 3rem 0;}
.schc-sec-two .holistic_grid .holistic_cntnt { padding-inline: 0rem 10rem;}
.schc-sec-two .holistic_grid .holistic_cntnt:nth-child(2n+2){
    padding-inline: 6rem;
}
.schc-sec-two .holistic_grid .holistic_cntnt h3 { font-size: var(--font-30); margin-bottom: 3rem; }
@media(max-width:1199px){
.schc-sec-two .holistic_grid .holistic_cntnt { padding-inline: 2rem; }
.schc-sec-two .holistic_grid .holistic_cntnt h3 { margin-bottom: 1rem; }
}
@media(max-width:768px){
.schc-sec-two .holistic_grid {grid-template-columns: 100%;gap: 3rem;}
.schc-sec-two .holistic_grid .holistic_cntnt {padding-inline: 0rem;}
}

.schc-sec-three { padding-block: 8rem; }
.schc-sec-three .cmps-txt { border-bottom: 1px solid #ccc; text-align: center; padding-bottom: 4rem; margin-bottom: 4rem; }
.schc-sec-three .cmps-txt h3 { margin-bottom: 3rem; }
.schc-sec-three .cmps-txt h6 { font-size: var(--font-18); }
.schc-sec-three .cmps-txt h6 span { display: block; }
.schc-sec-three .cmps-txt p{padding-top: 3rem;}
.early-text.alumni_sec h4 { margin-bottom: 1.5rem; font-size: var(--font-21); }
@media(max-width:1199px){
.schc-sec-three { padding-block: 5rem; }
.schc-sec-three .cmps-txt h3 { margin-bottom: 1.5rem; }
.schc-sec-three .cmps-txt { padding-bottom: 3rem; margin-bottom: 3rem; }
}

.schc-sec-four .cmps_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; }
.cmps_grid figure {
    height: 100%;
    
}
.cmps_grid figure img {
    height: 100%;
    object-fit: cover;
}

@media(max-width:1199px){
.schc-sec-four .cmps_grid {gap: 2rem;}
}
@media(max-width:575px){
.schc-sec-four .cmps_grid {grid-template-columns: auto;}
}
.schc-sec-five .school-contact-no { padding-block: 3rem; display: flex; padding-inline: 0rem; align-items: center; justify-content: space-between; }
.schc-sec-five .school-contact-no a:hover {color: var(--color-c4);}

@media(max-width:1199px){
.schc-sec-five { padding: 5rem 0; }
.schc-sec-five .school-contact-no { flex-wrap: wrap;gap: 1rem;    align-items: start; justify-content: start; }

}

/* Symbiosis University Hospital & Research Centre (SUHRC) page css start */

.suhrc-sec-one{padding-block: 5rem 3rem;}
.suhrc-sec-one .suhrc_grid { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; }
.suhrc-sec-one .suhrc_grid .suhrc_cntnt { padding-inline: 8rem; }

.suhrc-sec-two { padding-bottom: 10rem; }
.suhrc-sec-two .bg_red { background-color:#fff; padding-block: 6rem;position: relative; }
.suhrc-sec-two .bg_red:before { content: ''; position: absolute; width: 100%; height: 14rem; background-color: #f6f6f6; top: 0; left: 0; z-index: 0; }
.suhrc-sec-two .specialities { text-align: center; background-color: var(--color-c4); padding-block: 5rem; position: relative; z-index: 1; }
.suhrc-sec-two .specialities p { font-size: var(--font-21); color: #fff;}
.suhrc-sec-two .specialities_grid { margin-top: 5rem; }
.suhrc-sec-two .specialities_grid ul { display: grid; grid-template-columns: repeat(5, 1fr); }
.rbox-caption a { color: #37b8ff; font-size: 1.9rem; font-weight: 700; padding-block: 1rem 0; display: block; }
.news-detail-content ul{padding: 0 0 0 2rem;}
.news-detail-content ul li{ list-style-type: disc; margin-bottom: 1.2rem; }
.cus-service{ padding-top: 4rem; }
.cus-service h4{font-weight: 700;}
.cus-service .medical-list { margin-top: 3rem; }
.cus-university .history-text h3 { color: var(--color-c4); }
.cus-university .history-text h1 { color: var(--color-c4); }
.privacy h1{ font-size: var(--font-30); line-height: var(--line-height-36); color: var(--color-c4); font-weight: normal; margin-bottom: 1.5rem; }

.school-contact-info h4{color: var(--color-c4);}
.about-sec2 .sector h6 {
    color: var(--color-c4);
}
.about-sec2 .sector h2{
    color: var( --color-1f);
}

@media(max-width:1199px){
.suhrc-sec-one { padding-block: 2rem 2rem; }
.suhrc-sec-one .suhrc_grid .suhrc_cntnt { padding-inline: 3rem; }
.suhrc-sec-two { padding-bottom: 5rem; }
.suhrc-sec-two .bg_red { padding-block: 4rem; }
.suhrc-sec-two .bg_red:before { height: 9rem; }
.suhrc-sec-two .specialities_grid ul { grid-template-columns: repeat(4, 1fr); gap: 0 2rem; }
}
@media(max-width:992px){
.suhrc-sec-two .specialities_grid ul { padding-inline: 3rem; }
.suhrc-sec-two .specialities { padding-block: 3rem;padding-inline: 2rem; }
.breadcumb_nav .breadcrumb { padding: 0 0rem 3rem; }
.heritage-sec1 .recognition-text.sys-left-content { padding: 0 3rem; }
.recognition-img .image-swiper .swiper-slide{ justify-content: center; }
}
@media(max-width:768px){
    .suhrc-sec-one .suhrc_grid {
    grid-template-columns: auto;
    gap: 3rem;
}
.suhrc-sec-one .suhrc_grid .suhrc_cntnt {
    padding-inline: 0;
}
.suhrc-sec-two .specialities_grid ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 2rem;
}
.suhrc-sec-two .bg_red {
    padding-block: 0rem 1rem;
}
}
@media(max-width:768px){
    .suhrc-sec-two .specialities_grid ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 2rem;
}
}
@media(max-width:575px){
    .suhrc-sec-two .specialities_grid ul {
    grid-template-columns:auto;
    gap: 0 2rem;
}
}
/* Symbiosis University Hospital & Research Centre (SUHRC) page css end */

.image-swiper{position: relative;}
.image-swiper .swiper-pagination .swiper-pagination-bullet{background-color:var(--color-c4);}
.search-sec2 h2{
    font-size: var(--font-30);
}

.search-sec2 h3{
    font-size: var(--font-21);
}

.initiates {
    padding: 0 0 5rem 0;
}
.scholar-sec1 .holistic_cntnt h5{
    margin-bottom: 1.5rem;
}
.scholar-sec1 .holistic_grid .holistic_cntnt {
    padding-inline: 0rem 4rem;
    padding-block: 3rem;
}
.holistic_img {
    height: 100%;
    overflow: hidden;
}
.holistic_img figure{
    height: 100%;
}
.holistic_img figure img{
    height: 100%;
    object-fit: cover;
}
.flagship-sec5 {
    padding: 8rem 0;
}
.flagship-sec5 .ug-scholarships {
    padding-block: 0 8rem;
}
.holistic_cntnt h4{
    margin-bottom: 1.5rem;
}
.research-sec2{}
.research-sec2 .sys-left-content h4{
    color: var(--color-white);
    margin-bottom: 1.5rem;
}
.research-sec2 .recognition-box::before{
    height: 3rem;
}
.research-sec4{}
.research-sec4 .faculty-heading{
        font-size: var(--font-36);
    line-height: var(--line-height-40);
    font-family: var(--font-Noto-Sans);
    font-weight: normal;
    color: var(--color-1f);
    margin-bottom: 3rem;
}
.faculty-tab .tabbed-content .tabs {
    background-color: #ffffff00;
 padding: 0;

    border-bottom: 1px solid #666;
}
.faculty-tab .tabs ul li a{
   font-size: var(--font-16);
    font-family: var(--font-Noto-Sans);
    color: var(--color-black);
    font-weight: 600;
}
 .faculty-tab  .tabbed-content .tabs li {
         padding-right: 3rem;
         padding-bottom: 1.8rem;
    }
.faculty-tab .tabs ul{
    border-bottom: .1rem solid var(--color-70);
        padding: 0;
}
.faculty-tab .tabbed-content .item.active .item-content {
    height: auto;
    padding: 3rem 0 0 0;
}

.faculty-tab  .tabs ul li a.active{
border-bottom: .2rem solid var(--color-c4);
color: var(--color-c4);
}
.faculty-tab .tabbed-content .item.active .item-content h4{
    color: var(--color-c4);
    margin-bottom: 2rem;
    font-weight: 600;
}

.faculty-list {
display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
    align-items: center;
}


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding-right: 2rem;
	color: var(--color-black);
	overflow: hidden;
	position: relative;
    font-size: var(--font-16);
}

.tab_last { }

ul.tabs li:hover {

}

ul.tabs li.active {
color: var(--color-c4);
    display: block;
    font-weight: 600;
    border-bottom: 2px solid var(--color-c4);
}

.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	overflow: auto;
}

.tab_content {
    padding: 4rem 0;
	display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 880px) {
	.faculty-tab .tabs {
		display: none;
	}
	.tab_drawer_heading {
        	background-color: #666;
		color: #fff;
	
		margin: 0;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
            font-family: var(--font-Noto-Sans);
            padding: .6rem;
                    margin-bottom: .3rem;
                    font-size: var(--font-21);
	}
	.d_active {
		background-color: var(--color-c4);
		color: var(--color-white);
	}
}
.faculty-right h4{
    font-size: var(--font-30);
    line-height: var(--line-height-36);
    font-family: var(--font-Noto-Sans);
    font-weight: normal;
    color: var(--color-c4);
    margin-bottom: 2rem;
}
.about-sec2{
    background-color: var(--color-white);
    padding: 10rem 0 8rem;
}
.sector {
    text-align: center;
}
.sector h6{
      font-size: var(--font-18);
    letter-spacing: 3.6px;
    font-weight: 600;
    margin-bottom: 2.5rem;
}
.sector h2{

}


.timeline{
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
        margin-top: 10rem;

}

.item{
    width:14%;
    text-align:center;
    position:relative;
}


.top-box,
.red-box{
width: 20.5rem;
    height: 20.5rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6rem;
}


.top-box{
background: #e4e4e4;
}

.red-box{
    background:var(--color-c4);
    margin-top: auto;
      transition: transform 0.4s ease;
}


.top-box:after,
.red-box:after{
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
}

.top-box:after{
    border-top:26px solid #e4e4e4;
}

.red-box:after{
    border-top: 26px solid var(--color-c4);
}

.line{
    width: 2px;
    height: 17.5rem;
    border-left: 2px dashed var(--color-c4);
    margin: 0 auto;

}

.black-line{
    border-left:2px dashed #e4e4e4;
}

.dot{
    width:16px;
    height:16px;
    border-radius:50%;
    background:var(--color-c4);
    margin:0 auto;
}

.black-dot{
    background:#e4e4e4;
}

.item:nth-child(even) .red-box{
    margin-top:0;
}

.item:nth-child(even) .top-box{
     margin-top: 0;
}

.item:nth-child(odd) {
    margin-top: 20.5rem;
}



.item h3{
    font-size: var(--font-21);
    margin: 2rem 0 1.5rem;
}

.item p{
    font-size: var(--font-18);
    color: var(--color-1f);
}

.red-box img {
  transition: transform 0.4s ease;
  filter: brightness(0) invert(1);
}


.top-box img {
  transition: transform 0.4s ease;

}

.item:hover .red-box img,
.item:hover .top-box img {
  transform: scale(1.15);
}
.item:hover .red-box{
    background: var(--color-70);
}
.item:hover .line{
      border-left: 2px dashed var(--color-70);  
}
.item:hover .dot{
   background: var(--color-70); 
}
.item:hover .top-box{
    background-color: var(--color-c4);
} 
.item:hover .black-line{
      border-left: 2px dashed var(--color-c4);  
}
.item:hover .black-dot{
    background: var(--color-c4);
}
.about-sec3{
    padding: 4rem 0 13rem;
}
.item:hover .red-box:after{
  border-top: 26px solid var(--color-70);  
}
.item:hover .top-box::after{
      border-top: 26px solid var(--color-c4);  
}
.item:hover .top-box img{
         filter: brightness(0) invert(1);
}


@media (max-width: 1650px){
 .top-box, .red-box {
width: 17.3rem;
    height: 17.8rem;
    padding: 5rem;
}
.item:nth-child(odd) {
    margin-top: 17.6rem;
}
.line {
    height: 15.5rem;
}
}

@media (max-width: 1550px){
    .top-box, .red-box {
        width: 16.3rem;
        height: 16.8rem;
        padding: 5rem;
    }
    .top-box:after, .red-box:after {
         bottom: -18px;
             transform: translateX(-58%);
             border-left: 17px solid transparent;
    border-right: 17px solid transparent;
}
.red-box:after {
    border-top: 21px solid var(--color-c4);
}
    .item:nth-child(odd) {
        margin-top: 16.6rem;
    }

}

@media (max-width: 1199px){
    .top-box, .red-box {
        width: 14rem;
        height: 13.8rem;
        padding: 5rem;
    }
    .item:nth-child(odd) {
        margin-top: 13.6rem;
    }
        .line {
        height: 12.5rem;
    }

}



@media (max-width: 1024px){

.timeline{
    justify-content:center;
}

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


    .top-box, .red-box {
        width: 13.4rem;
        height: 13.8rem;
        padding: 3rem;
    }
    
}

@media (max-width: 840px){
    .item {
    width: 100%;
}
    .timeline {
    flex-direction:column;
    align-items:center;
        margin-top: 6rem;
}

  .top-box, .red-box {
   width: 21rem;
        height: 22.8rem;
        padding: 5rem;
    } 
    .top-box:after, .red-box:after {
        bottom: -18px;
        transform: translateX(-52%);
    }
.about-sec2 {
    padding: 8rem 0 8rem;
}
.right-motto { width: 100%; }
    .item:nth-child(odd) {
        margin-top: 0;
    }
    .item{
        margin-bottom: 4rem;
    }


}


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

@media (max-width: 600px){
    .top-box, .red-box {
        width: 19rem;
        height: 19.8rem;
        padding: 5rem;
    }
.timeline{

}

.item{
    width:100%;
}

.top-box,
.red-box{
    margin-top:0 !important;
}

.line{
    height:80px;
}
    .item {
        width: 100%;
        margin-bottom: 4rem;
    }
    .item h3 {
    font-size: var(--font-21);
    margin: 1.5rem 0 1rem;
}

}
.international-students .campus-text, .integration .campus-text, .flagship-sec5 .campus-text{
    padding-inline: 0;
}
.cultural .objective-text {
    padding-inline: 0rem;
}
.cultural .cus-stydent-text {
    margin-top: 4rem;
}


.cus-academic .campus-text {
    padding-inline: 0;
}
.cus-academic  .cus-global {
    margin: 3rem 0;
}
.collaborative .campus-text {
    padding-inline: 0;
}
.mobility .campus-text{
    padding-inline: 0rem 0;
    padding-block: 0 3rem;
}
.mobility .campus-text h5{
    margin-bottom: 2rem;
}
.schc-sec-two .campus-grid{
    grid-template-columns: 100%;
}
.schc-sec-two .campus-grid .holistic_cntnt:nth-child(2n+2) {
    padding-inline: 0rem;
}
.research-sec1 .history-text-box{
    padding: 0;
}
.research-sec1 .history-box {
    margin-block: 3rem 0;
}

.custom404 {
    padding: 27rem 0 15rem;
}
.custom404-sec {
    text-align: center;
}
.custom404-sec h5{
    margin-bottom: 2rem;
}
.custom404-sec h1{
   margin-bottom: 2rem;
}
.custom404-sec p{
   margin-bottom: 2rem;
}
.custom404-sec a {
    background-color: var(--color-c4);
    color: var(--color-white);
    font-family: var(--font-Noto-Sans);
    padding: 1rem 2rem;
    margin-right: 1rem;
    display: inline-block;
    font-size: var(--font-14);
    border-radius: .5rem;
}
.engagement .cmps-txt{
    text-align: left;
}
.engagement .cmps-txt ol{
       padding: 0 0 0 2rem; 
}
.engagement .cmps-txt ol li {
    list-style-type: decimal;
    margin-bottom: 1rem;
}

.engagement .cmps-txt ol li::marker {
    color: var(--color-c4);
}
.engagement .cmps-txt p a{
        color: var(--color-c4);
        font-weight: 600;

}
.alumni-sec .history-text h1{
    color: var(--color-c4);
}



/* sitemap */
.site_map ul li{
        display: block;
    /* padding-left: 1rem; */
}

.grid_box {
       display: grid;
    grid-template-columns: 15% 25% 21% 22%;
    /* gap: 5rem; */
    justify-content: space-between;
}
.internnational>h3{    padding-top: 4rem;}
.site_map ul li a {
    padding-left: 1.5rem;
    display: block;
    margin: 1rem 0;
    position: relative;
    padding-left: 2rem;
    transition: transform 0.5s ease;
}
.site_map ul li a:hover{ color: var(--color-c4); transform: translateX(1rem);}
.top_link{ padding-bottom: 1rem;}
.site_menu_bx { border-bottom: 1px dashed #ccc; padding-bottom: 2.5rem; margin-bottom: 3rem;}
.site_menu_bx:last-child{ border-bottom: 0;}
.site_menu_bx h4{padding-left:0rem;font-size: var(--font-17);font-weight: 500;margin-bottom: 1.5rem;}
.site_map h3{font-size: var(--font-24);margin-bottom: 2.5rem;}
.site_map .main_menu ul li a{font-size: var(--font-24); margin-bottom: 2.5rem; font-family: var(--font-Domine-serif);
    color: var(--color-c4);}
.site_map .main_menu ul li a:hover{ color: #000;}

.site_map ul li a::before {
    
    background-image: url(http://wserver:8022/symbiosis_society/uploads/icon/arrow-right.svg);
    height: 1rem;
    width: 1rem;
    position: absolute;
    content: "";
    left: 0;
    top: .6rem;
    background-repeat: no-repeat;
    background-size: contain;
}
/* ✅ Tablet (<= 768px → 2 columns) */
@media (max-width: 768px) {
    .grid_box {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ✅ Mobile (<= 480px → 1 column) */
@media (max-width: 480px) {
    .grid_box {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 375px) {
    .grid_box {
        grid-template-columns: repeat(1, 1fr);
    }
}