/* ===================================================
   RBS NURSING – FULL PAGE CSS
   =================================================== */

.rbs-nursing {
  --brand: #ff751f;
  --light-bg: #f9f3f4;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.7;
}

/* ---------- SECTION TITLE ---------- */
.rbs-nursing .section-title {
  color: var(--brand);
  font-weight: 600;
  border-left: 4px solid var(--brand);
  padding-left: 12px;
  margin-bottom: 25px;
}

/* ---------- OVERVIEW ---------- */
.rbs-nursing.overview-section p,
.rbs-nursing .overview-section p {
  font-size: 16px;
  color: #333;
}

/* ---------- COURSE BOX ---------- */
.rbs-nursing .course-box {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 25px;
  height: 100%;
  transition: all 0.3s ease;
}

.rbs-nursing .course-box:hover {
  border-color: var(--brand);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.rbs-nursing .course-box i {
  font-size: 34px;
  color: var(--brand);
  margin-bottom: 12px;
}

/* ---------- LIST STYLE (GLOBAL) ---------- */
.rbs-nursing ul {
  padding-left: 18px;
}

.rbs-nursing ul li {
  margin-bottom: 8px;
  font-size: 15px;
}

/* ---------- ELIGIBILITY ---------- */
.rbs-nursing .eligibility-section {
  background: var(--light-bg);
}

/* ---------- ADMISSION PROCESS ---------- */
.rbs-nursing .admission-section ol {
  padding-left: 20px;
}

.rbs-nursing .admission-section ol li {
  margin-bottom: 10px;
  font-weight: 500;
}

/* ---------- CLINICAL TRAINING ---------- */
.rbs-nursing .clinical-section p {
  margin-bottom: 15px;
}

/* ---------- PLACEMENT ---------- */
.rbs-nursing .placement-section p {
  margin-bottom: 15px;
}

/* ---------- APPROVALS ---------- */
.rbs-nursing .approval-section ul li {
  font-weight: 500;
}

/* ---------- WHY CHOOSE ---------- */
.rbs-nursing .why-section ul li {
  position: relative;
  padding-left: 20px;
}

.rbs-nursing .why-section ul li::before {
  content: "✔";
  color: var(--brand);
  position: absolute;
  left: 0;
  top: 0;
}

/* ---------- FAQ ---------- */
.rbs-nursing .faq-section .accordion-button {
  font-weight: 600;
  color: var(--brand);
}

.rbs-nursing .faq-section .accordion-button:not(.collapsed) {
  background: var(--light-bg);
  box-shadow: none;
}

.rbs-nursing .faq-section .accordion-item {
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
  border-radius: 6px;
  overflow: hidden;
}

/* ---------- CTA ---------- */
.rbs-nursing .cta-section {
  background: var(--brand);
  color: #fff;
  text-align: center;
  padding: 60px 0;
}

.rbs-nursing .cta-section h3 {
  color: #fff;
  font-weight: 700;
}

.rbs-nursing .cta-section p {
  color: #f2f2f2;
}

/* ---------- BUTTONS ---------- */
.rbs-nursing .btn-light {
  font-weight: 600;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 768px) {

  .rbs-nursing .section-title {
    font-size: 20px;
  }

  .rbs-nursing .course-box {
    padding: 20px;
  }

  .rbs-nursing .cta-section {
    padding: 40px 0;
  }

}


/* ---------- ELIGIBILITY (CARDS UI) ---------- */

.rbs-nursing .eligibility-section {
  background: #f9f3f4;
}

.rbs-nursing .eligibility-card {
  background: #fff;
  border-radius: 10px;
  padding: 25px;
  height: 100%;
  text-align: center;
  border: 1px solid #e5e5e5;
  transition: all 0.3s ease;
}

.rbs-nursing .eligibility-card:hover {
  border-color: var(--brand);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transform: translateY(-4px);
}

.rbs-nursing .eligibility-card i {
  font-size: 36px;
  color: var(--brand);
  margin-bottom: 12px;
}

.rbs-nursing .eligibility-card h6 {
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
}

.rbs-nursing .eligibility-card p {
  font-size: 14px;
  color: #555;
  margin: 0;
}



/* ================= CAREER SECTION ================= */

/* background fix (same-element + child safe) */
.rbs-nursing.career-section,
.rbs-nursing .career-section {
  background: #f9f3f4;
}

/* list container */
.rbs-nursing .career-list {
  max-width: 900px;
  margin: 0 auto;
}

/* career item */
.rbs-nursing .career-item {
  display: flex;
  gap: 20px;
  position: relative;
  padding: 0 0 30px 10px;
  transition: all 0.3s ease;
}

/* timeline line */
.rbs-nursing .career-item::before {
  content: "";
  position: absolute;
  left: 23px;
  top: 40px;
  bottom: 0;
  width: 2px;
  background: rgba(138, 38, 55, 0.3);
}

.rbs-nursing .career-item:last-child::before {
  display: none;
}

/* icon circle */
.rbs-nursing .career-dot {
  width: 46px;
  height: 46px;
  background: var(--brand);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

/* content box */
.rbs-nursing .career-content {
  background: #fff;
  padding: 18px 22px;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  width: 100%;
  transition: all 0.3s ease;
}

/* text */
.rbs-nursing .career-content h6 {
  font-weight: 600;
  margin-bottom: 5px;
  color: #333;
}

.rbs-nursing .career-content p {
  margin: 0;
  font-size: 14px;
  color: #555;
}

/* ================= HOVER EFFECTS ================= */

.rbs-nursing .career-item:hover .career-content {
  border-color: var(--brand);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

.rbs-nursing .career-item:hover .career-dot {
  background: #fff;
  color: var(--brand);
  border: 2px solid var(--brand);
  transform: scale(1.08);
}

/* optional: glow on timeline */
.rbs-nursing .career-item:hover::before {
  background: var(--brand);
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
  .rbs-nursing .career-item {
    gap: 15px;
  }

  .rbs-nursing .career-content {
    padding: 16px;
  }
}


/* ================= FACILITIES – SPLIT LAYOUT ================= */

.rbs-nursing.facilities-section,
.rbs-nursing .facilities-section {
  background: #ffffff;
}

/* Wrapper */
.rbs-nursing .facilities-wrap {
  max-width: 1000px;
  margin: 0 auto;
}

/* Left text */
.rbs-nursing .facilities-content {
  font-size: 15px;
  color: #444;
  line-height: 1.8;
  padding-right: 30px;
}

/* Right list */
.rbs-nursing .facilities-points {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Single row */
.rbs-nursing .facility-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  border-left: 4px solid var(--brand);
  background: #f9f3f4;
  transition: all 0.3s ease;
}

/* Number */
.rbs-nursing .facility-row span {
  font-weight: 700;
  font-size: 18px;
  color: var(--brand);
  min-width: 30px;
}

/* Text */
.rbs-nursing .facility-row p {
  margin: 0;
  font-size: 14px;
  color: #333;
}

/* Hover */
.rbs-nursing .facility-row:hover {
  background: #fff;
  transform: translateX(6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/* Responsive */
@media (max-width: 992px) {
  .rbs-nursing .facilities-content {
    padding-right: 0;
    margin-bottom: 25px;
  }
}


.rbs-nursing .overview-content p {
  font-size: 15px;
  line-height: 1.8;
  color: #444;
}

.rbs-nursing .overview-image img {
  max-height: 380px;
  object-fit: cover;
}



/* ================= RBS PHARMA PAGE CSS ================= */

/* ================= RBS PHARMA ================= */

.rbs-pharma {
  --brand: #ff751f;
  font-family: system-ui, sans-serif;
}

/* Hero */
.pharma-hero {
  background: linear-gradient(135deg, #2f6f9f, #1e4f73);
  color: #fff;
  padding: 80px 0;
  text-align: center;
}

/* Section title */
.rbs-pharma .section-title {
  color: var(--brand);
  border-left: 4px solid var(--brand);
  padding-left: 12px;
  font-weight: 600;
}

/* Overview */
.overview-image img {
  max-height: 380px;
  object-fit: cover;
}

/* Course box */
.course-box {
  background: #fff;
  padding: 25px;
  border-radius: 8px;
  border: 1px solid #ddd;
}

/* Eligibility */
.eligibility-item {
  background: #f6f9fc;
  padding: 15px;
  border-left: 4px solid var(--brand);
}

/* Training */
.training-list p {
  font-size: 15px;
  margin-bottom: 10px;
}

/* Career */
.career-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
}

.career-grid div {
  background: #f6f9fc;
  padding: 15px;
  text-align: center;
  border-radius: 6px;
}

/* CTA */
.pharma-cta {
  background: var(--brand);
  color: #fff;
  padding: 70px 0;
  text-align: center;
}

.pharma-cta .btn {
  margin: 5px;
  font-weight: 600;
}





/* ================= END RBS PHARMA CSS ================= */

/* ================= RBS NEWS & EVENTS ================= */

.rbs-news-events {
  --brand: #ff751f;
  font-family: system-ui, sans-serif;
}

/* ===== MARQUEE ===== */
.rbs-news-marquee {
  background: var(--brand);
  overflow: hidden;
  padding: 12px 0;
}

.rbs-marquee-track {
  display: inline-flex;
  gap: 50px;
  animation: marquee 22s linear infinite;
}

.rbs-marquee-track span {
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
}

@keyframes marquee {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* ===== HEADER ===== */
.rbs-news-header {
  padding: 60px 0 30px;
  text-align: center;
}

.rbs-news-title {
  font-size: 38px;
  font-weight: 700;
}

.rbs-news-title span {
  color: var(--brand);
}

.rbs-news-subtitle {
  color: #555;
  max-width: 600px;
  margin: auto;
}

/* ===== NEWS CARDS ===== */
.rbs-news-card {
  display: flex;
  gap: 18px;
  background: #f9f3f4;
  padding: 22px;
  border-radius: 14px;
  margin-bottom: 16px;
  transition: all .35s ease;
}

.rbs-news-card:hover {
  background: #fff;
  box-shadow: 0 15px 35px rgba(0, 0, 0, .1);
  transform: translateY(-4px);
}

.rbs-news-date {
  background: var(--brand);
  color: #fff;
  min-width: 64px;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0;
  font-weight: 700;
}

.rbs-news-date span {
  display: block;
  font-size: 12px;
  font-weight: 400;
}

.rbs-news-text h5 {
  font-weight: 600;
  margin-bottom: 6px;
}

/* ===== EVENTS PANEL ===== */
.rbs-events-panel {
  background: linear-gradient(180deg, #ff751f, #6f1e2c);
  border-radius: 20px;
  padding: 30px;
  color: #fff;
  height: 100%;
}

.rbs-events-title {
  font-weight: 600;
  margin-bottom: 16px;
}

/* Events marquee */
.rbs-events-marquee {
  background: rgba(255, 255, 255, .15);
  overflow: hidden;
  padding: 8px 0;
  border-radius: 8px;
  margin-bottom: 20px;
}

.rbs-events-track {
  display: inline-flex;
  gap: 30px;
  animation: marquee 18s linear infinite;
}

.rbs-events-track span {
  white-space: nowrap;
}

/* Auto event box */
.rbs-event-box {
  display: none;
  animation: fadeUp .6s ease;
}

.rbs-event-box.active {
  display: block;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .rbs-events-panel {
    margin-top: 20px;
  }
}




/* ===============================
   RBS PHARMA CUSTOM CSS
   Compatible with Eduka + Bootstrap
================================= */

body.rbs-pharma {
  --brand: #ff751f;
  --light: #f9f3f4;
}

/* ===== COMMON SECTION TITLE ===== */
.rbs-pharma .section-title {
  color: var(--brand);
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
}

.rbs-pharma .section-title::after {
  content: "";
  width: 60px;
  height: 3px;
  background: var(--brand);
  display: block;
  margin-top: 8px;
}

/* ================= OVERVIEW ================= */
.rbs-pharma .pharma-overview {
  background: #fff;
}

.rbs-pharma .pharma-overview-content p {
  font-size: 15.5px;
  line-height: 1.8;
  color: #444;
}

.rbs-pharma .pharma-overview-image img {
  max-width: 100%;
}

/* ================= COURSES ================= */
.rbs-pharma .pharma-courses {
  background: #f8f9fa;
}

.rbs-pharma .pharma-course-box {
  background: #fff;
  border-radius: 8px;
  padding: 30px;
  height: 100%;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.rbs-pharma .pharma-course-box:hover {
  transform: translateY(-6px);
}

.rbs-pharma .pharma-course-box i {
  font-size: 36px;
  color: var(--brand);
  margin-bottom: 15px;
}

.rbs-pharma .pharma-course-box h5 {
  font-weight: 700;
  margin-bottom: 10px;
}

.rbs-pharma .pharma-course-box ul {
  padding-left: 18px;
  margin-top: 10px;
}

.rbs-pharma .pharma-course-box ul li {
  font-size: 14px;
}

/* ================= ELIGIBILITY ================= */
.rbs-pharma .pharma-eligibility-card {
  background: #fff;
  text-align: center;
  padding: 25px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
  height: 100%;
}

.rbs-pharma .pharma-eligibility-card i {
  font-size: 32px;
  color: var(--brand);
  margin-bottom: 12px;
}

.rbs-pharma .pharma-eligibility-card h6 {
  font-weight: 700;
  margin-bottom: 8px;
}

/* ================= TRAINING ================= */
.rbs-pharma .pharma-training-list {
  list-style: none;
  padding-left: 0;
}

.rbs-pharma .pharma-training-list li {
  padding-left: 28px;
  position: relative;
  margin-bottom: 10px;
  font-weight: 500;
}

.rbs-pharma .pharma-training-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: var(--brand);
}

/* ================= CAREER ================= */
.rbs-pharma .pharma-career-card {
  background: var(--light);
  padding: 18px;
  text-align: center;
  border-radius: 6px;
  font-weight: 600;
  transition: 0.3s;
}

.rbs-pharma .pharma-career-card:hover {
  background: var(--brand);
  color: #fff;
}

/* ================= CTA ================= */
.rbs-pharma .pharma-cta {
  background: linear-gradient(135deg, var(--brand), #5f1522);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

.rbs-pharma .pharma-cta h3 {
  font-weight: 800;
  margin-bottom: 10px;
}

.rbs-pharma .pharma-cta p {
  font-size: 17px;
  margin-bottom: 25px;
}

.rbs-pharma .pharma-cta .btn {
  padding: 10px 28px;
  font-weight: 600;
}



/* ==================================================
   RBS ITI – CLEAN INSTITUTE STYLE (Nursing-based)
================================================== */

body.rbs-iti {
  --brand: #ff751f;
  --light: #f9f3f4;
  --text: #444;
}

/* COMMON */
body.rbs-iti .section-title {
  font-weight: 700;
  color: var(--brand);
  position: relative;
  margin-bottom: 25px;
}

body.rbs-iti .section-title::after {
  content: "";
  width: 60px;
  height: 3px;
  background: var(--brand);
  display: block;
  margin-top: 8px;
}

body.rbs-iti p {
  color: var(--text);
  line-height: 1.8;
  font-size: 15.5px;
}

/* ================= OVERVIEW ================= */
body.rbs-iti .overview-section {
  background: #fff;
}

body.rbs-iti .overview-content {
  padding-right: 25px;
}

body.rbs-iti .overview-image img {
  max-width: 100%;
}

/* ================= COURSES / TRADES ================= */
body.rbs-iti .courses-section {
  background: #f8f9fa;
}

body.rbs-iti .course-box {
  background: #fff;
  padding: 30px;
  height: 100%;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

body.rbs-iti .course-box:hover {
  transform: translateY(-6px);
}

body.rbs-iti .course-box i {
  font-size: 34px;
  color: var(--brand);
}

body.rbs-iti .course-box h5 {
  margin-top: 10px;
  font-weight: 700;
}

body.rbs-iti .course-box ul {
  padding-left: 18px;
  margin-top: 12px;
}

body.rbs-iti .course-box ul li {
  font-size: 14.5px;
  margin-bottom: 6px;
}

/* ================= ELIGIBILITY ================= */
body.rbs-iti .eligibility-section {
  background: #fff;
}

body.rbs-iti .eligibility-card {
  background: var(--light);
  padding: 25px 20px;
  text-align: center;
  border-radius: 8px;
  height: 100%;
}

body.rbs-iti .eligibility-card i {
  font-size: 32px;
  color: var(--brand);
  margin-bottom: 10px;
}

body.rbs-iti .eligibility-card h6 {
  font-weight: 700;
  margin-bottom: 6px;
}

/* ================= TRAINING ================= */
body.rbs-iti .facilities-section {
  background: #fff;
}

body.rbs-iti .facilities-points {
  padding-left: 20px;
}

body.rbs-iti .facility-row {
  display: flex;
  gap: 15px;
  margin-bottom: 14px;
}

body.rbs-iti .facility-row span {
  width: 36px;
  height: 36px;
  background: var(--brand);
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

body.rbs-iti .facility-row p {
  margin: 0;
  font-weight: 500;
}

/* ================= CAREER ================= */
body.rbs-iti .career-section {
  background: #f8f9fa;
}

body.rbs-iti .career-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 15px;
}

body.rbs-iti .career-item {
  background: #fff;
  padding: 18px;
  text-align: center;
  border-radius: 6px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

body.rbs-iti .career-item h6 {
  margin: 0;
  font-weight: 700;
}

/* ================= CTA ================= */
body.rbs-iti .cta-section {
  background: linear-gradient(135deg, var(--brand), #5f1522);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

body.rbs-iti .cta-section h3 {
  font-weight: 800;
}

body.rbs-iti .cta-section p {
  color: #eee;
  font-size: 17px;
}

body.rbs-iti .cta-section .btn {
  font-weight: 600;
  padding: 10px 28px;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
  body.rbs-iti .overview-content {
    padding-right: 0;
  }
}

/* ==================================================
   RBS ITI – HOVER & INTERACTION ENHANCEMENTS
================================================== */

/* COMMON TRANSITION */
body.rbs-iti .course-box,
body.rbs-iti .eligibility-card,
body.rbs-iti .career-item,
body.rbs-iti .facility-row,
body.rbs-iti .cta-section .btn {
  transition: all 0.35s ease;
}

/* ================= COURSE / TRADE HOVER ================= */
body.rbs-iti .course-box {
  border: 1px solid transparent;
}

body.rbs-iti .course-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);
  border-color: var(--brand);
}

body.rbs-iti .course-box:hover i {
  transform: scale(1.15);
  color: #5f1522;
}

/* ================= ELIGIBILITY HOVER ================= */
body.rbs-iti .eligibility-card:hover {
  background: #fff;
  transform: translateY(-6px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

body.rbs-iti .eligibility-card:hover i {
  color: #5f1522;
  transform: rotate(-8deg);
}

/* ================= FACILITIES ROW HOVER ================= */
body.rbs-iti .facility-row {
  padding: 10px;
  border-radius: 6px;
}

body.rbs-iti .facility-row:hover {
  background: var(--light);
}

body.rbs-iti .facility-row:hover span {
  background: #5f1522;
  transform: scale(1.1);
}

/* ================= CAREER ITEM HOVER ================= */
body.rbs-iti .career-item {
  cursor: pointer;
}

body.rbs-iti .career-item:hover {
  background: var(--brand);
  color: #fff;
  transform: translateY(-6px);
}

body.rbs-iti .career-item:hover h6 {
  color: #fff;
}

/* ================= CTA BUTTON HOVER ================= */
body.rbs-iti .cta-section .btn {
  border-radius: 30px;
}

body.rbs-iti .cta-section .btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}

/* ================= IMAGE HOVER ================= */
body.rbs-iti .overview-image img {
  transition: transform 0.5s ease;
}

body.rbs-iti .overview-image img:hover {
  transform: scale(1.04);
}


/* ================= RBS ITI – CAREER SECTION ================= */

body.rbs-iti .career-section {
  background: #f8f9fa;
}

body.rbs-iti .career-grid {
  margin-top: 10px;
}

body.rbs-iti .career-card {
  background: #fff;
  padding: 30px;
  height: 100%;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: all 0.35s ease;
  cursor: pointer;
}

body.rbs-iti .career-card i {
  font-size: 36px;
  color: var(--brand);
  margin-bottom: 12px;
  transition: all 0.35s ease;
}

body.rbs-iti .career-card h6 {
  font-weight: 700;
  margin-bottom: 8px;
}

body.rbs-iti .career-card p {
  font-size: 14.5px;
  color: #555;
  margin: 0;
}

/* ===== HOVER EFFECT ===== */
body.rbs-iti .career-card:hover {
  background: var(--brand);
  color: #fff;
  transform: translateY(-8px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
}

body.rbs-iti .career-card:hover i,
body.rbs-iti .career-card:hover p {
  color: #fff;
}



/* ===== RBS ITI – COMPACT STEP LAYOUT (NEW) ===== */

body.rbs-iti .iti-roadmap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  border: none;
}

/* each step as a card-row */
body.rbs-iti .iti-step {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 22px;
  margin-bottom: 14px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  position: relative;
  transition: all 0.3s ease;
}

/* number badge */
body.rbs-iti .iti-step span {
  position: static;
  /* REMOVE absolute */
  width: 42px;
  height: 42px;
  border-radius: 8px;
  /* square-ish badge */
  background: #ff751f;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* text */
body.rbs-iti .iti-step h6 {
  font-weight: 700;
  margin-bottom: 4px;
}

body.rbs-iti .iti-step p {
  margin: 0;
  font-size: 14.5px;
  color: #555;
  line-height: 1.6;
}

/* hover (simple, no drama) */
body.rbs-iti .iti-step:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
}

/* mobile */
@media (max-width: 576px) {
  body.rbs-iti .iti-step {
    flex-direction: column;
    align-items: flex-start;
  }

  body.rbs-iti .iti-step span {
    margin-bottom: 6px;
  }
}


/* ================= RBS ITI – TRAINING ROADMAP ================= */

body.rbs-iti .training-section {
  background: #faf6f7;
}

/* roadmap wrapper */
body.rbs-iti .training-roadmap {
  max-width: 850px;
  margin: 0 auto;
  position: relative;
  padding-left: 55px;
}

/* vertical line */
body.rbs-iti .training-roadmap::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #ff751f;
}

/* item */
body.rbs-iti .training-item {
  position: relative;
  margin-bottom: 26px;
  display: flex;
  align-items: flex-start;
}

/* icon dot */
body.rbs-iti .training-dot {
  width: 44px;
  height: 44px;
  background: #ff751f;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -55px;
  top: 0;
  transition: all 0.3s ease;
}

body.rbs-iti .training-dot i {
  font-size: 18px;
}

/* content box */
body.rbs-iti .training-content {
  background: #fff;
  padding: 18px 24px;
  border-radius: 10px;
  width: 100%;
  border: 1px solid #eee;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: all 0.35s ease;
}

body.rbs-iti .training-content h6 {
  font-weight: 700;
  margin-bottom: 6px;
}

body.rbs-iti .training-content p {
  margin: 0;
  font-size: 14.5px;
  color: #555;
}

/* hover */
body.rbs-iti .training-item:hover .training-content {
  border-color: #ff751f;
  transform: translateX(6px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);
}

body.rbs-iti .training-item:hover .training-dot {
  background: #5f1522;
  transform: scale(1.1);
}

/* mobile */
@media (max-width: 576px) {
  body.rbs-iti .training-roadmap {
    padding-left: 40px;
  }

  body.rbs-iti .training-dot {
    left: -40px;
  }
}


/* Fees pay page Css */

.fees-container {
  max-width: 700px;
  margin: 40px auto;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.fees-header {
  background: #ff751f;
  color: #fff;
  padding: 20px;
  text-align: center;
}

.fees-header h2 {
  margin: 0;
  font-size: 24px;
}

.fees-body {
  padding: 25px;
}

.fees-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 10px;
}

.fees-row:last-child {
  border-bottom: none;
}

.fees-label {
  width: 40%;
  font-weight: bold;
  color: #ff751f;
}

.fees-value {
  width: 60%;
  color: #333;
}

.note {
  margin-top: 20px;
  background: #f9ecef;
  padding: 15px;
  border-left: 5px solid #ff751f;
  font-size: 14px;
}

.footer {
  text-align: center;
  padding: 15px;
  background: #f2f2f2;
  font-size: 13px;
}

@media (max-width: 600px) {

  .fees-label,
  .fees-value {
    width: 100%;
  }
}


/* ================= ADVANCED ABOUT US ================= */

.about-us-advanced {
  background: #faf6f7;
}

.about-us-advanced .section-title {
  font-weight: 700;
  color: #ff751f;
}

.about-us-advanced .section-subtitle {
  font-size: 15.5px;
  color: #666;
  max-width: 650px;
  margin: 8px auto 0;
}

/* IMAGE */
.about-image-box {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.15);
}

.about-image-box img {
  width: 100%;
  transition: transform 0.5s ease;
}

.about-image-box:hover img {
  transform: scale(1.06);
}

/* IMAGE BADGE */
.image-badge {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #ff751f;
  color: #fff;
  padding: 10px 16px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
}

.image-badge i {
  font-size: 16px;
}

/* TEXT */
.about-text {
  font-size: 15.8px;
  line-height: 1.8;
  color: #444;
}

/* ICON BOXES */
.about-icon-box {
  background: #fff;
  padding: 22px 24px;
  border-radius: 14px;
  height: 100%;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
  transition: all 0.35s ease;
}

.about-icon-box i {
  font-size: 28px;
  color: #ff751f;
  margin-bottom: 10px;
}

.about-icon-box h5 {
  font-weight: 700;
  margin-bottom: 6px;
}

.about-icon-box p {
  font-size: 14.5px;
  color: #555;
  margin: 0;
}

/* HOVER */
.about-icon-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .about-image-box {
    margin-bottom: 25px;
  }
}



/* ================= RBS PHARMA – ELIGIBILITY ================= */

body.rbs-pharma .eligibility-section {
  background: #faf6f7;
}

body.rbs-pharma .eligibility-card {
  background: #fff;
  padding: 22px 20px;
  border-radius: 14px;
  text-align: center;
  height: 100%;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
  transition: all 0.35s ease;
}

body.rbs-pharma .eligibility-card i {
  font-size: 28px;
  color: #ff751f;
  margin-bottom: 10px;
}

body.rbs-pharma .eligibility-card h6 {
  font-weight: 700;
  margin-bottom: 6px;
}

body.rbs-pharma .eligibility-card p {
  font-size: 14.5px;
  color: #555;
  margin: 0;
  line-height: 1.6;
}

/* hover effect */
body.rbs-pharma .eligibility-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16);
}

/* title */
body.rbs-pharma .eligibility-section .section-title {
  font-weight: 700;
  color: #ff751f;
}




/* ================= RBS PHARMA – TRAINING & FACILITIES ================= */

body.rbs-pharma .facilities-section {
  background: #faf6f7;
}

/* left content text */
body.rbs-pharma .facilities-content p {
  font-size: 15.5px;
  line-height: 1.8;
  color: #444;
}

/* right side points wrapper */
body.rbs-pharma .facilities-points {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* each row */
body.rbs-pharma .facility-row {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  padding: 16px 20px;
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
  transition: all 0.35s ease;
}

/* number badge */
body.rbs-pharma .facility-row span {
  width: 38px;
  height: 38px;
  background: #ff751f;
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* text */
body.rbs-pharma .facility-row p {
  margin: 0;
  font-size: 14.8px;
  color: #555;
}

/* hover effect */
body.rbs-pharma .facility-row:hover {
  transform: translateX(6px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.15);
}

/* section title */
body.rbs-pharma .facilities-section .section-title {
  font-weight: 700;
  color: #ff751f;
}

/* responsive */
@media (max-width: 768px) {
  body.rbs-pharma .facilities-content {
    margin-bottom: 20px;
  }
}


/* ================= RBS PHARMA – CAREER OPPORTUNITIES ================= */

body.rbs-pharma .career-section {
  background: #ffffff;
}

/* list wrapper */
body.rbs-pharma .career-list {
  max-width: 900px;
  margin: 0 auto;
}

/* each item */
body.rbs-pharma .career-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 22px;
  margin-bottom: 16px;
  background: #faf6f7;
  border-radius: 14px;
  transition: all 0.35s ease;
}

/* icon circle */
body.rbs-pharma .career-dot {
  width: 44px;
  height: 44px;
  background: #ff751f;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

body.rbs-pharma .career-dot i {
  font-size: 18px;
}

/* content */
body.rbs-pharma .career-content h6 {
  font-weight: 700;
  margin-bottom: 4px;
  color: #222;
}

body.rbs-pharma .career-content p {
  margin: 0;
  font-size: 14.5px;
  color: #555;
  line-height: 1.6;
}

/* hover effect */
body.rbs-pharma .career-item:hover {
  background: #ffffff;
  transform: translateX(6px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.15);
}

/* section title */
body.rbs-pharma .career-section .section-title {
  font-weight: 700;
  color: #ff751f;
}

/* mobile */
@media (max-width: 576px) {
  body.rbs-pharma .career-item {
    padding: 16px 18px;
  }
}


/* ================= RBS SCHOOL – SPLIT COURSE LAYOUT ================= */

.rbs-school-courses {
  background: #faf6f7;
}

.rbs-school-courses .course-panel {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

.rbs-school-courses .panel-header {
  background: #ff751f;
  color: #fff;
  padding: 18px 22px;
}

.rbs-school-courses .panel-header h4 {
  margin: 0;
  font-weight: 700;
}

.rbs-school-courses .panel-body {
  padding: 22px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.rbs-school-courses .panel-body span {
  background: #faf6f7;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 14.5px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.rbs-school-courses .panel-body span:hover {
  background: #ff751f;
  color: #fff;
  transform: translateX(4px);
}

/* mobile */
@media (max-width: 576px) {
  .rbs-school-courses .panel-body {
    grid-template-columns: 1fr;
  }
}



/* ================= CAREER ROADMAP ================= */

.roadmap-career {
  background: #faf6f7;
}

.career-roadmap {
  max-width: 850px;
  margin: 0 auto;
  position: relative;
  padding-left: 40px;
}

/* vertical line */
.career-roadmap::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #ff751f;
  border-radius: 2px;
}

/* each item */
.roadmap-item {
  position: relative;
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

/* dot */
.roadmap-dot {
  width: 36px;
  height: 36px;
  background: #ff751f;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  z-index: 2;
}

/* content box */
.roadmap-content {
  background: #fff;
  padding: 18px 22px;
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.10);
  transition: all 0.35s ease;
}

.roadmap-content h6 {
  font-weight: 700;
  margin-bottom: 6px;
}

.roadmap-content p {
  margin: 0;
  font-size: 14.5px;
  color: #555;
}

/* hover effect */
.roadmap-item:hover .roadmap-content {
  transform: translateX(6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
}

/* mobile */
@media (max-width: 576px) {
  .career-roadmap {
    padding-left: 30px;
  }
}


/* ================= FACILITY CARD ================= */
.facility-card {
  background: #fff;
  padding: 26px 22px;
  text-align: center;
  border-radius: 16px;
  height: 100%;
  border: 1px solid #eee;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* subtle theme strip (hidden by default) */
.facility-card::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: rgba(138, 38, 55, 0.08);
  /* theme tint */
  transition: height 0.35s ease;
  z-index: 0;
}

/* content layering */
.facility-card * {
  position: relative;
  z-index: 1;
}

.facility-card i {
  font-size: 32px;
  color: #ff751f;
  margin-bottom: 12px;
  transition: transform 0.35s ease;
}

.facility-card h6 {
  font-weight: 700;
  margin-bottom: 6px;
  color: #222;
}

.facility-card p {
  font-size: 14.5px;
  color: #555;
  margin: 0;
}

/* ===== HOVER EFFECT ===== */
.facility-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(138, 38, 55, 0.25);
  border-color: #ff751f;
}

.facility-card:hover::before {
  height: 100%;
  /* soft tint, not white */
}

.facility-card:hover i {
  transform: scale(1.12);
}



/* ================= index ================= */
.department-slider .department-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  justify-content: space-between;
  min-height: 300px;
  /* You can adjust this value as needed */
}


/* Tablet */
@media (max-width: 992px) {
  #cleanSlider {
    margin-top: 90px;
  }
}

/* Mobile */
@media (max-width: 576px) {
  #cleanSlider {
    margin-top: 80px;
    /* change if needed */
  }
}

/* about */
.mission-vision {
  background-color: #fff;
  padding: 60px 0;
}

.mission-vision .card {
  border: none;
  background: #f9f9f9;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 15px;
}

.mission-vision .card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.mission-vision .icon {
  font-size: 3rem;
  color: #ff751f;
  margin-bottom: 20px;
}

.mission-vision h3 {
  color: #ff751f;
  font-weight: bold;
}

.mission-vision h2 {
  color: #ff751f;
  font-weight: bold;
}


#why-choose-us .card:hover {
  transform: translateY(-10px);
}

/* course */

.table-title {
  text-align: center;
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 30px;
}

.table thead {
  background-color: #343a40;
  color: #fff;
}

.table-hover tbody tr:hover {
  background-color: #e6f7ff !important;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* facility */

.section-box {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.section-title {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 30px;
  border-bottom: 2px solid #dee2e6;
  padding-bottom: 10px;
}

.faculty-img {
  width: 100%;
  max-width: 540px;
  border-radius: 10px;
}

ul.custom-list {
  padding-left: 20px;
}

ul.custom-list li::marker {
  color: #28a745;
}

/* video */
.gallery-title {
  font-weight: 600;
  color: #2c3e50;
  text-align: center;
  margin: 40px 0 20px;
}

.video-card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 30px;
}

.video-card iframe {
  width: 100%;
  height: 250px;
  border: none;
}

.video-title {
  padding: 15px;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  color: #333;
}