﻿/* Card container */
.image-gallery-card {
  border: 2px solid #e0d7ff;
  border-radius: 20px;
  padding: 22px;
  background: #fff;
  width: 100%;
  max-width: 420px;
  margin: auto;
}

/* Header */
.ig-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.ig-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ig-icon i {
  font-size: 28px;
  color: #572baf;
}

.ig-title {
  font-size: 24px;
  font-weight: 700;
  color: #1e1e1e;
}

/* View All button */
.ig-viewall {
  border: 1px solid #572baf;
  padding: 5px 16px;
  border-radius: 6px;
  color: #572baf;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
  font-size: 1rem;
}

.ig-viewall:hover {
  background: #572baf;
  color: #fff;
}

/* Scroll area */
.ig-scroll {
  max-height: 430px;
  overflow-y: auto;
  padding-right: 8px;
}

/* 2-column image grid */
.ig-grid {
 
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.ig-grid img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

/* Purple scrollbar */
.ig-scroll::-webkit-scrollbar {
  width: 10px;
}

.ig-scroll::-webkit-scrollbar-thumb {
  background: #8b8b8bb0;
  border-radius: 10px;
}

.ig-scroll::-webkit-scrollbar-track {
  background: #efe9ff;
  border-radius: 10px;
}




.three-column-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* Card box */
.column-box {
  border: 2px solid #e0d7ff;
  border-radius: 20px;
  padding: 22px;
  background: #fff;
  max-width: 420px;
  width: 100%;
  height: 100%;
}



/* Social Media Card */
.social-media-card {
  border: 2px solid #e0d7ff;
  border-radius: 20px;
  padding: 22px;
  background: #fff;
  width: 100%;
}

/* Tabs */
.social-tabs {
  display: flex;
  gap: 10px;
  margin: 10px 0 18px 0;
}

.social-tab {
  background: #eae2ff;
  border: none;
  padding: 8px 18px;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.2s;
}

.social-tab:hover {
  background: #d6caff;
}

.social-tab.active {
  background: #572baf;
  color: #fff;
  font-size: 1rem;
}

/* Content */
.social-content {
  min-height: 300px;
}

/* Hide inactive panels */
.social-pane {
  display: none;
}

.social-pane.active {
  display: block;
}
/*vivek latest news */



/* Label */


/* Marquee */

/* ===== MAIN BAR ===== */
.cstari-bar {
  display: flex;
  align-items: center;
  background: #f1f1f1;
  overflow: hidden;
}

/* ===== FIXED LABEL ===== */
.cstari-label {
  background: #ffcc00;
  padding: 8px 15px;
  font-weight: bold;
  white-space: nowrap;
  flex: 0 0 auto;   /* 🔥 FIXED (never move) */
  z-index: 2;
}

/* ===== SCROLL AREA ===== */
.cstari-wrap {
  overflow: hidden;
  flex: 1;
}

/* ===== MOVING TRACK ===== */
.cstari-track {
  display: flex;
  width: max-content;
  animation: cstari-move 25s linear infinite;
}

/* ===== ITEM ===== */
.cstari-item {
  flex-shrink: 0;
  margin-right: 60px;
  white-space: nowrap;
}

/* ===== ANIMATION ===== */
@keyframes cstari-move {
  0% {
    transform: translateX(100%);   /* 🔥 RIGHT se start */
  }
  100% {
    transform: translateX(-100%);  /* LEFT exit */
  }
}

/* ===== HOVER PAUSE ===== */
.cstari-track:hover {
  animation-play-state: paused;
}

/* ===== Marquee Wrapper ===== */


/* ===== Pause on Hover ===== */


/* ===== Responsive (Mobile) ===== */


/* Force Views output inline 
.latest-news-bar marquee * {
    display: inline !important;
}*/
/* === MODIFIED PART START === */
/* Add proper gap + separator between titles */



/* === MODIFIED PART END === */

/* Remove bullets */







/* PAUSE STATE */

.news-item {
  position: relative;
  margin-right: 40px;
  padding-right: 20px;
  white-space: nowrap;
}

/* separator line */
.news-item::after {
  content: "|";
  position: absolute;
  right: 0;
  color: #999;
}



/* Label */


/* Wrapper */






/* 🔥 MAIN SCROLL TRACK (IMPORTANT FIX) */


/* Each news item */
.news-item {
    display: inline-block;
    white-space: nowrap;
    margin-right: 30px;
    font-size: 14px;
}

/* Separator | */
.news-item::after {
    content: " | ";
    margin-left: 10px;
    color: #ffc107;
}

/* Remove last separator */
.news-item:last-child::after {
    content: "";
}

/* Animation */
@keyframes news-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Pause on hover */
.news-track:hover {
    animation-play-state: paused;
}

/* =========================
   DRUPAL VIEWS FIXES
========================= */

/* Force Views rows inline */
.views-row {
    display: inline-block;
}

/* Remove unwanted separators from Views */
.views-row::after {
    content: none !important;
}

/* Remove list styles */
.latest-news-bar ul,
.latest-news-bar li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* =========================
   DEBUG (REMOVE LATER)
========================= */
/*
.news-track {
    border: 2px solid red;
}
*/

/* logo slider */


/* Section background */
.partners-section {
  background: #f3f1fb;
  overflow: hidden;
  height:159px;
}

/* Outer wrapper */
.logo-wrapper {
  width: 100%;
  overflow: hidden;
}

/* Moving track */
.logo-track {
  width: 100%;
  overflow: hidden;
}

/* Inner flex row (IMPORTANT) */
.logo-inner,
.logo-inner .view-content {
  display: flex;
  align-items: center;
  gap: 24px;
  animation: logoScroll 45s linear infinite;
  width: max-content;
}

/* Individual logo card */
.logo-item,
.logo-inner .views-row {
  background: #ffffff;
  padding: 15px 28px;
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Logo image */
.logo-item img,
.logo-inner img {
  height: 60px;
  width: auto;
  object-fit: contain;
}

/* Animation */
@keyframes logoScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Pause on hover */
.logo-wrapper:hover .logo-inner,
.logo-wrapper:hover .view-content {
  animation-play-state: paused;
}

/* Mobile */
@media (max-width: 768px) {
  .logo-item img {
    height: 45px;
  }
}


/* inner page content table css */


/* ===== Training Circular Table Styling ===== */

.views-table.cols-2 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  box-shadow: 0 0 10px #ccc;
  font-family: Noto Sans, sans-serif;
    color: #150202;
}


/* Header */
.views-table.cols-2 thead th {
  background: #1f4e79;
  color: #ffffff;
  padding: 12px 10px;
  text-align: left;
  border: 1px solid #d5d5d5;
  vertical-align: middle;
  
}
/* Body cells */
.views-table.cols-2 tbody td {
  padding: 12px 10px;
  border: 1px solid #d5d5d5;
  vertical-align: top;
}

/* Alternate row color (light blue like screenshot) */
.views-table.cols-2 tbody tr:nth-child(odd) {
  background: #e8f9ff;
}

/* Column widths */
.views-table.cols-2 th.views-field-counter,
.views-table.cols-2 td.views-field-counter {
  width: 70px;
  text-align: center;
  font-weight: 600;
}

.views-table.cols-2 th.views-field-field-date,
.views-table.cols-2 td.views-field-field-date {
  width: 140px;
  text-align: center;
  white-space: nowrap;
}

/* File / attachment column formatting */
.views-table.cols-2 .views-field-field-attachment {
  line-height: 1.6;
}

/* PDF link → Download button */
.views-table.cols-2 .file--application-pdf a {
  background: #00446d;
  color: #ffffff !important;
  padding: 7px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 4px;
}

/* Hover effect */
.views-table.cols-2 .file--application-pdf a:hover {
  background: #c4161b;
}

/* File size text */
.views-table.cols-2 .views-field-field-attachment span {
  display: block;
  font-size: 12px;
  color: #333;
}

/* ===== Training Circular Table Styling ===== */

.views-table.cols-3 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  box-shadow: 0 0 10px #ccc;
  font-family: Noto Sans, sans-serif;
    color: #150202;
}


/* Header */
.views-table.cols-3 thead th {
  background: #1f4e79;
  color: #ffffff;
  padding: 12px 10px;
  text-align: left;
  border: 1px solid #d5d5d5;
  vertical-align: middle;
  width:0%;
  
}
/* Body cells */
.views-table.cols-3 tbody td {
  padding: 12px 10px;
  border: 1px solid #d5d5d5;
  vertical-align: top;
}

/* Alternate row color (light blue like screenshot) */
.views-table.cols-3 tbody tr:nth-child(odd) {
  background: #e8f9ff;
}

/* Column widths */
.views-table.cols-3 th.views-field-counter,
.views-table.cols-3 td.views-field-counter {
  width: 70px;
  text-align: center;
  font-weight: 600;
}

.views-table.cols-3 th.views-field-field-date,
.views-table.cols-3 td.views-field-field-date {
  width: 140px;
  text-align: center;
  white-space: nowrap;
}

/* File / attachment column formatting */
.views-table.cols-3 .views-field-field-attachment {
  line-height: 1.6;
}

/* PDF link → Download button */
.views-table.cols-3 .file--application-pdf a {
  background: #00446d;
  color: #ffffff !important;
  padding: 7px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 4px;
}

/* Hover effect */
.views-table.cols-3 .file--application-pdf a:hover {
  background: #c4161b;
}

/* File size text */
.views-table.cols-3 .views-field-field-attachment span {
  display: block;
  font-size: 12px;
  color: #333;
}

/* ===== Training Circular Table Styling ===== */

.views-table.cols-4 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  box-shadow: 0 0 10px #ccc;
  font-family: Noto Sans, sans-serif;
    color: #150202;
}


/* Header */
.views-table.cols-4 thead th {
  background: #1f4e79;
  color: #ffffff;
  padding: 12px 10px;
  text-align: left;
  border: 1px solid #d5d5d5;
  vertical-align: middle;
  
}
/* Body cells */
.views-table.cols-4 tbody td {
  padding: 12px 10px;
  border: 1px solid #d5d5d5;
  vertical-align: top;
}

/* Alternate row color (light blue like screenshot) */
.views-table.cols-4 tbody tr:nth-child(odd) {
  background: #e8f9ff;
}

/* Column widths */
.views-table.cols-4 th.views-field-counter,
.views-table.cols-4 td.views-field-counter {
  width: 70px;
  text-align: center;
  font-weight: 600;
}

.views-table.cols-4 th.views-field-field-date,
.views-table.cols-4 td.views-field-field-date {
  width: 140px;
  text-align: center;
  white-space: nowrap;
}

/* File / attachment column formatting */
.views-table.cols-4 .views-field-field-attachment {
  line-height: 1.6;
}

/* PDF link → Download button */
.views-table.cols-4 .file--application-pdf a {
  background: #00446d;
  color: #ffffff !important;
  padding: 7px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 4px;
}

/* Hover effect */
.views-table.cols-4 .file--application-pdf a:hover {
  background: #c4161b;
}

/* File size text */
.views-table.cols-4 .views-field-field-attachment span {
  display: block;
  font-size: 12px;
  color: #333;
}



/* inner page content table css */

/* ===== Training Circular Table Styling ===== */

.views-table.cols-5 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  box-shadow: 0 0 10px #ccc;
  font-family: Noto Sans, sans-serif;
    color: #150202;
}


/* Header */
.views-table.cols-5 thead th {
  background: #1f4e79;
  color: #ffffff;
  padding: 12px 10px;
  text-align: left;
  border: 1px solid #d5d5d5;
  vertical-align: middle;
  
}
/* Body cells */
.views-table.cols-5 tbody td {
  padding: 12px 10px;
  border: 1px solid #d5d5d5;
  vertical-align: top;
}

/* Alternate row color for 5 (light blue like screenshot) */
.views-table.cols-5 tbody tr:nth-child(odd) {
  background: #e8f9ff;
}

/* Column widths */
.views-table.cols-5 th.views-field-counter,
.views-table.cols-5 td.views-field-counter {
  width: 70px;
  text-align: center;
  font-weight: 600;
}

.views-table.cols-5 th.views-field-field-date,
.views-table.cols-5 td.views-field-field-date {
  width: 140px;
  text-align: center;
  white-space: nowrap;
}

/* File / attachment column formatting */
.views-table.cols-5 .views-field-field-attachment {
  line-height: 1.6;
}

/* PDF link → Download button */
.views-table.cols-5 .file--application-pdf a {
  background: #00446d;
  color: #ffffff !important;
  padding: 7px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 4px;
}

/* Hover effect */
.views-table.cols-5 .file--application-pdf a:hover {
  background: #c4161b;
}

/* File size text */
.views-table.cols-5 .views-field-field-attachment span {
  display: block;
  font-size: 12px;
  color: #333;
}





/* inner page content table css */

/* ===== Training Circular Table Styling ===== */

.views-table.cols-6 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  box-shadow: 0 0 10px #ccc;
  font-family: Noto Sans, sans-serif;
    color: #150202;
}


/* Header */
.views-table.cols-6 thead th {
 
  background: #1f4e79;
    color: #ffffff;
  padding: 14px 4px;
  text-align: jusify;
  border: 1px solid #d5d5d5;
  vertical-align: middle;

  
}
/* Body cells */
.views-table.cols-6 tbody td {
  padding: 12px 10px;
  border: 1px solid #d5d5d5;
 /* vertical-align: top; */

}

/* Alternate row color for 5 (light blue like screenshot) */
.views-table.cols-6 tbody tr:nth-child(odd) {
  background: #e8f9ff;
 
}

/* Column widths */
.views-table.cols-6 th.views-field-counter,
.views-table.cols-6 td.views-field-counter {
  width: 70px;
  text-align: center;
  font-weight: 600;
}

.views-table.cols-6 th.views-field-field-date,
.views-table.cols-6 td.views-field-field-date {
  width: 140px;
  text-align: center;
  white-space: nowrap;
}

/* File / attachment column formatting */
.views-table.cols-6 .views-field-field-attachment {
  line-height: 1.6;
}

/* PDF link → Download button */
.views-table.cols-6 .file--application-pdf a {
  background: #00446d;
  color: #ffffff !important;
  padding: 7px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 4px;
}

/* Hover effect */
.views-table.cols-6 .file--application-pdf a:hover {
  background: #c4161b;
}

/* File size text */
.views-table.cols-6 .views-field-field-attachment span {
  display: block;
  font-size: 12px;
  color: #333;
}






/* inner page content table css */

/* ===== Training Circular Table Styling ===== */

.views-table.cols-7 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  box-shadow: 0 0 10px #ccc;
  font-family: Noto Sans, sans-serif;
    color: #150202;
}


/* Header */
.views-table.cols-7 thead th {
  background: #1f4e79;
  color: #ffffff;
  padding: 12px 10px;
  text-align: left;
  border: 1px solid #d5d5d5;
  vertical-align: middle;
  
}
/* Body cells */
.views-table.cols-7 tbody td {
  padding: 12px 10px;
  border: 1px solid #d5d5d5;
  vertical-align: top;
}

/* Alternate row color for 5 (light blue like screenshot) */
.views-table.cols-7 tbody tr:nth-child(odd) {
  background: #e8f9ff;
}

/* Column widths */
.views-table.cols-7 th.views-field-counter,
.views-table.cols-7 td.views-field-counter {
  width: 70px;
  text-align: center;
  font-weight: 600;
}

.views-table.cols-7 th.views-field-field-date,
.views-table.cols-7 td.views-field-field-date {
  width: 140px;
  text-align: center;
  white-space: nowrap;
}

/* File / attachment column formatting */
.views-table.cols-7 .views-field-field-attachment {
  line-height: 1.6;
}

/* PDF link → Download button */
.views-table.cols-7 .file--application-pdf a {
  background: #00446d;
  color: #ffffff !important;
  padding: 7px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 4px;
}

/* Hover effect */
.views-table.cols-7 .file--application-pdf a:hover {
  background: #c4161b;
}

/* File size text */
.views-table.cols-7 .views-field-field-attachment span {
  display: block;
  font-size: 12px;
  color: #333;
}




/* inner page content table css */

/* ===== Training Circular Table Styling ===== */

.views-table.cols-8 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  box-shadow: 0 0 10px #ccc;
  font-family: Noto Sans, sans-serif;
    color: #150202;
}


/* Header */
.views-table.cols-8 thead th {
  background: #1f4e79;
  color: #ffffff;
  padding: 12px 10px;
  text-align: left;
  border: 1px solid #d5d5d5;
  vertical-align: middle;
  
}
/* Body cells */
.views-table.cols-8 tbody td {
  padding: 12px 10px;
  border: 1px solid #d5d5d5;
  vertical-align: top;
}

/* Alternate row color for 5 (light blue like screenshot) */
.views-table.cols-8 tbody tr:nth-child(odd) {
  background: #e8f9ff;
}

/* Column widths */
.views-table.cols-8 th.views-field-counter,
.views-table.cols-8 td.views-field-counter {
  width: 70px;
  text-align: center;
  font-weight: 600;
}

.views-table.cols-8 th.views-field-field-date,
.views-table.cols-8 td.views-field-field-date {
  width: 140px;
  text-align: center;
  white-space: nowrap;
}

/* File / attachment column formatting */
.views-table.cols-8 .views-field-field-attachment {
  line-height: 1.6;
}

/* PDF link → Download button */
.views-table.cols-8 .file--application-pdf a {
  background: #00446d;
  color: #ffffff !important;
  padding: 7px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 4px;
}

/* Hover effect */
.views-table.cols-8 .file--application-pdf a:hover {
  background: #c4161b;
}

/* File size text */
.views-table.cols-8 .views-field-field-attachment span {
  display: block;
  font-size: 12px;
  color: #333;
}



/* inner page content table css */

/* ===== Training Circular Table Styling ===== */

.views-table.cols-9 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  box-shadow: 0 0 10px #ccc;
  font-family: Noto Sans, sans-serif;
    color: #150202;
}


/* Header */
.views-table.cols-9 thead th {
  background: #1f4e79;
  color: #ffffff;
  padding: 12px 10px;
  text-align: left;
  border: 1px solid #d5d5d5;
  vertical-align: middle;
  
}
/* Body cells */
.views-table.cols-9 tbody td {
  padding: 12px 10px;
  border: 1px solid #d5d5d5;
  vertical-align: top;
}

/* Alternate row color for 5 (light blue like screenshot) */
.views-table.cols-9 tbody tr:nth-child(odd) {
  background: #e8f9ff;
}

/* Column widths */
.views-table.cols-9 th.views-field-counter,
.views-table.cols-9 td.views-field-counter {
  width: 70px;
  text-align: center;
  font-weight: 600;
}

.views-table.cols-9 th.views-field-field-date,
.views-table.cols-9 td.views-field-field-date {
  width: 140px;
  text-align: center;
  white-space: nowrap;
}

/* File / attachment column formatting */
.views-table.cols-9 .views-field-field-attachment {
  line-height: 1.6;
}

/* PDF link → Download button */
.views-table.cols-9 .file--application-pdf a {
  background: #00446d;
  color: #ffffff !important;
  padding: 7px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 4px;
}

/* Hover effect */
.views-table.cols-9 .file--application-pdf a:hover {
  background: #c4161b;
}

/* File size text */
.views-table.cols-9 .views-field-field-attachment span {
  display: block;
  font-size: 12px;
  color: #333;
}


.views-table.cols-10 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  box-shadow: 0 0 10px #ccc;
  font-family: Noto Sans, sans-serif;
    color: #150202;
}

/* Header */
.views-table.cols-10 thead th {
  background: #1f4e79;
  color: #ffffff;
  padding: 12px 10px;
  text-align: left;
  border: 1px solid #d5d5d5;
  vertical-align: middle;
  
}
/* Body cells */
.views-table.cols-10 tbody td {
  padding: 12px 10px;
  border: 1px solid #d5d5d5;
  vertical-align: top;
}

/* Alternate row color for 5 (light blue like screenshot) */
.views-table.cols-10 tbody tr:nth-child(odd) {
  background: #e8f9ff;
}

/* Column widths */
.views-table.cols-10 th.views-field-counter,
.views-table.cols-10 td.views-field-counter {
  width: 70px;
  text-align: center;
  font-weight: 600;
}

.views-table.cols-10 th.views-field-field-date,
.views-table.cols-10 td.views-field-field-date {
  width: 140px;
  text-align: center;
  white-space: nowrap;
}

/* File / attachment column formatting */
.views-table.cols-10 .views-field-field-attachment {
  line-height: 1.6;
}

/* PDF link → Download button */
.views-table.cols-10 .file--application-pdf a {
  background: #00446d;
  color: #ffffff !important;
  padding: 7px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 4px;
}

/* Hover effect */
.views-table.cols-10 .file--application-pdf a:hover {
  background: #c4161b;
}

/* File size text */
.views-table.cols-10 .views-field-field-attachment span {
  display: block;
  font-size: 12px;
  color: #333;
}


/* Responsive */
@media (max-width: 768px) {
  .views-table.cols-4 {
    font-size: 13px;
  }

  .views-table.cols-4 thead {
    display: none;
  }

  .views-table.cols-4 tr {
    display: block;
    margin-bottom: 15px;
  }

  .views-table.cols-4 td {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
  }

  .views-table.cols-4 td::before {
    content: attr(headers);
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: #555;
  }
  
  
  
  /* Responsive */
@media (max-width: 768px) {
  .views-table.cols-5 {
    font-size: 13px;
  }

  .views-table.cols-5 thead {
    display: none;
  }

  .views-table.cols-5 tr {
    display: block;
    margin-bottom: 15px;
  }

  .views-table.cols-5 td {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
  }

  .views-table.cols-5 td::before {
    content: attr(headers);
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: #555;
  }
  
}


/* Responsive */
@media (max-width: 768px) {
  .views-table.cols-6 {
    font-size: 13px;
  }

  .views-table.cols-6 thead {
    display: none;
  }

  .views-table.cols-6 tr {
    display: block;
    margin-bottom: 15px;
  }

  .views-table.cols-6 td {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
  }

  .views-table.cols-6 td::before {
    content: attr(headers);
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: #555;
  }
  
}


/* Responsive */
@media (max-width: 768px) {
  .views-table.cols-7 {
    font-size: 13px;
  }

  .views-table.cols-7 thead {
    display: none;
  }

  .views-table.cols-7 tr {
    display: block;
    margin-bottom: 15px;
  }

  .views-table.cols-7 td {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
  }

  .views-table.cols-7 td::before {
    content: attr(headers);
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: #555;
  }
  
}

/* Responsive */
@media (max-width: 768px) {
  .views-table.cols-8 {
    font-size: 13px;
  }

  .views-table.cols-8 thead {
    display: none;
  }

  .views-table.cols-8 tr {
    display: block;
    margin-bottom: 15px;
  }

  .views-table.cols-8 td {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
  }

  .views-table.cols-8 td::before {
    content: attr(headers);
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: #555;
  }
  
}


/* Responsive */
@media (max-width: 768px) {
  .views-table.cols-9 {
    font-size: 13px;
  }

  .views-table.cols-9 thead {
    display: none;
  }

  .views-table.cols-9 tr {
    display: block;
    margin-bottom: 15px;
  }

  .views-table.cols-9 td {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
  }

  .views-table.cols-9 td::before {
    content: attr(headers);
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: #555;
  }
  
}


/* Responsive */
@media (max-width: 768px) {
  .views-table.cols-10 {
    font-size: 13px;
  }

  .views-table.cols-10 thead {
    display: none;
  }

  .views-table.cols-10 tr {
    display: block;
    margin-bottom: 15px;
  }

  .views-table.cols-10 td {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
  }

  .views-table.cols-10 td::before {
    content: attr(headers);
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: #555;
  }
  
}


#block-cstari-page-title
{
  height:0px !important;
}


.page-title {
    display: inline;
    font-weight: 700;
    font-family: 'Roboto-Medium';
    color: #222;
    text-transform: capitalize;
}


/* breadcrum banner */

/* Inner banner wrapper */
.innerbnnr {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Remove container padding */
.innerbnnr .layout-container {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

/* Banner image styling */
.innerbnnr img {
  width: 100%;
  height: 260px;        /* Adjust height as needed */
  object-fit: cover;   /* Crop nicely */
  display: block;
}

/* Desktop height */
@media (min-width: 992px) {
  .innerbnnr img {
    height: 320px;
  }
}

/* Mobile height */
@media (max-width: 768px) {
  .innerbnnr img {
    height: 180px;
  }
}

#page-wrapper {
    /* max-width: var(--max-bg-color); */
    background: var(--color--white);
}

h2{
text-align:center;
padding: 20px;
text-transform: uppercase; 
}
b{ 
color: red;
}





.bread
{
  background: #3f95c9;
    padding: 16px;
    margin-top: -40px;
    z-index: 8;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #fff;
}



.download {
  padding: 7px 10px;
  background: #ef6220;
  color: #fff;
  text-decoration: none;
  float: right;
  border-radius: 4px;
  transition: 0.3s;
  text-decoration: none;
  white-space: nowrap;
}

.praveen-photo-gallery {
  position: absolute;
  margin-top: -40px;
  left: 0;
  width: 100%;
  color: white;
  background: rgba(41, 19, 108, 0.7);
  background: #0077b5;
  padding: 8px 3px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.field--name-field-image img {
  width: 30%;
  float: left;
  margin: 5px;
}

