:root {
  --primary-color: rgb(6, 30, 63);
  --accent-color: rgb(233, 168, 33);
  --hover-color: #eb8934;
  --bg-light: #f8f9fa;
  --transition-speed: 0.3s;
}



.hovleftbox .section-title {
  color: var(--primary-color);
  border-bottom: 3px solid var(--accent-color);
  padding-bottom: 12px;
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
}

.hovleftbox .section-title:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 3px;
  background-color: var(--primary-color);
  bottom: -3px;
  left: 0;
}

/* Improved dropdown header styling */
.hovleftbox .boxx {
  border-radius: 12px;
  padding: 14px 20px;
  background-color: #fff;
  border-left: 3px solid var(--primary-color);
  transition: all var(--transition-speed) ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.hovleftbox .boxx:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: rgba(233, 168, 33, 0.05);
  transition: width var(--transition-speed) ease;
  z-index: 0;
}

.hovleftbox .boxx:hover:before {
  width: 100%;
}

.hovleftbox .boxx:hover {
  transform: translateX(5px);
  border-left: 8px solid var(--accent-color);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.hovleftbox .boxx h6 {
  text-align: left;
  margin: 0;
  font-weight: 600;
  font-size: 1.05rem;
  color: var(--primary-color);
  position: relative;
  z-index: 1;
}

.hovleftbox .boxx:hover h6 {
  color: var(--hover-color);
}

.toggle-dropdown {
  text-decoration: none;
  color: inherit;
  width: 100%;
  position: relative;
  z-index: 2;
}

.toggle-icon {
  background-color: rgba(6, 30, 63, 0.1);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--primary-color);
  transition: all var(--transition-speed) ease;
}

.boxx:hover .toggle-icon {
  background-color: var(--accent-color);
  color: white;
}

.toggle-dropdown[aria-expanded="true"] .toggle-icon {
  transform: rotate(180deg);
  background-color: var(--accent-color);
  color: white;
}

/* Enhanced custom card styling */
.hovleftbox .custom-card {
  margin-bottom: 24px;
  border: none;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* Course content area styling */
.card-body {
  padding: 24px;
  background-color: white;
}

/* Course category headers */
.degree-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}

.degree-icon {
  background-color: var(--primary-color);
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  box-shadow: 0 4px 8px rgba(6, 30, 63, 0.2);
}

.degree-title {
  font-weight: 600;
  color: var(--primary-color);
  background-color: rgba(6, 30, 63, 0.06);
  padding: 8px 16px;
  border-radius: 30px;
  display: inline-block;
  font-size: 16px;
  margin: 0;
}

/* Course grid layout */
.course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}

/* Course items */
.course-item {
  background-color: var(--bg-light);
  border-radius: 10px;
  padding: 16px;
  transition: all var(--transition-speed) cubic-bezier(0.25, 0.8, 0.25, 1);
  border-left: 3px solid rgba(6, 30, 63, 0.4);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  z-index: 1;
}

.course-item:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background-color: var(--accent-color);
  transition: width var(--transition-speed) ease;
  z-index: -1;
}

.course-item:hover:before {
  width: 100%;
}

.course-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  background-color: white;
  border-left: 3px solid var(--accent-color);
}

.course-item i {
  color: #ffffff;
  margin-right: 12px;
  font-size: 18px;
  opacity: 0.7;
  transition: all var(--transition-speed) ease;
}

.course-item:hover i {
  color: #ffffff;
  opacity: 1;
}

/* Animation for dropdown */
.collapse {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.collapse.show {
  animation: slideDown 0.5s forwards;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .course-grid {
    grid-template-columns: 1fr;
  }

  .hovleftbox .boxx {
    padding: 12px 16px;
  }

  .degree-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .degree-icon {
    margin-bottom: 10px;
  }
}
    /* Base styling for all course items */
    .course-item {
  background-color: var(--bg-light);
  border-radius: 10px;
  padding: 16px;
  transition: all var(--transition-speed) cubic-bezier(0.25, 0.8, 0.25, 1);
  border-left: 3px solid rgba(6, 30, 63, 0.4);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  z-index: 1;
  color: #fff;
}

.course-item i {
  margin-right: 12px;
  font-size: 18px;
  opacity: 0.9;
  transition: all var(--transition-speed) ease;
}
    /* Engineering and Technology Courses */
    .course-item.aeronautical {
  background-color: #0d6efd; /* Blue for aviation */
}

.course-item.biomedical {
  background-color: #dc3545; /* Red for medical/health */
}

.course-item.civil {
  background-color: #198754; /* Green for environment/construction */
}

.course-item.computer-science {
  background-color: #ff9800; /* Orange for technology */
}

.course-item.computer-communication {
  background-color: #6f42c1; /* Purple for communication */
}

.course-item.cyber-security {
  background-color: #20c997; /* Teal for security */
}

.course-item.ai-ml {
  background-color: #17a2b8; /* Light blue for modern tech */
}

.course-item.electronics {
  background-color: #6610f2; /* Indigo for electronics */
}

.course-item.electrical {
  background-color: #fd7e14; /* Dark orange for electricity */
}

.course-item.instrumentation {
  background-color: #0dcaf0; /* Cyan for precision instruments */
}

.course-item.mechanical {
  background-color: #6c757d; /* Gray for machinery */
}

.course-item.robotics {
  background-color: #5856d6; /* Purple blue for robotics */
}

/* Bachelor of Technology Courses */
.course-item.ai-data-science {
  background-color: #3f51b5; /* Deep blue for data */
}

.course-item.bio-technology {
  background-color: #4caf50; /* Green for bio */
}

.course-item.information-tech {
  background-color: #2196f3; /* Blue for IT */
}

.course-item.food-tech {
  background-color: #ff5722; /* Deep orange for food */
}

.course-item.pharmaceutical {
  background-color: #9c27b0; /* Purple for pharma */
}

.course-item.textile {
  background-color: #795548; /* Brown for textile */
}

/* Master Programs */
.course-item.applied-electronics {
  background-color: #3949ab; /* Deep indigo for advanced electronics */
}

.course-item.structural {
  background-color: #546e7a; /* Blue gray for structure */
}

.course-item.cad-cam {
  background-color: #455a64; /* Dark blue gray for design */
}

/* Medical Programs */
.course-item.dental {
  background-color: #e91e63; /* Pink for dental */
}

.course-item.ayurvedic {
  background-color: #8bc34a; /* Light green for natural medicine */
}

.course-item.homeopathy {
  background-color: #cddc39; /* Lime for homeopathy */
}

.course-item.physiotherapy {
  background-color: #ff4081; /* Pink accent for physical therapy */
}

.course-item.occupational-therapy {
  background-color: #7c4dff; /* Deep purple accent for occupational */
}

.course-item.nursing {
  background-color: #ff5252; /* Red accent for nursing */
}

.course-item.pharm-d {
  background-color: #d500f9; /* Purple accent for pharmacy doctorate */
}

.course-item.mbbs {
  background-color: #2196f3; /* Blue for MBBS */
}

.course-item.bpharmacy {
  background-color: #4caf50; /* Green for B.Pharmacy */
}

.course-item.mds {
  background-color: #ec407a; /* Light pink for MDS */
}

.course-item.msc-nursing,
.course-item.msc-medical-nursing {
  background-color: #f06292; /* Soft pink for MSc Nursing */
}

.course-item.mpharm {
  background-color: #009688; /* Teal for M.Pharm */
}

.course-item.mpt {
  background-color: #ff9800; /* Orange for MPT */
}

.course-item.dpharm {
  background-color: #00bcd4; /* Cyan for D.Pharm */
}

.course-item.gnm {
  background-color: #f44336; /* Red for GNM */
}

.course-item.dental-hygienic {
  background-color: #ab47bc; /* Violet for Dental Hygienic */
}

.course-item.dental-mechanic {
  background-color: #9e9e9e; /* Grey for Dental Mechanic */
}

.course-item.diploma-nursing {
  background-color: #e53935; /* Dark red for Diploma Nursing */
}

/* Paramedical Programs */
.course-item.allied-health {
  background-color: #00bcd4; /* Cyan for health */
}

.course-item.radiology {
  background-color: #4a148c; /* Deep purple for radiology */
}

.course-item.optometry {
  background-color: #039be5; /* Light blue for vision */
}

.course-item.cardiac {
  background-color: #f44336; /* Red for heart */
}

.course-item.operation {
  background-color: #009688; /* Teal for operation */
}

.course-item.dialysis {
  background-color: #1565c0; /* Blue for water filtration */
}

.course-item.physician {
  background-color: #00695c; /* Teal dark for physician */
}

.course-item.emergency {
  background-color: #d32f2f; /* Dark red for emergency */
}

/* Pharmacy Programs */
.course-item.b-pharm {
  background-color: #673ab7; /* Deep purple for pharmacy */
}

.course-item.m-pharm {
  background-color: #512da8; /* Darker purple for advanced pharmacy */
}

/* Hotel Management Programs */
.course-item.hotel-science {
  background-color: #ff6f00; /* Amber for hotel */
}

.course-item.hotel-diploma {
  background-color: #ff8f00; /* Dark amber for diploma */
}

/* Education Programs */
.course-item.b-ed {
  background-color: #1976d2; /* Blue for education */
}

.course-item.m-ed {
  background-color: #0d47a1; /* Dark blue for advanced education */
}

/* Architecture Programs */
.course-item.b-arch {
  background-color: #607d8b; /* Blue gray for architecture */
}

.course-item.m-arch {
  background-color: #455a64; /* Dark blue gray for advanced architecture */
}
.course-item.mca {
  background-color: #2196f3; /* Blue for Computer Applications */
}

/* For UG Courses */
.course-item.bba {
  background-color: #ff9800; /* Orange for Business Admin */
}

.course-item.bsw {
  background-color: #8bc34a; /* Green for Social Science */
}

.course-item.bcom-cs {
  background-color: #2196f3; /* Blue for Computer Science */
}

.course-item.bcom-ca {
  background-color: #3f51b5; /* Indigo for Computer Application */
}

.course-item.bcom-gen {
  background-color: #9c27b0; /* Purple for General Commerce */
}

.course-item.bcom-bm {
  background-color: #ff5722; /* Deep Orange for Business Math */
}

.course-item.bcom-af {
  background-color: #795548; /* Brown for Accounting & Finance */
}

.course-item.ba-tamil {
  background-color: #f44336; /* Red for Tamil Literature */
}

.course-item.ba-be {
  background-color: #e91e63; /* Pink for Business Economics */
}

.course-item.ba-eng {
  background-color: #9c27b0; /* Purple for English Literature */
}

.course-item.ba-hist {
  background-color: #607d8b; /* Blue Grey for Historical Studies */
}

.course-item.ba-pol {
  background-color: #4caf50; /* Green for Political Science */
}

/* For PG Courses */
.course-item.mcom {
  background-color: #3f51b5; /* Indigo for Master of Commerce */
}

.course-item.ma-eng {
  background-color: #f44336; /* Red for M.A English */
}
/* For UG Courses */
.course-item.bsc-physics {
background-color: #2196f3; /* Blue for Physics */
}

.course-item.bsc-maths {
background-color: #ff5722; /* Deep Orange for Maths */
}

.course-item.bsc-bio-chem {
background-color: #4caf50; /* Green for Bio-Chemistry */
}

.course-item.bsc-cs {
background-color: #3f51b5; /* Indigo for Computer Science */
}

.course-item.bca {
background-color: #9c27b0; /* Purple for Computer Application */
}

.course-item.bsc-micro-bio {
background-color: #8bc34a; /* Light Green for Micro Biology */
}

.course-item.bsc-bio-tech {
background-color: #ff9800; /* Orange for Bio Technology */
}

.course-item.bsc-chemistry {
background-color: #e91e63; /* Pink for Chemistry */
}

.course-item.bsc-stats {
background-color: #00bcd4; /* Cyan for Statistics */
}

.course-item.bsc-elec-sci {
background-color: #673ab7; /* Deep Purple for Electronics Science */
}

.course-item.bsc-hcm {
background-color: #ff4081; /* Pink for Hotels & Catering Management */
}

.course-item.bsc-cs-ds {
background-color: #2196f3; /* Blue for Computer Science with Data Science */
}

.course-item.bsc-cs-ai {
background-color: #9c27b0; /* Purple for Computer Science with AI */
}

/* For PG Courses */
.course-item.msc-maths {
background-color: #ff5722; /* Deep Orange for MSc Maths */
}

.course-item.msc-bio-chem {
background-color: #4caf50; /* Green for MSc Bio Chemistry */
}

.course-item.msc-micro-bio {
background-color: #8bc34a; /* Light Green for MSc Micro Biology */
}

.course-item.msc-bio-tech {
background-color: #ff9800; /* Orange for MSc Bio Technology */
}

.course-item.msc-elec-sci {
background-color: #673ab7; /* Deep Purple for MSc Electronics Science */
}

.course-item.msc-cs {
background-color: #3f51b5; /* Indigo for MSc Computer Science */
}

.course-item.msc-it {
background-color: #00bcd4; /* Cyan for MSc IT */
}

.course-item.msc-physics {
background-color: #2196f3; /* Blue for MSc Physics */
}

.course-item.bsc-agri {
    background-color: #4caf50; /* Green for Agriculture */
}

/* For Diploma Courses */
.course-item.diploma-auto {
    background-color: #f44336; /* Red for Automobile Engineering */
  }
  
  .course-item.diploma-civil {
    background-color: #2196f3; /* Blue for Civil Engineering */
  }
  
  .course-item.diploma-cs {
    background-color: #4caf50; /* Green for Computer Engineering */
  }
  
  .course-item.diploma-marine {
    background-color: #00bcd4; /* Cyan for Marine Engineering */
  }
  
  .course-item.diploma-mechanical {
    background-color: #ff9800; /* Orange for Mechanical Engineering */
  }
  
  .course-item.diploma-electronics {
    background-color: #673ab7; /* Deep Purple for Electronics and Communication */
  }
  
  .course-item.diploma-electrical {
    background-color: #ff5722; /* Deep Orange for Electrical Engineering */
  }
  
/* Hover effects */
.course-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  opacity: 0.9;
}

.course-item:hover i {
  transform: scale(1.2);
  opacity: 1;
}