/* ===================================================
   MBBS Abroad - Country Tabs + University List Design
   =================================================== */

:root{
  --blue:#00aff0;
  --teal:#24b5a5;
  --border:#e2e6ea;
  --text-dark:#19232b;
}

.mbbs-india-margin{
  padding: 20px 15px;
}

.mbbs-aborad-title{
  font-size: 40px;
  color: var(--blue);
  margin-top: 60px;
  margin-bottom: 45px;
}

/* ---------------- LEFT TAB PANEL ---------------- */
.uptu-university{
  box-shadow: none !important;
}

.uptu-university.abroad-schollar{
  background:#fff;
  border:1px solid var(--blue);
  border-radius:12px;
  padding:25px 18px 25px 12px; /* extra right padding so pills don't touch scrollbar */
  max-height:560px;
  overflow-y:auto;
  position:relative;

  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: var(--blue) transparent;
}

/* Chrome, Edge, Safari - thin rounded scrollbar like the reference image */
.uptu-university.abroad-schollar::-webkit-scrollbar{
  width:8px;
}
.uptu-university.abroad-schollar::-webkit-scrollbar-track{
  background:transparent;
  margin:10px 0; /* keeps thumb short of top/bottom corners */
}
.uptu-university.abroad-schollar::-webkit-scrollbar-thumb{
  background:var(--blue);
  border-radius:50px;
  border:2px solid #fff;   /* creates the slim floating-pill look */
  background-clip:padding-box;
}
.uptu-university.abroad-schollar::-webkit-scrollbar-thumb:hover{
  background:#008cc4;
}

.uptu-university.abroad-schollar .nav-link{
  display:block;
  width:100%;
  text-align:center;
  border:1px solid #d7dbe0;
  background:#fff;
  color:#333;
  font-weight:600;
  border-radius:25px;
  padding:10px 14px;
  transition:.2s ease;
}
.uptu-university.abroad-schollar .nav-link:hover{
  border-color:var(--blue);
  color:var(--blue);
}
.uptu-university.abroad-schollar .nav-link.active{
  background:var(--teal) !important;
  border-color:var(--teal) !important;
  color:#fff !important;
}

/* ---------------- RIGHT DATA PANEL ---------------- */
.tab-content{
  background:#fff;
  border-radius:12px;

  overflow-y:auto;
}
.tab-content::-webkit-scrollbar{
  width:6px;
}
.tab-content::-webkit-scrollbar-thumb{
  background:var(--blue);
  border-radius:4px;
}

.college-details .row{
  margin:0;
}

.college_details_sec.portfolio-info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 20px;
  border:1px solid var(--blue) !important;
  margin-bottom:20px;
  border-radius:50px;
}

/* remove default portfolio spacing since we're using it as a simple list row */
.portfolio-item,
.portfolio-content{
  margin:0;
  padding:0;
}
.college-details .col-md-12.mb-4.pb-5{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

.collegedetails-title{
  color:var(--text-dark);
  font-size:18px !important;
  font-weight:500;
  margin:0;
}
.portfolio-title-info a{
  text-decoration:none;
}
.portfolio-title-info a:hover .collegedetails-title{
  color:var(--teal);
}

.collegedetails-btn{
  border:1px solid var(--teal);
  box-shadow:0px 0px 0px 0px rgba(36,181,165,.38);
  background:transparent;
  color:var(--teal);
  font-weight:700;
  font-size:15px;
  letter-spacing:.5px;
  border-radius:25px;
  padding:14px 20px;
  white-space:nowrap;
  transition:.2s ease;
  text-decoration:none;
  flex-shrink:0;
  margin-left:15px;
}
.collegedetails-btn:hover{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}

/* "No universities" alert rows */
.college-details .alert-info{
  border-radius:10px;
  margin:15px 0;
}

/* ---------------- RESPONSIVE ---------------- */
@media (max-width:768px){
  .uptu-university.abroad-schollar{
    flex-direction:row !important;
    flex-wrap:nowrap;
    overflow-x:auto;
    max-height:none;
    margin-bottom:15px;
    gap:8px;
  }
  .uptu-university.abroad-schollar .nav-link{
    flex-shrink:0;
    width:auto;
    margin-bottom:0 !important;
  }
  .college_details_sec.portfolio-info{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .collegedetails-btn{
    align-self:flex-end;
    margin-left:0;
  }
}

@media (max-width:580px){
    .college-details .col-md-12.mb-4.pb-5 {
    padding: 0;
  
}
.right-container-section{
    padding:0;
}
}
@media (max-width:768px){

  .uptu-university.abroad-schollar{
    flex-direction:row !important;
    flex-wrap:nowrap;
    overflow-x:auto;
    max-height:none;
    margin-bottom:15px;
    gap:8px;
  }

  .uptu-university.abroad-schollar .nav-link{
    flex-shrink:0;
    width:auto;
    margin-bottom:0 !important;
  }

  .college_details_sec.portfolio-info{
    flex-direction:column;
    align-items:center; /* center */
    justify-content:center;
    text-align:center; /* text center */
    gap:15px;
  }

  .portfolio-title-info{
    width:100%;
    text-align:center;
  }

  .collegedetails-title{
    text-align:center;
  }

  .collegedetails-btn{
    align-self:center; /* button center */
    margin-left:0;
  }
}