.news-marquee-wrapper {
  height: 400px; /* adjust height */
  overflow: hidden;
  position: relative;
  background: #1e40af; /* blue background */
  
}

.news-marquee {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 1% !important;
  animation: scrollUp 15s linear infinite;
  list-style: none;
  padding: 20px;
  margin: 0;
}

.news-marquee li {
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}

.news-marquee li a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.news-marquee li a:hover {
  color: #ffd700;
}

@keyframes scrollUp {
  0% { bottom: -100%; }
  100% { bottom: 100%; }
}

.it-hero-subtitle.subtitle-yellow
{
  color:#fff;
}
.it-slider-3-arrow-box button i
{
  background-color: #fff !important;
}

.it-slider-3-arrow-box button.slider-3-next i
{
  background-color: #fff !important;
  color:#000;
}

.titlee {
  font-size: 30px;
  font-weight: 700;
  color: #1e3a8a;
}

.why-box {
  background: #fff;
  transition: all 0.3s ease;
  height: 100%;
}
.why-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.why-icon i {
  color: #1e3a8a;
}
.why-title {
  font-size: 18px;
  font-weight: 600;
  color: #1e3a8a;
}
.why-box p {
  font-size: 14px;
  color: #555;
}

/* Latest News */
.latest-news {
  height: 100%;
  background: #f0f4f8;
}

.latest-news-title h3 {
  background: #1e3a8a;
  color: #fff !important;
  font-weight: 700;
}

.news-marquee-wrapper {
  height: 366px;
  overflow: hidden;
  position: relative;
  background: #92abfb;
}

.news-marquee {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: -100%;
  animation: scrollUp 15s linear infinite;
  padding: 15px;
}

.news-marquee li {
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}

.news-marquee li a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.news-marquee li a:hover {
  color: #ffd700;
}

@keyframes scrollUp {
  0% { bottom: -100%; }
  100% { bottom: 100%; }
}

/* Responsive */
@media(max-width: 991px){
  .news-marquee-wrapper {
    height: 200px;
  }
}

.newtitlee
{
  padding-bottom: 0px !important;
}

.mb00
{
  padding:10px;
}

.why-news-section
{
  margin-top: 50px;
  background-image: url(../img/team/testimonial-2-bg.png) !important;
  background-size: cover !important;
}

.bgbb
{
  background-color: #c80404;
}

.it-team-2-area
{
  background-size: contain !important;
  background-repeat: repeat !important;
}

.it-team-2-item-thumb {
  position: relative;
  overflow: hidden;
}

.team-title-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(30, 58, 138, 0.9); /* dark blue with transparency */
  color: #fff;
  text-align: center;
  padding: 10px 0;
}

.team-title-overlay h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.team-title-overlay h3 a {
  color: #fff;
  text-decoration: none;
}

.team-title-overlay span {
  display: block;
  font-size: 14px;
  color: #ffd700; /* gold/yellow for designation */
}

.blackbgg
{
  background-image: linear-gradient(to right, #fee7d2, #ffe2d3, #ffddd6, #ffd9db, #ffd6e2, #fad3e6, #f4d1ea, #ebcfee, #e2ccef, #d7c9f0, #ccc6f1, #bfc4f1) !important;

}
.it-project-arrow-box button
{
  background-color: #fff !important;
  color:#000 !important;
}
.it-project-arrow-box button
{
  background-color: #fff !important;
  color:#000 !important;
}
.it-subtitle.subtitle-yellow
{
  color:#fff !important;
}

.testimonialls
{
  padding-bottom: 50px !important;
  margin-top: -80px !important;
}
.facilitess
{
  margin-top: -50px !important;
}
.smtitle
{
  font-size: 21px !important;
}
.galleryslider
{
  width:315px;
  height:215px;
}

.mobile-stats-section {
  display: none;
}
.mobile-header {
  display: none;
}
#coursesection
{
    background-attachment: fixed !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.it-header-bar
{
    background-color: #00478f !important;
}

.right-sidebar {
      position: fixed;
      top: 82%;
      right: 20px;
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      gap: 20px;
      z-index: 9999;
    }

    /* Base Button */
    .icon-btn {
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      font-size: 28px;
      border-radius: 50%;
      text-decoration: none;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
      transition: all 0.3s ease-in-out;
      position: relative;
      overflow: hidden;
    }

    .icon-btn:hover {
      transform: scale(1.15);
    }

    /* Call Button */
    .call-btn {
      background: #e1480e;
    }
    .call-btn:hover {
      background: #218838;
      box-shadow: 0 0 20px #28a745, 0 0 40px #28a745;
    }
    .call-btn::after {
      content: "";
      position: absolute;
      width: 80px;
      height: 80px;
      border: 2px solid #28a745;
      border-radius: 50%;
      animation: pulse-green 1.5s infinite;
    }

    /* WhatsApp Button */
    .whatsapp-btn {
      background: #25d366;
    }
    .whatsapp-btn:hover {
      background: #1da851;
      box-shadow: 0 0 20px #25d366, 0 0 40px #25d366;
    }
    .whatsapp-btn::after {
      content: "";
      position: absolute;
      width: 80px;
      height: 80px;
      border: 2px solid #25d366;
      border-radius: 50%;
      animation: pulse-green 1.8s infinite;
    }

    /* Animations */
    @keyframes pulse-green {
      0% { transform: scale(0.8); opacity: 1; }
      100% { transform: scale(1.5); opacity: 0; }
    }
    
     .news-marquee li {
    margin-bottom: 12px;
  }

  .news-marquee a {
    display: block;
    font-weight: 600;
    color: #222;
    text-decoration: none;
  }

  .news-marquee a img {
    margin-right: 6px;
    vertical-align: middle;
  }

  .news-date {
    font-size: 13px;
    color: #fff;
    margin-top: 4px;
    text-align: left; /* ensures left alignment */
    margin-left:40px;
  }

  .news-date i {
    color: #ff5722; /* orange calendar icon */
    margin-right: 5px;
  }
  
  .subgallery
  {
      color:#000 !important;
  }
  .it-breadcrumb-area
  {
      padding-top: 68px !important;
      padding-bottom: 54px !important;
  }
  .aboutthumb
  {
      margin-top:-228px;
  }
  .whychose
  {
      background-color:#f3f3f3;
      margin-top:-80px;
  }
  
  .it-menu-content
  {
     /* visibility:hidden !important;*/
  }
  
  .main-menu
  {
      display:block;
  }
  
  .it-header-3-style .it-main-logo
  {
      margin-top:-9px !important;
  }
  
  .login-buttons {
  text-align: center;
  padding: 20px 0;
}

.btn-login {
  display: inline-block;
  padding: 12px 28px;
  margin: 8px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Admin button */
.btn-login.admin {
  background: linear-gradient(135deg, #e63946, #ff6b6b);
}

/* Teacher button */
.btn-login.teacher {
  background: linear-gradient(135deg, #1d3557, #457b9d);
}

/* Student button */
.btn-login.student {
  background: linear-gradient(135deg, #2a9d8f, #48cae4);
}

/* Hover effect */
.btn-login:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  opacity: 0.95;
}
.it-header-top-info
{
    line-height:2 !important;
}

.colorc
{
    color:#000;
}

.colorcc
{
    color:#fff !important;
}

  .mv-box {
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #f0f5ff, #e8effa);
  border-radius: 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  overflow: hidden;
  margin-bottom: 60px;
}

.mv-box.reverse {
  flex-direction: row-reverse;
}

.mv-image {
  flex: 1;
  min-width: 300px;
  max-width: 500px;
}

.mv-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mv-content {
  flex: 1;
  padding: 40px;
}

.mv-content h3 {
  font-size: 28px;
  font-weight: 700;
  color: #1e3c72;
  margin-bottom: 15px;
}

.mv-content p {
  font-size: 16px;
  color: #444;
  line-height: 1.7;
}

/* Responsive */
@media(max-width: 768px) {
  .mv-box {
    flex-direction: column;
  }
  .mv-box.reverse {
    flex-direction: column;
  }
}
.mv-image {
  position: relative;
  width: 100%;
  max-width: 600px; /* adjust as needed */
  margin: auto;
  overflow: hidden;
  border-radius: 8px;
}

.mv-image img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}

.mv-image:hover img {
  transform: scale(1.05); /* subtle zoom on hover */
}

.room-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6); /* dark overlay */
  color: #fff;
  padding: 15px;
  text-align: center;
  transition: background 0.3s ease;
}

.room-overlay h3 {
  margin: 0;
  font-size: 1.5rem;
  color: #FFD700; /* title color */
}

.room-overlay p {
  margin: 5px 0 0;
  font-size: 1.1rem;
}

.st-obj-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 20px;
}

/* Title */
.st-obj-title {
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  color: #1a1a1a;
  position: relative;
  margin-bottom: 30px;
}

.st-obj-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: #007bff;
  margin: 10px auto 0;
  border-radius: 2px;
}

/* Intro Text */
.st-obj-intro {
  font-size: 16px;
  color: #444;
  line-height: 1.8;
  text-align: justify;
}

/* List */
.st-obj-list {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
}

.st-obj-list li {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.8;
  display: flex;
  align-items: flex-start;
}

.st-obj-list i {
  color: #007bff;
  margin-right: 10px;
  margin-top: 4px;
  font-size: 18px;
}

/* Responsive */
@media (max-width: 768px) {
  .st-obj-title {
    font-size: 24px;
  }
  .st-obj-intro, 
  .st-obj-list li {
    font-size: 15px;
  }
}

.st-job-section {
  padding: 80px 20px;
  background: #fff;
}

.st-job-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
  max-width: 1200px;
  margin: auto;
  border: 1px solid #eee;
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  padding: 40px;
}

/* Left Content */
.st-job-content {
  flex: 1 1 65%;
}

.st-job-title {
  font-size: 20px;
  color: #1a1a1a;
  font-weight: 700;
  margin-bottom: 20px;
}

.st-job-title i {
  color: #007bff;
  margin-right: 10px;
}

.st-job-desc {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
  margin-bottom: 25px;
  text-align: justify;
}

/* Job Details */
.st-job-details {
  list-style: none;
  padding: 0;
  margin: 0;
}

.st-job-details li {
  font-size: 15px;
  color: #333;
  margin-bottom: 10px;
}

.st-job-details i {
  color: #007bff;
  margin-right: 8px;
}

/* Right Box */
.st-job-action {
  flex: 1 1 30%;
  display: flex;
  justify-content: center;
}

.st-job-box {
  background: linear-gradient(135deg, #007bff, #0056b3);
  color: #fff;
  border-radius: 15px;
  padding: 40px 30px;
  text-align: center;
  width: 100%;
  max-width: 350px;
  box-shadow: 0 8px 20px rgba(0, 123, 255, 0.25);
  transition: transform 0.3s ease;
}

.st-job-box:hover {
  transform: translateY(-5px);
}

.st-job-subtitle {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.st-job-text {
  font-size: 15px;
  margin-bottom: 25px;
}

.st-job-btn {
  display: inline-block;
  background: #00468e;
  color: #fff;
  text-decoration: none;
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 600;
  transition: background 0.3s ease, color 0.3s ease;
}

.st-job-btn:hover {
  background: #0056b3;
  color: #fff;
}

/* Responsive */
@media (max-width: 992px) {
  .st-job-container {
    flex-direction: column;
    text-align: center;
  }

  .st-job-content {
    flex: 1 1 100%;
  }

  .st-job-action {
    flex: 1 1 100%;
  }

  .st-job-box {
    margin-top: 30px;
  }
}
.st-job-link {
  text-decoration: none;
  color: #222; /* dark text color */
  display: inline-block;
  transition: all 0.3s ease;
}

.principal-section .row {
  align-items: flex-start;   /* Top aligned columns */
}

.principal-img-wrapper {
  position: sticky;          /* Image stays fixed */
  top: 20px;                 /* space from top */
}

.principal-img-wrapper img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.stcoll
{
    color:#c80404 !important;
}

.best-practices-section {
  background: #f8f9fa;
}

.bp-box {
  background: #ffffff;
  transition: all 0.3s ease;
  border: 1px solid #e6e6e6;
}

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

.bp-icon i {
  font-size: 45px;
  color: #0d6efd; /* Bootstrap primary color */
}

.bed-section-wrapper {
  background: #fff;
  padding: 60px 12px;
}

.main-bed-title {
  text-align: center;
  font-size: 38px;
  font-weight: 800;
  color: #084f91;
  margin-bottom: 10px;
}

.bed-sub-head {
  text-align: center;
  font-size: 17px;
  margin-bottom: 45px;
  color: #555;
}

.bed-sub-title {
  font-size: 22px;
  font-weight: 700;
  color: #084f91;
  margin-bottom: 12px;
  border-left: 5px solid #084f91;
  padding-left: 10px;
  text-transform: uppercase;
}

.bed-content-area p {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  text-align: justify;
}

.bed-sub-approve {
  text-align: center;
  font-size: 17px;
  background: #e6f2ff;
  padding: 10px 18px;
  border-radius: 8px;
  color: #084f91;
  margin: 0 auto 45px auto;  /* This line centers the block */
  display: block;            /* ensures proper block alignment */
  width: fit-content;        /* adjusts width to content */
}

@media(max-width:786px){
  .main-bed-title { font-size: 32px; }
}

/* Row styling */
.bed-info-row {
  margin-top: 40px;
}

/* Box Styling */
.bed-info-box {
  background: #f8fbff;
  border: 1px solid #d7e9ff;
  padding: 28px;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.06);
  transition: all .3s ease;
}

/* Hover effect */
.bed-info-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
}

/* Sub Title */
.bed-sub-title {
  font-size: 22px;
  font-weight: 700;
  color: #084f91;
  margin-bottom: 10px;
  padding-left: 12px;
  border-left: 5px solid #084f91;
  text-transform: uppercase;
}

/* Text */
.bed-info-box p {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  text-align: justify;
  margin-bottom: 15px;
}

/* Responsive */
@media (max-width: 768px) {
  .bed-info-box {
    margin-bottom: 20px;
  }
}

.topbutton
{
    margin-top:-20px !important;
}
.cuswrapper
{
    margin-top:-19px !important;
}

.dled-wrapper {
    display: flex;
    align-items: flex-start; /* Align content to top of image */
}

.dled-image img {
    max-width: 150px; /* Adjust size if needed */
}

.dled-content .dled-title {
    margin-top: 0;
}

.bed-wrapper {
    display: flex;
    align-items: flex-start; /* align heading with top of image */
    gap: 20px; /* spacing between image and content */
}

.bed-image img {
    max-width: 150px; /* adjust as needed */
}

.bed-content .bed-title {
    margin-top: 0;
    font-weight: 700;
    color: #1a1a1a;
}

.bed-content h5 {
    margin-top: 20px;
    font-weight: 600;
}

.bed-content ul,
.bed-content ol {
    margin-left: 20px;
    margin-top: 10px;
}

.bed-content li {
    margin-bottom: 8px;
}

.library-section {
  background: #f8f9fa;
}

.section-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
}

.facility-list li {
  margin-bottom: 6px;
  font-size: 16px;
}

.summary {
  margin-top: 15px;
  font-size: 17px;
  font-weight: 600;
}

.library-section img {
  width: 100%;
  max-width: 420px;
  object-fit: cover;
}

.facility-list {
  list-style: none; /* remove default bullets */
  padding-left: 0;
  margin-top: 1rem;
}

.facility-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 0.8rem;
  line-height: 1.6;
}

.facility-list li::before {
  content: "🔹";       /* small blue diamond as bullet */
  position: absolute;
  left: 0;
  color: #0d6efd;     /* bootstrap primary color */
  font-weight: bold;
}

.canteen-facility-list {
  list-style: none; /* remove default bullets */
  padding-left: 0;
  margin-top: 1rem;
}

.canteen-facility-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 0.8rem;
  line-height: 1.6;
}

.canteen-facility-list li::before {
  content: "🍴";       /* fork & knife icon as bullet */
  position: absolute;
  left: 0;
  color: #0d6efd;     /* bootstrap primary color */
  font-weight: bold;
}

.smart-classroom-facility-list {
  list-style: none; /* remove default bullets */
  padding-left: 0;
  margin-top: 1rem;
}

.smart-classroom-facility-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 0.8rem;
  line-height: 1.6;
}

.smart-classroom-facility-list li::before {
  content: "📚";       /* book icon as bullet */
  position: absolute;
  left: 0;
  color: #0d6efd;     /* bootstrap primary color */
  font-weight: bold;
}

.girls-common-room-facility-list {
  list-style: none; /* remove default bullets */
  padding-left: 0;
  margin-top: 1rem;
}

.girls-common-room-facility-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 0.8rem;
  line-height: 1.6;
}

.girls-common-room-facility-list li::before {
  content: "➤";      /* heart icon as bullet */
  position: absolute;
  left: 0;
  color: #000;     /* pink color for female section */
  font-weight: bold;
}

.boys-common-room-facility-list {
  list-style: none; /* remove default bullets */
  padding-left: 0;
  margin-top: 1rem;
}

.boys-common-room-facility-list li {
  position: relative;
  padding-left: 25px; /* space for arrow */
  margin-bottom: 0.8rem;
  line-height: 1.6;
}

.boys-common-room-facility-list li::before {
  content: "➤";           /* arrow symbol */
  position: absolute;
  left: 0;
  top: 0;
  color: #0d6efd;         /* blue arrow for boys section */
  font-weight: bold;
  font-size: 1.1rem;
}

.wifi-facility-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  list-style: none;
}

.wifi-facility-list li::before {
  content: "➤"; /* Arrow Icon */
  position: absolute;
  left: 0;
  top: 0;
  color: #d35400; /* change color if needed */
  font-weight: bold;
}

.water-facility-list {
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
}

.water-facility-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 0.8rem;
  line-height: 1.6;
}

.water-facility-list li::before {
  content: "➤";           /* arrow symbol */
  position: absolute;
  left: 0;
  top: 0;
  color: #17a2b8;         /* teal arrow color for water */
  font-weight: bold;
  font-size: 1.1rem;
}

.transport-facility-list {
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
}

.transport-facility-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 0.8rem;
  line-height: 1.6;
}

.transport-facility-list li::before {
  content: "➤";          /* arrow symbol */
  position: absolute;
  left: 0;
  top: 0;
  color: #6f42c1;        /* purple arrow color for transport section */
  font-weight: bold;
  font-size: 1.1rem;
}


/* Main container */
.st-career-container{
    background:#fff;
    padding:40px;
    border-radius:12px;
    max-width:850px;
    width:100%;
    box-shadow:0 12px 30px rgba(0,0,0,0.12);
    margin:auto;
}

.st-career-title{
    text-align:center;
    color:#0d3b66;
    margin-bottom:10px;
}

.st-career-subtitle{
    text-align:center;
    color:#333;
    margin-bottom:30px;
}

/* Two column grid */
.st-career-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px 25px;
}

/* Group */
.st-career-group{
    display:flex;
    flex-direction:column;
}

.st-career-label{
    margin-bottom:8px;
    color:#0d3b66;
    font-weight:500;
}

.st-career-input,
.st-career-select,
.st-career-textarea,
.st-career-file{
    width:100%;
    padding:12px 15px;
    border:1px solid #ccc;
    border-radius:8px;
    font-size:16px;
    transition:0.3s ease;
}

.st-career-textarea{
    resize:vertical;
    min-height:120px;
}

/* Focus effect */
.st-career-input:focus,
.st-career-select:focus,
.st-career-textarea:focus{
    border-color:#0d3b66;
    outline:none;
    box-shadow:0 0 5px rgba(13,59,102,0.3);
}

/* Submit button full width single column */
.st-career-btn{
    grid-column:1 / 3;
    background:#0d3b66;
    color:#fff;
    padding:14px;
    font-size:17px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    transition:0.3s;
}

.st-career-btn:hover{
    background:#094075;
}

/* Responsive */
@media(max-width:768px){
    .st-career-form{
        grid-template-columns:1fr;
    }
    .st-career-btn{
        grid-column:1 / 2;
    }
    .st-career-container{
        padding:30px 20px;
    }
}

/* Main wrapper */
.st-login-wrapper{
    width:100%;
    max-width:100%;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    display:flex;
    box-shadow:0 15px 30px rgba(0,0,0,0.15);
}

/* Left image section */
.st-login-image{
    width:50%;
    background:url('https://images.pexels.com/photos/3184325/pexels-photo-3184325.jpeg') center/cover no-repeat;
}

/* Right form section */
.st-login-form{
    width:50%;
    padding:50px 40px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.st-login-title{
    font-size:30px;
    color:#0d3b66;
    font-weight:600;
    margin-bottom:5px;
}

.st-login-subtitle{
    font-size:15px;
    color:#444;
    margin-bottom:28px;
}

.st-login-group{
    display:flex;
    flex-direction:column;
    margin-bottom:18px;
}

.st-login-label{
    margin-bottom:5px;
    color:#0d3b66;
    font-size:15px;
    font-weight:500;
}

.st-login-input{
    padding:12px 15px;
    border-radius:8px;
    border:1px solid #ccc;
    font-size:15px;
    transition:0.3s;
}

.st-login-input:focus{
    border-color:#0d3b66;
    box-shadow:0 0 5px rgba(13,59,102,0.3);
    outline:none;
}

.st-login-btn{
    background:#0d3b66;
    color:#fff;
    padding:13px;
    font-size:17px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    margin-top:10px;
    transition:0.3s;
}

.st-login-btn:hover{
    background:#094075;
}

.st-forgot-link{
    margin-top:12px;
    font-size:14px;
    text-align:right;
}

.st-forgot-link a{
    color:#0d3b66;
    text-decoration:none;
}

.committee-section-main{
    background:#f5f7fb;
}

.committee-card-box{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    margin-bottom:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    border:1px solid #e7edf5;
}

.committee-title-bar{
    background: linear-gradient(135deg, #00468e, #00468e);
    color:#fff;
    padding:14px 20px;
    font-size:22px;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:10px;
}

.committee-title-bar i{
    font-size:18px;
}

.committee-table{
    margin-bottom:0;
}

.committee-table td{
    padding:10px 14px;
    font-size:14px;
    vertical-align:middle;
    border:1px solid #dfe5ec;
}

.committee-table tr:nth-child(even){
    background:#f8fafc;
}

.role-cell{
    text-align:center;
    font-weight:600;
    color:#0d6efd;
}

@media(max-width:768px){

    .committee-title-bar{
        font-size:18px;
        padding:12px 15px;
    }

    .committee-table td{
        font-size:13px;
        padding:8px;
    }

}
/* Responsive */
@media(max-width:768px){
    .st-login-wrapper{
        flex-direction:column;
        max-width:480px;
    }
    .st-login-image{
        width:100%;
        height:230px;
    }
    .st-login-form{
        width:100%;
        padding:30px 20px;
    }
    .st-login-title{ font-size:24px; }
}

.events-semi {
    color: #000;
    text-decoration: auto;
}

.qp-page {
    background: #f3f7ff;
}

.qp-main-title {
    font-size: 32px;
    font-weight: 800;
    text-align: center;
    color: #002d62;
}

.qp-sub-title {
    text-align: center;
    font-size: 15px;
    color: #666;
}

/* Filter Button */
.qp-filter {
    text-align: center;
}

.filter-btn {
    border: none;
    background: #dbe7ff;
    padding: 8px 18px;
    margin: 5px;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
}

.filter-btn:hover,
.filter-btn.active {
    background: #002d62;
    color: #fff;
}

/* Card Design */
.qp-card {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    text-align: center;
    border: 1px solid #cfd9ea;
}

.qp-subject {
    font-size: 22px;
    font-weight: 700;
    color: #002d62;
}

.qp-year {
    font-size: 15px;
    color: #444;
}

/* Download Button */
.download-btn {
    border: none;
    background: #ff6f00;
    color: #fff;
    padding: 10px 25px;
    margin-top: 12px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s;
}

.download-btn:hover {
    background: #cc5800;
}

.quick-enquiry-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #ff6f00;
    color: #fff;
    padding: 12px 18px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    z-index: 9999;
    transition: 0.3s;
}

.quick-enquiry-btn:hover {
    background: #e85c00;
    transform: translateY(-3px);
}

.quick-enquiry-btn i {
    font-size: 18px;
}

.libnew-section {
    background: #fff !important;          /* light cream */
    padding: 40px 20px;
    text-align: center;
}

.libhours-title {
    font-size: 32px;
    font-weight: 700;
    color: #c15500;
    margin-bottom: 40px;
}

/* --- Top 3 feature items (WITHOUT BOX) --- */
.libnew-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    position: relative;
}



.libnew-container::before {
    left: 33.33%;
}
.libnew-container::after {
    left: 66.66%;
}

.libnew-item {
    width: 33%;
    padding: 0 20px;
}

.libnew-icon i {
    font-size: 40px;
    color: #fff;
    margin-bottom: 12px;
}

.libnew-text {
    color: #444;
    font-size: 16px;
    line-height: 1.5;
}

.libbox-images {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
}

.libbox-images img {
    width: 32%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
}


/* Colorful Soft Gradient Boxes */
.libbox-item {
    background: linear-gradient(135deg, #e8f0ff, #f6faff);
    padding: 35px 20px;
    border-radius: 18px;
    text-align: center;
    width: 32%;
    min-height: 260px;
    box-shadow: 0px 4px 20px rgba(0,0,0,0.10);
    transition: 0.3s;
    border: 1px solid #dde7ff;
}

/* Icon background softer */
.libbox-icon {
    width: 90px;
    height: 90px;
    background: #dbe8ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.15);
}

/* Bottom images centered with less gap */
.libbox-images {
    display: flex;
    justify-content: center;
    gap: 8px;      /* reduced gap */
    margin-top: 25px;
}

.libbox-images img {
    width: 31%;    /* slightly smaller to reduce total gap */
    height: 210px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
}

/* Section Base */
.libnew-section {
    padding: 60px 20px;
    background: linear-gradient(135deg, #eef4ff, #fdfbff);
}

/* Title */
.libnew-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #234a9f;
    letter-spacing: 1px;
}

.libnew-title-line {
    width: 90px;
    height: 4px;
    margin: 10px auto 40px;
    background: linear-gradient(90deg, #3558ff, #6c8bff);
    border-radius: 50px;
}

/* Boxes Container */
.libnew-container {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-bottom: 40px;
}

/* Beautiful Glassmorphism Box */
.libnew-item {
    width: 30%;
    height:300px;
    padding: 30px 20px;
    border-radius: 18px;
    text-align: center;
    backdrop-filter: blur(10px);
    color:#000;
    transition: 0.3s;
    border: 1px solid rgba(150,150,255,0.2);
}

.libnew-item:hover {
    transform: translateY(-8px);
    box-shadow: 0px 12px 35px rgba(0,0,0,0.18);
}

/* Icon Style */
.libnew-icon {
    width: 85px;
    height: 85px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, #5d8bff, #8fb3ff);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 34px;
    box-shadow: 0px 6px 15px rgba(0,0,0,0.15);
}

/* Text */
.libnew-text {
    font-size: 20px;
    line-height: 1.6;
    color: #000;
}

/* Images Grid */
.libnew-images {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.libnew-imgbox {
    width: 23%;
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    background: #ddd;
    height:220px;
}

.libnew-imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.35s;
}

.libnew-imgbox img:hover {
    transform: scale(1.08);
}

.libhours-section {
    padding: 31px 20px;
    background-color: #fff;
}

.libhours-title {
    font-size: 36px;
   
    margin-bottom: 5px;
    color: #2b3d6e;
    font-weight: 700;
}

.libhours-line {
    width: 120px;
    height: 4px;
    background: linear-gradient(90deg, #ff7b2f, #ffb16c);
    margin-bottom: 40px;
    border-radius: 30px;
}

.libhours-table {
    width: 100%;
    /*max-width: 1100px;*/
    margin: auto;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

/* Table Header */
.lh-head {
    background: linear-gradient(90deg, #0c4790, #074692);
    color: #fff;
    font-weight: bold;
}

.lh-row {
    display: flex;
    width: 100%;
}

.lh-col {
    flex: 1;
    padding: 18px 20px;
    font-size: 18px;
    text-align: center;
    background: #ffe9df;
    border-bottom: 1px solid #f2d3c7;
}

.lh-head .lh-col {
    background: transparent;
    padding: 20px 15px;
    font-size: 20px;
}

/* Row Labels */
.lh-label {
    font-weight: 700;
    background: #ffefe6;
}

/* Timings */
.lh-time {
    font-weight: 600;
    color: #333;
    background: #fff3ed;
}

/* Closed Column */
.lh-close {
    font-weight: 700;
    font-style: italic;
    color: #d03b00;
    background: #ffe7e2;
}

/* Hover Effect */
.lh-row:hover .lh-col:not(.lh-head) {
    background: #fff8f3;
    transition: 0.3s;
}

/* Responsive */
@media(max-width: 768px) {
    .lh-row {
        flex-direction: column;
        margin-bottom: 15px;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    
    .lh-head {
        display: none;
    }

    .lh-col {
        text-align: left;
    }
}



/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
    
    .libnew-imgbox {
    width: 23%;
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    background: #ddd;
    height:auto;
}

    .libnew-container {
        flex-direction: column;
    }

    .libnew-item {
        width: 100%;
    }

    .libnew-images {
        flex-direction: column;
    }

    .libnew-imgbox {
        width: 100%;
    }
}

 section.library-section {
    max-width: 100%;
    margin: 40px auto;
    background: #fff8f2; /* light section color */
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  }

  h2.library-title {
    text-align: center;
    color: #d35400;
    font-size: 28px;
    margin-bottom: 20px;
    text-transform: uppercase;
  }

  table.library-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
  }

  table.library-table th, table.library-table td {
    text-align: center;
    padding: 12px 10px;
    font-size: 16px;
  }

  table.library-table th {
    background-color: #074692; /* header color */
    color: #fff;
    font-weight: bold;
    border-left: 1px solid;
  }

  table.library-table td {
    background-color: #fde3d6; /* light cell color */
  }

  .section-subtitle {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #e67e22;
  }

  .fine-title {
    text-align: center;
    font-weight: bold;
    color: #d35400;
    margin-bottom: 15px;
    font-size: 20px;
  }

  table.fine-table th {
    background-color: #074692;
    color: #fff;
    padding: 12px;
    border-left:1px solid #fff;
  }

  table.fine-table td {
    background-color: #fde3d6;
    padding: 12px;
  }

  @media (max-width: 600px) {
    h2.library-title {
      font-size: 22px;
    }

    table.library-table th, table.library-table td,
    table.fine-table th, table.fine-table td {
      font-size: 14px;
      padding: 10px 5px;
    }
  }
  
  .sectionn3
  {
      background:transparent !important;
  }
  
@media only screen and (max-width: 768px) {
    
     .libnew-container {
        flex-direction: column;
    }
    .libnew-container::before,
    .libnew-container::after {
        display: none;
    }
    .libnew-item {
        width: 100%;
        margin-bottom: 20px;
    }
    .libnew-images {
        flex-direction: column;
    }
    
    
    
     .st-career-form{
        grid-template-columns: 1fr !important;  /* Force single column */
        gap: 15px !important;
    }

    /* textarea full width */
    .st-career-group[style]{
        grid-column: 1 / 2 !important;
    }

    /* Button full width */
    .st-career-btn{
        grid-column: 1 / 2 !important;
        width: 100% !important;
    }

    .st-career-container{
        padding: 25px 15px !important;
    }
    
    .cuswrapper
{
    margin-top:0px !important;
}
    
    .topbutton
{
    margin-top:0px;
}
    
    .st-job-title {
  font-size: 18px;
  color: #1a1a1a;
  font-weight: 700;
  margin-bottom: 20px;
}
    
    .st-job-btn-container {
    text-align: center !important;
  }
    
    .it-slider-3-area
{
    margin-top:94px !important;
}
    
    .it-header-3-style .it-header-top-right {
    background-color: #00468e !important;
    /*padding: 9px 20px !important;*/
    padding: 5px 20px !important;
    height: 35px;
    margin-top: 0px;
}
    
      .it-header-3-style .it-main-logo
  {
      margin-top:0px !important;
  }
    
     .main-menu
  {
      display:none !important;
  }
    
     .it-menu-content
  {
      visibility:visible !important;
  }
    
    .it-footer-2-top-icon i {
    font-size: 24px;
    width: 49px !important;
    height: 49px !important;
    line-height: 49px;
    }
    
    .it-footer-2-top-item {
    padding: 0px 0 7px 0 !important;
    }
    
     .whychose
  {
      background-color:#f3f3f3;
      margin-top:-50px;
  }
    
     .aboutthumb
  {
      margin-top:0px;
  }
    
    .it-breadcrumb-title
    {
        font-size:35px !important;
    }
    
    .it-breadcrumb-area {
    padding-top: 38px !important;
    padding-bottom: 19px !important;
}
    
    .it-header-bar
    {
        margin-left:54px !important;
    }
    
    .mobile-header {
    display: block;
    color: #fff; /* text color */
    background-size: cover;
    background-position: center;
    background:#00478f !important;
  }

  .mobile-header p {
    font-size: 14px;
    margin: 0;
    color:#fff;
  }

  .mobile-header .btn {
    font-size: 12px;
    padding: 5px 10px;
  }
    
    .it-slider-3-overlay::after
    {
        background:transparent !important;
    }
    
    .swiper-wrapper
    {
        height:200px !important;
    }
    
    .it-slider-3-height
    {
        height:270px !important;
        margin-top:20px !important;
    }
    
    .it-slider-3-bg
    {
        background-size:contain !important;
        background-position:top !important;
    }
    
    .it-slider-3-button
    {
        visibility:hidden !important;
    }
    
    .it-slider-3-content-box
    {
        visibility:hidden !important;
    }
    
    .it-about-area
    {
        margin-top:-80px !important;
    }
    
     .mobile-stats-section {
    display: block;
    padding: 20px 0;
  }

  .mobile-stats-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .mobile-stat-box {
    width: 80%;
    padding: 20px;
    text-align: center;
    border-radius: 12px;

    /* 🎨 Box color + shadow */
    background: transparent;   /* change this color as you like */
    color: #000;           /* white text so it’s visible */
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    border:1px solid #000;
  }

  .mobile-stat-box i {
    font-size: 28px;
    margin-bottom: 10px;
    color: #fff; /* icon visible */
  }

  .mobile-stat-box h3 {
    font-size: 22px;
    margin: 5px 0;
  }

  .mobile-stat-box p {
    font-size: 15px;
    margin: 0;
  }

  .galleryslider
{
  width:auto;
  height:auto;
}

  .smtitle
{
  font-size: 18px !important;
}

  .why-news-section
{
  margin-top: 0px;
}

  .news-marquee-wrapper {
  height: 300px;
  overflow: hidden;
  position: relative;
  background: #1e40af;
}


  .it-header-3-style .it-header-top
{
  height: auto !important;
}
#submenuuu
{
    margin-left:0px;
    margin-top:0px;
}
}

@media only screen and (min-width:546px) and (max-width: 1200px) {

  .it-main-menu nav ul li a
  {
    font-size: 11px !important;
  }

}

@media only screen and (min-width:1201px) and (max-width: 1300px) {

  .it-main-menu nav ul li a
  {
    font-size: 13px !important;
  }

}

@media only screen and (min-width:1301px) and (max-width: 1400px) {

  .it-main-menu nav ul li a
  {
    font-size: 14px !important;
  }

}

@media only screen and (min-width:1401px) and (max-width: 1450px) {

  .it-main-menu nav ul li a
  {
    font-size: 15px !important;
  }

}

@media only screen and (min-width:1200px) and (max-width: 1250px) {
.it-header-3-style .it-header-top-right {
    
    margin-top: -40px;
}
}

@media only screen and (min-width:1000px) and (max-width: 1199px) {

.custom-menu-wrapper

 {
    
    margin-top: 7px !important;
}}
@media only screen and (min-width:992px) and (max-width: 999px) {

.custom-menu-wrapper

 {
    
    margin-top: 2px !important;
}}

@media only screen and (min-width:769px) and (max-width: 991px) {

.it-header-3-style .it-main-logo {
    margin-top: -1px !important;
}}


@media only screen and (min-width:765px) and (max-width: 999px) {

.custom-menu-wrapper

 {
    
   display: none;
}}

@media only screen and (min-width:1101px) and (max-width: 1199px) {

.it-header-bar {
   
    margin-left: 700px !important;
   
}}


@media only screen and (min-width:1000px) and (max-width: 1199px) {
    .it-header-3-style .it-main-logo {
        width: 330px;
        padding: 97px 37px;
    }
}

@media only screen and (min-width:1000px) and (max-width: 1003px){
  .it-header-bar {
   
    margin-left: 625px;
   
}
}


@media only screen and (min-width:1045px) and (max-width: 1080px){
  .it-header-bar {
   
    margin-left: 650px;
   
}
}

@media only screen and (min-width:1080px) and (max-width: 1100px){
  .it-header-bar {
   
    margin-left: 670px !important;
   
}
}

@media only screen and (min-width:1004px) and (max-width: 1044px){
  .it-header-bar {
   
    margin-left: 645px !important;
   
}
}

@media only screen and (min-width:769px) and (max-width: 999px){
  .it-header-bar {
   
    margin-left: 420px !important;
   
}
}

@media only screen and (min-width:1000px) and (max-width: 1199px){
  .it-header-3-style .it-main-logo {
    margin-top: -59px !important;
}
}

@media only screen and (min-width:1300px) and (max-width: 1348px){
.it-header-3-style .it-main-logo {
    margin-top: 0px !important;
}





}
@media only screen and (min-width:1200px) and (max-width: 1289px){
.custom-menu-wrapper {
    position: relative;
    z-index: 9999;
    margin-top: -15px !important;
}

    
}
@media only screen and (min-width:1300px) and (max-width: 1331px){
.custom-menu-wrapper {
    position: relative;
    z-index: 9999;
    margin-top: -15px !important;
}}
@media only screen and (min-width:1332px) and (max-width: 1348px){
.custom-menu-wrapper {
    position: relative;
    z-index: 9999;
    margin-top: -15px !important;
}}


@media only screen and (min-width:1400px) and (max-width: 1485px){
.it-header-3-style .it-main-logo {
    margin-top: -2px !important;
}}





@media only screen and (min-width:1400px) and (max-width: 1199px){
.custom-menu-wrapper {
    position: relative;
    z-index: 9999;
    margin-top: -59px !important;
}}


/* Section */
.brand-logo-section {
    padding: 70px 0;
    background: linear-gradient(135deg, #f4f8ff, #eef3ff);
}

/* Container */
.brand-logo-container {
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
}

/* Title */
.brand-logo-title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 45px;
}

.brand-logo-title span {
    color: #2563eb;
}

/* Grid */
.brand-logo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 30px;
    align-items: center;
}

/* Logo Box */
.brand-logo-box {
    height: 130px;
    background: #ffffff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

/* Hover Effect */
.brand-logo-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #2563eb, #38bdf8);
    opacity: 0;
    transition: 0.4s ease;
}

.brand-logo-box:hover::before {
    opacity: 0.08;
}

.brand-logo-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 45px rgba(37, 99, 235, 0.25);
}

/* Logo Image */
.brand-logo-box img {
    max-width: 75%;
    max-height: 70%;
    object-fit: contain;
    transition: transform 0.4s ease;
    z-index: 1;
}

.brand-logo-box:hover img {
    transform: scale(1.08);
}

/* Mobile */
@media (max-width: 576px) {
    .brand-logo-title {
        font-size: 26px;
    }

    .brand-logo-box {
        height: 110px;
    }
}


/* Section */
.stce-library-section {
    padding: 70px 20px;
    background: linear-gradient(135deg, #f4f7fb, #eef2f7);
}

/* Container */
.stce-library-container {
    max-width: 1000px;
    margin: auto;
    background: #ffffff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);
}

/* Title */
.stce-library-title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 20px;
}

.stce-library-title span {
    display: block;
    font-size: 26px;
    color: #2563eb;
    margin-top: 5px;
}

/* Description */
.stce-library-desc {
    text-align: center;
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 35px;
}

/* List Wrapper */
.stce-library-list-wrap {
    background: #f8fafc;
    padding: 30px;
    border-radius: 16px;
    border-left: 5px solid #2563eb;
}

/* List */
.stce-library-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 15px 25px;
}

.stce-library-list li {
    font-size: 15.5px;
    color: #334155;
    padding-left: 28px;
    position: relative;
}

/* Custom Bullet */
.stce-library-list li::before {
    content: "📘";
    position: absolute;
    left: 0;
    top: 0;
}

/* Footer Text */
.stce-library-footer {
    margin-top: 30px;
    background: #eef2ff;
    padding: 20px;
    border-radius: 14px;
    text-align: center;
}

.stce-library-footer p {
    font-size: 15px;
    color: #1e40af;
    margin: 0;
    line-height: 1.6;
}

/* Mobile */
@media (max-width: 576px) {
    .stce-library-container {
        padding: 35px 25px;
    }

    .stce-library-title {
        font-size: 28px;
    }

    .stce-library-title span {
        font-size: 22px;
    }
}

/* Section */
.stce-libfac-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #f1f5f9, #eaf0f7);
}

/* Container */
.stce-libfac-container {
    max-width: 1200px;
    margin: auto;
}

/* Title */
.stce-libfac-title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 50px;
}

.stce-libfac-title span {
    display: block;
    font-size: 24px;
    color: #2563eb;
    margin-top: 6px;
}

/* Grid */
.stce-libfac-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
}

/* Card */
.stce-libfac-card {
    background: #ffffff;
    padding: 35px 25px;
    border-radius: 18px;
    text-align: center;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
    transition: all 0.35s ease;
    position: relative;
}

/* Hover */
.stce-libfac-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 60px rgba(37, 99, 235, 0.2);
}

/* Icon */
.stce-libfac-icon {
    font-size: 42px;
    margin-bottom: 18px;
}

/* Card Title */
.stce-libfac-card h4 {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 10px;
}

/* Card Text */
.stce-libfac-card p {
    font-size: 14.5px;
    color: #555;
    line-height: 1.6;
}

/* Mobile */
@media (max-width: 576px) {
    .stce-libfac-title {
        font-size: 28px;
    }

    .stce-libfac-title span {
        font-size: 20px;
    }
}


/* Section */
.stce-libser-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #f8fafc, #eef2f7);
}

/* Container */
.stce-libser-container {
    max-width: 1200px;
    margin: auto;
}

/* Title */
.stce-libser-title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 15px;
}

.stce-libser-title span {
    display: block;
    font-size: 24px;
    color: #2563eb;
    margin-top: 6px;
}

/* Intro Text */
.stce-libser-intro {
    text-align: center;
    font-size: 16px;
    color: #555;
    max-width: 800px;
    margin: 0 auto 45px;
    line-height: 1.7;
}

/* Grid */
.stce-libser-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
}

/* Card */
.stce-libser-card {
    background: #ffffff;
    padding: 35px 25px;
    border-radius: 18px;
    text-align: center;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
    transition: all 0.35s ease;
}

/* Hover Effect */
.stce-libser-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(37, 99, 235, 0.22);
}

/* Icon */
.stce-libser-icon {
    font-size: 40px;
    margin-bottom: 18px;
}

/* Card Title */
.stce-libser-card h4 {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 10px;
}

/* Card Text */
.stce-libser-card p {
    font-size: 14.5px;
    color: #555;
    line-height: 1.6;
}

/* Mobile */
@media (max-width: 576px) {
    .stce-libser-title {
        font-size: 28px;
    }

    .stce-libser-title span {
        font-size: 20px;
    }
}


/* Section */
.stce-libobj-section {
    padding: 80px 20px;
    /*background: linear-gradient(135deg, #f3f6fb, #edf2f7);*/
}

/* Container */
.stce-libobj-container {
    max-width: 1000px;
    margin: auto;
    background: #ffffff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);
}

/* Title */
.stce-libobj-title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 45px;
}

.stce-libobj-title span {
    color: #2563eb;
}

/* Objectives List */
.stce-libobj-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* Single Objective */
.stce-libobj-item {
    background: #f8fafc;
    padding: 22px 25px;
    border-radius: 14px;
    border-left: 5px solid #2563eb;
    transition: all 0.3s ease;
}

/* Hover */
.stce-libobj-item:hover {
    background: #eef2ff;
    transform: translateX(5px);
}

/* Text */
.stce-libobj-item p {
    font-size: 15.5px;
    color: #334155;
    line-height: 1.7;
    margin: 0;
}

/* Mobile */
@media (max-width: 576px) {
    .stce-libobj-container {
        padding: 35px 25px;
    }

    .stce-libobj-title {
        font-size: 28px;
    }
}

/* Section */
.stce-libfuture-section {
    padding: 80px 20px;
    /*background: linear-gradient(135deg, #f0f7ff, #eef3f8);*/
}

/* Container */
.stce-libfuture-container {
    max-width: 1000px;
    margin: auto;
    background: #ffffff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);
}

/* Title */
.stce-libfuture-title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 45px;
}

.stce-libfuture-title span {
    color: #2563eb;
}

/* List */
.stce-libfuture-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Item */
.stce-libfuture-item {
    background: #f8fafc;
    padding: 22px 25px;
    border-radius: 14px;
    border-left: 5px solid #0ea5e9;
    transition: all 0.3s ease;
}

/* Hover */
.stce-libfuture-item:hover {
    background: #e0f2fe;
    transform: translateX(6px);
}

/* Text */
.stce-libfuture-item p {
    font-size: 15.5px;
    color: #334155;
    line-height: 1.7;
    margin: 0;
}

/* Mobile */
@media (max-width: 576px) {
    .stce-libfuture-container {
        padding: 35px 25px;
    }

    .stce-libfuture-title {
        font-size: 28px;
    }
}


/* Section */
.stce-libguide-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #f7f8fb, #eef2f6);
}

/* Container */
.stce-libguide-container {
    max-width: 1000px;
    margin: auto;
    background: #ffffff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);
}

/* Title */
.stce-libguide-title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 45px;
}

.stce-libguide-title span {
    display: block;
    font-size: 24px;
    color: #dc2626;
    margin-top: 6px;
}

/* List */
.stce-libguide-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* Item */
.stce-libguide-item {
    background: #f9fafb;
    padding: 22px 25px;
    border-radius: 14px;
    border-left: 5px solid #dc2626;
    transition: all 0.3s ease;
}

/* Hover */
.stce-libguide-item:hover {
    background: #fee2e2;
    transform: translateX(6px);
}

/* Text */
.stce-libguide-item p {
    font-size: 15.5px;
    color: #374151;
    line-height: 1.7;
    margin: 0;
    font-weight: 500;
}

/* Highlight last line */
.stce-libguide-highlight {
    background: #ecfeff;
    border-left-color: #0891b2;
}

.stce-libguide-highlight p {
    color: #0f766e;
    font-weight: 600;
    text-align: center;
}

/* Mobile */
@media (max-width: 576px) {
    .stce-libguide-container {
        padding: 35px 25px;
    }

    .stce-libguide-title {
        font-size: 28px;
    }

    .stce-libguide-title span {
        font-size: 20px;
    }
}

.custom-menu-wrapper .menu-list > .menu-item > .submenu
{
    min-width:224px !important;
}
.it-menu-mobile ul li a:hover
{
    background:transparent !important;
}


/* Vertical Divider */
.divider {
    width: 1px;
    height: 18px;
    background: #ccc;
    display: inline-block;
}

/* Remove underline from links */
.it-header-top-social a {
    text-decoration: none !important;
}

/* Social Icon Base Style */
.it-header-top-social a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    font-size: 14px;
    transition: 0.3s;
}

/* Facebook */
.it-header-top-social a:nth-child(1) {
    background: #1877F2;
    color: #fff;
}

/* LinkedIn */
.it-header-top-social a:nth-child(2) {
    background: #0A66C2;
    color: #fff;
}

/* Instagram */
.it-header-top-social a:nth-child(3) {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    color: #fff;
}

/* Hover Effect */
.it-header-top-social a:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.it-header-top-social a i
{
    padding-left:0px;
}
.carerr
{
    color:#fff;
    text-decoration: none !important;
}

.school-list-section{
    padding:40px 0;
    background:#f5f7fa;
}

.school-list-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#ffffff;
    padding:18px 25px;
    margin-bottom:15px;
    border-radius:6px;
    border-left:5px solid #0d6efd;
    box-shadow:0 3px 8px rgba(0,0,0,0.08);
    transition:0.3s;
}

.school-list-box:hover{
    transform:translateY(-3px);
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

.school-title{
    font-size:18px;
    font-weight:600;
    color:#222;
}

.school-view-btn{
    background:#0d6efd;
    color:#fff;
    padding:7px 18px;
    border-radius:4px;
    text-decoration:none;
    font-size:14px;
}

.school-view-btn:hover{
    background:#084298;
    color:#fff;
}

.staff-table {
    text-align: justify;          /* text justify */
    margin: auto;                 /* table center */
    width: 100%;
    max-width: 1100px;            /* optional nice limit */
}

/* Section ko center align */
.table-responsive {
    display: flex;
    justify-content: center;      /* horizontal center */
}

/* Header styling */
.staff-table th {
    background: #0d6efd;
    color: #fff;
    text-align: center;           /* headings center */
}

/* Body cells */
.staff-table td {
    vertical-align: middle;
    text-align: justify;          /* content justify */
    padding: 10px;
}

@media only screen and (max-width: 768px) {
    
    .custom-menu-wrapper .menu-list > .menu-item > .submenu
{
    min-width:100%;
}
    .it-slider-3-area {
        margin-top: 5px !important;
    }}


.custom-menu-wrapper {
    position: relative;
    z-index: 9999;
    margin-top: 0px;
}



.itoffcanvas{
    background-color:#000;
    color:#ffffff;
}


/* teaching staff */



  * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Times New Roman", serif;
  background: #ffffff;
  color: #111;
}

.faculty-section {
  width: 100%;
  padding: 30px 15px;
  background: #fff;
}

.faculty-container {
  max-width: 1180px;
  margin: 0 auto;
}

.faculty-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.faculty-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 2px solid #222;
  background: #fff;
}

.faculty-table th,
.faculty-table td {
  border: 2px solid #222;
  padding: 8px 6px;
  font-size: 16px;
  line-height: 1.25;
  vertical-align: middle;
}

.faculty-table th {
  background: #d9d9d9;
  text-align: center;
  font-weight: 700;
}

.faculty-table td:nth-child(1),
.faculty-table th:nth-child(1) {
  width: 70px;
  text-align: center;
}

.faculty-table td:nth-child(2),
.faculty-table th:nth-child(2) {
  width: 260px;
}

.faculty-table td:nth-child(3),
.faculty-table th:nth-child(3) {
  width: 520px;
}

.faculty-table td:nth-child(4),
.faculty-table th:nth-child(4) {
  width: 130px;
  text-align: center;
}

.faculty-table td:nth-child(5),
.faculty-table th:nth-child(5) {
  width: 130px;
  text-align: center;
}

.faculty-table td img {
  width: 85px;
  height: 95px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  border: 1px solid #333;
}

@media (max-width: 991px) {
  .faculty-table th,
  .faculty-table td {
    font-size: 14px;
    padding: 6px 5px;
  }

  .faculty-table td img {
    width: 70px;
    height: 80px;
  }
}

@media (max-width: 767px) {
  .faculty-section {
    padding: 20px 10px;
  }

  .faculty-table {
    min-width: 900px;
  }
}

 /* ===== COMMON RESET ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Times New Roman", serif;
  background: #efefef;
  color: #111;
}

/* =========================
   MANDATORY DISCLOSURE
========================= */
.md-wrapper {
  width: 90%;
  max-width: 1100px;
  margin: 20px auto 40px;
  background: #ffffff;
  padding: 0 20px 30px;
}

.md-top-title-box {
  width: 78%;
  margin: 0 auto 12px;
  text-align: center;
  padding: 22px 10px 12px;
}

.md-top-title-box h1 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: 0.3px;
}

.md-top-title-box h2 {
  font-size: 18px;
  font-weight: 700;
}

.md-main-box {
  border: 1px solid #222;
}

.md-intro-section {
  text-align: center;
  padding: 10px 20px 14px;
  border-bottom: 1px solid #222;
}

.md-intro-section p {
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 2px;
}

.md-small-text {
  font-size: 14px;
}

.md-course-title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 4px;
}

.md-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.md-table th,
.md-table td {
  border: 1px solid #222;
  padding: 4px 8px;
  font-size: 14px;
  vertical-align: top;
}

.md-table th {
  font-weight: 700;
  text-align: center;
}

.md-sn-col {
  width: 50px;
  text-align: center;
}

.md-name-col {
  width: 27%;
}

.md-details-col {
  width: calc(100% - 50px - 27%);
}

.md-table tbody td:first-child {
  text-align: center;
  font-weight: 700;
}

.md-table tbody td:nth-child(2),
.md-table tbody td:nth-child(3) {
  font-size: 15px;
}

/* =========================
   COURSE DETAILS
========================= */
.cd-wrapper {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto 20px;
  background: #ffffff;
  padding: 0 20px 20px;
}

.cd-title-box {
  width: 86%;
  margin: 0 auto 10px;
  text-align: center;
  padding: 12px 10px 28px;
}

.cd-title-box h1 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
}

.cd-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.cd-table th,
.cd-table td {
  border: 1px solid #222;
  padding: 4px 7px;
  font-size: 16px;
  line-height: 1.1;
  vertical-align: top;
}

.cd-table th {
  font-weight: 700;
  text-align: left;
}

.cd-sl-col {
  width: 58px;
}

.cd-name-col {
  width: 43%;
}

.cd-details-col {
  width: calc(100% - 58px - 43%);
}

.cd-table tbody td:first-child {
  font-weight: 700;
}

/* =========================
   LAND / BUILDING / LIBRARY / OTHER FACILITIES
========================= */
.lf-wrapper {
  width: 90%;
  max-width: 1100px;
  margin: 20px auto;
  background: #fff;
  padding: 10px 20px 20px;
}

.lf-section-title {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin: 15px 0 10px;
}

.lf-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}

.lf-table td {
  border: 1px solid #222;
  padding: 5px 8px;
  font-size: 16px;
  line-height: 1.2;
  vertical-align: top;
}

.lf-sn {
  width: 45px;
  font-weight: 700;
  text-align: center;
}

/* =========================
   INFRASTRUCTURE FACILITIES
========================= */
.if-wrapper {
  width: 90%;
  max-width: 1100px;
  margin: 20px auto;
  background: #fff;
  padding: 10px 20px 20px;
}

.if-section-title {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin: 15px 0 10px;
}

.if-table {
  width: 100%;
  border-collapse: collapse;
}

.if-table th,
.if-table td {
  border: 1px solid #222;
  padding: 5px 8px;
  font-size: 15px;
  line-height: 1.2;
}

.if-table th {
  text-align: center;
  font-weight: 700;
}

.if-sn {
  width: 60px;
  text-align: center;
}

.if-avail {
  width: 120px;
  text-align: center;
}

.if-table tbody td:nth-child(1),
.if-table tbody td:nth-child(3) {
  text-align: center;
}


.ec-content-sec {
    padding: 60px 0;
    background: #f8f9fb;
}

/* Box */
.ec-box {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 25px;
    border: 1px solid #eaeaea;
}

/* Title */
.ec-title {
    font-weight: 700;
    margin-bottom: 15px;
    border-left: 4px solid #0d6efd;
    padding-left: 10px;
}

/* List */
.ec-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ec-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}

/* Text */
.ec-list span {
    font-size: 15px;
}

/* Button Link */
.ec-list a {
    text-decoration: none;
    font-size: 13px;
    padding: 5px 12px;
    border: 1px solid #0d6efd;
    color: #0d6efd;
    border-radius: 4px;
    transition: 0.3s;
}

.ec-list a:hover {
    background: #0d6efd;
    color: #fff;
}

/* Mobile */
@media(max-width:767px){
    .ec-list li {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}
/* =========================
   RESPONSIVE
========================= */

.rti-info-section {
    padding: 60px 20px;
    background: #f9fbfd;
}

.rti-info-box {
    max-width: 900px;
    margin: auto;
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* Paragraph */
.rti-info-box p {
    font-size: 15px;
    color: #444;
    line-height: 1.8;
    margin-bottom: 15px;
    text-align: justify;
}

/* Heading */
.rti-heading {
    font-size: 18px;
    color: #0a2c5e;
    margin: 25px 0 15px;
    font-weight: 600;
}

/* Highlight Box */
.rti-highlight {
    background: #f1f6fb;
    padding: 15px 20px;
    border-left: 4px solid #0a2c5e;
    border-radius: 8px;
    margin-bottom: 15px;
}

/* Highlight text */
.rti-highlight p {
    margin-bottom: 8px;
    font-size: 14px;
}

.news-marquee{
    animation: newsScroll 20s linear infinite;
}

.news-marquee:hover{
    animation-play-state: paused;
}

@keyframes newsScroll{
    0%{
        transform:translateY(0);
    }
    100%{
        transform:translateY(-50%);
    }
}
/* Responsive */
@media (max-width: 767px) {
    .rti-info-box {
        padding: 20px;
    }

    .rti-info-box p {
        font-size: 14px;
    }

    .rti-heading {
        font-size: 16px;
    }
}
.prin2
{
    margin-top:-12px !important;
}

/* =========================================
   IMPORTANT DATES SECTION
========================================= */

.important-dates-section {
    padding: 60px 0;
    background: #f5f8fb;
}


/* =========================================
   HEADING
========================================= */

.important-dates-heading {
    text-align: center;
    margin-bottom: 25px;
}

.dates-subtitle {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #0075b8;
    margin-bottom: 4px;
}

.important-dates-heading h2 {
    margin: 0;
    font-size: 27px;
    line-height: 1.3;
    font-weight: 600;
    color: #17324d;
}

.dates-heading-line {
    width: 50px;
    height: 3px;
    background: #0075b8;
    border-radius: 20px;
    margin: 9px auto 0;
}


/* =========================================
   MAIN BOX
========================================= */

.important-dates-box {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, .85fr);

    width: 100%;

    background: #ffffff;

    border: 1px solid #dfe8ef;
    border-radius: 12px;

    overflow: hidden;

    box-shadow: 0 8px 28px rgba(20, 60, 90, 0.07);
}


/* =========================================
   TABLE WRAPPER
========================================= */

.dates-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


/* =========================================
   TABLE
========================================= */

.important-dates-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0;
}


/* Header */

.important-dates-table thead th {
    background: #0075b8;
    color: #ffffff;

    padding: 10px 10px;

    font-size: 12px;
    font-weight: 600;

    text-align: center;

    border-right: 1px solid rgba(255, 255, 255, .18);
}

.important-dates-table thead th:last-child {
    border-right: 0;
}


/* Column Width */

.important-dates-table .sr-column {
    width: 52px;
}

.important-dates-table .date-column {
    width: 135px;
}


/* Body */

.important-dates-table tbody td {
    padding: 8px 11px;

    font-size: 12px;
    line-height: 1.5;

    color: #444d55;

    border-bottom: 1px solid #e6edf2;
    border-right: 1px solid #e6edf2;

    vertical-align: middle;
}

.important-dates-table tbody tr:last-child td {
    border-bottom: 0;
}

.important-dates-table tbody td:last-child {
    border-right: 0;
}


/* Serial */

.important-dates-table tbody .sr-column {
    text-align: center;

    color: #0075b8;
    background: #f7fbfd;

    font-weight: 600;
}


/* Date */

.important-dates-table tbody .date-column {
    text-align: center;

    color: #17324d;

    font-weight: 600;

    white-space: nowrap;
}


/* Hover */

.important-dates-table tbody tr {
    transition: all .2s ease;
}

.important-dates-table tbody tr:hover {
    background: #f7fbfe;
}

.important-dates-table tbody tr:hover .sr-column {
    background: #edf8fd;
}


/* =========================================
   REMARK
========================================= */

.dates-remark {
    border-left: 1px solid #dfe8ef;

    background: linear-gradient(
        180deg,
        #f7fcff 0%,
        #ffffff 100%
    );
}


/* Remark Header */

.remark-header {
    display: flex;
    align-items: center;

    gap: 11px;

    padding: 17px 18px;

    background: #eef8fd;

    border-bottom: 1px solid #dcecf5;
}

.remark-icon {
    width: 38px;
    height: 38px;

    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: #0075b8;
    color: #ffffff;

    font-size: 15px;
}

.remark-header span {
    display: block;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1px;

    color: #0075b8;

    margin-bottom: 2px;
}

.remark-header h3 {
    margin: 0;

    color: #17324d;

    font-size: 18px;
    font-weight: 600;
}


/* Remark Content */

.remark-content {
    padding: 20px 18px;
}


/* Individual Point */

.remark-point {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    margin-bottom: 17px;
}

.remark-point:last-child {
    margin-bottom: 0;
}


/* Bullet */

.remark-bullet {
    width: 21px;
    height: 21px;

    min-width: 21px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 2px;

    border-radius: 50%;

    background: #e7f5fc;
    color: #0075b8;

    font-size: 8px;
}


/* Text */

.remark-point p {
    margin: 0;

    color: #505b63;

    font-size: 12px;
    line-height: 1.8;

    text-align: justify;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .important-dates-box {
        grid-template-columns: 1fr;
    }

    .dates-remark {
        border-left: 0;
        border-top: 1px solid #dfe8ef;
    }

    .remark-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .remark-point {
        margin-bottom: 0;
    }

}


/* =========================================
   MOBILE
========================================= */

/* Card Container (Fixed 281px Height with Top-Aligned Content Layout) */
.lib-compact-card {
    height: 281px !important;
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Content ko top ki taraf shift karega */
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Glassmorphism Soft Texture Overlay */
.lib-compact-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 10% 10%, rgba(13, 110, 253, 0.05) 0%, transparent 60%);
    pointer-events: none;
}

.lib-compact-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(13, 110, 253, 0.12);
    border-color: rgba(13, 110, 253, 0.25);
}

/* Library Section Header */
.lib-card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #cbd5e1;
    margin-bottom: 12px; /* Bottom gap kam kar ke title ko paas laya gaya hai */
}

.lib-header-icon {
    color:#00468e;
    font-size: 15px;
}

.lib-header-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #64748b;
}

/* Content Body */
.lib-compact-body {
    width: 100%;
}

/* Bold Main Title */
.lib-compact-title {
    font-size: 16px;
    font-weight: 800 !important;
    line-height: 1.4;
    margin-bottom: 4px;
}

.lib-compact-title a {
    color: #0b2545;
    text-decoration: none;
    transition: color 0.3s ease;
}

.lib-compact-card:hover .lib-compact-title a {
    color:#00468e;
}

.lib-item-icon {
    color:#00468e;
    font-size: 15px;
    margin-right: 6px;
}

/* Blinking NEW! Badge */
.lib-blink-text {
    color: #dd3320;
    font-size: 11px;
    font-weight: 800;
    margin-left: 6px;
    display: inline-block;
    animation: libTextBlink 1.2s infinite ease-in-out;
}

@keyframes libTextBlink {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.25; transform: scale(0.92); }
    100% { opacity: 1; transform: scale(1); }
}

/* Small Updated Date */
.lib-update-date {
    display: block;
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
    margin-top: 2px;
}

/* Soft Light Underline */
.lib-left-underline {
    width: 70%;
    height: 3px;
    margin-top: 10px;
    background: linear-gradient(90deg, rgba(13, 110, 253, 0.4), transparent);
    border-radius: 2px;
}

.seminar {
    color: #ffd166 !important;
    font-weight: 600;
    text-shadow: 0 0 5px rgba(255, 209, 102, 0.35);
    animation: seminarColor 8s ease-in-out infinite;
    font-size:13px;
}

@keyframes seminarColor {
    0% {
        color: #ffd166 !important;
        text-shadow: 0 0 5px rgba(255, 209, 102, 0.35);
    }

    25% {
        color: #8ee7ff !important;
        text-shadow: 0 0 5px rgba(142, 231, 255, 0.35);
    }

    50% {
        color: #a8e6a3 !important;
        text-shadow: 0 0 5px rgba(168, 230, 163, 0.30);
    }

    75% {
        color: #ffc58a !important;
        text-shadow: 0 0 5px rgba(255, 197, 138, 0.30);
    }

    100% {
        color: #ffd166 !important;
        text-shadow: 0 0 5px rgba(255, 209, 102, 0.35);
    }
}

.sem-2026-title {
    display: inline-block;
    margin: 0 auto;
    padding: 8px 22px;
    color: #135a8a;
    background: linear-gradient(135deg, #fff8d6, #eaf7ff);
    border-left: 4px solid #f4b400;
    border-right: 4px solid #4aa3df;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.10);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.3px;
    animation: seminarSoftEffect 5s ease-in-out infinite;
}

@keyframes seminarSoftEffect {
    0%, 100% {
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.10);
    }

    50% {
        box-shadow: 0 4px 18px rgba(244, 180, 0, 0.25);
    }
}
.clikk
{
    font-size:12px;
    color:#000;
}
@media (max-width: 767px) {

    .important-dates-section {
        padding: 45px 0;
    }

    .important-dates-heading {
        margin-bottom: 20px;
    }

    .important-dates-heading h2 {
        font-size: 23px;
    }

    .dates-table-wrapper {
        overflow-x: auto;
    }

    /*
       Table remains readable on mobile.
       User can swipe horizontally.
    */
    .important-dates-table {
        min-width: 650px;
    }

    .important-dates-table thead th {
        font-size: 11px;
        padding: 9px 8px;
    }

    .important-dates-table tbody td {
        font-size: 11px;
        padding: 8px;
    }

    .dates-remark {
        border-top: 1px solid #dfe8ef;
    }

    .remark-content {
        display: block;
        padding: 17px 15px;
    }

    .remark-point {
        margin-bottom: 15px;
    }

    .remark-point p {
        font-size: 11px;
        line-height: 1.7;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .important-dates-section {
        padding: 38px 0;
    }

    .important-dates-heading h2 {
        font-size: 21px;
    }

    .dates-subtitle {
        font-size: 9px;
    }

    .important-dates-box {
        border-radius: 9px;
    }

    .remark-header {
        padding: 14px;
    }

    .remark-icon {
        width: 34px;
        height: 34px;

        min-width: 34px;

        font-size: 13px;
    }

    .remark-header h3 {
        font-size: 17px;
    }

}

.news-marquee-wrapper {
    overflow: hidden;
    position: relative;
}

.news-marquee {
    animation: newsBottomToTop 20s linear infinite;
}

@keyframes newsBottomToTop {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(-100%);
    }
}

.news-marquee-wrapper:hover .news-marquee {
    animation-play-state: paused;
}

/* =========================================
   IMPORTANT DATES
========================================= */

.important-dates-area {
    padding: 70px 0;
    background: #f5f8fb;
}


/* =========================================
   HEADING
========================================= */

.important-dates-heading {
    text-align: center;
    margin-bottom: 42px;
}

.important-dates-heading > span {
    display: inline-block;
    margin-bottom: 7px;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.8px;

    color: #0075b8;
}

.important-dates-heading h2 {
    margin: 0;

    font-size: 29px;
    line-height: 1.3;
    font-weight: 600;

    color: #182f43;
}

.heading-line {
    width: 55px;
    height: 3px;

    margin: 10px auto 0;

    border-radius: 10px;

    background: #0075b8;
}


/* =========================================
   TIMELINE
========================================= */

.important-dates-timeline {
    position: relative;

    display: grid;
    grid-template-columns: 1fr 1fr;

    column-gap: 35px;
    row-gap: 25px;

    max-width: 1100px;
    margin: 0 auto;
}


/* Center Line */

.important-dates-timeline::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: 50%;

    width: 1px;

    background: #d8e4ec;

    transform: translateX(-50%);
}


/* =========================================
   DATE ITEM
========================================= */

.date-item {
    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 13px;

    z-index: 1;
}


/* Alternate side */

.date-item:nth-child(even) {
    flex-direction: row-reverse;
}

.date-item:nth-child(even) .date-card {
    text-align: right;
}


/* =========================================
   NUMBER
========================================= */

.date-number {
    position: relative;

    width: 43px;
    height: 43px;

    min-width: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #0075b8;

    box-shadow:
        0 0 0 6px #f5f8fb,
        0 5px 15px rgba(0, 117, 184, .20);

    z-index: 2;
}

.date-number span {
    color: #fff;

    font-size: 11px;
    font-weight: 700;
}


/* =========================================
   CARD
========================================= */

.date-card {
    position: relative;

    flex: 1;

    padding: 17px 18px;

    background: #ffffff;

    border: 1px solid #e1e9ef;

    border-radius: 10px;

    box-shadow: 0 5px 20px rgba(25, 65, 90, .06);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


/* Small arrow */

.date-card::before {
    content: "";

    position: absolute;

    top: 17px;
    right: -7px;

    width: 12px;
    height: 12px;

    background: #ffffff;

    border-top: 1px solid #e1e9ef;
    border-right: 1px solid #e1e9ef;

    transform: rotate(45deg);
}


/* Reverse arrow */

.date-item:nth-child(even) .date-card::before {
    left: -7px;
    right: auto;

    border-top: 0;
    border-right: 0;

    border-left: 1px solid #e1e9ef;
    border-bottom: 1px solid #e1e9ef;
}


/* Hover */

.date-card:hover {
    transform: translateY(-4px);

    border-color: #c8e3f1;

    box-shadow:
        0 12px 28px rgba(25, 65, 90, .10);
}


/* =========================================
   CARD TOP
========================================= */

.date-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 9px;
}


/* Alternate */

.date-item:nth-child(even) .date-card-top {
    flex-direction: row-reverse;
}


/* =========================================
   LABEL
========================================= */

.date-label {
    display: inline-flex;
    align-items: center;

    padding: 4px 8px;

    border-radius: 4px;

    background: #eef8fd;

    color: #0075b8;

    font-size: 9px;
    line-height: 1.2;

    font-weight: 600;

    letter-spacing: .5px;

    white-space: nowrap;
}


/* =========================================
   DATE
========================================= */

.date-value {
    color: #17324d;

    font-size: 11px;
    line-height: 1.4;

    font-weight: 700;

    text-align: right;
}


/* =========================================
   CONTENT
========================================= */

.date-card h3 {
    margin: 0;

    color: #3e4b56;

    font-size: 13px;
    line-height: 1.65;

    font-weight: 500;
}


/* Link */

.date-card h3 a {
    color: #e04d35;

    text-decoration: none;

    font-weight: 600;
}

.date-card h3 a:hover {
    text-decoration: underline;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .important-dates-area {
        padding: 55px 0;
    }

    .important-dates-timeline {
        grid-template-columns: 1fr;

        max-width: 750px;

        row-gap: 18px;
    }

    /* Remove center line */
    .important-dates-timeline::before {
        display: none;
    }

    .date-item,
    .date-item:nth-child(even) {
        flex-direction: row;
        text-align: left;
    }

    .date-item:nth-child(even) .date-card {
        text-align: left;
    }

    .date-item:nth-child(even) .date-card-top {
        flex-direction: row;
    }

    .date-card::before,
    .date-item:nth-child(even) .date-card::before {
        left: -7px;
        right: auto;

        border-top: 0;
        border-right: 0;

        border-left: 1px solid #e1e9ef;
        border-bottom: 1px solid #e1e9ef;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .important-dates-area {
        padding: 45px 0;
    }

    .important-dates-heading {
        margin-bottom: 28px;
    }

    .important-dates-heading h2 {
        font-size: 24px;
    }

    .important-dates-heading > span {
        font-size: 9px;
        letter-spacing: 1.4px;
    }

    .date-item,
    .date-item:nth-child(even) {
        gap: 10px;
    }

    .date-number {
        width: 36px;
        height: 36px;
        min-width: 36px;

        box-shadow:
            0 0 0 5px #f5f8fb,
            0 4px 12px rgba(0, 117, 184, .18);
    }

    .date-number span {
        font-size: 9px;
    }

    .date-card {
        padding: 13px 14px;
    }

    .date-card-top,
    .date-item:nth-child(even) .date-card-top {
        display: block;
    }

    .date-label {
        margin-bottom: 6px;
    }

    .date-value {
        text-align: left;
        font-size: 10px;
    }

    .date-card h3 {
        font-size: 12px;
        line-height: 1.6;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .important-dates-area {
        padding: 38px 0;
    }

    .important-dates-heading h2 {
        font-size: 22px;
    }

    .date-item,
    .date-item:nth-child(even) {
        align-items: flex-start;
        gap: 9px;
    }

    .date-number {
        width: 32px;
        height: 32px;
        min-width: 32px;

        box-shadow:
            0 0 0 4px #f5f8fb,
            0 3px 10px rgba(0, 117, 184, .16);
    }

    .date-number span {
        font-size: 8px;
    }

    .date-card {
        padding: 12px;
        border-radius: 8px;
    }

    .date-card h3 {
        font-size: 11px;
        line-height: 1.6;
    }

    .date-value {
        font-size: 9px;
    }

    .date-label {
        font-size: 8px;
        padding: 3px 6px;
    }

}

.it-header-3-style .it-main-logo img
{
    height:100%;
}
@media (max-width: 768px) {
  .md-wrapper,
  .cd-wrapper,
  .lf-wrapper,
  .if-wrapper {
    width: 96%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .md-top-title-box,
  .cd-title-box {
    width: 100%;
  }

  .md-top-title-box h1 {
    font-size: 18px;
  }

  .md-top-title-box h2 {
    font-size: 16px;
  }

  .cd-title-box h1 {
    font-size: 20px;
  }

  .md-intro-section {
    padding: 10px 10px 12px;
  }

  .md-intro-section p {
    font-size: 14px;
  }

  .md-course-title {
    font-size: 16px;
  }

  .md-table th,
  .md-table td,
  .cd-table th,
  .cd-table td,
  .lf-table td,
  .if-table th,
  .if-table td {
    font-size: 13px;
    padding: 4px 5px;
  }

  .md-sn-col,
  .lf-sn {
    width: 40px;
  }

  .cd-sl-col {
    width: 48px;
  }

  .if-sn {
    width: 50px;
  }

  .if-avail {
    width: 90px;
  }

  .lf-section-title,
  .if-section-title {
    font-size: 18px;
  }
}
 

.it-team-4-title {
    font-size: 19px;
    font-weight: 700;
    color: var(--it-common-black);
    transition: 0.3s;
    padding: 10px;
}