:root {
      --oxford-blue: #002147;
      --gold: #d4af37;
      --light-bg: #f9f9fb;
    }


#prgm-bannr-text { position:relative; padding:0; }

    /* Layout */
.content-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 2px;
  max-width: 92% !important;
}

    /* Sidebar */
    .sidebar {
      flex: 0 0 371px;
      position: sticky;margin-bottom: 41px;
      top: 100px;
      height: fit-content;
      background: url(../images/footer-1.jpg) center;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    }
	table { border:none !important; }
	tbody th{color:var(--bs-heading-color)}
	thead th { background:url(../images/footer-1.jpg) center; border:1px solid #f2f2f254 !important; font-weight:700; color: #fff !important; }
	td { border:1px solid #dee2e6 !important; }
	tbody tr:nth-child(even){background-color:#f8f9fa}
	.grand-total-row{background:#c49c58!important;color:var(--bs-white);font-weight:700}
	.content-section:hover { box-shadow: 0 1px 9px rgba(0, 0, 0, 0.45) !important; }
	
	
	  /* Styling for the Row Headings (First column in the body) */
        .table-dark-accent tbody th {
            color: var(--bs-heading-color); /* Apply #C49C58 to text in the first column */
        }

        /* Styling for the Table Header (Dark Blue Accent) */
        .table-dark-accent thead th {
           background: url(../images/footer-1.jpg) center;
            color: var(--bs-white);
            font-weight: bold;
            border-bottom: 3px solid var(--bs-primary-blue);
        }

        /* Zebra striping for table body */
        .table-dark-accent tbody tr:nth-child(even) {
            background-color: #f8f9fa; /* Light gray */
        }

        /* Styling for the Grand Total Row (Primary Blue Background) */
        .table-dark-accent .grand-total-row {
            background: #c49c58 !important;
            color: var(--bs-white);
            font-weight: bold;
        }
        
	
   /* .sidebar h5 {
      font-weight: 600;
      color: var(--oxford-blue);
      margin-bottom: 15px;
    }

.sidebar a {
  display: block;
  padding: 15px 15px;
  color: #fff; position:relative;
  font-weight: 500;font-size: 17px;
  border-bottom: 1px solid #ffffff42;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 0;
}
.sidebar a:before { content:url(../images/right-icon.png);position: absolute;
  right: 0;
  top: 11px; }
.sidebar a:hover, .sidebar a.active {
  background-color: rgba(0, 33, 71, 0.1);
  color: #d4af37;
  border-left: 2px solid #d4af37;
  border-radius: 0;
}*/
.apply-nw-bttn-progrm_2 {   text-transform: uppercase;
  letter-spacing: 1px;
  padding: 9px 19px;
  background: #01026e;
  border: 1px solid #01026e;
  color: #fff; }
.apply-nw-bttn-progrm {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 9px 19px;
  background: #c49c58;
  border: 1px solid #c49c58;
  color: #fff;
}
.prgm-bannr-text ul li { display:inline-block; padding-right:8px; }
.prgm-bannr-text p {
  margin: 0px auto;
  font-size: 18px;
  font-weight: 300;
  line-height: 35px;
}
#progrm-dtls-banner { position:relative; }
.prgm-bannr-text {
  position: absolute;
 background: linear-gradient(180deg,rgba(255, 255, 255, 0.24) 0%, rgb(238, 238, 238) 100%);
  bottom: 0;width: 36%;
  left: 73px;
  padding: 29px 32px;
  top: 0;
}
.content-section { border: 1px solid #07076b !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important; }
.prgm-bannr-text--2 { position: absolute;
  bottom: 36px; }
.prgm-bannr-text h2 { font-weight:300; }
.prgm-bannr-text ul { margin-top:10px; }
    /* Main Content */
    .main-content {
      flex: 1;width: 78%;
      background: #fff;
      border-radius: 12px;
      padding: 0px 35px 26px;
    }

    .main-content section {
      margin-bottom: 60px;
    }

    .main-content h2 {
      color: var(--oxford-blue);
      border-left: 5px solid var(--gold);
      padding-left: 12px;
      margin-bottom: 20px;
      font-size: 1.6rem;
      font-weight: 600;
    }

    .main-content p {
      line-height: 34px !important;
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 300 !important;
    }
#progrm-dtls-banner img { width:100%; }
    /* List styling */
    .main-content ul {
      list-style: none;
      padding-left: 0;
    }
    .main-content ul li {
      position: relative;
      padding-left: 28px;
      margin-bottom: 10px;
    }
    .main-content ul li::before {
      content: "✔";
      position: absolute;
      left: 0;
      color: var(--gold);
      font-weight: 600;
    }

    /* Responsive */
    @media (max-width: 992px) {
      .content-wrapper {
        flex-direction: column;max-width: 100% !important;
      }
      .sidebar {
        position: relative;
        top: 0;
      }
	  .content-section {
  padding: 16px !important; }
    }
	
#meeet-our-teem {
  margin: 57px auto 0;
  padding: 50px 29px 65px;
  background: #f4f4f4;
  border-radius: 18px;
}	
.mmg-testim img { width: 92px !important; }
#adv-commty1 { background: #f4f4f4;
  padding: 49px 32px;
  border-radius: 22px; }
#adv-commty1 .advisor-card { background:#fff }  
.progm-list-heding_main {
  width: 100%;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgb(1, 2, 110) !important;
}
.vision-mission-box {
    border-width: 2px !important;
    padding: 30px;border: 2px solid #c49c58 !important;
}

.vision-mission-box h3 {
    font-size: 2rem;
}

.vision-mission-box p {
    line-height: 1.7;
    color: #555;
}
.shadow-lg {
  box-shadow: 0 0rem 2rem rgba(0,0,0,.175) !important;
}
#netwworkks {
  padding: 35px 33px !important;
  border-radius: 23px;
}
#owl-demo-30 .card  { width: 85%;
  margin: 28px auto; }

.other-initiatives-background-div {
  width: 70%;
  height: 202px;
  border-radius: 21px;
  background-color: #CBAA77;
  position: absolute;
}
.other-initiatives-main-box {
  width: 100%;
  height: 182px;
  border-radius: 21px;
  background-image: url('../images/unc 1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  overflow: hidden;
}
.other-initiatives-text-box {
  position: relative;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg,rgba(65, 76, 139, 0.79) 2%, rgba(65, 76, 139, 0) 77%);
}
.other-initiatives-h3 {
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: 20px;
  color: white;
  line-height: 28px;
}


.team-card {
    transition: 0.3s ease;
    border: 1px solid #eee;
}

.team-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.team-img img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border: 4px solid #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

.social-icons i {
    font-size: 1.2rem;
    cursor: pointer;
    transition: 0.2s;
    color: #777;
}

.social-icons i:hover {
    color: #0d6efd;
}



/* Horizontal Image */
.team-img-h {
width: 169px;
  height: 172px;
    overflow: hidden;
}

.team-img-h img {
    object-fit: cover;
    transition: 0.4s ease;
}

/* Hover zoom */
.team-card-h:hover img {
    transform: scale(1.12);
}

/* Card hover effect */
.team-card-h {
    transition: 0.3s ease;
    border: 1px solid #eee;
}

.team-card-h:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.12);
}
#ovewviw-pars {  }
#centr-landing-pge { padding:50px 0; position:relative; background: url(../images/bg_4.jpg) no-repeat  center top;  }
.common-heading { text-align:center; margin-bottom: 22px; }
.common-heading h1 { color: #D98600; font-weight: 200; }
.common-heading h1 span { color: #0C4D8B; font-weight: 400; }
.common-heading p { line-height: 35px; font-size: 19px; font-weight: 300; width: 83%; margin: 14px auto 0; }
.cent-land-items { margin: 60px auto 0; }
.cent-item-wrpr_1 { width:100%; height: 276px; background: url(../images/background1.jpg); background-size: cover; box-shadow: 0px 0px 5px -3px #0000009e; padding: 27px; border-radius: 19px; border: 1px solid #d9d9d9; margin-bottom: 22px; }
.cent-item-wrpr_1_immg { overflow: hidden; height: 144px; text-align:center; background: #fff; padding: 0px 0; border-radius: 18px; display: flow-root; align-content: center; }
.cent-item-wrpr_1_texts {  }
.cent-item-wrpr_1_texts h4 { margin: 12px auto 0; font-size: 20px; font-weight: 300; line-height: 28px; text-align: center; }
.cent-item-wrpr_1_immg img {  }
/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;border-radius: 19px;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;border-radius: 19px;
  background: #8EABC6;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;overflow: hidden;border-radius: 19px;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
#inner-banner-comn-in img { width:100%; }



#centre-side-mennu .accordion-menu {
  width: 100%;
  background: none !important;
  background-size: cover;
  color: #fff;
  padding: 29px 34px 34px;
  border-radius: 22px;
  position: relative;
  top: 0 !important;
}

#centre-side-mennu .sidebar a::before { display:none !important; }
/*#centre-side-mennu .sidebar a { float: left !important; width: 100% !important; } */
#centre-side-mennu .sidebar a:hover, #centre-side-mennu .sidebar a.active { background-color: transparent !important; color: #fff !important; border-left: none !important; }
#centre-side-mennu .menu-title { padding: 13px 2px !important; }
#centre-side-mennu .accordion-menu { padding: 29px 0px 34px !important; }


@media screen and (min-width:280px) and (max-width:388px) {
.common-heading p { line-height: 29px; font-size: 16px; width: 100%; margin: 14px auto 0; }
.cent-item-wrpr_1 { height: auto; width: 100%; }
}
@media screen and (min-width:576px) and (max-width:767px) {
.cent-item-wrpr_1_texts h4 { margin: 12px auto 0; font-size: 17px; line-height: 26px; text-align: center; }

}
@media screen and (min-width:768px) and (max-width:991px) {
.cent-item-wrpr_1 { padding: 20px; }
.cent-item-wrpr_1_texts h4 { font-size: 16px; line-height: 26px; }
}
@media screen and (min-width:992px) and (max-width:1199px) {
	.cent-item-wrpr_1_texts h4 { font-size: 15px; line-height: 24px; }
}
@media screen and (min-width:1200px) and (max-width:1399px) {
	.cent-item-wrpr_1_texts h4 { font-size: 17px; line-height: 30px; }
}











@media screen and (min-width:280px) and (max-width:388px) {
	.prgm-bannr-text { position: static; padding: 22px 22px; background: linear-gradient(180deg,rgba(255, 255, 255, 0.24) 0%, rgb(238, 238, 238) 100%); bottom: 0; width: 100%; text-align:center; }
	.prgm-bannr-text--2 { position: static; }
	.prgm-bannr-text ul li { margin-bottom: 10px; } 
	.main-content { padding: 30px 0; width: 100%; }
	.innr-brd-heding { width: 100%; padding: 20px 0; text-align: center; position: static !important; background: #e5e5e5 !important; border-radius: 0 !important; } 
	.innr-brd-heding h1 { font-size: 25px !important; letter-spacing: 1px !important; }
	.applynw-banner-adm {padding: 5px 14px !important; font-size: 12px !important; margin: 3px auto; }
	#choose-programme { padding: 38px 0 !important; }

}
@media screen and (min-width:389px) and (max-width:476px) {
	.prgm-bannr-text { position: static; padding: 22px 22px; background: linear-gradient(180deg,rgba(255, 255, 255, 0.24) 0%, rgb(238, 238, 238) 100%); bottom: 0; width: 100%; text-align:center; }
	.prgm-bannr-text--2 { position: static; }
	.prgm-bannr-text ul li { margin-bottom: 10px; } 
	.main-content { padding: 30px 0;width: 100%; }	
	.innr-brd-heding { width: 100%; padding: 20px 0; text-align: center; position: static !important; background: #e5e5e5 !important; border-radius: 0 !important; } 
	.innr-brd-heding h1 { font-size: 25px !important; letter-spacing: 1px !important; }
	.applynw-banner-adm { padding: 7px 21px !important;font-size: 15px !important; }	
	#choose-programme { padding: 38px 0 !important; }

}
@media screen and (min-width:477px) and (max-width:575px) {
	.prgm-bannr-text { position: static; padding: 22px 22px; background: linear-gradient(180deg,rgba(255, 255, 255, 0.24) 0%, rgb(238, 238, 238) 100%); bottom: 0; width: 100%; text-align:center; }
	.prgm-bannr-text--2 { position: static; }
	.prgm-bannr-text ul li { margin-bottom: 10px; } 
	.main-content { padding: 30px 0; }	
	.main-content { width: 100%; }
	.innr-brd-heding { width: 100%; padding: 20px 0; text-align: center; position: static !important; background: #e5e5e5 !important; border-radius: 0 !important; }
	.innr-brd-heding h1 { font-size: 25px !important; letter-spacing: 1px !important; }
	.applynw-banner-adm { padding: 7px 21px !important;font-size: 15px !important; }
	#choose-programme { padding: 38px 0 !important; }

}
@media screen and (min-width:576px) and (max-width:767px) {
	.prgm-bannr-text { position: static; padding: 22px 22px; background: linear-gradient(180deg,rgba(255, 255, 255, 0.24) 0%, rgb(238, 238, 238) 100%); bottom: 0; width: 100%; text-align:center; }
	.prgm-bannr-text--2 { position: static; }
	.prgm-bannr-text ul li { margin-bottom: 10px; } 
	.main-content { padding: 30px 0; }
	.main-content { width: 100%; }
	.innr-brd-heding { width: 100%; padding: 20px 0; text-align: center; position: static !important; background: #e5e5e5 !important; border-radius: 0 !important; }
	.innr-brd-heding h1 { font-size: 25px !important; letter-spacing: 1px !important; }
	.applynw-banner-adm { padding: 7px 21px !important;font-size: 15px !important; }	
	#choose-programme { padding: 38px 0 !important; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	.prgm-bannr-text { position: static; padding: 22px 22px; background: linear-gradient(180deg,rgba(255, 255, 255, 0.24) 0%, rgb(238, 238, 238) 100%); bottom: 0; width: 100%; text-align:center; }
	.prgm-bannr-text--2 { position: static; }
	.prgm-bannr-text ul li { margin-bottom: 10px; } 
	.main-content { padding: 30px 0; }	
	.main-content { width: 100%; }
	.sidebar { flex: 0 0 285px; } 	
	.innr-brd-heding h1 { font-size: 27px !important; }
	.applynw-banner-adm { padding: 7px 20px !important; font-size: 15px !important; }
	#header_container { position: static; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
	.prgm-bannr-text { position: static; padding: 22px 22px; background: linear-gradient(180deg,rgba(255, 255, 255, 0.24) 0%, rgb(238, 238, 238) 100%); bottom: 0; width: 100%; text-align:center; }
	.prgm-bannr-text--2 { position: static; }
	.prgm-bannr-text ul li { margin-bottom: 10px; } 
  	.main-content { width: 68%; }
	.sidebar { flex: 0 0 285px; } 
	#logo-mennu-item .logo-st-francis { width: 236px; }  
	#header_container { position: static; }	
}
@media screen and (min-width:1150px) and (max-width:1240px) {
 	.prgm-bannr-text { position: static; padding: 22px 22px; background: linear-gradient(180deg,rgba(255, 255, 255, 0.24) 0%, rgb(238, 238, 238) 100%); bottom: 0; width: 100%; text-align:center; }
	.prgm-bannr-text--2 { position: static; }
	.prgm-bannr-text ul li { margin-bottom: 10px; } 
  	.main-content { width: 71%; }
	.sidebar { flex: 0 0 288px; } 
	#logo-mennu-item .logo-st-francis { width: 339px; }
} 
@media screen and (min-width:1241px) and (max-width:1340px) {
	.prgm-bannr-text { width: 55%; left: 73px; padding: 21px 32px; top: 0; }   
	.main-content { width: 73%; }
	.sidebar { flex: 0 0 292px; } 
}
@media screen and (min-width:1341px) and (max-width:1399px) {
  .main-content { width: 74%; }
  .sidebar { flex: 0 0 305px; }   
}
@media screen and (min-width:1400px) and (max-width:1499px) {
  .main-content { width: 74%; }
  .sidebar { flex: 0 0 315px; }
}
@media screen and (min-width:1500px) and (max-width:1599px) {
   .main-content { width: 72%; }
}
@media screen and (min-width:1600px) and (max-width:1699px) {
   .main-content { width: 74%; }
}
@media screen and (min-width:1700px) and (max-width:1799px) {
    .main-content { width: 75%; }
}
@media screen and (min-width:1800px) and (max-width:1899px) {
  .main-content { width: 76%; }
}
@media screen and (min-width:1900px) and (max-width:1999px) {
	
}
@media screen and (min-width:2000px) and (max-width:2999px) {

}
@media screen and (min-width:3000px) and (max-width:3999px) {

}
@media screen and (min-width:4000px) and (max-width:4999px) {

}
@media screen and (min-width:5000px) and (max-width:5999px) {

}
	
	
	/* Responsive Table (data-title method) 
@media (max-width: 767px) {
  table.table {
    border: 0;
  }

  table.table thead {
    display: none; 
  }

  table.table tbody tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
  }

  table.table tbody tr td,
  table.table tbody tr th {
    display: block;
    text-align: right !important;
    padding-left: 63%;
    position: relative;
    border: none;
    border-bottom: 1px solid #d2d2d2;
	height: 79px;
	display: flex;
    justify-content: end;
    align-items: center;
  }

  table.table tbody tr td:last-child,
  table.table tbody tr th:last-child {
    border-bottom: 0;
  }

  table.table tbody tr td::before,
  table.table tbody tr th::before {
    content: attr(data-title);
    position: absolute;
    left: 10px;
    top: 0;font-size: 14px;
    bottom: 0;
    margin: auto;
    font-weight: 600;
    text-align: left;
    width: 59%;
    white-space: normal;
	display: flex;
    align-items: center;
  }
}
*/



/* Responsive Table — CSS ONLY (no HTML edits) */
@media (max-width: 767px) {

  table.table {
    border: 0;
  }

  table.table thead {
    display: none;
  }

  table.table tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 6px;
  }

  table.table td,
  table.table th {
    display: block;
    text-align: right !important;
    padding-left: 50%;
    position: relative;
    border: none !important;height: 89px;
    border-bottom: 1px solid #d2d2d2 !important;
	display: flex;
    justify-content: end;
    align-items: center;
  }

  table.table td:last-child,
  table.table th:last-child {
    border-bottom: 0 !important;
  }

  /* ---------- LABELS USING ONLY CSS ---------- */

  /* Row header (Programme) */
  table.table tbody tr th::before {
    content: "STUDENT CATEGORY";
  }

  /* 1st column (PU Board Karnataka) */
  table.table tbody tr td:nth-child(2)::before {
    content: "STUDENTS FROM PU BOARD KARNATAKA";
  }

  /* 2nd column (Other Boards) */
  table.table tbody tr td:nth-child(3)::before {
    content: "STUDENTS FROM OTHER BOARDS CISCE, CBSE, IGCSE";
  }

  /* 3rd column (Other States) */
  table.table tbody tr td:nth-child(4)::before {
    content: "STUDENTS FROM OTHER STATES";
  }

  /* 4th column (NRI Students) */
  table.table tbody tr td:nth-child(5)::before {
    content: "NRI STUDENTS";
  }

  /* ---------- LABEL POSITIONING ---------- */
  table.table td::before,
  table.table th::before {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-weight: 600;
    text-align: left;
    width: 45%;
    white-space: normal;
	line-height: 21px;
    font-size: 14px;
	display: flex;
    align-items: center;
  }
}


.main-content { width: 100%; }
.content-section { padding: 11px; }





/*side menu bar for mobile view*/

.sidebar-toggle-btn{display:none}
.sidebar-close-btn{display:none}
@media (max-width: 992px) {
.sidebar-toggle-btn{display:block;position:fixed;top:42%;right:-96px;z-index:9999;background:#07076B;color:#fff;border:none;padding:9px 27px;border-radius:0 0;letter-spacing: 2px;font-size:16px;text-transform:uppercase;rotate:90deg}
.sidebar{position:fixed;top:0;left:-371px;width:300px;height:100vh;background:#07076b;padding:0;border-radius:0;overflow-y:inherit;box-shadow:2px 0 8px rgba(0,0,0,0.2);transition:all .3s ease;z-index:9998}
.sidebar a{display:block;padding:14px;color:#fff;position:relative;font-weight:500;font-size:17px;border-bottom:1px solid #ffffff42;text-decoration:none;transition:all .3s ease;border-radius:0;background:#07076b}
.sidebar.open{left:0}
.sidebar-close-btn{display:block;background:none;border:none;font-size:28px;color:#fff;cursor:pointer;position:absolute;top:12px;right:-50px;padding:0 13px;z-index:10000;background:#07076b;border-radius:8px}
.sidebar a::before{right:15px}
.sidebar-close-btn:hover{color:#07076B}
.main-content{padding-top:60px}
}

/*side menu bar for mobile view*/