h1, h2, h3, h4, h5, h6, p, a ,li {
    font-family: freight-sans-pro-n4,freight-sans-pro,sans-serif;
}


/* .abt-drop{
  height: 400px;
  overflow-y: scroll;
} */
.std-drop{
  height: 400px;
  overflow-y: scroll;
}
.dropdown-menu{
  top: 93%;
}
.footloc h3{
  font-size: 26px;
}

.scroll-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #d38311;
    color: #fff;
    padding: 15px 18px;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 1000;
}

.scroll-to-top:hover {
  background-color: #d38311; 
}

.scroll-to-top.show {
  display: block; /* Show when scrolling down */
}

/* WebKit-based browsers (Chrome, Edge, Safari) */
.abt-drop::-webkit-scrollbar,
.std-drop::-webkit-scrollbar {
    width: 3px !important; /* Make the scrollbar thinner */
}

.abt-drop::-webkit-scrollbar-track,
.std-drop::-webkit-scrollbar-track {
    background-color: #EDEDED; /* Track color */
}

.abt-drop::-webkit-scrollbar-thumb,
.std-drop::-webkit-scrollbar-thumb {
    background-color: #8B0000; /* Thumb color */
    border-radius: 5px; /* Round the edges */
}

.abt-drop::-webkit-scrollbar-thumb:hover,
.std-drop::-webkit-scrollbar-thumb:hover {
    background-color: #B22222; /* Darker shade on hover */
}

.dropdown-item {
  font-size: 14px;
}
.dropdown-menu a:hover{
  background: #969696;
}
/* announcement start */
/*.announcement{*/
/*  position: absolute;*/
/*  right: 113px;*/
/*  top: 165px;*/
/*}*/


/* announcement ends */
.titel {
  font-size: 15px;
  margin-top: 9px;
}
.title{
  font-size: 30px!important;
}


.navbar-nav a {
  font-size: 13px;
}
.nav-link {
  padding: 4px 5px!important;
}

.second-header .nav-link {
    padding: 5px !important;
}

.second-header .navbar-nav a {
    font-size: 14px;
    font-weight: 500;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.navbar-light .navbar-toggler-icon {
  background-image: none !important;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 20px;
  position: relative;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #ffffff; /* Change color as needed */
  position: absolute;
  left: 0;
}

.navbar-toggler-icon::before {
  top: 0; /* Top bar */
}

.navbar-toggler-icon::after {
  bottom: 0; /* Bottom bar */
}

.navbar-toggler-icon span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff; /* Change color as needed */
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.navbar-first {
  background: #b31b1b;
  text-align: center;
}

.news {
  background: #b31b1b;
}

.navbar-fixed-top {
  transition: background-color top 0.3s ease;
}

/* Class that gets toggled on scroll */
/* .scrolled-inner {
  background-color: rgba(0, 0, 0, 0.8); 
  transition: background-color 0.5s ease;
} */

.navbar-fixed-top.scrolled-inner {
  position:absolute;
  width: 100%;
  z-index: 9999;
  top: 0px;
}

.navbar-fixed-top.scrolled-inner {

  transition: background-color 200ms linear;
  -webkit-box-shadow: 0px 5px 15px 0px #bdb9b91a;
  -moz-box-shadow: 0px 5px 15px 0px #bdb9b91a;
  box-shadow: 0px 5px 15px 0px #bdb9b91a;
  top: 0;

}

.navbar-fixed-top.scrolled-inner .header-middle {
  background: #fff;
}

.navbar-fixed-top.scrolled-inner .logo1 {
  width: 76%;
}

.navbar-fixed-top.scrolled-inner .title {
  font-size: 20px !important;
}

.navbar-fixed-top.scrolled-inner .titel {
  font-size: 12px;
}

.navbar-expand-lg .navbar-collapse {
  justify-content: right;
  padding: 12px 0px;
}

.navbar .nav-link {
    color:#000 !important;
}

.navbar-first .nav-link {
    color: #fff !important;
    padding: 5px 10px !important;
    font-weight: 600;
}

.navbar .navbar-brand {
    width:350px;
}
.navbar .navbar-brand img {
    width:100%;
}

/* about */

/* end */

/* .navbar-fixed-top .middle .scrolled-inner{
  background: #fff;
} */
/* announce event news tab start  */
.announce-event-news {
  margin-top: 80px;
  margin-bottom:80px;
}
.announcement{
    margin-top:-5px;
}
/* home */
.search-container {
    /*display: flex;*/
    /*align-items: center;*/
    /*border-radius: 5px;*/
    /*background: #800000;*/
    display:none;
}
.search-box {
    padding: 7px;
    width: 150px;
    height: 30px;
    border-radius: 3px;
    background-color: #fff;
    color: #800000;
    border: 2px solid #800000;
    font-size: 16px;
    font-weight: 500;
}
.search-box::placeholder {
  color: #800000;
  font-size: 16px;
  font-weight: 500;
  opacity: 1;
}

.search-button {
  background-color: #800000; /* Dark red */
  color: white;
  border: none;
  padding: 8px 12px;
  margin-left: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 3px;
  height: 23px;
    width: 46px;
}

.search-button:hover {
  background-color: #800000;
}

.search-icon {
  font-size: 16px;
}
/* end */

.home-event img {

  width: 100%;
  height: 210px;
  object-fit: cover;
}

.home-event p {
  text-align: center;
  padding: 10px 10px;
}

.latest-sreeac {
  position: relative;

}

.latest-sreeac img {
  width: 100%;
  display: block;
}

.hover-cont {
  position: absolute;
  top: 280px;
  left: 0px;
  right: 205px;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff6e;
  color: #000000;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
  border-radius: 10px;
  width: 257px;
}

.hover-cont p {
  font-size: 17px;
}

.latest-sreeac:hover .hover-cont {
  opacity: 1;
  /* Makes the content visible on hover */
}


.latest-sac img {
  height: 160px;
  width: 100%;
  object-fit: cover;
  border-radius:15px;
}

.latest-sreeac img {
  width: 100%;
  height:160px;
  object-fit:cover;
  border-radius:15px;
}
.latest-sac{
  margin: 5px;
}
.dept-scroll .slick-prev {
  display: none !important;
}

.dept-scroll .slick-next {
  display: none !important;
}

.latest-sac {
  transition: transform 0.3s ease-in-out;

}

.home-dept-title {
  height: auto;
  position: relative;
}

.latest-sac:hover {
  transform: scale(1.02);
}


.latest-sac a {
  font-size: 16px;
  text-align: center;
  margin:auto;
  display:block;
  padding-top:15px;
  font-weight: 600;
  color: #000;
}

.latest-sac a:hover {
  color: #b31b1b;
}
/* counter */

.event-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-top: 1px solid #ccc;
  padding-top: 300px;
}

.event {
  text-align: center;
  position: relative;
}

.event:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  height: 40px;
  border-right: 1px solid #ccc;
  transform: translateY(-50%);
}

.month {
  font-size: 12px;
  font-weight: bold;
  color: gray;
  text-transform: uppercase;
}

.date {
  font-size: 28px;
  font-weight: bold;
  color: black;
}

.description {
  font-size: 14px;
  color: #0072c6; /* Blue color */
  font-weight: bold;
  cursor: pointer;
}
/* end */
.nav-tabs {
  display: flex;
  /* Make the tab list a flex container */
  justify-content: center;
  /* Center the tabs within the list */
  padding: 0;
  /* Remove default padding */
  margin: 0;
  /* Remove default margin */
  list-style: none;
  /* Remove default list styling */
  border-bottom: 1px solid #b31b1b26;

}

.news h4{
  color: #fff;
}

.tab .nav-tabs li {
  margin: 0;
}

.tab .nav-tabs li a {
  font-size: 11px;
  color: #999898;
  background: #fff;
  margin: 114px;
  padding: 20px 25px;
  border-radius: 0;
  border: none;
  border: 1px solid #ddd;
  text-transform: uppercase;
  position: relative;
}

.tab .nav-tabs li a:hover {
  color: #b31b1b;
}

.tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:hover {
  color: #fff;
  border: none;
  background: #b31b1b;
  ;
  border-right: 1px solid #ddd;
}

.tab .nav-tabs li.active a:before {
  content: "";
  width: 58%;
  height: 4px;
  /* background: #fff; */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tab .nav-tabs li.active a:after {
  content: "";
  border-top: 10px solid #b31b1b;
  ;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  left: 43%;
}

.tab .tab-content {
  font-size: 13px;
  color: #999898;
  line-height: 25px;
  background: #fff;
  padding: 31px;
  border: 1px solid #b31b1b26;
  border-top: none;
  background-color: transparent;
}

.tab .tab-content h3 {
  font-size: 24px;
  color: #999898;
  margin-top: 0;
}

@media only screen and (max-width: 480px) {
  .tab .nav-tabs li {
    width: 100%;
    text-align: center;
  }

  .tab .nav-tabs li.active a,
  .tab .nav-tabs li.active a:after,
  .tab .nav-tabs li.active a:hover {
    border: none;
  }
}

/* announce event news tab ends  */

/* banner menu start */
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

.nav-item button {
  background: #b31b1b;
  color: #fff;
}

.nav-item button:focus {
  outline: none;
}

/* banner menu end */

/* inner banner page start */
.slick-slider .slick-next {
  display: none !important;
}

.slick-slider .slick-prev {
  display: none !important;
}

button:focus {
  outline: none;
}

.inner-banner {
  position: relative;
}

.inner-banner video {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.content-evnts {
  position: absolute;
  top: 45%;
  left: 0;
  right:0;
  margin:auto;
  display:block;
  text-align: center;
  color: white;
  z-index: 2;
  padding: 13px 16px;
  border-radius: 10px;
}
.content-evnts  h2{
    font-size:40px;
}


/*.inner-banner::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background: rgba(0, 0, 0, 0.5);*/
  /* Adds a dark overlay to the image */
/*  z-index: 1;*/

/*}*/


.inner-banner img {
  width: 100%;
  object-fit: cover;
}

.banner-inner h3 {
  text-align: center;
  margin-bottom: 50px;
}

.inner-banner-slider {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* inner banner page ends */

/* home departmet section start */

.home-department .home-col {
  padding: 0px !important;
}

.dept-card {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
 
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.dept-card:hover .dept-img-top{
  transform: translateY(-10px) scale(1.05);
}

.dept-img-top {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: transform 0.5s ease;
  /* border-radius: 12px 12px 0 0; */
}

.dept-card:hover .dept-img-top {
  transform: scale(1.1);
}

.dept-card-body {
    padding: 18px;
    background-color: #ffffffad;
    text-align: center;
    position: absolute;
    bottom: 0;
    margin: auto;
    width: 95%;
    display: block;
    left: 0;
    right: 0;
    text-transform: uppercase;
}
.dept-card-titl {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin: 0;
  transition: color 0.3s ease;
}

.dept-card:hover .dept-card-titl {
  color: #b31b1b !important;
}

.dept-card a:hover {
  color: #b31b1b;
}

.dept-card-body::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(93 3 3 / 14%);
  transition: opacity 0.5s ease;
  opacity: 0;
  z-index: 0;
}

.dept-card:hover .dept-card-body::before {
  opacity: 1;
}

.dept-card-body h4 {
  position: relative;
  z-index: 2;
  font-size: 17px;
}

.dept-card-body::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, rgba(0, 123, 255, 0) 0%, #b31b1b 100%);
  transition: width 0.4s ease;
  width: 0%;
}

.dept-card:hover .dept-card-body::after {
  width: 100%;
}

/* Hover effect to slide up the entire card content */
.dept-card:hover .dept-card-body {
  transform: translateY(-10px);
}

.dept-card-body p {
  color: #666;
  font-size: 14px;
  margin-top: 10px;
}

/* For smaller screens */
@media (max-width: 768px) {
  .dept-card {
    margin-bottom: 20px;
  }

  .dept-card-body h4 {
    font-size: 18px;
  }

  .dept-card-body p {
    font-size: 13px;
  }
}



/* home department section ends */

/* home slider section start */

.slider {
  padding: 50px 0;

}

.feats {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.initiat-icon {
  width: 123px;
  height: 130px;
  background-color: #fff;
  text-align: center;
  padding: 14px 0px;
  position: relative;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin: 3px;
}

.initiat-icon:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.initiat-icon i {
  font-size: 40px;
  color: #b32824;
  transition: color 0.3s ease;
}

.initiat-icon p {
  margin-top: 10px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.initiat-icon:hover i {
  color: #b31b1b;
  /* Change icon color on hover */
}

/* Animations */
.initiat-icon {
  animation: fadeInUp 0.5s ease both;
}

@keyframes fadeInUp {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}


/* home slider section ends */
/* college placemment section start */

.college-place .slick-next {
  display: none !important;
}

.college-place .slick-prev {
  display: none !important;
}

.college-plac img {
  width: 100px;
  object-fit: cover;
  height: auto;
}

/* college placement section ends */
/* department start */

.inner-header {
  background: #310000;
  height: 90px;
  display: flex;
  align-items: center;
}

.head {
  text-align: left;
  color: #fff;
}
.head p{
  margin-bottom: 0px;
}
.head h1 {
  font-size: 25px;
}

.dept-list {
  padding: 10px;
  border-radius: 10px;
  box-shadow: inset 0px 0px 14px 3px rgb(0 0 0 / 57%);
  background: #b31b1bed;
}

.dept-list ul {
  list-style-type: none;
  padding-left: 0px;
}

.dept-list ul li {
  border-bottom: 1px solid #ffffff78;
  padding: 10px 10px 10px 30px;
  margin-top: 10px;
  position: relative;
  padding-right: 20px; /* Adjust to make space for the arrow */
  transition: background 0.3s ease;
}
.dept-list ul li a {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
    z-index: 1;
    font-weight: 600;
    font-size: 14px;
}

.dept-list ul li.active{
  box-shadow: 0 0 3px 0 #000;
  border-bottom: none;
  background: #310000;
}

.dept-list ul li.active:hover a {
  color: #fff !important;
}

.dept-list ul li.active::after {
    left: 0;
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    border: 22px solid transparent;
    transition: all 0.3s ease;
    height: 44px;
}
.dept-list ul li:hover a{
    color: #000000;
}
.dept-list ul li:hover::after {
  left: 0;
  content: '';
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: 22px solid transparent;
  transition: all 0.3s ease;
  height: 44px;
}
.dept-list a {
  color: #ffffff;
}

.department h4 {
  color: #fff;
}

.department {
  text-align: center;
}

.managment {
    margin-top: 60px;
    margin-bottom: 60px;
}

.cmn-inner {
    padding: 20px;
    border: 1px solid #00000040;
    border-radius: 10px;
}

.cmn-inner p {
    margin: 20px 0;
    text-align: justify;
    font-size: 16px;
    line-height: 1.6;
    color: #000000;
}

.placement-collab h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
}


/* department ends */
/* principal start */
.info-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 15px;
    font-family: 'Arial', sans-serif;
    margin-bottom: 30px;
}

.info-table td {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  color: #333;
  line-height: 25px;
}

.info-table td:first-child {
  font-weight: bold;
  color: #555;
  width: 150px;
}

.info-table tr:hover {
  background-color: #f5f5f5;
  transition: background-color 0.3s ease;
}

.info-table td {
  transition: all 0.3s ease;
}

.info-table td:hover {
  background-color: #ffffff;
  color: #b31b1b;
  font-weight: 600;
  transform: scale(1.0);
  box-shadow: 0 2px 8px rgba(179, 27, 27, 0.15);
  z-index: 1;
  position: relative;
}


.principal-details a {
  color: #ffffff;
  background-color: #b31b1b;
  border: 1px solid #b31b1b;
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  margin-left: 17px;
  display: inline-block;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.principal-details a:hover {
    background-color: #FFFFFF;
    color: #a01717;
    transform: translateY(-2px) scale(1.02);
    border: 1px solid #b31b1b;
    box-shadow: -1px 0px 4px 1px rgb(179 27 27 / 28%);
}

.campuspage-intro h2{
  font-size: 32px;
  color: #b31b1b;
  font-weight: 700;
  margin-bottom: 20px;
} 
.campuspage-intro p {
    font-size: 16px;
    line-height: 1.6;
    color: #000000;
    margin-bottom: 20px;
}

.cmn-inner img {
  width: 100%;
  /* Adjust the width as needed */
  height: auto;
  /* Maintain aspect ratio */
  transition: transform 0.3s ease;
  /* Smooth transition */
}

.cmn-inner img:hover {
  transform: scale(1.02);
  /* Slightly increase the size */
}

.campuspage-paragraph p {
    font-size: 16px;
    line-height: 1.7;
    color: #000000bd;
    margin: 20px 0px;
    text-align: justify;
}

/* principal ends */

/* vision&mission starts */
.vision-and-mission {
    margin-top: 60px;
    margin-bottom: 60px;
}

.vision {
  position: relative;
  overflow: hidden;
}

.vision-and-Mission .col-md-4 {
  padding-right: 0px !important;
}

.vision-and-Mission .col-md-8 {
  background: #b31b1b4d;
  padding-left: 0px !important;
}

.vision img {
  width: 100%;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 100%;
  object-fit: cover;
  display: block;
}

.vision .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  /* Black background with 50% opacity */
  color: #fff;
  /* White text color */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  /* Hidden by default */
  transition: opacity 0.3s ease;

}

.vision .overlay {
  position: absolute;
  transition: all .3s ease;
  opacity: .5;
  background: rgba(0.5647, 0, 0.0549, 0.5);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.vision:hover .overlay {
  opacity: 1;
  /* Show overlay on hover */
}

.mission {
  position: relative;
  overflow: hidden;
}

.m-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  /* Black background with 50% opacity */
  color: #fff;
  /* White text color */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  /* Hidden by default */
  transition: opacity 0.3s ease;
}

.mission:hover .m-overlay {
  opacity: 1;
  /* Show overlay on hover */
}

.m-overlay {
  position: absolute;
  transition: all .3s ease;
  opacity: .5;
  background: rgba(0.5647, 0, 0.0549, 0.5);
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.vision-details {
    padding: 40px 30px;
}

.vision-details p {
  text-align: justify;
}

.vision-details h2 {
  color: #b31b1b;
  font-weight: 700;
  font-size: 38px;
  padding: 10px;
  /* Add padding for internal spacing */
  background-color: #f5f5f5;
  /* Light background for the box */
  border-radius: 5px;
  /* Rounded corners for the box */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Add box shadow */
}

.vision-details h3 {
  color: #fff;
}

.mission-detail {
  padding: 40px 30px;
}

.mission-detail p {
  text-align: justify;
}

.mission-detail h2 {
  color: #b31b1b;
  font-weight: 700;
  font-size: 38px;
  padding: 10px;
  /* Add padding for internal spacing */
  background-color: #f5f5f5;
  /* Light background for the box */
  border-radius: 5px;
  /* Rounded corners for the box */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Add box shadow */
}

.mission img {
  width: 100%;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  height: 100%;
  object-fit: cover;
  display: block;
}

.vision-and-Mission .col-md-4 {
  padding-left: 0px !important;
}

.vision-and-Mission .col-md-8 {
  background: #b31b1b4d;
  padding-right: 0px !important;
}

.mission-detail h3 {
  color: #fff;
}

.m-v {
  margin-top: 30px;
}

/* vision&mission ends */

/* administration start */
.person-img {
  text-align: center;
}
.navbar .container{
    /* padding: 0px 110px !important; */
    max-width: 1350px;
    margin: auto;
}


.adminstration img {
  width: 65%;
  object-fit: cover;
  height: 244px;
}

.person-det h5 {
  text-align: center;
}

.person-det p {
  text-align: center;
  margin-top: 0px;
}

.admin-det {
  padding: 20px;
}

.person-det {
  text-align: center;
  /* Center text inside the container */
  padding: 15px;
  /* Add padding for spacing */
  border-radius: 10px;
  /* Rounded corners */
  background-color: #f8f9fa;
  /* Light background color */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Subtle shadow for depth */

}

.person-det h5 {
  font-size: 1.25rem;
  /* Slightly larger font size */
  color: #333;
  /* Darker text color for better readability */
  margin-bottom: 5px;
  /* Space below the heading */
}

.person-det p {
  font-size: 1rem;
  /* Standard font size */
  color: #666;
  /* Lighter text color */
}

.btn-admin a {
  color: #ffffff;
  background: #b31b1b;
  padding: 10px;
  border-radius: 5px;
  margin-left: 21px;
  display: inline-block;
  transition: transform 0.3s ease-in-out;
  /* Smooth transition */
}

.btn-admin a:hover {
  transform: scale(1.1);
  /* Scales the button to 110% on hover */
}

/* administration ends */

/* location start */
.loc {
    padding: 20px;
    box-shadow: 5px 0px 15px 2px #00000017;
    border: none;
    transition: transform 0.3s ease-in-out;
}

.loc:hover {
  transform: scale(1.05);
}
.location h6{
    font-size: 16px;
    padding-bottom: 20px;
}

.loc p {
    text-align: center;
    font-weight: normal;
    line-height: 1.5;
    font-size: 18px;
    font-family: freight-text-pro-n4,freight-text-pro,serif;
}


/* location ends */
/* facilty start */
.facility-deta {
  position: relative;
  overflow: hidden;
}

.facility-title {
  position: absolute;
  top: 45%;
  left: -100%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  transition: left 0.5s ease;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.facility-title p {
    font-size: 30px;
    color: #ffffff;
}

.facility-deta:hover .facility-title {
  left: 0;
}


/* facility ends */
/* Statutory Bodies start */

.statutory {
    padding: 20px 20px;
    box-shadow: 0 0 3px 0 #000;
    display: flex;
    gap: 10px;
    transition: transform 0.3s ease-in-out;
    margin-bottom: 20px;
    align-items: center;
}

.statutory p {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: 700;

}

.statutory:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 5px #0000006b;
    background-color: #e6e5e5;
    border-left: 4px solid #b31b1b;
}
.statutory:hover i {
  transform: translateX(5px);
  color: #b31b1b;
}
.statutory .fa-solid {
    font-size: 24px;
    margin-bottom: 0px;
}


/* Statutory Bodies ends */

/* College Newsletter start */
.newsletter a {
  color: #ffffff;
}

.newsletter {
  padding: 20px 20px;
  background: #b31b1b;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: transform 0.3s ease;

}

.newsletter:hover {
  transform: scale(1.05);
}

/* College Newsletter ends */
/* Code of Conduct start */
.code {
  color: #fff;
  padding: 10px 20px;
  background: #b31b1b;
  border-radius: 5px;
  width: 126px;
  transition: transform 0.3s ease;
}

.code:hover {
  transform: scale(1.05);
}

.code a:hover {
  color: #fff;
}

/* Code of Conduct ends */
/* College Hand book start */
.handbook {
  color: #fff;
  padding: 10px 20px;
  background: #b31b1b;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: transform 0.3s ease;
}

.handbook:hover {
  transform: scale(1.05);
}

.handbook a:hover {
  color: #fff;
}

/* College Hand book ends */

/* College Annual Report start */
.annual {
  color: #fff;
  padding: 10px 20px;
  background: #b31b1b;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: transform 0.3s ease;
}

.annual:hover {
  transform: scale(1.05);
}

.annual a:hover {
  color: #fff;
}

/* College Annual Report ends */
/* rti start */
.rtitable {
  width: 100%;
  margin-bottom: 20px;
}

.rtitable table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
}

.rtitable th,
.rtitable td {
  padding: 15px;
  text-align: left;
  border-bottom: 2px solid #ddd;
}

.rtitable th {
  background-color: #b31b1b;
  color: #fff;
  text-transform: uppercase;
}

.rtitable tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.rtitable tbody tr:nth-child(even) {
  background-color: #fff;
}

.rtitable tbody tr:hover {
  background-color: #f1f1f1;
  transition: background-color 0.3s ease;
}

.rtitable td {
  color: #333;
}

.rtitable a {
  color: #b31b1b;
  text-decoration: none;
}

.rtitable a:hover {
  text-decoration: underline;
}

/* Hover effect on rows */
.rtitable tbody tr:hover td {
  color: #b31b1b;
  transform: scale(1.02);
  transition: transform 0.3s ease, color 0.3s ease;
}

.rti h4 {
  text-align: center;
  margin-bottom: 20px;
}

/* Base styles for the table */
.rtitable table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.rtitable th,
.rtitable td {
  padding: 10px;
  border: 1px solid #ddd;
  font-size: 16px;
}

/* Make the table scrollable on smaller screens */
.rtitable {
  overflow-x: auto;
}

/* Responsive styles for mobile devices */
@media screen and (max-width: 768px) {
  .rtitable table {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  /* Stack table rows on smaller screens */
  .rtitable table,
  .rtitable thead,
  .rtitable tbody,
  .rtitable th,
  .rtitable td,
  .rtitable tr {
    display: block;
    width: 100%;
  }

  .rtitable tr {
    margin-bottom: 10px;
  }

  /* Hide table headers and use a label before each data cell */
  .rtitable thead {
    display: none;
  }

  .rtitable td {
    position: relative;
    padding-left: 50%;
    text-align: left;
    border: 1px solid #ddd;
  }

  .rtitable td::before {
    position: absolute;
    left: 10px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    content: attr(data-label);
    font-weight: bold;
    text-align: left;
  }
}

/* Styling for larger tablets */
@media screen and (max-width: 1024px) {

  .rtitable th,
  .rtitable td {
    font-size: 14px;
    padding: 8px;
  }
}

.staff-details {
  color: #fff;
  padding: 10px 20px;
  background: #b31b1b;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: transform 0.3s ease;
  margin-top: 20px;
}

.staff-details a {
  color: #fff;
}

.staff-details a:hover {
  color: #fff;
  text-decoration: none;
}

.staff-details:hover {
  transform: scale(1.05);
}

/* rti ends */

/* Regulations start */
.regula {
  color: #fff;
  padding: 10px 20px;
  background: #b31b1b;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: transform 0.3s ease;
}

.regula:hover {
  transform: scale(1.05);
}

.regula a:hover {
  color: #fff;
}

/* Regulations ends */
/* computer science start */

/* .computer-header {
  background-image: url('../images2/comuter-inner-banner.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}
.computer p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.pro-offered {
  margin-top: 20px;
} */

/* computer science ends */

/* computer science faculty start */
.computer-faculty {
  padding: 20px;
  border: 1px solid #00000040;
  border-radius: 10px;
}

.computer-faculty-col {
  padding: 15px;
}

.c-faculty a {
  color: #000;
}

.c-faculty a:hover {
  color: #000;
  text-decoration: none;
}

.c-faculty p {
  
  margin-bottom: 0px;
  text-align: center;
  font-size: 15px;
  
}

.c-faculty h6 {
  text-align: center;
    background: #b31b1b;
    color: #fff;
    padding: 5px;
    font-size: 15px;
}


.c-faculty img {
  border-radius: 10px;
}

.c-faculty {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
    min-height: 270px;
    height: 100%;
}

.c-faculty:hover {
  transform: scale(1.05); /* Slightly enlarges on hover */
}

.c-faculty img {
    width: 100%;
    height: 200px;
    display: block;
    object-fit: cover;
    object-position: top;
    border-radius: 8px 8px 0 0;
}

.faculty-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: #e0e0e0; /* Base background color */
  text-align: center;
  transition: background 0.3s ease, color 0.3s ease; /* Smooth transition for hover */
  border-radius: 0 0 8px 8px; /* Bottom rounded corners */
}

.c-faculty:hover .faculty-title {
  background: #d5d5d5; /* Slightly darker on hover */
}

.faculty-title a {
  text-decoration: none;
  color: #333; /* Base text color */
}

.faculty-title h6 {
  color: #0073e6; /* Unique color for h6 */
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 5px;
  transition: color 0.3s ease; /* Smooth color change on hover */
}

.faculty-title p {
  color: #555;
  margin: 0;
}

.c-faculty:hover h6 {
  color: #ffffff; /* Darker shade on hover */
}

.fac-details-accordion table{
    width: 100%;
    border-collapse: collapse;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    margin: 0 !important;
}

.fac-details-accordion .panel {
    padding: 18px 20px;
    display: none;
    background-color: white;
    overflow: hidden;
}

.fac-details-accordion .info-list {
  border: 2px solid #b31b1b47;
  counter-reset: item;
  padding: 15px;
  list-style: none;
  border-radius: 13px 0;
  margin: 0;
}

.fac-details-accordion .info-list > li {
    counter-increment: item;
    font-size: 16px;
    line-height: 1.6;
    position: relative;
    margin-bottom: 18px;
    padding-left: 50px;
    text-indent: 0px;
}

.fac-details-accordion .info-list > li::before {
    content: counter(item) ". ";
    position: absolute;
    left: 20px;
    font-weight: bold;
    color: #b31b1b;
}

/* Nested list */
.fac-details-accordion .info-list > li > ol {
  counter-reset: subitem;
  list-style: none;
  padding-left: 35px;
  margin-top: 10px;
}

.fac-details-accordion .info-list > li > ol > li {
  counter-increment: subitem;
  position: relative;
  padding-left: 30px;
  text-indent: -20px;
  margin-bottom: 8px;
  font-size: 15px;
  font-style: italic;
  color: #555;
}

.fac-details-accordion .info-list > li > ol > li::before {
  content: counter(item) "." counter(subitem) " ";
  position: absolute;
  left: 0;
  font-style: normal;
  font-weight: bold;
  color: #333;
}


/* computer science faculty ends */



/* Activity page start */

.wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 10px;
  padding: 0.5em;
  perspective: 500px;
}

.article {
  display: flex;
  flex-direction: column;
  height: 300px;
  position: relative;
  background-size: cover;
  border-radius: 7px;
  overflow: hidden;
  padding: 1em;
  cursor: pointer;
  transform: rotateX(0deg) rotateY(0deg);
  transition: all 0.2s linear;
  will-change: transform;
  margin-bottom: 20px;
}

.article-one {
  background-image: url("../images2/activity/guest-lecture.webp");
}

.article-two {
  background-image: url("../images2/activity/infofest.jpg");
}

.article-three {
  background-image: url("../images2/activity/Professional-training.jpg");
}

.article-four {
  background-image: url("../images2/activity/inaguration-of-consruction.jpg");
}

.article-five {
  background-image: url("../images2/activity/workshop-on-phyton.jpg");
}

.article-six {
  background-image: url("../images2/activity/cctv.webp");
}

.article-seven {
  background-image: url("../images2/activity/roof.webp");
}

.article-eight {
  background-image: url("../images2/activity/drug.webp");
}

.article-nine {
  background-image: url("../images2/activity/orientation.jpg");
}

.article-ten {
  background-image: url("../images2/activity/days-programming.jpg");
}

.article-eleven {
  background-image: url("../images2/activity/anti-ragging.jpg");
}

.article-twelve {
  background-image: url("../images2/activity/anti-ragging-campus.jpg");
}

.article-thirteen {
  background-image: url("../images2/activity/integrity-matter.jpg");
}

.article-fourteen {
  background-image: url("../images2/activity/infofest-12.jpg");
}

.article-fifteen {
  background-image: url("../images2/activity/ug&pg.webp");
}

.article-sixteen {
  background-image: url("../images2/activity/placement.jpg");
}

.article .overlay {
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 50% 50%,
      rgba(0, 0, 0, 0.3) 20%,
      rgba(0, 0, 0, 0.4) 50%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.article h1 {
    font-size: 18px;
    font-family: "Oswald";
    margin-top: auto;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.article h1 {
  transform: translateY(-20px);
}

.article h1 span {
  color: #fff;
}

.article span.cat {
  letter-spacing: 2px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  position: relative;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  color: #fff;
}

@media screen and (min-width: 1000px) {
  .wrap {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-gap: 20px;
    padding: 1em;
  }

  .article h1 {
    transform: translateY(0px);
  }

  .article:hover h1 {
    transform: translateY(-20px);
  }

  .article span.cat {
    color: transparent;
  }

  .article span.cat::before,
  .article span.cat::after {
    content: attr(data-hover);
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    max-width: 0%;
    transition: max-width 300ms ease-out;
  }

  .article span.cat::before {
    color: #b31b1b;
    transition-delay: 100ms;
  }

  .article span.cat::after {
    color: white;
  }

  .article:hover span.cat:after,
  .article:hover span.cat:before {
    max-width: 100%;
  }

  .article:hover span.cat:after {
    transition-delay: 300ms;
  }
}

/* Activity page ends */

/* Rank list for selection of Guest Lecturers 2024-25 start */

.ranklist {
  color: #fff;
  padding: 10px 20px;
  background: #b31b1b;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: transform 0.3s ease;
}

.ranklist:hover {
  transform: scale(1.02);
}

.ranklist a:hover {
  color: #fff;
}

/* Rank list for selection of Guest Lecturers 2024-25 ends */

/* blog detail page start */
.recent-blogimg img {
  width: 54px;
  height: 48px;
}

.date-calender {
  display: ruby-text;
}

.blog-inner h4 {
  margin-bottom: 30px;
}

.recent-blog h6 {
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 18px;
}

.recent-blog a {
  color: #000;
}

.recent-blog a:hover {
  color: #b31b1b;
}

.recent-news h6 {
  margin-bottom: 30px;
}

.blog-inner {
  padding: 30px;
  box-shadow: 0 0 3px 0 #000;
  border-radius: 10px;
}

.event h6 {
  margin-bottom: 28px;
}

/* blog detail page ends */
/* infofest-2024 inner page start */

.infofest-inner a {
  color: #ffffff;
  font-weight: 600;
  line-height: 63px;
  background: #b31b1b;
  padding: 10px 10px;
  border-radius: 5px;
  transition: transform 0.3s ease;

}

.infofest-inner a:hover {
  color: #b31b1b;
  transform: scale(1.02);
  color: #fff;
}

/* infofest-2024 inner page ends */
/* Professional Training and Demonstration on Laptop page start */
.Professional-Training a {
  background: none;
}

/* Basic styling for the register image */
.register {
  width: 265px !important;
  cursor: pointer;
}

.professional {
  margin-bottom: 20px;
}

/* Professional Training and Demonstration on Laptop page ends */

/* Quotation CCTV Ladies hostel start */
.pdf-thumbnail {
  width: 150px;
  /* Adjust width as needed */
  cursor: pointer;
}

.pdf-thumbnail:hover {
  transform: scale(1.1);
  /* Slight zoom on hover */
  transition: transform 0.3s ease;
}

.hostel-cctv a {
  background: none;
}

/* Quotation CCTV Ladies hostel ends */

/* 3-days page start */
.gallery {
  padding: 20px 10px;
}

.gallery img {
  width: 100%;
  max-width: 350px;
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
}

/* 3-days page ends */
/* popup gallery start */
/* Modal styling */
.modal {
  display: none;
  position: fixed;
  z-index: 22222;
  padding-top: 0px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}

.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 600px;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  width: 100%;
  height: auto;
}

/* Close button */
.close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

.close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* popup gallery ends */

/* curriculam page start */

.button {
  float: left;
  min-width: 150px;
  max-width: 250px;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 1em 2em;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  box-shadow: 0 0 3px 0 #000;
  border-radius: 10px;
}

.button--rayen {
  overflow: hidden;
  padding: 0;
  width: 230px;
}

.button--rayen.button--inverted {
  color: #fff;
}

.button--rayen::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #b31b1b;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.button--rayen.button--inverted::before {
  background: #fff;
  color: #ffffff;
}

.button--rayen>span {
  display: block;
}

.button--rayen::before,
.button--rayen>span {
  padding: 1em 2em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  font-weight: 700;
  color: #ffffff;
}

.button--rayen:hover::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.button--rayen:hover>span {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.syl {
  color: #000 !important;
}

.yobject-marked a {
  line-height: 20px;
  background: none;
}

.curri h4 {
  text-align: center;
}

/* curriculam page ends */
/* assosiation page start */
.assosiation-one {
  background-image: url("../images2/blog/casac.jpg");
}

/* assosiation page ends */
/* CASAC page start */

.casac p {
  margin-top: 10px;
  text-align: center;
  font-size: 28px;
}

.casac h4 {
  text-align: center;
  font-size: 40px;
  font-weight: 700;
}

.casac-para p {
  font-size: 16px;
  text-align: justify;
}

/* CASAC page ends */

/* Event page start */
.event-one {
  background-image: url("../images2/blog/event-img1.jpg");
}

.event-two {
  background-image: url("../images2/blog/event-img2.jpg");
}

.event-three {
  background-image: url("../images2/blog/event-img3.webp");
}

.event-four {
  background-image: url("../images2/blog/event-img4.jpg");
}

.event-five {
  background-image: url("../images2/blog/event-img5.jpg");
}

/* Event page ends */

/* Alumni page start */
.alumni h4 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

/* Alumni page ends */
/* Announcements page start */
.announcements-one {
  background-image: url("../images2/blog/lecture.webp");
}

.announcements-two {
  background-image: url("../images2/blog/graduation.webp");
}

.announcements-three {
  background-image: url("../images2/blog/rangoli.webp");
}

/* Announcements page ends */

/* Announcements inner page start */

/* Basic form styling */


.vacancy-lecture .form-container {
  max-width: 600px;
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin: auto;
}

.criteria-title {
  text-align: center;
  color: #000000;
}

.vacancy-lecture .form-group {
  margin-bottom: 15px;
}

.vacancy-lecture .form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  color: #555;
}

.vacancy-lecture .form-group input[type="text"],
.vacancy-lecture .form-group input[type="email"],
.vacancy-lecture .form-group input[type="tel"],
.vacancy-lecture .form-group input[type="number"],
.vacancy-lecture .form-group input[type="file"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
}

.vacancy-lecture .submit-btn {
  width: 100%;
  padding: 10px;
  background-color: #b31b1b;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  cursor: pointer;
}

.vacancy-lecture .submit-btn:hover {
  background-color: #45a049;
}

@media (max-width: 600px) {
  .vacancy-lecture .form-container {
    padding: 15px;
  }
}

.inaguration-adavace h4 {
  background: #b31b1b;
  transition: transform 0.3s ease;
  font-weight: 600;
  color: #ffffff;
  padding: 10px 10px;
  border-radius: 5px;
}

.inaguration-adavace h4:hover {
  transform: scale(1.02);
}

/* Announcements inner page ends */

/* gallery page start */

/* Basic styling for the gallery album */
.gal-album {
  position: relative;
  overflow: hidden;
  border: 2px solid #ddd;
  border-radius: 10px;
  transition: transform 0.3s ease;
  margin-bottom: 20px;
}

.gal-album img {
  width: 100%;
  height: 310px;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

/* Style for the album title */
.album-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.4s ease;
}

/* Hover effect for the gal-album */
.gal-album:hover img {
  transform: scale(1.1);
  /* Zoom effect on image */
}

.gal-album:hover .album-title {
  opacity: 1;
  transform: translateY(0);
  /* Slide the title up */
}

/* Optional extra style */
.gal-album:hover {
  transform: scale(1.05);
}

.album-title p {
  margin-top: 12px;
  text-align: center;
}

/* gallery page ends */

/* gallery inner page start */
.album {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  /* Optional: Add rounded corners */
  box-shadow: 0 0 3px 0 #000;
  margin-bottom: 20px;
  cursor: pointer;
}

.album img {
    width: 100%;
    height: 400px;
    transition: transform 0.4s ease;
    object-fit: cover;
}

.album:hover img {
  transform: scale(1.05);
  /* Scale the image when hovered */
}

/* gallery inner page ends */

/* commerce with computer applications start */
.commerce-header {
  background-image: url('../images2/commerce-computer.webp');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}

.commerce .pro-offered {
  margin-bottom: 20px;
}

.commer ol {
  list-style-type: none;
}

.comm-header {
  background-image: url('../images2/commerce-computer.webp');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}

.comm-article-one {
  background-image: url("../images2/commerce-activity/curriculum.webp");
}

.comm-article-two {
  background-image: url("../images2/commerce-activity/election.webp");
}

.comm-article-three {
  background-image: url("../images2/commerce-activity/admission-schedule.jpg");
}

.admiss {
  margin-top: 30px;
}

/* commerce with computer applications ends */

/* electronics start */

.electronics-header {
  background-image: url('../images2/electronic.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}

.electro-article-one {
  background-image: url("../images2/electronics-activity/quotation.webp");
}

.electro-article-two {
  background-image: url("../images2/electronics-activity/guest-vacancy.webp");
}

.electro-article-three {
  background-image: url("../images2/electronics-activity/curriculum-bsc-electronics.webp");
}

.electro-article-four {
  background-image: url("../images2/electronics-activity/virtual.jpg");
}

.electro-article-five {
  background-image: url("../images2/electronics-activity/two-day-virtual.jpg");
}

.electro-article-six {
  background-image: url("../images2/electronics-activity/one-day-workshop.jpg");
}

.electro-article-seven {
  background-image: url("../images2/electronics-activity/energy.webp");
}

.electro-article-eight {
  background-image: url("../images2/electronics-activity/Skill-forge.webp");
}

.electro-article-nine {
  background-image: url("../images2/electronics-activity/ELECTRA-2025.webp");
}

.electronic-header {
  background-image: url('../images2/electronic.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}

.vacancy-list a {
  color: #ffffff;
  background: #b31b1b;
  padding: 10px 10px;
  border-radius: 5px;

}

.vacancy-list:hover {
  transform: scale(1.1);
}

.vacancy-list {
  margin-top: 20px;
  transition: transform 0.4s ease;
  margin-bottom: 20px;
}

.electronic-guest h4 {
  text-align: center;
}

.virtual-img {
  margin-bottom: 20px;
}

.electro-event-article-one {
  background-image: url("../images2/electronics-activity/news&events.jpg");
}

.abstract p {
  background: #b31b1b;
  color: #fff;
  padding: 10px 10px;
  border-radius: 5px;
}

.sub-themes h4 {
  background: #b31b1b;
  width: 160px;
  padding: 10px 10px;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 20px;
}

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

.styled-table {
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 15px;
  text-align: left;
}

.styled-table thead tr {
  background-color: #b31b1b;
  color: #ffffff;
  text-align: center;
}

.styled-table th,
.styled-table td {
  padding: 12px 15px;
  border: 1px solid #dddddd;
}

.styled-table tbody tr {
  background-color: #f3f3f3;
}

.styled-table tbody tr:nth-of-type(even) {
  background-color: #f9f9f9;
}

.styled-table tbody tr:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Responsive media query */
@media (max-width: 600px) {
  .styled-table thead {
    display: none;
  }

  .styled-table,
  .styled-table tbody,
  .styled-table tr,
  .styled-table td {
    display: block;
    width: 100%;
  }

  .styled-table tr {
    margin-bottom: 15px;
  }

  .styled-table td {
    text-align: right;
    padding-left: 50%;
    position: relative;
  }

  .styled-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 45%;
    padding-left: 15px;
    font-weight: bold;
    text-align: left;
  }
}


/* electronics ends */

/* biochemistry-industrial-microbiology start */
.Biochemistry-Industrial-header {
  background-image: url('../images2/Biochemistry-Industrial.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}

.bio-article-one {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/indocert.jpg");
}

.bio-article-two {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/health-camp.jpg");
}

.bio-article-three {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/magazine.webp");
}

.bio-article-four {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/alumni-meet.jpg");
}

.bio-article-five {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/tender.webp");
}

.bio-article-six {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/curr-micro.webp");
}

.bio-article-seven {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/tri.webp");
}

.bio-article-eight {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/ranklist.jpg");
}

.bio-article-nine {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/walkin.jpg");
}

.bio-article-ten {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/webinar.webp");
}

.bio-article-eleven {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/letitgrow.webp");
}

.bio-article-twelve {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/nss.webp");
}

.bio-article-thirteen {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/web.webp");
}

.bio-article-fourteen {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/mashroom.jpg");
}

.bio-article-fifteen {
  background-image: url("../images2/biochemistry-industrial-microbiology-activity/placement.jpg");
}

.camp-img {
  margin-top: 20px;
}

.health-camp img {
  height: 156px;
  object-fit: cover;
}

.tender {
  transition: transform 0.4s ease;
}

.tender:hover {
  transform: scale(1.1);
}

.tender p {
  background: #b31b1b;
  color: #fff;
  padding: 14px 10px;
  text-align: center;
  border-radius: 5px;
  font-size: 15px;
  margin-top: 16px;
}

.tend-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tender a {
  padding: 16px 120px;
}

.trinocular {
  transition: transform 0.4s ease;
  text-align: center;
}

.trinocular:hover {
  transform: scale(1.1);
}

.bio h4 {
  text-align: center;
}

.tri-microscope {
  margin-bottom: 50px
}

.bio-rank {
  transition: transform 0.4s ease;
}

.bio-rank:hover {
  transform: scale(1.1);
}

/* biochemistry-industrial-microbiology ends */

/* mathematics starts */
.mathematics p {
    margin-bottom: 18px;
    line-height: 1.7;
    font-size: 20px;
    text-align: justify;
    font-family: freight-text-pro-n4,freight-text-pro,serif;
    font-style: normal;
    font-weight: 400;
}

.mathematics-header {
  background-image: url('../images2/maths-banner.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}

.maths-article-one {
  background-image: url("../images2/mathematics-activity/curri-maths.webp");
}

.maths-article-two {
  background-image: url("../images2/mathematics-activity/python.jpg");
}

.maths-article-three {
  background-image: url("../images2/mathematics-activity/national-maths-day.jpg");
}

.maths-associ-article-one {
  background-image: url("../images2/mathematics-association/bsc-mathematics.webp");
}

.maths-associ-article-two {
  background-image: url("../images2/mathematics-association/mathematics-association.webp");
}

/* mathematics ends */

/* physical education start */

.physical-article-one {
  background-image: url("../images2/physical-education-activity/nss-yoga-wellness.jpg");
}

.physical-event-article-one {
  background-image: url("../images2/physical-education-events/ku-intercollegiate.jpg");
}

.physical-education-header {
  background-image: url('../images2/physical-education.webp');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}

.phys-img {
  margin-bottom: 20px;
}

/* physical education ends */

/* Oriental Languages starts */
.oriental-languages-header {
  height: 150px;
  display: flex;
  align-items: center;
}

.oriental-article-one {
  background-image: url("../images2/oriental-languages-events/ADAVACE-CERTIFICATE-PROGRAMME.jpg");
}

/* Oriental Languages ends */

/* english and media starts */
.english-media-header {
 
  height: 90px;
  display: flex;
  align-items: center;
}

.english-media-article-one {
  background-image: url("../images2/english-media-activity/attending-live-1.jpg");
}

.english-media-article-two {
  background-image: url("../images2/english-media-activity/brochure-22.jpg");
}

.english-media-article-three {
  background-image: url("../images2/english-media-activity/curr-ba-english.webp");
}

.english-media-article-four {
  background-image: url("../images2/english-media-activity/lecturer-series.webp");
}

.english-media-article-five {
  background-image: url("../images2/english-media-activity/dept-eng-media.jpg");
}

.english-media-article-six {
  background-image: url("../images2/english-media-activity/ba-english-media.webp");
}

.live-img {
  margin-top: 20px;
  margin-bottom: 20px;

}

.english-media-event-article-one {
  background-image: url("../images2/english-media-events/Invited-Lecture.jpg");
}

.english-media-event-article-two {
  background-image: url("../images2/english-media-events/lecturer-series.webp");
}

/* english and media ends */

/*department-inner starts*/

.dpt-inner h3 {
    font-weight: 500;
    font-size: 40px;
    padding-bottom: 20px;
}

.dpt-inner .mathematics{
        text-align: center;
}
.dpt-box {
    padding: 20px;
    text-align: justify;
    box-shadow: 0 0 0px 4px #000000, inset 0 0 20px 2px #00000042;
    height: 100%;
}
.dpt-inner .col-lg-4{
    margin-bottom:25px;
}
.dpt-box h4 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 15px;
    color: #5d0303;
    font-family: freight-sans-pro-n7, freight-sans-pro, sans-serif;
    font-style: normal;
    font-weight: 700;
}
.dpt-box p {
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    font-family: "freight-sans-pro", sans-serif !important;
}
.dpt-row{
    margin-top:50px;
}
/*department-inner ends*/


/* academic calender starts */
.academic-calender-header {
  
  height: 90px;
  display: flex;
  align-items: center;
}

.academic .btn {
  color: #b31b1b;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 8px;
  border-radius: 5px;
  border: 1px solid #b31b1b;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all 0.35s;
  width: 100%;
}

.academic .btn:hover,
.academic .btn:focus {
  color: #fff;
}

.academic .btn:before {
  content: "";
  background: #b31b1b;
  width: 20%;
  height: 100%;
  transform: rotateZ(-45deg) translateX(-50%) translateY(-50%);
  position: absolute;
  top: 68%;
  left: -5px;
  transition: all 0.3s;
  z-index: -1;
}

.academic .btn:hover:before {
  width: 100%;
  top: 0;
  transform: none;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .academic .btn {
    margin-bottom: 30px;
  }
  .navbar .navbar-brand {
    width: fit-content;
  }
  .navbar-first .nav-link{
      text-align:left;
  }

.navbar-first .nav-link {
    color: #000000 !important;
}
}

.attain-po {
  line-height: 53px;
  width: 100%;
}

.academic .attain-po:before {
  left: 3px;
}

.academic .attain-po:hover:before {
  left: 0;
  right: 0;
}

/* academic calender ends */

/* fyugp page start */
.admission-header {
  height: 90px;
  display: flex;
  align-items: center;
}

.fyugp-cont {
  background: #b31b1b;
  color: #fff;
  padding: 12px 21px;
  border-radius: 5px;
  transition: transform 0.4s ease;
}

.fyugp-cont:hover {
  transform: scale(1.1);
}

.fyugp-cont p {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}

/* fyugp-page ends */

/* seat matrix page starts */
.seat-matrix {
  background: #b31b1b;
  padding: 10px 10px;
  border-radius: 5px;
  transition: transform 0.4s ease;
  text-align: center;
}

.seat-matrix:hover {
  transform: scale(1.1);
}

.seat-matrix a:hover {
  color: #ffffff;
}

.cont-more-deta {
  box-shadow: 0px 0px 3px 0px #000000b0;
  border-radius: 5px;
  padding: 10px 24px;
  margin-top: 30px;
}

.cont-more-deta p {
  margin-top: 10px;
}

/* Seat Matrix pages ends */

/* central-library page starts */
.centr-lib p {
  margin-top: 10px;
}

.centr-lib h5 {
    margin-top: 20px;
    font-family: freight-sans-pro-n5,freight-sans-pro,sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2;
}

.centr-lib-detail P {
  margin-top: 5px;
}

.lib-img{
  margin: 10px 0;
}

.lib-img img {
    height: 100%;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}

.centr-lib-detail {
    padding: 15px;
    box-shadow: 0px 6px 12px #b31b1b24;
    margin-bottom: 30px;
    border: 1px solid #b13b1b52;
    margin-top: 30px;
    border-radius: 13px;
    height: 250px;
}

.cent-lib {
  margin-top: 30px;
  margin-bottom: 30px;
}

.cent-lib h5 {
  text-align: center;
}

.cent-lib h6 {
  text-align: center;
}

.services-traditional p {
  margin-top: 10px;
}

.lib {
  width: 100%;
  height: 78px;
  min-width: none;
  max-width: none;
}

.button--rayen::before {
  padding: 2em 2em !important;
}

.button--rayen>span {
  padding: 1em 2em !important;
}

.journal {
  text-align: center;
}

.library-container {
  max-width: 740px;
  margin: 20px auto;
  text-align: center;
}

.library-box {
  background-color: #f8f8f8;
  border: 2px solid #ccc;
  padding: 20px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}

.library-box:hover {
  background-color: #e0e0e0;
}

.library-box h2 {
  margin: 0;
  font-size: 24px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arrow {
  font-size: 18px;
  margin-left: 10px;
  transition: transform 0.3s ease;
}

.library-container.active .arrow {
  transform: rotate(180deg);
}

.library-items {
  display: none;
  list-style: decimal inside;
  padding: 0;
  margin: 20px 0;
  text-align: left;
}

.library-items li {
  margin: 10px 0;
  font-size: 16px;
  color: #000000;
}

.library-container.active .library-items {
  display: block;
}

.practices p {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: unset;
}

.practices {
  box-shadow: 0 0 3px 0;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  text-align: center;
  border-radius: 5px;
}

.heading-practice h5 {
  text-align: center;
  margin-bottom: 20px;
}

.lib-container {
  position: relative;
  overflow: hidden;
}

.librarian img {
  width: 100%;
  display: block;
  height: 400px;
  object-fit: cover;
  margin-bottom: 30px;

}

.librarian img:hover {
  transform: scale(1);
}

.librarian-desc {
  position: absolute;
  top: 0;
  left: -100%;
  /* Hidden off-screen */
  width: 100%;
  height: 93%;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  transition: left 0.5s ease-in-out;
}

.lib-container:hover .librarian-desc {
  left: 0;
  /* Slides in from left */
}

.librarian-desc h4, .librarian-desc p {
    margin: 0;
    padding: 5px 0;
    color: #fff;
}

/* central-library page ends */

/* clubs cells page starts */
.proceeding-principal a{
  
    font-size: 15px;
  
}
.club-c {
  font-size: 10px !important;
}

.proceeding-principal {
  margin-top: 20px;
  padding: 13px 10px;
  background: #b31b1b;
  border-radius: 5px;
  text-align: center;
  transition: transform 0.4s ease;
}

.proceeding-principal a:hover {
  color: #fff;
}

.proceeding-principal:hover {
  transform: scale(1.05);
}

/* clubs cells page ends */

/* antiragging page start */
.ragging h5 {
  color: red;
}

.nodal-ofc {
  background: #b31b1b;
  color: #fff;
  padding: 10px 10px;
  border-radius: 5px;
}

.nodal-ofc p {
  margin-top: 10px;
  text-align: center;
}

.Anti-ragging-Committe h5 {
  margin-top: 20px;
  text-align: center;
}

/* antiragging page ends */
/* grievance-redressal-cell page start */
.online-grievance {
  background: #b31b1b;
  padding: 10px 10px;
  border-radius: 5px;
  transition: transform 0.4s ease;
  text-align: center;
}

.online-grievance:hover {
  transform: scale(1.05);
}

.online-grievance a:hover {
  color: #fff;
}

/* grievance-redressal-cell page ends */

/* placement cell page start */
.placement-cell h4 {
  text-align: center;
  font-weight:700;
}

.placement-cell h6 {
  text-align: center;
  color: red;
}

.recruitment {
  background: #b31b1b;
  color: #fff;
  padding: 10px 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  height: 107px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recruitment a:hover {
  color: #000;
}

.recruitment p {
  margin-top: 10px;
  text-align: center;
}
.placement-collab p{
  margin-top: 15px;
}
.placement-content p{
  margin-top: 15px;
}

.placement-dept-detail {
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 20px 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #00000061;
    text-align: center;
    overflow: hidden;
    margin: 30px 0;
    width: max-content;
}

.placement-dept-detail h6 {
    font-size: 24px;
    font-weight: 600;
    color: #b31b1b;
    text-align: center;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.placement-dept-detail p {
    font-size: 16px;
    color: #555;
    margin: 0;
    line-height: 1.5;
    transition: color 0.3s ease;
}

/* Hover Effect */
.placement-dept-detail:hover {
  transform: translateY(-5px); /* Slight lift on hover */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Enhanced shadow */
}

.placement-dept-detail:hover h6 {
  color: #b31b1b; /* Change to a classy blue color */
}

.placement-dept-detail:hover p {
  color: #333; /* Darken paragraph color on hover */
}

.placed-tag img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.placed-students {
  display: flex !important;
    flex-direction: column;
    align-items: center;
  
}

.placement-logo {
  width: 120px;
  height: 40px;
  object-fit: contain;
  display: inline-block;
  margin-top: 5px;
}

/* .placed-students-img {
  width: 250px;
  height: 250px;
  margin-bottom: 10px; 
  margin-bottom: 10px; 
} */

.placed-students h5 {
  color: #310000; /* Color for the name */
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0;
}

.placed-students h6 {
  color: #555; /* Subtle color for the department */
  font-size: 16px;
  margin: 3px 0;
  text-align: center;
}

.placed-students p {
  color: #777; /* Subtle color for the company name */
  font-size: 14px;
  margin: 3px 0;
  text-align: center;
}

/* placement cell page ends */
/* BHOO MITHRA CLUB page start */

.mithra-club-obj {
  background: #b31b1b;
  color: #fff;
  padding: 10px 10px;
  border-radius: 5px;
  transition: transform 0.4s ease;
  margin-bottom: 20px;
  height: 110px;
}

.mithra-club-obj:hover {
  transform: scale(1.05);
}

.mithra-club-obj p {
  margin-top: 10px;
}

.project-echo {
  background: #b31b1b;
  color: #fff;
  border-radius: 5px;
}

.project-echo p {
  text-align: center;
  margin-top: 10px;
  padding: 10px 10px;
}

.members {
  box-shadow: 0 0 3px 0;
  padding: 10px 10px;
  margin-bottom: 20px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.members p {
  margin-top: 10px;
}

.member-head {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.nss-volunt p {
  margin-top: 10px;
}

.nss-volunt h4 {
  text-align: center;
  margin-bottom: 20px;
}

/* BHOO MITHRA CLUB page ends */
/* sports gallery page start */
.sport-gal p {
  text-align: center;
}

.sport-gal h4 {
  text-align: center;
}

/* sports gallery page ends */
/* internal complaint cell start */
.pdf-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  box-shadow: 0 0 3px 0 #000;
  border-radius: 8px;
  transition: background-color 0.3s ease;
  margin: 20px 0;
  text-decoration: none;
}

.pdf-link {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
  color: #b31b1b;
}

.pdf-title {

  font-size: 18px;
  font-weight: bold;
  color: #b31b1b;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
}

.pdf-download {
  font-size: 16px;
  font-weight: bold;
  color: #b31b1b;
  padding: 10px 15px;
  border-left: 2px solid #b31b1b;
  background-color: #fff;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.pdf-link:hover .pdf-title {
  color: #ffffff;
}

.pdf-container:hover .pdf-title {
  color: #ffffff;
}

.pdf-link:hover .pdf-download {
  background-color: #3b3dfffc;
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.pdf-container:hover {
  background-color: #b31b1b;
  cursor: pointer;
}

.internal-title {
  display: flex;
}

.internal-file {
  display: flex;
  align-items: center;
}

.committee-container {
  padding: 20px;
}

.committee-headline {
  font-family: 'Arial', sans-serif;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #333;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.committee-item {
    padding: 15px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    border-left: 4px solid #b31b1b;
    border-radius: 8px;
    transition: background-color 0.3s ease, transform 0.6s ease;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.192);
}

.committee-item:hover {
  background-color: #b31b1b;
  transform: scale(1.01);
}

.department-name {
    font-size: 18px;
    font-weight: 600;
    color: #b31b1b;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.committee-item:hover .department-name {
  color: #fff;
}

/* Member information */
.member-info {
  margin-left: 10px;
}

.member-name {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 5px;
}

.member-post {
  margin-top: 10px !important;
  font-size: 16px;
  color: #777;
}

.committee-item:hover .member-name,
.committee-item:hover .member-post {
  color: #fff;
}

/* internal complaint cell ends */

/* YIP(Young Innovators Programme) page start */

/* Container for the entire section */
.yip-container {
  width: 100%;
  max-width: 800px;
  margin: 20px auto;
  padding: 30px;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  font-family: 'Arial', sans-serif;
}

/* Coordinator section styles */
.coordinator-section {
  margin-bottom: 30px;
}

.coordinator-title {
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 10px;
  text-align: center !important;
}

.coordinator-details {
  text-align: center;
}

.coordinator-name {
  font-size: 22px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 5px;
}

.coordinator-position {
  font-size: 18px;
  color: #777;
  text-align: center !important;
}

/* Procedures section styles */
.procedures-section {
  padding: 20px;
  background-color: #fff;
  border-left: 4px solid #b31b1b;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.procedures-title {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
}

.procedures-desc {
  font-size: 18px;
  color: #555;
  line-height: 1.6;
}

/* Hover effect for the procedures section */
.procedures-section:hover {
  transform: scale(1.02);
}

.resarch-memb {
  background: #b31b1b;
  padding: 10px 10px;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  margin-top: 10px;
}

.resarch-memb p {
  margin-top: 10px;
  text-align: center;
}

.research h4 {
  text-align: center;
  margin-top: 30px;
}

/* YIP(Young Innovators Programme) page ends */

/* nss page start */
.pro-ofc {
  background: #b31b1b;
  color: #fff;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 30px;
}

.pro-ofc p {
    text-align: center;
    color: #fff !important;
    font-weight: 600;
    letter-spacing: 0.5;
    font-size: 22px !important;
    margin: 10px 0;
}

.ofc-prog h4 {
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
    color: #800000;
}

.nss .image-title h3 {
    margin: 15px 0;
    font-size: 10px;
}

.nss .image-card {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff;
  text-align: center;
  margin-bottom: 20px;
}


.nss .image-wrapper {
  width: 100%;
  overflow: hidden;
}

.nss .image-wrapper .image {
  width: 100%;
  height: 220px !important;
  transition: transform 0.3s ease;
}


.nss .image-title h3 {
  margin: 15px 0;
  font-size: 15px;
  color: #000000;
  transition: color 0.3s ease;
  height: 30px;
}


.nss .image-card:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.nss .image-card:hover .image {
  transform: scale(1.1);
}

.nss .image-card:hover .image-title h3 {
  color: #0103fd;
}

.nsspopup-modal {
  display: none;
  position: fixed;
  z-index: 22222;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.nsspopup-modal img {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

.nsspopupCaption {
  text-align: center;
  color: #fff;
  font-size: 18px;
  padding: 10px 0;
}

.close-popup {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

/* nss page ends  */

/* inflibnet page start */
.inflibnet {
  margin-bottom: 40px;
}

.inf-report {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inflibnet-report {
    background: #b31b1b;
    border: 1px solid #b31b1b;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 14px;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 600;
    color: #fff;
    transition: transform 0.4s ease, background-color 0.3s ease, box-shadow 0.3s ease;
    display: inline-block;
    text-decoration: none;
}

.inflibnet-report:hover {
    transform: scale(1.05);
    background-color: #FFFFFF; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.inflibnet-report:hover a{
  color: #b31b1b;
}



.next-step {
  margin-top: 30px;
  margin-bottom: 30px;
}

.inflibnet h4 {
    text-align: center;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 600;
    font-size: 26px;
}

/* inflibnet page ends */
/* scholarship page start */
.scholarship {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 10px;
  max-width: 600px;
  margin: auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.scholarship-card {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  margin-top: 20px;
}

.scholarship-title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 10px;
  transition: color 0.3s ease;
}

.sponsor {
  font-style: italic;
  text-align: center;
  margin-bottom: 15px;
  color: #555;
}

.scholarship-details {
  text-align: left;
}

.scholarship-desc {
  font-size: 16px;
  color: #555;
  margin-bottom: 10px;
}

.scholarship-amounts {
  list-style: none;
  padding-left: 0;
}

.scholarship-amounts li {
  font-size: 18px;
  margin-bottom: 5px;
  color: #444;
  transition: color 0.3s ease;
}

.scholarship:hover {
  transform: scale(1.01);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.scholarship-title:hover,
.scholarship-amounts li:hover {
  color: #d9534f;
}

.sponsor {
  margin-top: 10px;
}

/* scholarship page ends */

/* wws page start */

.wws img {
  width: 244px;
  display: block;
  height: 238px;
  object-fit: cover;
  margin-bottom: 30px;
}

.wws-desc {
  width: 70%;
  height: 93%;
}

.wws-img {
  height: 196px !important;
}

/* wws page ends */

/* caste related complaint page start */


.constituted-table table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.constituted-table th,
.constituted-table td {
  padding: 15px;
  text-align: left;
  border: 1px solid #ddd;
  font-size: 16px;
}

.constituted-table thead {
  background-color: #f5f5f5;
}

/* Style for table rows */
.constituted-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Make table responsive */
@media (max-width: 768px) {

  .constituted-table table,
  .constituted-table thead,
  .constituted-table tbody,
  .constituted-table th,
  .constituted-table td,
  .constituted-table tr {
    display: block;
  }

  .constituted-table thead {
    display: none;
  }

  .constituted-table tr {
    margin-bottom: 15px;
  }

  .constituted-table td {
    position: relative;
    padding-left: 50%;
    text-align: right;
  }

  .constituted-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    top: 15px;
    font-weight: bold;
    text-align: left;
  }
}

.complaint-mail {
    background: #b31b1b;
    color: #fff !important;
    padding: 20px;
    border-radius: 5px;
}

.complaint-mail p {
    margin: 10px;
    color: #fff;
    font-family: "freight-sans-pro", sans-serif !important;
}

.convenor-mail {
  display: flex;
  align-items: center;
}

/* caste related complaint page ends */

/* microbiologists page start */
.aim-micro {
  display: flex;
  align-items: center;
  gap: 15px;
}

.aim-micro p {
  margin-top: 10px;
}

/* Main box container styling */
.coordinator-details p {
  margin-top: 10px;
}

.microbiologist {
  height: 528px;
}

.coordinator-box {
  background-color: #f9f9f9;
  border: 2px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 55px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  height: 80px;
}

/* Hover effect for the boxes */
.coordinator-box:hover {
  background-color: #e8f4f8;
  transform: translateY(-5px);
}

/* Box title */
.coordinator-box h3 {
  margin: 0;
  font-size: 18px;
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Arrow icon */
.arrow-icon {
  font-size: 18px;
  transition: transform 0.3s ease;
}

/* Rotated arrow for dropdown */
.arrow-icon.rotate {
  transform: rotate(180deg);
}

/* Hidden details section, shown on click */
.coordinator-details {
  display: none;
  margin-top: 10px;
  font-size: 16px;
  color: #555;
  padding: 10px;
  border-top: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
}

/* Transition for the details dropdown */
.coordinator-details.open {
  display: block;
  animation: slide-down 0.5s ease forwards;
}

/* Keyframe for dropdown animation */
@keyframes slide-down {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .coordinator-box {
    padding: 15px;
  }

  .coordinator-box h3 {
    font-size: 16px;
  }
}

/* microbiologists page ends */

/* ssp page start */
.ssp p {
  margin-top: 10px;
}

/* ssp page ends */
/* unnat page start */
/* Main box container */
.village-box {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s ease;
}

/* Hover effect */
.village-box:hover {
  background-color: #e0e0e0;
}

/* Arrow icon rotation */
.arrow-icon {
  float: right;
  transition: transform 0.3s ease;
}

/* Rotate arrow when details are open */
.rotate {
  transform: rotate(180deg);
}

/* Village details hidden by default */
.village-details {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

/* Show details when box is open */
.village-details.open {
  max-height: 300px;
  /* Adjust based on content size */
}

/* List styling */
.village-details ul {
  padding-left: 20px;
  margin: 10px 0;
  list-style-type: disc;
}

.village-details ul li {
  margin: 5px 0;
  color: #333;
}

/* unnat page ends */

/* college union start */

/* Style for the image container */
.elected-member {

  margin-top: 30px;
  margin-bottom: 30px;

}

.elected-member img {
  width: 100%;
  cursor: pointer;
  transition: transform 0.3s ease;
  height: 300px;
  object-fit: cover;

}

/* The popup modal (hidden by default) */
.elected-image-popup-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    padding-top: 26px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

/* Modal content (the image inside the modal) */
.popup-modal-elected-content {
  margin: auto;
  display: block;
  max-width: 34%;
  height: auto;
}

/* Close button style */
.close-popup {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}

/* Hover effect for the close button */
.close-popup:hover,
.close-popup:focus {
  color: #bbb;
}

/* college union ends */

/* ASAP page start */
.asap-unit {
  background: #b31b1b;
  color: #fff;
  padding: 10px 10px;
  border-radius: 5px;
}

.asap-unit p {
  margin-top: 10px;
  text-align: center;
}

/* ASAP page ends */

/* nptel page start */
.nptel-id {
  box-shadow: 0 0 3px 0 #000;
  padding: 10px 10px;
  border-radius: 5px;
}

.SPOC-detail {
  box-shadow: 0 0 3px 0 #000;
  padding: 10px 10px;
  border-radius: 5px;
}

.SPOC-detail p {
  margin-top: 10px;
}

.spoc-det {
  display: flex;
  align-items: center;
}

.nptel-abt p {
  margin-top: 10px;
}

.nptel-online p {
  margin-top: 10px;
}

/* nptel page ends */

/* Student Satisfaction Survey start */
.sss-rep h5 {
  text-align: center;
}

.sss-rep {
  box-shadow: 0 0 3px 0 #000;
  padding: 10px;
  background: #b31b1bd9;
  color: #fff;
}

/* Student Satisfaction Survey ends */

/* feedback page start */
.feedback h4 {
    text-align: center;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 600;
    font-size: 26px;
    margin-top: 20px;
}

/* feedback page ends */

/* other alumni page start */
/* Standard box styling */
.alumni-prog {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.alumni-prog:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

/* Dropdown content hidden by default */
.dropdown-content {
  display: none;
  margin-top: 10px;
}

/* When the box is clicked, show the content */
.alumni-prog.active .dropdown-content {
  display: block;
}

/* Hover effect on the text */
.alumni-prog h5 {
  color: #333;
  transition: color 0.3s ease;
  font-size: 17px;
}

.alumni-prog:hover h5 {
  color: #007bff;
}

/* Icon styling */
.dropdown-icon {
  margin-left: 10px;
  transition: transform 0.3s ease;
}

/* Rotate the icon when the dropdown is active */
.alumni-prog.active .dropdown-icon {
  transform: rotate(180deg);
}

.alumni-title p {
  text-align: center;
}

/* other alumni page ends */

/* conference-seminar page start */
/* Standard Table Container */
.conference-table-container {
  width: 100%;
  overflow-x: auto;
  margin: 20px 0;
}

/* Styled Table */
.conference-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #f9f9f9;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid #ddd;
}

.conference-table th,
.conference-table td {
  padding: 15px;
  text-align: center;
  transition: background-color 0.3s ease;
  border: 1px solid #ddd;
}

.conference-table th {
  background-color: #b31b1b;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  width: 50%;
  border-bottom: 3px solid #000000;
}

.conference-table a {
  display: block;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover Effect */
.conference-table td:hover {
  background-color: #0004fdc2;
}

.conference-table td:hover a{
   color: #FFFFFF;
}

.conference-table a:hover {
  color: white;
  transform: scale(1.05);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {

  .conference-table td,
  .conference-table th {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px;
    border: none;
    /* Removes borders on mobile view for better display */
  }
}

/* conference seminar page ends */

/* outreach programm page start */

.outreach img {
  height: 626px !important;
}

/* outreach programm page ends */

/* contact us page start */
.contact {
  margin-top: 100px;
  margin-bottom: 100px;
}

/* General styles for the contact details container */
.contact-details {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Box styles for location, email, and phone */
.address,
.email,
.phone {
  display: flex;
  align-items: center;
  background-color: #b31b1b;
  border-radius: 8px;
  padding: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgb(0 0 0 / 14%);
  margin-bottom: 30px;
}

/* Hover effect for the whole box */
.address:hover,
.email:hover,
.phone:hover {
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);
  transform: translateY(-5px);
}

/* Icon section on the left */
.address-icon,
.email-icon,
.phone-icon {
  margin-right: 15px;
  font-size: 30px;
  color: #007BFF;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Icon hover effect */
.address:hover .address-icon,
.email:hover .email-icon,
.phone:hover .phone-icon {
  transform: scale(1.2);
  color: #0056b3;
}

/* Details section (text) */
.l-detail,
.e-detail,
.p-detail {
  flex-grow: 1;
}

/* Styling for the headings */
.contact-details h6 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Styling for the address and links */
.contact-details p,
.contact-details a {
  margin: 5px 0;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

/* Hover effect for links */
.contact-details a:hover {
  color: #007BFF;
}

/* Mobile responsiveness */
@media (max-width: 768px) {

  .address,
  .email,
  .phone {
    flex-direction: column;
    align-items: flex-start;
  }

  .address-icon,
  .email-icon,
  .phone-icon {
    margin-bottom: 10px;
  }
}

/* General form styles */
.contact-form {
  background-color: #f8f9fa;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Form group styling */
.form-group {
  margin-bottom: 20px;
}

/* Labels styling */
.contact-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

/* Input and textarea styling */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: 2px solid #ccc;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  font-size: 16px;
  color: #333;
  background-color: #fff;
}

/* Focus styles for inputs and textarea */
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #007bff;
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);
  outline: none;
}

/* Textarea styling */
.contact-form textarea {
  resize: none;
}

/* Submit button styling */
.contact-form button {
  width: 100%;
  padding: 12px 15px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Hover effect for submit button */
.contact-form button:hover {
  background-color: #0056b3;
  transform: translateY(-3px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .contact-form {
    padding: 20px;
  }

  .form-group {
    margin-bottom: 15px;
  }

  .contact-form button {
    font-size: 16px;
    padding: 10px 12px;
  }
}

/* contact us page ends */

/* DOWNLOAD page start */
.download-section {
  padding: 20px;
  background-color: #f9f9f9;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.download-section h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}

.download-list {
  list-style-type: none;
  padding: 0;
}

.download-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 10px;
  margin: 10px 0;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}

.download-list li:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.download-list span {
  font-size: 16px;
  color: #444;
  width: 555px;
}

.download-btn {
  text-decoration: none;
  background-color: #007bff;
  color: #fff;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 14px;
  transition: background-color 0.3s ease;
}

.download-btn:hover {
  background-color: #b31b1b;
  color: #fff;
}

@media (max-width: 768px) {
  .download-list li {
    flex-direction: column;
    align-items: flex-start;
  }

  .download-btn {
    margin-top: 10px;
    align-self: flex-end;
  }
}

/* download page ends */

/* former principle page start */

.principals-list {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.principals-list h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600;
  color: #333;
}

.principals-list ul {
  list-style: none;
  padding: 0;
}

.principals-list li {
  font-size: 16px;
  padding: 10px 15px;
  margin-bottom: 10px;
  background-color: #fff;
  border-left: 5px solid #b31b1b;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
  position: relative;
}

.principals-list li span {
  font-weight: 600;
  color: #b31b1b;
  margin-right: 10px;
}

.principals-list li em {
  font-size: 14px;
  color: #555;
}

.principals-list li:hover {
  transform: translateX(10px);
  border-left-color: #0056b3;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  background-color: #f0f8ff;
}

.principals-list li:hover span {
  color: #0056b3;
}

@media (max-width: 768px) {
  .principals-list {
    padding: 15px;
  }

  .principals-list h2 {
    font-size: 20px;
  }

  .principals-list li {
    font-size: 14px;
    padding: 8px 12px;
  }

  .principals-list li em {
    font-size: 12px;
  }
}

/* former principle page ends */

/* media core */

@media only screen and (min-width:300px) and (max-width:578px) {

  /* .navcen {
    display: unset !important;
  } */
  .titel {
    font-size: 10px;
  }

  .logo-1 img {
    width: 81px;
  }

  .title {
    font-size: 12px;
  }

  .tab .nav-tabs li {
    margin-bottom: 30px;
  }

  .tab .nav-tabs li a {
    margin: 32px;
  }

  .navbar-fixed-top.scrolled-inner .logo-1 img {

    width: 76px;
  }

  .navbar-fixed-top.scrolled-inner .title {
    font-size: 10px;
  }

  .navbar-fixed-top.scrolled-inner .titel {
    font-size: 8px;
  }

  .banner-inner .draggable {
    height: 213px !important
  }

  .inner-banner img {
    height: 214px;
  }

  .content-centered {
    top: 61%;
    left: 77%;
    width: 121px;
  }

  .bannerb3 {
    font-size: 12px;
  }

  .latest-sac a {
    bottom: 0px;
  }

  .title-bar {
    width: 100% !important;
    bottom: calc(40% + 5px) !important;
  }

  .window {
    width: 95% !important;
    margin:auto;
  }
  .gal-img{
      margin-bottom:20px;
  }

  .footlinks {
    margin-top: 30px;
  }

  .dept-list {
    margin-top: 20px;
  }

  .vision {
      position: relative;
      overflow: hidden;
      margin-bottom: 15px;
  }

.vision img , .mission img {
    border-radius: 10px;
    height: 300px;
    object-position: top;
}

  .vision .overlay {
    border-radius: 10px;
  }

  .vision-details h2 {
    font-size: 20px;
  }

  .vision-details h3 {
    font-size: 18px;
  }

  .vision-details p {
      text-align: justify;
      font-size: 14px;
  }

  .m-v {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .m-v > .col-md-4 {
    order: -1;
  }

  .mission-detail h2 {
    font-size: 20px;
  }

  .mission-detail h3 {
    font-size: 18px
  }

  .mission-detail p {
      text-align: justify;
      font-size: 14px;
  }

  .m-overlay {
    border-radius: 10px;
  }

  .mission img {
    border-radius: 10px;
  }

  .mission {
      margin-bottom: 15px;
  }

  .loc {
    margin-bottom: 10px;
  }

  .close {
    right: 11px;
  }

  .centr-lib-detail {
    height: 270px;
  }

  .centr-lib-detail {
    height: 367px;
  }

  .inflibnet-img {
    margin-bottom: 20px;
  }
  .microbiologist {
    height: auto;
}
.village-box {
  margin-bottom: 10px;
}
.conference-table tr th{
display: none;
}
.conference-table th, .conference-table td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left;
}
.table-label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.conference-table a {
  font-weight: 500;
}
.info-table td {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.info-table td:first-child {
  display: none;
}
.adminstration img {
  width: 100% !important;
  height: 215px!important;
}
.seat-matrix{
  margin-bottom: 20px;
}
.blog-inner{
    margin-top: 20px;
  }
}

@media only screen and (min-width:501px) and (max-width:767px) {
  .info-table td:first-child {
    display: none;
  }
  .window {
    width: 70% !important;
  }

  .title-bar {
      width: 70% !important;
      margin: auto;
  }

  .bannerb2 {
    margin-top: 10px;
    margin-left: 0px;
  }
    .navbar .navbar-brand img {
        width: 220px;
    }
    .navbar .navbar-brand {
    width: fit-content;
}
  .logo1 {
    width: 80px !important;
  }

  .title {
    font-size: 15px;
  }

  .navbar-fixed-top.scrolled-inner .title {
    font-size: 13px;
  }

  .navbar-fixed-top.scrolled-inner .titel {
    font-size: 10px;
  }

  .bannert4 {
    padding-left: 0px !important;
    text-align: justify;
  }

  .bannerb2 {
    margin-top: 10px;
    margin-left: 0px;
  }

  .tab .nav-tabs li a {
    margin: 2px;
  }

  .latest-sac img {
    width: 100%;
  }

  .banner-inner .draggable {
    height: 300px !important;
  }

  .inner-banner img {
    height: 300px;
  }

  .content-centered {
    width: 166px;
    left: 79%;
  }

  .bannerb3 {
    font-size: 10px;
  }

  .footlinks {
    margin-top: 30px;
    padding-left: 3%;
  }

  .footloc {
    margin-top: 30px;
    padding-left: 15px;
  }

  .college-plac img {
    height: 335px;
  }

  .college-place .draggable {
    height: 303px;
  }

  .dept-list {
    margin-top: 20px;
  }

  .vision-and-mission {
      margin-top: 40px;
      margin-bottom: 40px;
  }

  .vision img {
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .vision .overlay {
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .vision-details h2 {
    font-size: 20px;
  }

  .vision-details h3 {
    font-size: 19px;
  }

  .vision-details p {
    font-size: 16px;
  }

  .mission-detail h2 {
    font-size: 20px;
  }

  .mission-detail h3 {
    font-size: 19px
  }

  .mission-detail p {
    font-size: 16px;
  }

  .m-overlay {
    border-radius: 10px;
  }

  .mission img {
    border-radius: 10px;
  }

  .mission {
    margin-top: 10px;
  }

  .vision-details p {
    font-size: 16px;
  }

  .mission-detail p {
    font-size: 16px;
  }

  .loc {
    margin-bottom: 10px;
  }
  .inflibnet-img {
    margin-bottom: 20px;
  }
  .microbiologist {
    height: auto;
}
.village-box {
  margin-bottom: 10px;
}
.conference-table tr th{
  display: none;
  }
  .conference-table th, .conference-table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
  }
  .table-label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
  .conference-table a {
    font-weight: 500;
  }
  .adminstration img {
    width: 100% !important;
    height: 215px!important;
  }
  .seat-matrix{
    margin-bottom: 20px;
  }
  .blog-inner{
        margin-top: 20px;
  }
}

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

  .college-plac img {
    height: 335px;
  }

  .college-place .draggable {
    height: 303px;
  }

  .college-plac {
    margin: 2px;
  }

  .tab .nav-tabs li a {
    margin: 0px;
  }

  .content-centered {
    left: 77%;
    width: 217px;
  }

  .latest-sac a {
    bottom: 0px;
  }

  .latest-sac img {
    width: 100%;
  }

  .latest-sac {
    margin: 5px;
  }

  .logo2 {
    width: 100% !important;

  }

  .titel {
    margin-top: 20px;
  }

  .department h4 {
    font-size: 18px;
  }

  .dept-list a {
    font-size: 16px;
  }

  .vision-details p {
    font-size: 16px;
  }

  .mission-detail p {
    font-size: 16px;
  }

  .vision-details h3 {
    font-size: 20px;
  }

  .vision-details h2 {
    font-size: 22px;
  }

  .vision-details {
    padding: 20px 34px;
  }

  .mission-detail h2 {
    font-size: 22px;
  }

  .mission-detail h3 {
    font-size: 20px;
  }

  .mission-detail {
    padding: 20px 34px;
  }

  .adminstration img {
    width: 100%;
    height: 170px;
  }
  .coordinator-box h3 {
    font-size: 14px;
  }
}



/* about section */
/* Container for the video banner section */
.abt-video-banner {
  position: relative;
  width: 100%;
  height: 100vh; /* Make the section take full viewport height */
  overflow: hidden;
}

/* Styling for the video */
.abt-video-banner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensure the video covers the entire area */
  z-index: -1; /* Place the video behind other elements */
}

/* Styling for the overlay */
.abt-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 10%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
}

/* Styling for the header inside the overlay */
.abt-inner-header {
  position: relative;
  z-index: 1;
}

/* Styling for the container */
.abt-video-banner .container {
  padding: 0 15px;
}

/* Styling for the header */
.abt-head h1 {
  font-size: 3rem;
  margin-bottom: 10px;
  font-weight: bold;
}

/* Styling for the breadcrumb-like text */
.abt-head p {
  font-size: 1.2rem;
  margin: 0;
}

/* Styling for the anchor tags */
.abt-head a {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}

.abt-head a:hover {
  text-decoration: underline;
}

/* Styling for the abt-paras section */
.abt-paras {
  align-items: center;
  text-align: center;
  padding: 50px 0; /* Adds padding for spacing */
}

/* Styling for the column inside the abt-paras */
.abt-paras {
  width: 100%; 
  margin: 0 auto; 
}

.abt-paras1, .abt-paras2 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #333;
  text-align: justify;
}

/* Container for the video and images */
.abt-btm-video{
  padding: 50px 0;
}
.abt-video-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px; /* Adds space between the video and images */
}

/* Left and right image sections */
.abt-left-images, .abt-right-images {
  display: flex;
  flex-direction: column; /* Stacks images vertically */
  justify-content: space-between; /* Distributes space between images */
  gap: 10px; /* Adds space between the images */
  flex: 1 1 200px; /* Ensures the images take available space but don't get too large */
  max-width: 200px; /* Limits the size of the images */
}

/* Image styling */
.abt-image img {
  width: 100%; /* Makes the image responsive */
  height: auto;
  object-fit: cover; /* Ensures the image fits within the container */
}

/* Center the video */
.abt-video {
  flex: 2 1 60%; /* Video takes up more space in the center */
  max-width: 100%; /* Max width for the video */
}

.abt-clubs-departments {
  background: linear-gradient(to right, #f9f9f9, #f1f1f1);
  padding: 40px 0;
  margin-top: 80px; /* Reduced margin */
}

.abt-clubs-departments .row {
  --bs-gutter-x: 25px; /* More spacing between columns */
  --bs-gutter-y: 25px;
}

.abt-club {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 15px;
  gap: 12px;
  min-height: 140px;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.abt-club:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.abt-club svg {
  color: #ff4d4d; /* Slightly lighter red */
  width: 48px;
  height: 48px;
  transition: color 0.3s ease-in-out;
}

.abt-club:hover svg {
  color: #ff0808; /* Brighter red on hover */
}

.abt-club p {
  font-size: 18px;
  font-weight: bold;
  color: #333; /* Slightly softer black */
}

.dept-list {
  margin-top: -100px !important; /* Adjusted for better positioning */
  padding: 15px;
  border-radius: 12px;
  box-shadow: inset 0px 0px 12px 2px rgba(0, 0, 0, 0.5);
  background: rgba(179, 27, 27, 0.9); /* Darker red for better contrast */
}
.gallery h2{
    text-align:center;
    padding-bottom:30px;
}





/* about section */
  /* Container for the video banner section */
  .abt-video-banner {
    position: relative;
    width: 100%;
    height: 100vh; /* Make the section take full viewport height */
    overflow: hidden;
  }

  /* Styling for the video */
  .abt-video-banner video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the video covers the entire area */
    z-index: -1; /* Place the video behind other elements */
  }

  /* Styling for the overlay */
  .abt-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 10%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
  }

  /* Styling for the header inside the overlay */
  .abt-inner-header {
    position: relative;
    z-index: 1;
  }

  /* Styling for the container */
  .abt-video-banner .container {
    padding: 0 15px;
  }

  /* Styling for the header */
  .abt-head h1 {
    font-size: 3rem;
    margin-bottom: 10px;
    font-weight: bold;
  }

  /* Styling for the breadcrumb-like text */
  .abt-head p {
    font-size: 1.2rem;
    margin: 0;
  }

  /* Styling for the anchor tags */
  .abt-head a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
  }

  .abt-head a:hover {
    text-decoration: underline;
  }

  /* Styling for the abt-paras section */
  .abt-paras {
    align-items: center;
    text-align: center;
    padding: 50px 0; /* Adds padding for spacing */
  }

  /* Styling for the column inside the abt-paras */
  .abt-paras {
    width: 100%; 
    margin: 0 auto; 
  }

/* Styling for the first paragraph */
.abt-paras1, .abt-paras2 {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 20px;
    color: #333;
    font-family: freight-sans-pro-n7, freight-sans-pro, sans-serif;
}

  /* Container for the video and images */
  .abt-btm-video{
    padding: 50px 30px;
  }
  /* Grid Layout for Main Section */

  /* Side Images (Sliders) */
  .side-images {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 500px;
    overflow: hidden;
    position: relative;
  }

  .image-slide {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
  }

  .image-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
  }

  /* Video Section */
  .main-video {
      padding: 10px;
      background: #e4e4e4;
      border-radius: 15px;
      border: 2px solid #c3c3c3;
      margin-top: 20px;
  }

  .main-video video {
      width: 100%;
      height: 400px;
      border-radius: 10px;
      background: #000;
      object-fit: contain;
      display: block;
  }

  .image-slide p, .main-video p {
    position: absolute;
    bottom: 15px;
    left: 25%;
    color: white;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
  }


  .abt-clubs-departments {
    background: linear-gradient(to right, #f9f9f9, #f1f1f1);
    padding: 40px 0;
    margin-top: 80px; /* Reduced margin */
  }

  .abt-clubs-departments .row {
    --bs-gutter-x: 25px; /* More spacing between columns */
    --bs-gutter-y: 25px;
  }
  .abt-club-h4 {
    text-align: center;
    color: #900000;
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 30px;
  }
  .abt-club {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    gap: 12px;
    min-height: 140px;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  }

  .abt-club:hover {
    transform: scale(1);
    box-shadow: 0 10px 20px rgb(0 0 0 / 33%);
  }

  .abt-club svg {
    color: #ff4d4d; /* Slightly lighter red */
    width: 48px;
    height: 48px;
    transition: color 0.3s ease-in-out;
  }

  .abt-club:hover svg {
    color: #ff0808; /* Brighter red on hover */
  }

  .abt-club p {
    font-size: 18px;
    font-weight: 600;
    color: #0a090991;
  }
  .abt-club:hover p{
    color: #000000; /* Brighter red on hover */
    font-weight: 800;
  }


  .abt-club:hover::before { 
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #ff4d4d, #ff914d);
  }

.dept-list {
    margin-top: 0px!important;
    padding: 15px;
    border-radius: 12px;
    box-shadow: inset 0px 0px 12px 2px rgba(0, 0, 0, 0.5);
    background: rgba(179, 27, 27, 0.9);
    margin-bottom: 20px;
}

  /* Vision & Mission Section */
  .abt-vision-mission {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 50px 30px;
  }

  /* Container */
  .abt-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  /* Vision & Mission Sections */
  .abt-vision,
  .abt-mission {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    min-height: 300px;
    position: relative;
  }

  .abt-vision , .abt-mission {
    background: #ffffff; /* White Background */
  }

  /* Content Styling */
  .abt-vision-content, .abt-mission-content {
    max-width: 60%;
    z-index: 2;
  }

  .abt-container h2 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 10px;
  }

  .abt-vision h2,
  .abt-mission h2 {
    color: #d50000;
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
    position: relative;
  }

  /* Initially, no animation */
  .abt-vision-mission h2 {
    opacity: 1;
  }

  /* When animation triggers */
  .abt-vision-mission h2.animated {
    color: #d50000;
    transform: scale(1.1);
  }

  /* Animated underline effect */
  .abt-vision-mission h2.animated::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background-color: #d50000;
    animation: underline-animate 0.3s ease-in-out forwards;
  }

  /* Keyframes for underline animation */
  @keyframes underline-animate {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }

  /* After animation ends */
  .abt-vision-mission h2.remove-animation {
    color: #d50000;
    transform: scale(1);
  }

  .abt-container h3 {
    font-size: 22px;
    font-weight: 600;
    width: 70%;
    margin-bottom: 15px;
  }

  .abt-vision,
  .abt-mission h3 {
    color: #333;
  }


.abt-container p {
    font-size: 16px;
    line-height: 1.7;
    color: #000000ab;
}


  /* Image Styling */
  .abt-vision-image,
  .abt-mission-image {
    max-width: 40%;
    max-height: 250px; /* Decreased height */
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .abt-vision-image img,
  .abt-mission-image img {
    width: 100%;
    height: auto;
    max-height: 250px; /* Ensures image does not exceed set height */
    border-radius: 15px;
    object-fit: contain; /* Keeps image proportions */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
  .slide-section {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .background-slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    transition: background-image 1s ease-in-out;
    z-index: 0;
  }
  .background-slide::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4); /* adjust darkness */
    z-index: 1;
  }
  .content-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 20px;
    z-index: 2;
  }
  .background-title {
    position: absolute;
    top: 40%;
    left: 10%;
    text-align: left;
    color: #FFFFFF;
    font-size: 60px;
    font-weight: bold;
    width: 30%;
  }
  .text-content {
    position: absolute;
    top: 40%;
    left: 10%;
    text-align: left;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 600;
    width: 30%;
    margin-top: 80px;
}
  .cards-container {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
    width: 40%;
  }
  .abt-slide-card {
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    position: relative;
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    overflow: hidden;
  }
  .abt-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(23, 23, 23, 0.6);
    padding: 10px;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: bold;
  }
  .abt-overlay .title{
    color: #FFFFFF;
    z-index: 3;
  }
  
  /* abt-slide-section1 */
/* Section-Specific Preloader */
.abt-slide-container1-preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.8s ease-out, visibility 0.8s;
  z-index: 10;
}

.abt-slide-container1-preloader h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #007bff;
  animation: abt-slide-container1-pulse 1.5s infinite;
}

@keyframes abt-slide-container1-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.8; }
}

/* Fullscreen Slide Animation */
.abt-slide-container1 {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.abt-slide-container1-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(1.2);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

.abt-slide-container1-slide.active {
  opacity: 1;
  transform: scale(1);
}

.abt-slide-container1-content {
  text-align: center;
  color: white;
  font-size: 2rem;
  background: rgba(0, 0, 0, 0.5);
  padding: 20px;
  border-radius: 10px;
}
@media only screen and (min-width:300px) and (max-width:560px){
  .abt-vision-mission {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 50px 0px;
  }
  .abt-container h2 {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 10px;
  }
  .abt-vision-mission {
    padding: 30px 0px;
  }

  .abt-vision,
  .abt-mission {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    padding: 20px;
  }

  .abt-vision-image,
  .abt-mission-image {
    order: -1;
    max-width: 80%;
    max-height: 200px;
    margin-bottom: 15px;
  }

  .abt-vision-image img,
  .abt-mission-image img {
    max-height: 200px;
  }

  .abt-vision-content,
  .abt-mission-content {
    max-width: 100%;
  }


  .abt-container h3 {
    font-size: 20px;
    width: 100%;
  }

  .abt-container p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (min-width:560px) and (max-width:767px){
  .abt-vision-mission {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 50px 0px;
  }
  .abt-container h2 {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 10px;
  }
  .abt-vision-mission {
    padding: 30px 0px;
  }

  .abt-vision,
  .abt-mission {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    padding: 20px;
  }

  .abt-vision-image, .abt-mission-image {
      order: -1;
      max-width: 100%;
      max-height: 250px;
      margin-bottom: 15px;
  }

  .abt-vision-image img,
  .abt-mission-image img {
    max-height: 250px;
  }

  .abt-vision-content,
  .abt-mission-content {
    max-width: 100%;
  }

  .abt-container h2 {
    font-size: 34px;
  }

  .abt-container h3 {
    font-size: 22px;
    width: 100%;
  }

  .abt-container p {
    font-size: 16px;
    line-height: 24px;
  }
}


.centr-lib-detail li {
    font-size: 16px;
    line-height: 1.7;
    padding-bottom: 10px;
}

/* departments headers start */
/* Commerce with Computer start */

.commerce-computer-header {
  background-image: url('../images2/commerce-computer-banner.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}

.electronics-header {
  background-image: url('../images2/electronics-inner-banner.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}

.biochemistry-header{
  background-image: url('../images2/biochemistry-inner-banner.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}
.physical-education-header {
  background-image: url('../images2/physical-education-inner-banner.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}

.oriental-languages-header{
  background-image: url('../images2/oriental-languages-inner-banner.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}
.english-mediastudies-header {
  background-image: url('../images2/english-mediastudies-inner-banner.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
}

/* Commerce with Computer end */

/* common */
.container {
    max-width: 1350px;
}

/* departments headers end */

/* navbar fixed top */
.navbar-fixed-top.scrolled {
    position: fixed;
    background-color: #fff; /* or any bg */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}


/* department-inner-header start */

.department-inner-header {
    min-height: 130px;
    display: flex;
    align-items: center;
    background: #eeeeee;
    padding: 10px;
}
.department-inner-header .container {
    max-width: 1350px;
}

.department-inner-header h1 {
    font-size: 22px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 10px;
    color: #b31b1b;
    text-transform: uppercase;
}

.department-inner-header .breadcrumb {
    margin-top: 0 !important;
    background: #00000000;
    color: #000000;
    text-decoration: none;
    align-items: center;
    font-size: 14px;
    padding: 0 !important;
}

.abt-breadcrumb {
    margin-top: 0 !important;
    background: #00000000;
    color: #ffffff;
    text-decoration: none;
    align-items: center;
    font-size: 16px;
    padding: 0 !important;
}

.lengthy-heading .head{
 width: 70%;
}

.department-inner-header .breadcrumb a {
    color: #000000;
    text-decoration: none;
    padding: 0 3px;
    font-weight: bold;
}

.department-inner-header .breadcrumb a:hover {
    color: #b31b1b;
    text-decoration: none;
}

.inner-header-slider {
    height: 200px;
    overflow: hidden;
}

.inner-header-slider-wrap .inner-header-slider {
    display: flex;
    gap: 20px; 
    height: 100%;
    padding: 10px;
}

.inner-header-slider-wrap .slide-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.inner-header-slider-wrap .slide-item:hover img{
  border: 3px solid#b31b1b;

}

/* .inner-header-slider-wrap .slide-item img {
    min-width: 350px;
    height: 150px;
    object-fit: cover;
    display: block;
    border-radius: 13px;
} */

.inner-header-slider-wrap .slide-item img {
    width: 220px;
    height: 150px;
    object-position: top;
    object-fit: cover;
    display: block;
    border-radius: 13px;
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  border-color: #b31b1b !important;
  opacity: 1 !important;
}

/* depoartment-inner-header end */


/* department sidebar start */


.department-sidebar {
  background: #ffffff;
}

.department-sidebar-header h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px 0px;
  border-bottom: 2px solid #800000;
  color: #800000;
  margin-bottom: 5px;
}

.department-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.department-menu li {
    padding: 7px 16px;
    border-bottom: 1px dotted #ccc;
    position: relative;
}

.department-menu li:nth-child(even) {
  background-color: #eeeeee;
}

.department-menu li:nth-child(odd) {
  background-color: #ffffff;
}

.department-menu a {
  text-decoration: none;
  color: #000000;
  font-weight: 500;
  display: block;
  font-size: 16px;
}

.department-menu a:hover {
  color: #b31b1b;
}

.has-submenu > .sidebar-submenu-toggle::after {
  content: '';
  float: right;
  margin-top: 6px;
  border: 6px solid transparent;
  border-left-color: #666;
  transition: transform 0.3s ease;
}

.has-submenu.open > .sidebar-submenu-toggle::after {
  transform: rotate(90deg);
}

.department-submenu {
  display: none;
  margin-top: 8px;
  padding-left: 0;
}

.department-submenu li {
    padding: 5px 20px;
    font-size: 14px;
    background-color: inherit !important;
    list-style: none;
    border: none;
}

.department-submenu a {
  color: #1b1b1b;
  display: block;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.department-submenu a:hover {
  color: #b31b1b;
  text-decoration: none;
}

.has-submenu.open > .sidebar-submenu-toggle {
    color: #b31b1b;
    font-size: 16px;
    font-weight: 600;
}

.department-submenu {
  display: none;
}
.has-submenu.open .department-submenu,
.department-submenu.mobile-open {
  display: block;
}


/* department sidebar end */


/* custom-nav new style start */

.custom-nav {
  position: relative;
  padding: 5px !important;
}

.custom-nav .nav-link:hover {
  background-color: #b31b1b;
  color: #ffffff !important;
}

.custom-dropdown {
  display: none;
  position: absolute;
  top: 36px;
  left: 5px;
  background-color: #b31b1b;
  z-index: 1000;
  padding: 0;
  border-radius: 0 !important;
  margin: 0 !important;
}

.custom-nav:hover > .custom-dropdown {
  display: inline-block;
}

.custom-dropdown li {
    position: relative;
    border-bottom: 1px solid #ffffff !important;
    padding: 5px 10px 0;
    font-size: 12px;
    min-width: 250px;
}

.custom-dropdown .dropdown-item {
    color: #ffffff;
    font-weight: 500 !important;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-decoration: none;
    display: block;
}

.custom-dropdown li:hover a {
  color: #ffffff;
  transform: translateX(5px);
  transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}

.dropdown-menu a {
  background: none !important;
  border-bottom: none !important;
  transition: none;
}

.dropdown-menu a:hover {
  background: none !important;
  border-bottom: none !important;
}

.submenu-toggle::after {
  content: "";
  float: right;
  margin-top: 6px;
  border-left: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.custom-submenu {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 100%;
  left: auto;
  background-color: #b31b1b;
  z-index: 999;
  padding: 0;
  transition: opacity 0.2s ease-in-out 0.1s;
  border-radius: 0;
  box-shadow: none;
  width: fit-content;
  margin: 0;
  border: none;
}


.custom-submenu li:hover a {
  color: #ffffff;
  transform: translateX(10px);
}

.dropdown-submenu:hover > .custom-submenu {
  opacity: 1;
  visibility: visible;
}

.custom-dropdown,
.custom-submenu {
  transition: all 0.2s ease-in-out;
}

.custom-dropdown-left {
  left: auto !important;
  right: 0 !important;
  transform: none !important;   
}



/* custom-nav new style end */

/* footer new style start */

.footer-section-new {
    background-color: #282828;
    padding: 60px 0px 0px;
}
.footer-section-new .container {
    max-width: 1360px;
    margin: 0 auto;
}

.footer-content-new {
    margin-bottom: 50px;
}

.footer-title-new {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #fff;
}

.footer-text-new {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 10px 0;
    color: #ccc;
}

.footer-text-address {
    padding-top: 5px;
}

.footer-icon-new {
    color: #ffffff !important;
    margin-top: 2px;
    font-size: 20px;
    min-width: 18px;
}

.footer-social-links, .footer-useful-links, .footer-Study-links, .footer-address-new {
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 10px;
}
.footer-useful-links .footer-link-new {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 10px;
    border-bottom: 1px dashed #cccccc85;
    transition: color 0.3s ease;
}

.footer-Study-links .footer-link-new {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 10px;
    border-bottom: 1px dashed #cccccc85;
    transition: color 0.3s ease;
}

.footer-social-links .footer-link-new {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 10px;
    border-bottom: 1px dashed #cccccc85;
    transition: color 0.3s ease;
}

.footer-link-new {
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 5px;
}

.footer-link-new:hover {
  color: #ccc;
  text-decoration: none;
}

.footer-bottom-new {
    background-color: #000000;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}

/* footer new style end */

/* code-conduct start */

.code-conduct-section {
    padding: 60px 0;
    background-color: #ffffff;
}

.code-conduct-main-title {
    text-align: left;
    color: #900000;
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 10px;
}

.code-conduct-section p {
    line-height: 1.7;
    color: #000000;
    text-align: justify;
    margin: 10px !important;
    font-size: 16px;
}

.code-conduct-subheading {
    font-size: 20px;
    color: #b31b1b;
    font-weight: 700;
    margin: 40px 0 20px;
    text-align: left;
    text-transform: uppercase;
}

.code-conduct-listing-wrap {
    padding: 20px;
}

.code-conduct-listing {
    background: #ffffff;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.code-conduct-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f4f4f4;
    padding: 12px 16px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    white-space: normal;
}

.toggle-text {
  flex: 1;
  padding-right: 24px; /* prevent text underlapping icon */
  word-break: break-word;
}

.code-conduct-toggle::after {
  content: '+';
  position: absolute;
  right: 16px;
  font-size: 18px;
  transition: transform 0.3s ease;
}

.code-conduct-toggle.active::after {
  content: '−';
}


.code-conduct-content {
    display: none;
    margin: 20px;
    background: #fff;
    border: 2px dashed #b31b1b8f;
    border-radius: 13px;
    overflow: hidden;
}

.code-conduct-content.active,
.code-conduct-listing.active .code-conduct-content {
  display: block;
}

.code-conduct-list {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.code-conduct-list li {
    position: relative;
    padding: 10px 25px;
    font-size: 15px;
    text-align: justify;
    line-height: 1.6;
    border-bottom: 1px solid #d1d1d187;
    background-color: #fff;
}

.code-conduct-list li:nth-child(odd) {
  background-color: #fff;
}

.code-conduct-list li:nth-child(even) {
    background-color: #eeeeee;
}

.code-conduct-list li::before {
    content: "•";
    position: absolute;
    left: 10px;
    top: 12px;
    font-size: 20px;
    color: #000;
    line-height: 1;
}

.code-conduct-have-sublist li::before{
    display: none !important;
}

.Code-of-Conduct-btn {
    margin-top: 20px;
    padding: 12px 30px;
    background: #b31b1b;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
}

.Code-of-Conduct-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(179, 27, 27, 0.4);
    background: #a31515;
}


.Code-of-Conduct-btn a {
    font-size: 16px;
}

.Code-of-Conduct-btn a:hover {
    color: #ffffff;
    text-decoration: none;
}

.code-conduct-list > li h3 {
    margin-top: 10px;
    font-size: 18px;
    color: #b31b1b;
    font-weight: 600;
}

.code-conduct-list > li > ul {
  list-style: disc;
  margin-left: 20px;
  padding-left: 10px;
}

.code-conduct-list > li > ul > li {
    padding: 5px;
    border-bottom: none;
    background: inherit !important;
}

.facility-img {
    width: 100%;
    height: 250px;
    margin: 20px 0;
    overflow: hidden;
    padding: 15px !important;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.facility-img img {
  width: 100%;
  height: 100%;
  border-radius: 13px;
  object-fit: cover;
}

.facility-paragraph {
    margin: 20px;
    font-size: 16px;
    line-height: 1.7;
    color: #000000;
}

.facility-btn  a{
  margin: 20px;
  padding: 12px 30px;
  background: #b31b1b;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
}

.facility-btn a:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(179, 27, 27, 0.4);
  background: #a31515;
}



/* code-conduct end */

/* fyugp start */

.fyugp-img-col {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.fyugp-img-col img{
    max-width: 400px;
    height: auto;
    object-fit: contain;
}

.fyugp-text p {
    font-size: 18px;
    line-height: 1.7;
    color: #000000;
    margin: 10px !important;
}

.fyugp-list-header h4{
    text-align: left;
    color: #900000;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}

.fyugp-list-wrap {
    padding: 20px;
    margin-top: 20px;
}


/* fyugp end */

/* E-learning section start */

.e-learning-wrap {
  background-color: #ffffff;
  padding: 60px 0 ;
}

.elearning-title {
    text-align: left;
    color: #900000;
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 10px;
}

.elearning-subtext {
  font-size: 18px;
  color: #555;
  max-width: 700px;
  margin: 0 auto;
}

.elearning-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #000000;
    margin-bottom: 20px;
}

/* E-learning section end */

/* policy list start */

.policy-list-wrap {
    padding: 20px;
    border: 1px solid #00000040;
    border-radius: 10px;
}

.policy-list-header h4 {
    text-align: left;
    color: #900000;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
}

.policy-list {
  display: flex;
  flex-direction: column;
}

.policy-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0; 
  font-size: 16px;
  font-weight: 500;
}

.policy-title-wrap {
    flex: 1;
    padding: 10px 15px;
    transition: all 0.3s ease;
}

.policy-item:nth-child(odd) .policy-title-wrap {
  background-color: #ffffff;
}

.policy-item:nth-child(even) .policy-title-wrap {
  background-color: #eeeeee;
}

.policy-item:last-child {
  border-bottom: none;
}

.policy-title {
    color: #000000;
    display: block;
    width: 100%;
    text-align: left;
}

.policy-link-btn {
    padding: 5px 30px;
    background-color: #b31b1b;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 4px;
    font-size: 16px;
    transition: background-color 0.3s ease;
    margin: 0 16px;
}

.policy-link-btn:hover {
  background-color: #800000de;
  color: #ffffff;
  text-decoration: none;
}

.policy-title-wrap small {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
}

/* policy list end */

/* common departments style start */

.fancybox__progress {
    background: #b31b1b;
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 30;
    user-select: none;
}
.cs-content-wrap{
    padding: 20px;
    border: 1px solid #00000040;
    border-radius: 10px;
}

.cs-heading {
    font-weight: 500;
    font-size: 32px;
    padding-bottom: 20px;
    text-align: center;
    line-height: 1.3;
    color: #000000;
}

.cs-subheading {
    font-size: 28px;
    text-align: left;
    color: #b31b1b;
    font-weight: 600;
    margin-bottom: 20px;
}

.cs-miniheading {
    font-size: 22px;
    color: #b31b1b;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: left;
}

.cs-list-head {
    font-size: 18px !important;
    margin-bottom: 10px;
}

.cs-content{
  text-align: justify;
}

.cs-malayalam {
  font-family: 'Manjari', sans-serif;
}

.cs-content-wrap p {
    font-size: 16px;
    line-height: 1.7;
    color: #000000;
}

.cs-content-wrap ul {
    list-style-type: disc;
    padding-left: 40px;
}

.cs-content-wrap ul li {
    margin-bottom: 10px;
    font-size: 16px;
    padding: 0;
    line-height: 1.5;
    color: #000000;
}

.cs-image-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.cs-image-wrap .cs-image {
    max-width: 800px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.coordinator-list {
  list-style: none !important;
  padding-left: 20px !important;
  margin: 0;
}

.coordinator-list li {
  padding: 12px 16px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  margin-bottom: 10px;
  color: #444;
  transition: background-color 0.3s ease;
}

.coordinator-list li:hover {
  background-color: #f0f0f0;
}

/* common departments style end */

/* scholarship start */

.scholar-list-wrap {
    padding: 20px;
    border: 1px solid #00000040;
    border-radius: 10px;
    margin: 20px 10px;
}

.scholar-list-header h4 {
    text-align: left;
    color: #b31b1b;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.faculty-scholarship-section {
  padding:20px 20px 0;
}

.faculty-scholarship-wrap {
  margin-bottom: 30px !important;
}

.faculty-section-title {
  font-size: 24px;
  font-weight: 700;
  color: #b31b1b;
  border-bottom: 2px solid #b31b1b;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.faculty-scholarship-item {
    display: flex;
    align-items: flex-start;
    background: #ffffff;
    border: 1px dashed #bbbbbb;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    transition: box-shadow 0.3s ease;
}

.faculty-scholarship-item:hover {
    box-shadow: 0 4px 12px rgb(0 0 0 / 16%);
    border: 1px solid #b1300b;
}

.faculty-scholarship-icon {
  font-size: 28px;
  margin-right: 15px;
  color: #b31b1b;
  flex-shrink: 0;
}

.faculty-scholarship-title {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 10px;
}

.faculty-scholarship-sponsored {
    font-style: italic;
    color: #000000db !important;
    margin-bottom: 5px;
}

.faculty-scholarship-desc {
  font-size: 15px;
  color: #000000cc !important;
  margin-bottom: 10px;
  text-align: justify;
}

.faculty-scholarship-list {
  list-style: disc;
  padding-left: 20px;
  margin: 0;
}

.faculty-scholarship-list li {
  margin-bottom: 5px;
  font-size: 15px;
  color: #333;
}

.award-item {
  background-color: #fef7e0;
  border-left: 4px solid #fbbf24;
}


/* scholarship end */

/* career guidence and palcement cell start */

.progression-list-wrap {
    padding: 20px;
    border: 1px solid #00000040;
    border-radius: 10px;
    margin-top: 40px;
}

.placement-contact-wrap {
    background-color: #f7f7f7;
    border-left: 3px solid #b31b1b;
    padding: 16px 20px;
    margin: 20px 15px;
    border-radius: 8px;
    font-size: 16px;
    color: #333;
}

.placement-contact-wrap .placement-email{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;   /* allow wrap */
}

.placement-contact-wrap .placement-email a{
    white-space: normal;         
    overflow-wrap: anywhere;    
}

.placement-email {
  font-weight: 500;
}

.placement-email i {
    color: #b31b1b;
    margin: 0;
}

.placement-email a {
  color: #b31b1b;
  text-decoration: none;
}

.placement-email a:hover {
  text-decoration: none;
  color: #5d0303;
}

/* career guidence and palcement cell end */

/* recruiters start */

.recruiters-wrap {
    padding: 30px 20px;
    margin-top: 20px;
    text-align: center;
}

.recruiters-wrap .cs-miniheading {
    font-size: 32px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 600;
    color: #b31b1b;
    position: relative;
}

.recruiters-logo-wrap{
  padding: 0 20px;
}

.recruiters-logo {
    padding: 20px;
    background-color: #eeeeee63;
    border: 1px solid #b31b1b94;
    border-radius: 15px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recruiters-logo img {
  max-height: 60px;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
}



/* recruiters end */

.navbar-expand-lg .navbar-toggler-middle {
    display: none;
}

.navbar-expand-lg .navbar-collapse-middle {
    justify-content: right;
    padding: 12px 0px;
}


/* new department slider start */

  .dept-slider-wrap {
    padding: 30px 15px;
  }

  .new-dept-slider {
    display: flex;
  }

  .new-dept-card {
      position: relative;
      overflow: hidden;
      max-height: 250px;
      margin: 10px;
      border-radius: 13px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  }

  .new-dept-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
  }

  .new-dept-card:hover img {
    transform: scale(1.05);
  }

  .new-dept-overlay {
    position: absolute;
    bottom: -6px;
    width: 100%;
    height: 60px;
    padding: 12px 15px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
  }

  .new-dept-card:hover .new-dept-overlay {
    transform: translateY(-5px);
    opacity: 1;
  }

  .new-dept-title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    transition: color 0.3s ease;
  }

  .new-dept-card:hover .new-dept-title {
    color: #b31b1b;
  }

/* new department slider end */

/* gallery-new start */

.gallery-new-wrapper {
  padding: 60px 0;
  background: #fff; /* Optional background */
}

.gallery-new-title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: bold;
  color: #222;
}

.gallery-slider .slick-slide {
  padding: 0 10px; 
}

.gallery-slider-img{
  max-height: 260px;
}

.gallery-slider .slick-slide {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1s ease;
}

.gallery-slider .slick-slide.active-slide {
  opacity: 1;
  transform: translateY(0);
}

.gallery-slider img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 12px;
}

/* gallery-new end */

/* news section start */

.home-banner{
  width: 100%;
  height: 68vh;
}
.home-banner img {
  width: 100%;
  height: 68vh;
  object-fit: cover;
  object-position: top;
}

.home-banner .slick-slide {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.clearfix{
  padding: 0;
}
.ticker-typewriter {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #b31b1b;
  overflow: hidden;
}

.ticker-title {
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  padding: 10px 10px 10px 30px;
}

.typewriter-wrapper {
  overflow: hidden;
  flex: 1;
  padding: 10px;
  position: relative;
}

.marquee-track {
  display: inline-flex;
  width: max-content;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 50s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.marquee-track:hover {
  animation-play-state: paused;
}
.marquee-track a {
    color: #ffffffde;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 30px;
    padding-right: 10px;
    border-right: 1px solid #ffffffe6;
}

.marquee-track a:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.marquee-track a:hover {
  color: #fff;
  text-decoration: none;
}

/* news section end */

/* english department page start */

.ems-highlights {
    background-color: #FFFFFF;
    border: 1px solid #b31b1b2b;
    box-shadow: 0 6px 6px #b31b1b24;
    padding: 20px;
    border-radius: 15px;
    margin: 20px 0;
}

.ems-highlights h4 {
    font-size: 24px;
    font-weight: 600;
    color: #b13b1b;
    margin-bottom: 20px;
}

.ems-highlights ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.ems-highlights ul li {
  margin-bottom: 10px;
  font-size: 16px;
  width: 100%;
  line-height: 1.7;
  color: #000000;
  position: relative;
  padding-left: 25px;
}

.ems-highlights ul li i {
  position: absolute;
  left: 0;
  top: 4px;
  color: #b13b1b;
}

.ems-courses {
  padding: 20px 0;
}

.ems-courses h4 {
  font-size: 26px;
  font-weight: 700;
  color: #b13b1b;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}

.ems-course-list-wrap {
    padding: 0px 10px;
}

.ems-course-list h5 {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}

.ems-course-list {
    border: 1px solid #8b000045;
    padding: 20px;
    border-radius: 15px;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.ems-course-list:hover {
    box-shadow: 0px 8px 12px #b31b1b45;
}

.ems-course-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ems-course-list ul li {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.7;
  color: #000000;
  position: relative;
  padding-left: 22px;
}

.ems-course-list ul li i {
  position: absolute;
  left: 0;
  top: 7px;
  color: #b13b1b;
  font-size: 14px;
}


/* english department page end */

/* management page start */

.board-grid {
    position: relative;
    height: 600px;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 20px;
}

.board-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images2/sree-main2.webp');
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(3px);
  z-index: 0;
}


.board-card {
    position: absolute;
    max-width: 250px;
    background: #fff;
    padding: 10px;
    border-radius: 13px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s;
    z-index: 3;
}

.board-card:hover {
  transform: translateY(-5px);
}

.board-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 5px;
}

.board-card img:hover {
  transform: scale(1) !important;
}

.board-info {
    padding-top: 10px;
}

.board-info h5 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.board-info p {
  margin: 0;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.board-top-left {
  top: 20px;
  left: 40px;
}

.board-top-right {
  top: 20px;
  right: 250px;
}

.board-bottom-left {
    bottom: 20px;
    left: 200px;
}

.board-bottom-right {
    bottom: 20px;
    right: 90px;
}

/* management page ends */

/* principle page start */

.profile-split-card {
  display: flex;
  flex-wrap: wrap;
  border-radius: 12px;
  overflow: hidden;
  align-items: center;
}

.profile-left {
  padding: 10px;
}

.principal-details h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #800000;
}

.profile-left img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  object-position: top;

}

.profile-righ-col{
  padding: 0 20px;
}

.profile-right {
    padding: 20px;
    background: #faf2f2;
    border-radius: 13px;
}

.profile-right h5 {
    font-size: 24px !important;
    color: #000000 !important;
    margin-bottom: 15px;
    font-weight: 600;
}

.profile-right p {
    font-size: 15px;
    margin: 0 0 12px 0px;
    color: #000000bf;
}

.profile-right strong {
  color: #000000;
}

/* principle page end */

/* loction page start */

.location {
  padding: 25px;
  margin-bottom: 30px;
}

.location-heading {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #222;
  text-align: left;
}

.map-wrapper {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

.map-wrapper iframe {
  width: 100%;
  height: 400px;
  border: 0;
  display: block;
}

/* loction page end */

/* former-principal page start */

.capability-wrap{
    padding: 20px;
    border: 1px solid #00000040;
    border-radius: 10px;
    margin-top: 40px;
}

.capability-list-header h4{
    text-align: left;
    color: #900000;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 10px;
}


.fp-content-wrap{
    padding: 20px;
    border: 1px solid #00000040;
    border-radius: 10px;
}

/* .fp-content-wrap h2 {
    text-align: left;
    color: #000000a6;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
} */

.former-principal-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.former-principal-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5;
}

.former-principal-list li::before {
    content: '\f14a';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: -5px;
    color: #000;
    font-size: 20px;
    padding: 0;
    margin: 0;
}

.former-principal-list li span {
  font-weight: 600;
  margin-right: 5px;
}

.former-principal-list em {
  font-style: normal;
  color: #666;
  margin-left: 5px;
  font-size: 14px;
}

/* former-principal page end */

/* other alumini start */

.alumni-programs-grid {
  padding: 20px;
}

.alumni-card {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.alumni-card h5 {
  font-size: 20px;
  color: #b31b1b;
  margin-bottom: 10px;
}

.alumni-card p {
  font-size: 15px;
  color: #333;
  text-align: center;
  margin: 0;
}

.alumni-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/* other alumini end */

/* english activty inner start */

.doc-list-container {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.doc-list-header h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #000000;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

.doc-list-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.doc-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  border: 1px solid #eee;
  border-radius: 6px;
  background: #f9f9f9;
  transition: all 0.3s ease;
}

.doc-list-item:hover {
  background: #f1f1f1;
  border-color: #ddd;
}

.doc-list-title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}

.doc-list-btn {
    background: #b13b1b;
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 4px;
    font-size: 14px;
    transition: background 0.3s ease;
}

.doc-list-btn:hover {
  background: #800000;
  color: #ffffff;
  text-decoration: none;
}

/* english activty inner end */


/* ssp page start */

.ssp-content {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 16px;
    border: 1px solid #b13b1b52;
    box-shadow: 0px 6px 8px #b31b1b24;
    margin: 20px 0 30px;
}

.ssp-coordinator-list {
    list-style: none !important;
    padding-left: 0px !important;
    margin: 0;
}

.ssp-coordinator-list li {
  padding: 10px 5px;
  color: #000;
  margin: 0 !important  ;
}

.ssp-doc-list-wrap {
    padding: 20px;
    margin-top: 20px;
}

.ssp-doc-list-header h4 {
  font-size: 18px;
  color: #b13b1b;
  font-weight:600 ;
  margin-bottom: 15px;
}


.ssp-doc-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 25px;
    border-radius: 13px;
    background: #f1f1f1;
    border: 1px solid #ddd;
}


.ssp-doc-title {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  width: 80%;
}

.ssp-doc-btn {
  background: #b13b1b;
  color: #fff;
  text-decoration: none;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 14px;
  transition: background 0.3s ease;
}

.ssp-doc-btn:hover {
  background: #800000;
  color: #fff;
}

.ssp-content:last-child {
    margin-bottom: 0px;
}

/* ssp page end */

/* wws page start */

.wws-coordinator-wrap {
  margin-bottom: 30px;
}

.wws-coordinator-card {
    display: flex;
    align-items: center;
    width: 100%;
    background: #f9f9f9;
    border: 1px solid #b31b1b3b;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.wws-coordinator-img img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #b13b1b;
}

.wws-coordinator-details {
  margin-left: 20px;
}

.wws-coordinator-details h5 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #b13b1b;
}

.wws-coordinator-role {
  margin: 5px 0;
  font-size: 15px;
  font-weight: 500;
}

.wws-coordinator-dept {
    color: #000000bd !important;
    font-size: 14px !important;
    margin: 0 !important;
}

.wws-coordinator-card a{
  color: #000000;
  text-decoration:none;
}

.wws-coordinator-card a:hover{
  color: #b13b1b;
  text-decoration:none;
}

.wws-gallery-wrap {
  margin-top: 20px;
}

.wws-gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    margin-bottom: 20px;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wws-gallery-card img {
  width: 100%;
  height: 100%;
  display: block;
  transition: transform 0.3s ease;
}

.wws-coordinator-wrap p{
  text-align: left !important;
  margin: 0px 0 5px!important;
}

.wws-gallery-caption {
  position: absolute;
  bottom: 0;
  background: rgba(177, 59, 27, 0.9);
  color: #fff;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  text-align: center;
}

.wws-gallery-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.wws-gallery-card:hover img {
  transform: scale(1.05);
}

.wws-popup-modal {
  display: none;
  position: fixed;
  z-index: 10000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

.wws-popup-img {
  max-width: 800px;
  width: 100%;
  margin-top: 20px;
  border-radius: 8px;
}

.wws-popup-caption {
  margin: 15px auto;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.wws-popup-close {
  position: absolute;
  top: 20px;
  right: 40px;
  color: #fff;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
}

.wws-popup-close:hover {
  color: #b13b1b;
}

.wws-btn-wrap{
  margin: 20px;
}

/* wws page end */
.union-member-photo {
  text-align: center;
  margin: 30px 0;
}

.union-member-img-wrap {
    width: 100%;
    max-width: 500px;
    height: unset !important;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
}

.union-member-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.union-member-img:hover {
  transform: scale(1.05);
}

.union-popup-modal {
  display: none;
  position: fixed;
  z-index: 10000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

.union-popup-content {
  max-width: 600px;
  width: 100%;
  margin-top: 20px;
  border-radius: 8px;
}

.union-popup-close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10001;
}

.info-card-wrap{
    margin: 20px 0;
}
.info-card {
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 16px;
  border: 1px solid #b13b1b52;
  box-shadow: 0px 6px 12px #b31b1b24;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 12px 20px #b31b1b34;
}

.info-card-title {
    font-size: 18px;
    color: #b31b1b;
    margin-bottom: 20px;
    font-weight: 600;
}

.info-card-content {
    font-size: 16px !important;
    color: #00000099 !important;
    line-height: 1.7;
    margin: 5px 0 !important;
}

.info-card-list {
    padding-left: 30px;
    margin: 0;
    list-style: disc;
    color: #000000ab;
}

.info-card-list li {
    margin-bottom: 8px;
    font-size: 16px;
}

.club-list-wrap {
    /* background-color: #FFFFFF;
    border: 1px solid #b13b1b52;
    box-shadow: 0 6px 6px #b31b1b24;
    padding: 20px;
    margin-bottom: 30px; */
    padding: 20px;
    border: 1px solid #00000040;
    border-radius: 10px;
    margin:10px 0 20px;
}

.club-list-wrap .policy-list-header h4 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #b13b1b;
    border-bottom: 1px solid #b13b1b30;
    padding-bottom: 8px;
}


/* home page counter section start  */

.counter-section {
    padding: 20px 0;
}

.counter-box {
    padding: 30px 15px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 6px 8px #b31b1b2b;
    border: 2px solid #b31b1b52;
    transition: transform 0.3s ease;
    height: 100%;
}

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

.counter-icon {
    font-size: 60px;
    color: #b31b1b;
    margin-bottom: 15px;
}

.counter-number {
  font-size: 32px;
  font-weight: bold;
  display: block;
  color: #333;
}

.counter-label {
  font-size: 18px;
  margin-top: 10px;
  color: #555;
}

/* home page counter section end */


/* YANTHRIKA Gallery Styles start */

.cs-gallery-btn-group {
  margin: 40px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}

.cs-gallery-btn {
  padding: 5px 15px;
  border: 2px solid #000000;
  background-color: #fff;
  color: #000000;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.cs-gallery-btn.active ,.cs-gallery-btn:hover {
    background-color: #800000;
    color: #fff;
    border: 2px solid #800000;
}

.cs-gallery-row{
  display: flex;
  justify-content: center;
  align-items: center;
}

.cs-gallery-item {
  transition: all 0.3s ease-in-out;
  padding: 10px !important;
}

.cs-gallery-item-warp {
    padding: 10px;
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0px 6px 10px #00000030 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cs-gallery-item img, .cs-gallery-item video {
    width: 100%;
    height: 300px;
    max-height: 300px;
    object-fit: cover;
    object-position: top;
    border-radius: 10px !important;
}

.cs-gallery-video {
  width: 100%;
  border-radius: 12px;
}

.cs-course-list{
  padding:10px 15px;
}
.cs-course-list ul {
    padding: 0;
    margin: 0;
    list-style: none !important;
}

.cs-course-list ul li{
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.7;
    color: #000000;
    position: relative;
    padding-left: 30px;
}

.cs-course-list ul li i {
    position: absolute;
    left: 5px;
    top: 7px;
    color: #b13b1b;
    font-size: 14px;
}

.cs-lab-slider {
  width: 100%;
  padding: 20px 0;
  position: relative;
}
.cs-lab-slider .slick-slide{
  margin:20px 0;
}

.cs-lab-slider img {
    max-height: 200px !important;
    object-fit: cover;
    margin: auto;
    border-radius: 12px;
}

/* YANTHRIKA Gallery Styles end */


/* central library start */

.centr-lib {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 20px 0;
}

.centr-lib img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
}

.lib-incharge-profile {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-top: 20px;
}

.lib-incharge-img img {
  width: 160px;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  margin-bottom: 12px;
}

.lib-incharge-details {
    text-align: left;
    padding: 20px;
}

.lib-incharge-details h5 {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #b31b1b;
}

.lib-incharge-role,
.lib-incharge-dept,
.lib-incharge-email {
  font-size: 14px;
  color: #555;
  margin-bottom: 3px;
}

.lib-incharge-email a {
  color: #000000;
  text-decoration: none;
}

.lib-incharge-email a:hover {
  text-decoration: none;
  color: #b31b1b;
}

.cs-content:target {
  scroll-margin-top: 200px !important;
}

.ms-list {
  padding: 0px !important;
}

.ms-list ul{
  padding-left:20px;
  margin: 0;
  list-style: none;
}

.placed-student-slider {
  margin-top: 30px;
}

.placed-students {
    text-align: center;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: inset 0 2px 10px #b31b1b78;
    margin: 10px;
    border: 1px solid #b3202591;
    min-height: 250px;
}

.placed-students-img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid #b31b1b;
    margin-bottom: 10px;
    transition: transform 6s ease-in-out;
}

.placed-students h5 {
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0;
}

.placed-students h6 {
  font-size: 16px;
  color: #000000;
  margin-bottom: 5px;
}

.placed-students p {
    font-size: 14px !important;
    color: #000000;
    margin: 0 !important;
}

.fyugp-button {
    display: inline-flex;
    position: relative;
    align-items: center;
    background-color: #003366;
    color: white;
    border-radius: 50px;
    margin: 20px auto;
    padding: 15px 30px;
    text-decoration: none;
    width: fit-content;
}

.fyugp-button:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.fyugp-button img {
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: contain;
    background: #fff;
}

.fyugp-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    text-align: center;
    padding-left: 25px;
}

.fyugp-title {
  font-size: 16px;
  font-weight: 700;
}

.fyugp-subtitle {
  font-size: 13px;
  font-weight: 400;
}

.programmes-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 20px;
  font-family: inherit;
  font-size: 16px;
  overflow: hidden;
  border: 1px solid #c24949f0;
}

.programmes-table thead th {
    background-color: #c65454;
    color: #fff;
    padding: 14px 16px;
    text-align: left;
    font-weight: 600;
    border: 2px solid #c65454;
}

.programmes-table td {
  padding: 14px 16px;
  text-align: left;
  border: 1px solid #c65454;
}

.programmes-table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.programmes-table tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}

/* Optional: smoother spacing in cells */
.programmes-table th,
.programmes-table td {
  line-height: 1.6;
  vertical-align: top;
}


.programmes-table-wrap{
    overflow-x: auto;
}

.contact-form-box, .info-box, .map-box {
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
    padding: 15px 15px;
    box-shadow: 0 4px 10px #b31b1b59;
    margin-bottom: 20px;
    border: 1px solid #b31b1b69;
}

.contact-form-box .form-title {
  font-size: 22px;
  font-weight: 700;
  color: #b13b1b;
  margin-bottom: 25px;
}

.contact-form-box .form-group label {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.contact-form-box input, .contact-form-box textarea {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #000000b8;
    border-radius: 6px;
    font-size: 16px;
    background-color: #ffffff;
    color: #000;
}

.contact-form-box input:focus-visible, .contact-form-box textarea:focus-visible {
    border-color: #b13b1b;
    outline: none;
}

.contact-form-box textarea {
    resize: vertical;
    height: 130px;
}

.contact-form-box .contact-btn {
    background-color: #b13b1b;
    color: #fff;
    padding: 12px 24px;
    font-size: 15px;
    width: 100%;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    margin-top: 15px;
    transition: background-color 0.3s ease;
}

.contact-form-box .contact-btn:hover {
  background-color: #800000;
}

.contact-pad{
  padding:0 10px ;
}


.info-box .info-title {
  font-size: 18px;
  font-weight: 700;
  color: #800000;
  margin-bottom: 12px;
}

.info-box .info-text {
    font-size: 14px;
    color: #000;
    margin: 0;
    padding-left: 15px;
    line-height: 1.6;
}

.map-box iframe {
  width: 100%;
  height: 280px;
  border-radius: 10px;
  border: 2px solid rgba(177, 59, 27, 0.2);
}

.campus-image img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0px 4px 10px #00000060;
    margin: 30px auto;
}

.gm-style .place-card .place-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    color: #b31b1b !important;
}

.Extension-row {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.cs-inner-content h5 {
    font-size: 20px;
    color: #000000;
    font-style: italic;
    margin-bottom: 10px;
}

.cs-inner-content p {
    font-size: 16px;
    color: #000000;
    margin: 0 0 10px !important;
    line-height: 1.5;
}

.outreach-img img {
    object-fit: cover;
    min-height: 300px;
    border-radius: 13px;
}

.outreach-img {
    padding: 20px 0;
}

.outreach-gallery-grid {
  margin-top: 20px;
  row-gap: 20px;
}

.outreach-image-card {
  overflow: hidden;
  border-radius: 13px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.outreach-image-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.outreach-thumb {
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.outreach-image-card:hover .outreach-thumb {
  transform: scale(1);
}

.fancybox__container {
    z-index: 99999 !important;
}

.centar-lib-wrap {
    padding: 0 !important;
}

.nlist-login-img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  transition: transform 0.3s ease;
}

.nlist-login-img:hover {
  transform: scale(1.02);
}

.nlist-login-img-wrap {
    margin: 30px auto;
}

.cs-button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin: 30px 0;
}

.cs-btn {
    margin-top: 20px;
    padding: 12px 30px;
    background: #b31b1b;
    border-radius: 5px;
    text-align: center;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
}

.cs-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(179, 27, 27, 0.4);
    background: #a31515;
    color: #fff !important;
}

.cs-btn:hover a{
  color: #fff !important;
}

.naac-cycle-btn {
    border: 2px solid #b31b1b;
    color: #b31b1b;
    background-color: #fff;
    padding: 10px 30px;
    font-weight: 700;
    border-radius: 13px;
    margin: 20px 10px;
    transition: all 0.3s ease;
}

.naac-cycle-btn:hover {
  background-color: #800000;
  color: #fff;
}

.naac-cycle-btn.active {
  background-color: #800000;
  color: #fff;
  box-shadow: 0 4px 12px #b31b1b78;
}
.admission-sidebar {
  background: #fff;
  margin-top: 20px;
  padding: 0;
  border-radius: 16px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.contact-card {
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
}

.contact-card:last-child {
  border-bottom: none;
}

.contact-card h6 {
  font-size: 16px;
  color: #b13b1b;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.contact-card .name {
  font-size: 16px;
  margin-bottom: 4px;
  padding-left: 15px;
  color: #000000;
}

.contact-card p {
  margin: 0 0 4px;
  font-size: 16px;
  padding-left: 15px;
}

.contact-card a {
    color: #000000cf;
    text-decoration: none;
    transition: 0.2s;
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
}

.contact-card a:hover {
  color: #8b0000;
  text-decoration: none;
}

.admission-sidebar a {
  word-break: break-all; /* force-break long email if needed */
  overflow-wrap: anywhere;
}

.campus-border{
  display: flex;
}

.campus-border img{
  padding: 20px; 
  border: 1px solid #0000006b;
}
.news-box-col{
  padding: 15px;
}
.news-box {
    border: 3px solid #b31b1b;
    background-color: #fff;
    border-radius: 15px;
    transition: 0.3s ease;
    overflow: hidden;
} 

.news-box img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
    box-shadow: 0px 3px 8px #0000001f;
}

.news-box-content{
  padding:20px;
}

.cl-title {
    font-weight: 600;
    color: #b13b1b;
    font-size: 18px;
    margin-bottom: 5px;
}

.news-box-content span {
    font-weight: 500;
    color: #000;
    font-size: 16px;
}

.cl-date, .cl-publish{
    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
    margin-bottom: 5px;
    color: #000000;
}

.st-hover:hover {
    background: #b31b1b40 !important;
}

.club-content-row {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.club-content-col{
  padding: 10px 15px;
}

.club-content {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 16px;
    border: 1px solid #b13b1b52;
    box-shadow: 0px 6px 8px #b31b1b24;
    height: 100%;
}

.electra-row{
  margin-top: 20px;
}

@media screen and (min-width:300px) and (max-width: 576.98px) {

/* navbar start */

.navbar {
    padding: 0px 20px !important;
}

.navbar-toggler {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 30px;
    width: 40px;
    align-items: center;
    border: 2px solid #000;
    background-color: transparent;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px;
    padding: 0;
}

.navbar-toggler-icon span,
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  margin: auto;
  background-color: #fff;
  left: 0;
  right: 0;
  transition: all 0.3s ease;
}

.navbar .navbar-brand img {
    height: 50px;
    width: fit-content;
    object-fit: contain;
}

.navbar-toggler-icon {
  display: block;
  position: relative;
  width: 20px;
  margin: auto;
  height: 2px;
  background-color: #fff;
}
.navbar-toggler-icon::before {
  top: -8px;
}

.navbar-toggler-icon::after {
  top: 8px;
}

.navbar-toggler.open .navbar-toggler-icon {
  background: transparent !important;
}

.navbar-toggler.open .navbar-toggler-icon::before {
  transform: rotate(45deg);
  top: 0;
}

.navbar-toggler.open .navbar-toggler-icon::after {
  transform: rotate(-45deg);
  top: 0;
}

.navbar-toggler.open .navbar-toggler-icon span {
  display: none;
}

.navbar-collapse {
    position: fixed;
    background: #ffffff;
    top: 90px;
    width: 250px;
    z-index: 999;
    padding: 10px !important;
    left: 0;
    box-shadow: 2px 7px 7px rgb(0 0 0 / 19%);
}

.navbar-expand-lg .navbar-toggler-middle {
    display: block;
}
.navbar-toggler-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 30px;
    width: 40px;
    align-items: center;
    border: 2px solid #000;
    background-color: #800000 !important;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px;
    z-index: 1000;
}

.navbar-toggler-middle-icon {
  display: block;
  position: relative;
  width: 20px;
  margin: auto;
  height: 2px;
  background-color: #fff;
}

.navbar-toggler-middle-icon span,
.navbar-toggler-middle-icon::before,
.navbar-toggler-middle-icon::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  margin: auto;
  background-color: #fff;
  left: 0;
  right: 0;
  transition: all 0.3s ease;
}

.navbar-toggler-middle-icon::before {
  top: -8px;
}

.navbar-toggler-middle-icon::after {
  top: 8px;
}

.navbar-toggler-middle.open .navbar-toggler-middle-icon {
  background: transparent !important;
}

.navbar-toggler-middle.open .navbar-toggler-middle-icon::before {
  transform: rotate(45deg);
  top: 0;
}

.navbar-toggler-middle.open .navbar-toggler-middle-icon::after {
  transform: rotate(-45deg);
  top: 0;
}

.navbar-toggler-middle.open .navbar-toggler-middle-icon span {
  display: none;
}


.header-middle  .navbar-collapse {
    position: fixed;
    background: #fff;
    top: 90px;
    width: 250px;
    z-index: 999;
    padding: 0 !important;
    right: 0 !important;
    left: unset !important;
    overflow-y: auto;
    max-height: 70vh;
}


  .custom-nav {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

  .second-header .navbar-nav a {
    font-size: 12px;
    font-weight: 500;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .custom-nav > .nav-link {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none !important;
    padding: 10px;
  }

  .custom-dropdown,
  .custom-submenu {
    display: none !important;
    opacity: 0;
    visibility: hidden;
    position: static !important;
    background-color: #ffffff !important;
    padding-left: 20px;
    margin: 0;
    transition: all 0.2s ease-in-out;
    width: 100%;
  }

  .custom-dropdown.mobile-open,
  .custom-submenu.mobile-open {
    display: block !important;
    opacity: 1;
    visibility: visible;
  }

  .custom-dropdown, .custom-submenu {
      padding-left: 0px;
      border: none;
  }

  .custom-dropdown li > a, .custom-submenu li > a {
      font-size: 13px;
      padding: 6px 0;
      color: #000 !important;
      border-bottom: none !important;
  }

  .custom-dropdown .dropdown-item,
  .custom-submenu .dropdown-item {
    color: #000000;
    font-weight: 500;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
  }

  .custom-nav:hover {
      background-color: #ffffff !important;
      color: #000000 !important;
  }

  .custom-nav .nav-link{
      background-color: #ffffff !important;
      color: #000000 !important;
  }

  .custom-nav .nav-link:hover {
      background-color: #ffffff !important;
      color: #000000 !important;
  }

  .custom-dropdown.mobile-open .dropdown-item, .custom-submenu.mobile-open .dropdown-item {
      color: #ffffff;
      transform: translateX(1px);
      transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
      padding: 2px !important;
  }

  .custom-submenu.mobile-open .dropdown-item {
    transform: translateX(2px);
  }

  .submenu-toggle::after {
    content: "";
    float: right;
    margin-top: 6px;
    border-left: 5px solid #000000;
}
  
.custom-submenu .dropdown-item {
  max-width: 200px;
  white-space: normal !important;
  word-wrap: break-word;
}

  .dropdown-submenu .submenu-toggle {
      font-size: 12px !important;
      font-weight: 600 !important;
  }

  .custom-dropdown li {
      border-bottom: none !important;
      padding: 3px 10px;
      min-width: 200px;
  }

/* navbar end */

/* department inner start */

.department-inner-header h1 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 6px;
}

.department-inner-header {
    min-height: 100px;
    padding: 10px;
}

.inner-header-slider-wrap{
  display: none !important;
}
.department-inner-header .breadcrumb {
    font-size: 12px;
}
.department-inner-header .breadcrumb a {
    font-size: 12px;
}

/* department inner end */

/* computer science start */

.managment {
    margin-top: 40px;
    margin-bottom: 40px;
}

.cmn-inner p {
    margin: 10px;
    font-size: 14px;
}

.cs-heading {
    font-size: 22px;
    padding-bottom: 15px;
}

.cs-subheading {
    font-size: 18px;
    text-align: left;
    margin-bottom: 15px;
}

.cs-miniheading {
    font-size: 16px;
    margin-bottom: 15px;
}

.cs-content-wrap p {
    font-size: 14px;
}

.cs-content p{
  font-size: 14px;
}

.vision-details h2, .mission-detail h2  {
    font-size: 18px;
    padding: 0;
    background: none;
    box-shadow: none;
}

.vision-details, .mission-detail {
    padding: 15px;
}

.mission-detail h3 {
    font-size: 16px;
}

.cs-content-wrap ul {
    padding-left: 30px;
}

.cs-course-list ul li {
    margin-bottom: 10px;
    font-size: 14px;
    padding-left: 20px;
}

.cs-content-wrap ul {
    padding-left: 10px;
}

.cs-course-list {
    padding: 10px;
}


.ems-highlights ul li i {
    font-size: 12px;
}

.ems-highlights {
    background-color: #FFFFFF;
    border: 1px solid #74747452;
    box-shadow: 0 6px 6px #b31b1b24;
    padding: 15px;
    border-radius: 15px;
    margin: 15px 0;
}

.ems-highlights ul li {
    margin-bottom: 10px;
    font-size: 14px;
    padding-left: 20px;
}

.department-sidebar {
    background: #ffffff;
    padding: 20px 0px;
}

.department-menu li {
    padding: 5px 16px;
}

.department-menu a {
    font-size: 14px !important;
}

.managment .container{
  padding: 0px !important;
}


/* computer science end */


/* footer start */

.footer-section-new {
    padding: 40px 0px 0px;
}

.footer-title-new {
    font-size: 18px;
    margin-bottom: 10px;
}
.footer-text-new {
    font-size: 14px;
    line-height: 1.5;
}
.footer-link-new {
    font-size: 13px;
}
.footer-bottom-new {
    background-color: #000000;
    padding: 10px;
    text-align: center;
    color: #ffffff;
}
.footer-bottom-new p , .footer-bottom-new a {
  font-size: 11px !important;
}

.footer-icon-new {
    color: #ffffff !important;
    margin-top: 2px;
    font-size: 14px;
    min-width: 16px;
}

.footer-content-new {
    margin-bottom: 10px;
}

/* footer end */

/* code-conduct-section start */

.code-conduct-section {
    padding: 40px 0;
    background-color: #ffffff;
}

.code-conduct-main-title {
    text-align: center;
    font-size: 18px;
}

.code-conduct-section p {
    font-size: 14px !important;
}

.cmn-inner {
    padding: 20px 10px;
}

.code-conduct-listing-wrap {
    padding: 5px;
}

.code-conduct-toggle {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    align-items: center;
    font-size: 12px;
    margin-bottom: 10px;
}

.code-conduct-content {
    margin: 10px;
}

.code-conduct-list li {
    padding: 10px;
    font-size: 13px;
    padding-left: 30px;
}

.code-conduct-list > li h3 {
    margin-top: 10px;
    font-size: 14px;
}

.Code-of-Conduct-btn a {
    font-size: 13px;
}

.Code-of-Conduct-btn {
    margin-top: 20px;
    padding: 10px 20px;
}

/* code-conduct-section end */

/* about us page start */

.abt-head p , .abt-head a {
    font-size: 14px;
    margin: 0;
}

.main-video video {
    width: 100%;
    height: 250px;
    border-radius: 10px;
}

/* about us page end */

/* policy page start */

.policy-list-header h4 {
    font-size: 16px;
    font-weight: 600;
    padding: 0;
}

.policy-list-wrap {
    padding: 10px;
    border: 1px solid #00000040;
    border-radius: 10px;
}

.policy-link-btn {
    padding: 5px 10px;
    font-weight: 500;
    font-size: 12px;
    margin: 0px 10px;
}

.policy-title {
    font-size: 12px;
}

/* policy page start */

/* management page start */

.board-grid {
    position: relative;
    display: flex;
    justify-content: center;
    height: 500px;
    align-items: center;
    overflow: hidden;
    border-radius: 20px;
    padding: 10px 0;
}

.board-card {
    position: unset;
    max-width: 200px;
    background: #fff;
    padding: 10px;
    border-radius: 13px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s;
    z-index: 3;
}

.board-card img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    border-radius: 5px;
}

.board-info h5 {
    font-size: 12px;
    margin-bottom: 5px;
    text-align: center;
}

.board-info p {
    margin: 0;
    font-size: 10px;
    font-weight: 500;
}

/* management page end */

/* our location start */

.location {
    padding: 5px;
    margin-bottom: 0px;
}

.location h6 {
    font-size: 14px;
    padding-bottom: 0px;
}

.map-wrapper iframe {
    width: 100%;
    height: 300px;
    border: 0;
    display: block;
}

/* our location end */

/* principal details start */

.principal-details h2 {
    font-size: 22px;
    margin-bottom: 15px;
}

.profile-righ-col {
    padding: 0;
}

.profile-right h5 {
    font-size: 20px !important;
}

.profile-right {
    padding: 15px;
    background: no-repeat;
}

/* principal details end */

/* campus page start */

.campuspage-intro p {
    font-size: 14px;
    line-height: 1.6;
    color: #000000;
    margin-bottom: 20px;
    text-align: justify;
}

.campus{
  padding: 10px;
}

.campuspage-intro h2 {
    font-size: 22px;
    margin-bottom: 15px;
}

.campuspage-paragraph p {
    font-size: 14px;
    line-height: 1.7;
}

/* campus page end */

/* founders page start */

.fp-content-wrap h2 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.former-principal-list li {
    font-size: 12px;
    line-height: 1.5;
}

.former-principal-list li::before {
    font-size: 14px;
}

/* founders page end */

/* scholarship page start */

.scholar-list-wrap {
    padding: 10px;
    border: 1px solid #00000040;
    border-radius: 10px;
    margin: 10px 0;
}

.scholar-list-header h4 {
    text-align: left;
    color: #b31b1b;
    font-size: 18px;
}

.faculty-scholarship-section {
    padding: 10px;
}

.faculty-section-title {
    font-size: 18px;
}

.faculty-scholarship-title {
    font-size: 16px;
}

.cs-content-wrap {
    padding: 15px;
    border: 1px solid #00000040;
    border-radius: 10px;
}

/* scholarship page end */

/* placement page start */

.placement-email i {
    color: #b31b1b;
    margin: 0;
    font-size: 20px;
}

.policy-title-wrap {
    flex: 1;
    padding: 10px 15px;
}

.capability-list-header h4 {
    text-align: left;
    color: #900000;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 0px;
}

/* placement page end */

/* Extension page start */

.Extension-row {
    padding: 0px !important;
}

.Extension-row .cs-inner-content{
    padding: 0px !important;
}

.cs-inner-content h5 {
    font-size: 16px !important;
}

.outreach-gallery-grid .col-12 {
  padding: 0 !important;
}

.outreach-thumb {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.outreach-image-card {
    overflow: hidden;
    border-radius: 13px;
    padding: 10px;
    box-shadow: 0 4px 12px rgb(0 0 0 / 19%);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Extension page end */


/* english-media page start */

.ems-highlights h4 {
    font-size: 18px;
    font-weight: 600;
    color: #b13b1b;
    margin-bottom: 20px;
}

.ems-highlights .col-sm-12{
  padding: 0 !important;
}

.ems-courses {
    padding: 10px 0;
}

.ems-course-list-wrap h5 {
    font-size: 18px;
    color: #b13b1b;
}

.ems-course-list-wrap {
    padding: 10px;
}

.ems-course-list {
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 10px;
}

/* english-media page end */

/* home page start */

.home-banner {
    width: 100%;
    height: 300px;
}

.home-banner img {
    width: 100%;
    height: 300px;
}

.ticker-typewriter {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: #b31b1b;
    overflow: hidden;
}

.ticker-title {
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 12px;
}

.marquee-track a {
    font-size: 12px;
    color: #ffffffde;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ffffffe6;
}

.announce-event-news {
    margin-top: 60px;
    margin-bottom: 60px;
}

.tab{
  padding: 30px 0;
}

.nav-tabs {
    display: flex;
    justify-content: space-evenly;
    padding: 0;
    margin: 0;
    border: none !important;
}

.tab .nav-tabs li a {
    font-size: 10px !important;
    color: #999898;
    background: #fff;
    margin: 0;
    padding: 10px;
    border-radius: 0;
    border: 1px solid #ddd;
    text-transform: uppercase;
}

.latest-sreeac {
    position: relative;
    padding: 10px 0;
}

.tab .tab-content {
    font-size: 12px;
    color: #999898;
    line-height: 16px;
    background: #fff;
    padding: 10px;
    border: 2px solid #b31b1b85;
    border-top: 2px solid #b31b1b85;
    border-radius: 13px;
    background-color: transparent;
}

.counter-section {
    padding: 30px 0;
}

.counter-section .row{
  justify-content: center;
}

.counter-box-col {
    margin-bottom: 20px !important;
}

.counter-box {
    padding: 15px 10px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 6px 8px #b31b1b2b;
    border: 2px solid #b31b1b52;
    transition: transform 0.3s ease;
    height: 100%;
}

.counter-box:hover {
    transform: translateY(0) !important;
}

.counter-icon {
    font-size: 30px;
    color: #b31b1b;
    margin-bottom: 10px;
}

.counter-number {
    font-size: 22px;
    font-weight: bold;
    display: block;
    color: #333;
}

.counter-label {
    font-size: 12px;
    color: #555;
    margin: 0;
}

.window {
    /* position: fixed; */
    /* bottom: 20px; */
    width: 100%;
    height: 70%;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    display: none;
    overflow-y: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 998;
    /* left: 37px; */
    overflow-x: hidden !important;
}


.dept-slider-wrap {
    padding: 30px 0px;
}

.new-dept-card {
    position: relative;
    overflow: hidden;
    max-height: 250px;
    margin: 5px;
}

.new-dept-title {
    margin: 0;
    font-size: 12px;
}

.new-dept-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
}

.inner-banner-slider {
    margin-top: 30px;
    margin-bottom: 30px;
}


.content-evnts  h2 {
    font-size: 24px;
}

.gallery-new-wrapper {
    padding: 30px 0;
    background: #fff;
}

.gallery-new-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: bold;
    color: #000000;
}

/* home page end */

/* campus page start */

.campuspage-intro h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

/* campus page end */

.facility-deta {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
}

.facility-img {
    width: 100%;
    height: 200px;
    margin: 15px 0;
    padding: 5px !important;
    border-radius: 10px;
}

.facility-img img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}


.c-faculty {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
    min-height: 300px;
    max-width: 260px;
    margin: auto;
    height: 100%;
}

.c-faculty img {
    width: 100%;
    height: auto;
}

th, td {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 12px;
}

.fac-details-accordion .info-list {
    padding: 10px;
}

.fac-details-accordion .info-list > li {
    counter-increment: item;
    font-size: 12px;
    padding-left: 20px;
    margin-bottom: 10px;
}

.fac-details-accordion .accordion {
    padding: 12px;
    font-size: 12px;
}

.fac-details-accordion .info-list > li::before {
    left: 5px;
}

.fac-det h4 {
    font-size: 18px !important;
}

.fac-details-accordion .panel {
    padding: 10px 15px;
}

.alumni-card {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 6px 10px rgb(0 0 0 / 19%);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: unset;
    margin: 15px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.album img {
    width: 100%;
    height: 300px;
    transition: transform 0.4s ease;
    object-fit: cover;
}

.nss .image-wrapper .image {
    width: 100%;
    height: 160px !important;
    padding: 10px;
    transition: transform 0.3s ease;
}

.programmes-table td {
    padding: 10px 10px;
    text-align: left;
    border: 1px solid #c24949f0;
    border-top: none;
}

.event h6 {
    margin: 20px;
}

.recent-blog h6 {
    font-size: 13px;
    font-weight: 800;
    margin: 10px 0;
}

.article {
    padding: 20px;
    margin-bottom: 20px;
}

.fyugp-img-col img {
    max-width: 250px;
    height: auto;
    object-fit: contain;
}

.recruiters-wrap .cs-miniheading {
    font-size: 24px;
}


.wws-gallery-card-col{
  padding: 15px 0;
}

.wws-coordinator-card {
    width: 100%;
    padding: 15px;
}

.wws-coordinator-img img {
    width: 70px;
    height: 70px;
}

.wws-coordinator-details h5 {
    margin-bottom: 10px;
    font-size: 16px;
}

.wws-coordinator-wrap p {
    line-height: 1.3 !important;
    font-size: 12px !important;
}

.wws-popup-caption {
    margin: 10px auto;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.wws-btn-wrap {
    margin: 0px;
}

.outreach-image-card {
    overflow: hidden;
    border-radius: 8px !important;
    padding: 10px !important;
    box-shadow: 0px 6px 8px rgb(0 0 0 / 35%) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.outreach-img img {
    object-fit: cover;
    min-height: 150px !important;
    border-radius: 13px;
}

.ofc-prog h4 {
    text-align: center;
    margin: 15px;
    font-size: 16px;
}
.pro-ofc {
    padding: 5px;
    margin-bottom: 20px;
}

.info-card-wrap {
    margin: 10px 0;
}

.info-card-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.ems-course-list ul li {
    margin-bottom: 5px;
    font-size: 14px;
}

.ems-course-list ul li i {
    top: 5px;
    font-size: 12px;
}

.ems-courses h4 {
    font-size: 22px;
    margin: 10px 0 0;
}

.ems-course-list ul {
    padding-left: 10px;
    margin: 0;
    list-style: none;
}

.info-card-content {
    font-size: 14px !important;
}

.club-list-wrap .policy-list-header h4 {
    font-size: 16px;
}

.article {
    display: flex;
    flex-direction: column;
    height: 250px;
}

.article h1 {
    font-size: 16px;
}

.club-list-wrap {
    padding: 15px;
    border: 1px solid #00000040;
    border-radius: 10px;
    margin: 10px 0 20px;
}

.second h4 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
}



.cs-gallery-item img, .cs-gallery-item video {
    width: 100%;
    height: 200px;
    max-height: 250px;
    object-fit: cover;
    border-radius: 10px !important;
}

.cs-lab-slider {
    width: 100%;
    padding: 0px;
    position: relative;
}

.cs-course-list ul li i {
  font-size: 10px;
}

.cs-content-wrap ul li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
}

.cs-course-list {
    padding: 0px !important;
}

.cs-gallery-btn-group {
  margin: 30px 0 5px;
  gap: 15px;
}

.cs-gallery-btn {
  border-radius: 6px;
  font-size: 14px;
}

.placed-tag img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: none;
}

.lib-incharge-img img {
    width: 100px;
    margin-bottom: 10px;
}

.lib-incharge-details h5 {
    font-size: 16px;
}

.lib-incharge-role, .lib-incharge-dept, .lib-incharge-email {
    font-size: 12px !important;
}

.contact-pad {
    padding: 0;
}

.contact-form-box .form-group label {
    font-size: 14px;
    font-weight: 600;
}

.map-box {
  padding: 10px;
}

.contact-form-box, .info-box{
  padding: 15px;
}

.contact-form-box form{
  margin: 0;
}

.contact-form-box input, .contact-form-box textarea {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #000000b8;
    border-radius: 6px;
    font-size: 14px;
}

.contact-form-box textarea {
    resize: vertical;
    height: 100px;
}

.map-box iframe {
    width: 100%;
    height: 250px;
    border-radius: 10px;
    border: 2px solid rgba(177, 59, 27, 0.2);
}

.fyugp-title {
    font-size: 12px;
}

.fyugp-subtitle {
    font-size: 10px;
    font-weight: 400;
}

.fyugp-button img {
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: contain;
    background: #fff;
}

.programmes-table td {
    padding: 10px 10px;
    font-size: 12px;
}

.programmes-table thead th {
    padding: 10px 10px;
    font-size: 14px;
}

/* embeded map style start */

.gm-style .place-card a:link, .gm-style .default-card a:link, .gm-style .directions-card a:link {
    font-size: 10px !important;
}

.gm-style .place-card .place-name {
    font-size: 12px !important;
}

.gm-style .place-card-medium {
    padding: 5px !important;
}

/* embeded map style end */

.pro-ofc p {
    font-size: 14px !important;
    margin: 10px 0;
}

.ofc-prog h4 {
    font-size: 22px;
}

.member-name {
    font-size: 14px;
}

.department-name {
    font-size: 15px;
}

.contact-card .name {
    font-weight: 600;
    font-size: 14px !important;
}

.contact-card p {
    margin: 0 0 4px;
    font-size: 14px !important;
}

}

@media screen and (min-width:576px) and (max-width: 767.98px) {

  .container, .container-sm {
      max-width: 760px !important;
      width: 90% !important;
  }

/* navbar start */

  .navbar {
      padding: 0px 20px !important;
  }

  .navbar-toggler {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 30px;
      width: 40px;
      align-items: center;
      border: 2px solid #000;
      background-color: transparent;
      border-radius: 5px;
      cursor: pointer;
      margin: 5px;
      padding: 0;
  }

  .navbar-toggler-icon span,
  .navbar-toggler-icon::before,
  .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    margin: auto;
    background-color: #fff;
    left: 0;
    right: 0;
    transition: all 0.3s ease;
  }

  .navbar .navbar-brand img {
      width: 160px;
  }

  .navbar-toggler-icon {
    display: block;
    position: relative;
    width: 20px;
    margin: auto;
    height: 2px;
    background-color: #fff;
  }
  .navbar-toggler-icon::before {
    top: -8px;
  }

  .navbar-toggler-icon::after {
    top: 8px;
  }

  .navbar-toggler.open .navbar-toggler-icon {
    background: transparent !important;
  }

  .navbar-toggler.open .navbar-toggler-icon::before {
    transform: rotate(45deg);
    top: 0;
  }

  .navbar-toggler.open .navbar-toggler-icon::after {
    transform: rotate(-45deg);
    top: 0;
  }

  .navbar-toggler.open .navbar-toggler-icon span {
    display: none;
  }

  .navbar-collapse {
      position: fixed;
      background: #ffffff;
      top: 100px;
      width: 250px;
      z-index: 999;
      padding: 10px !important;
      left: 0;
      box-shadow: 2px 7px 7px rgb(0 0 0 / 19%);
  }

  .navbar-expand-lg .navbar-toggler-middle {
      display: block;
  }
  .navbar-toggler-middle {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 30px;
      width: 40px;
      align-items: center;
      border: 2px solid #000;
      background-color: #800000 !important;
      border-radius: 5px;
      cursor: pointer;
      margin: 5px;
      z-index: 1000;
  }

  .navbar-toggler-middle-icon {
    display: block;
    position: relative;
    width: 20px;
    margin: auto;
    height: 2px;
    background-color: #fff;
  }

  .navbar-toggler-middle-icon span,
  .navbar-toggler-middle-icon::before,
  .navbar-toggler-middle-icon::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    margin: auto;
    background-color: #fff;
    left: 0;
    right: 0;
    transition: all 0.3s ease;
  }

  .navbar-toggler-middle-icon::before {
    top: -8px;
  }

  .navbar-toggler-middle-icon::after {
    top: 8px;
  }

  .navbar-toggler-middle.open .navbar-toggler-middle-icon {
    background: transparent !important;
  }

  .navbar-toggler-middle.open .navbar-toggler-middle-icon::before {
    transform: rotate(45deg);
    top: 0;
  }

  .navbar-toggler-middle.open .navbar-toggler-middle-icon::after {
    transform: rotate(-45deg);
    top: 0;
  }

  .navbar-toggler-middle.open .navbar-toggler-middle-icon span {
    display: none;
  }


  .header-middle  .navbar-collapse {
      position: fixed;
      background: #fff;
      top: 100px;
      width: 280px;
      z-index: 999;
      padding: 0 !important;
      right: 0 !important;
      left: unset !important;
      overflow-y: auto;
      max-height: 80vh;
  }

  .custom-nav {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

  .custom-nav > .nav-link {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none !important;
    padding: 10px;
  }

  .custom-dropdown,
  .custom-submenu {
    display: none !important;
    opacity: 0;
    visibility: hidden;
    position: static !important;
    background-color: #ffffff !important;
    padding-left: 20px;
    margin: 0;
    transition: all 0.2s ease-in-out;
    width: 100%;
  }

  .custom-dropdown.mobile-open,
  .custom-submenu.mobile-open {
    display: block !important;
    opacity: 1;
    visibility: visible;
  }
  
  .custom-dropdown, .custom-submenu {
      padding-left: 0px;
      border: none;
  }
  
  .second-header .nav-link {
    font-size: 15px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-weight: 600;
  }

  .second-header .navbar-nav a {
      font-size: 14px;
      padding-left: 5px !important;
      padding-right: 5px !important;
  }

  .custom-dropdown li > a, .custom-submenu li > a {
      font-size: 14px;
      padding: 6px 0;
      color: #000 !important;
      border-bottom: none !important;
  }

  .custom-dropdown .dropdown-item,
  .custom-submenu .dropdown-item {
    color: #000000;
    font-weight: 500;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
  }

  .custom-nav:hover {
      background-color: #ffffff !important;
      color: #000000 !important;
  }

  .custom-nav .nav-link{
      background-color: #ffffff !important;
      color: #000000 !important;
  }

  .custom-nav .nav-link:hover {
      background-color: #ffffff !important;
      color: #b31b1b !important;
  }

  .custom-dropdown.mobile-open .dropdown-item,
  .custom-submenu.mobile-open .dropdown-item {
    color: #ffffff;
    transform: translateX(1px);
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
  }

  .custom-submenu.mobile-open .dropdown-item {
    transform: translateX(2px);
    font-size: 14px;
  }
    
  .submenu-toggle::after {
    content: "";
    float: right;
    margin-top: 6px;
    border-left: 5px solid #000000;
  }
  
  .custom-submenu .dropdown-item {
    max-width: 200px;
    white-space: normal !important;
    word-wrap: break-word;
  }

  .dropdown-submenu .submenu-toggle {
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  .custom-dropdown li {
    border-bottom: none !important;
    padding: 2px 10px;
  }

/* navbar end */

/* department inner start */

.department-inner-header h1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.department-inner-header {
    min-height: 90px;
    padding: 10px;
}

.inner-header-slider-wrap{
  display: none !important;
}
.department-inner-header .breadcrumb {
    font-size: 12px;
}
.department-inner-header .breadcrumb a {
    font-size: 12px;
}

.policy-list-wrap {
    padding: 10px;
    border: 1px solid #00000040;
    border-radius: 10px;
}

/* department inner end */

/* computer science start */

.managment {
    margin-top: 40px;
    margin-bottom: 40px;
}

.cs-heading {
    font-size: 24px;
    padding-bottom: 15px;
}

.cs-subheading {
    font-size: 20px;
}

.cs-content-wrap p {
    font-size: 14px;
}

.cs-content-wrap ul li {
    margin-bottom: 10px;
    font-size: 14px;
}

.cs-miniheading {
    font-size: 18px;
}

.cs-course-list {
    padding: 10px;
}

.capability-list-header h4 {
    font-size: 18px;
}

.department-sidebar {
    background: #ffffff;
    padding: 20px 0px;
}

.department-menu li {
    padding: 5px 16px;
}

.department-menu a {
    font-size: 16px;
}

.managment .container{
  padding: 0px !important;
}

/* computer science end */

/* footer start */

.footer-section-new {
    padding: 40px 0px 0px;
}

.footer-title-new {
    font-size: 18px;
    margin-bottom: 10px;
}
.footer-text-new {
    font-size: 14px;
    line-height: 1.5;
}
.footer-link-new {
    font-size: 13px;
}
.footer-bottom-new {
    background-color: #000000;
    padding: 10px;
    text-align: center;
    color: #ffffff;
}
.footer-bottom-new p, a {
    font-size: 14px;
}

/* footer end */

/* code-conduct-section start */

.code-conduct-section {
    padding: 40px 0;
    background-color: #ffffff;
}

.code-conduct-main-title {
    text-align: center;
    font-size: 22px;
}

.code-conduct-section p {
    font-size: 16px !important;
}

.code-conduct-listing-wrap {
    padding: 5px;
}

.code-conduct-toggle {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px;
}

.code-conduct-content {
    margin: 10px;
}

.code-conduct-list li {
    padding: 10px;
    font-size: 14px;
    padding-left: 30px;
}

.code-conduct-list > li h3 {
    margin-top: 10px;
    font-size: 16px;
}

.Code-of-Conduct-btn a {
    font-size: 14px;
}

.Code-of-Conduct-btn {
    margin-top: 20px;
    padding: 10px 20px;
}

/* code-conduct-section end */

/* policy page start */

.policy-list-header h4 {
    font-size: 20px;
    font-weight: 600;
}

.policy-link-btn {
    padding: 5px 20px;
    font-weight: 500;
    font-size: 14px;
}

.policy-title {
    font-size: 15px;
}

/* policy page end */


/* index page start */

.tab .nav-tabs li a {
    margin: 20px !important;
}

.counter-box-col{
  padding: 10px;
}

.counter-box {
    padding: 15px;
}

.counter-box-row{
  justify-content: center;
}

.counter-icon {
    font-size: 40px;
    color: #b31b1b;
    margin-bottom: 15px;
}

.counter-number {
    font-size: 24px;
}

.counter-label {
    font-size: 14px;
}

.announce-event-news {
    margin-top: 80px;
    margin-bottom: 40px;
}
.move{
  display: flex;
  justify-content: center;
}

.announcement {
    margin-top: -5px;
    min-width: 500px;
}

.window {
    width: 100% !important;
}

.title-bar {
    width: 100% !important;
}

.new-dept-overlay {
    display: flex;
    height: 60px;
    justify-content: center;
    align-items: center;
}

.gallery-new-wrapper {
    padding: 60px 0;
    background: #fff;
}

.footer-content-new {
    margin-bottom: 30px;
}

.new-dept-title {
    margin: 0;
    font-size: 14px;
}

.new-dept-overlay {
    display: flex;
    height: 70px;
    justify-content: center;
    align-items: center;
}

.gallery-slider img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 12px;
}


/* index page end */

/* about page start */

.main-video video {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    object-fit: cover;
    display: block;
}

.mission img , .vision img {
    height: 300px;
    object-position: top;
    object-fit: cover;
    display: block;
}

/* about page end */

/* location page start */

.location {
    padding: 15px;
    margin-bottom: 0;
}

.ms-list ul {
    padding-left: 10px;
    margin: 0;
    list-style: none;
}

/* location page end */

/* management page start */

.board-card {
    position: unset;
    max-width: 200px;
    margin: auto;
}

.board-grid {
    position: relative;
    height: 600px !important;
    overflow: hidden !important;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    align-items: center;
}

/* management page end */

/* alumini page start */

.alumni-programs-grid {
    padding: 20px;
    gap: 20PX;
}

.album img {
    width: 100%;
    height: 250px;
    transition: transform 0.4s ease;
    object-fit: cover;
}

.ems-course-list-wrap {
    padding: 10px;
}

.ems-course-list ul {
    padding-left: 20px;
    margin: 0;
    list-style: none;
}
.placed-tag img {
    display: none;
}

.placed-students-img {
    width: 100px;
    height: 100px;
}

.department-menu a {
    font-size: 14px;
}

.department-sidebar {
    background: #ffffff;
    padding: 20px 0px;
    width: 300px;
}

.cs-gallery-item img, .cs-gallery-item video {
    width: 100%;
    height: 200px !important;
    max-height: 250px;
    object-fit: cover;
    object-position: top;
    border-radius: 10px !important;
}

.cs-gallery-item {
    transition: all 0.3s ease-in-out;
    padding: 10px 5px 5px!important;
}

.c-faculty {
    min-height: 290px;
    height: 100%;
    max-width: 220px;
    margin: auto;
}

.fyugp-title {
    font-size: 14px;
    font-weight: 700;
}

.programmes-table thead th {
    padding: 10px 10px;
    font-size: 16px;
}

.programmes-table td {
    padding: 10px 10px;
    font-size: 14px;
}

.ssp-content {
    padding: 15px;
    margin: 15px 0;
}

.scholar-list-header h4 {
    font-size: 18px;
}

.faculty-section-title {
    font-size: 18px;
}

.faculty-scholarship-title {
    font-size: 16px;
}

.recruiters-wrap .cs-miniheading {
    font-size: 26px;
}

.wws-gallery-card-col{
  padding: 10px;
}

.profile-right h5 {
    font-size: 20px !important;
    margin-bottom: 10px;
}

.profile-right p {
    font-size: 14px;
}

.principal-details h2 {
    font-size: 20px !important;
}

.profile-left , .profile-righ-col{
    text-align: left;
    padding: 0 0 20px  !important;
}

.former-principal-list {
    padding-left: 30px;
}

.former-principal-list li {
    padding-left: 30px;
    font-size: 14px;
}

.former-principal-list li::before {
    top: -5px;
}

.c-faculty p {
    font-size: 14px;
}

.c-faculty h6 {
    font-size: 16px;
}

.scholar-list-wrap {
    margin: 20px 0px;
}

.cmn-inner p {
    font-size: 14px;
}

.ems-highlights h4 {
    font-size: 20px;
}

.wws-coordinator-card {
    width: 400px;
}

.pro-ofc p {
    font-size: 16px !important;
}

.ofc-prog h4 {
    font-size: 24px;
    color: #800000;
}

.info-card-wrap {
    margin: 10px 0;
    padding: 0;
}

.info-card-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.info-card-content {
    font-size: 14px !important;
    color: #00000099 !important;
    line-height: 1.7;
    margin: 5px 0 !important;
}

.ems-course-list h5 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}

.club-list-wrap .policy-list-header h4 {
    font-size: 20px;
}

.computer-faculty-col {
    padding: 15px 10px;
}

.admission-sidebar {
    padding: 20px 0px;
    width: 300px !important;
}

}

@media screen and (min-width:767px) and (max-width: 991.98px) {

  .navbar-toggler-middle {
    display: block !important;
  }

  .container {
      max-width: 991px;
      width: 90%;
  }

  /* navbar start */

  .navbar {
      padding: 0px 20px !important;
  }

  .navbar-toggler {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 30px;
      width: 40px;
      align-items: center;
      border: 2px solid #000;
      background-color: transparent;
      border-radius: 5px;
      cursor: pointer;
      margin: 5px;
      padding: 0;
  }

  .navbar-toggler-icon span,
  .navbar-toggler-icon::before,
  .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    margin: auto;
    background-color: #fff;
    left: 0;
    right: 0;
    transition: all 0.3s ease;
  }

  .navbar .navbar-brand img {
    width: 250px;
  }

  .navbar-toggler-icon {
    display: block;
    position: relative;
    width: 20px;
    margin: auto;
    height: 2px;
    background-color: #fff;
  }
  .navbar-toggler-icon::before {
    top: -8px;
  }

  .navbar-toggler-icon::after {
    top: 8px;
  }

  .navbar-toggler.open .navbar-toggler-icon {
    background: transparent !important;
  }

  .navbar-toggler.open .navbar-toggler-icon::before {
    transform: rotate(45deg);
    top: 0;
  }

  .navbar-toggler.open .navbar-toggler-icon::after {
    transform: rotate(-45deg);
    top: 0;
  }

  .navbar-toggler.open .navbar-toggler-icon span {
    display: none;
  }

.navbar-collapse {
    position: fixed;
    background: #ffffff;
    top: 130px;
    width: 250px;
    z-index: 999;
    padding: 10px !important;
    left: 0;
    box-shadow: 2px 7px 7px rgb(0 0 0 / 19%);
}

  .navbar-first .nav-link {
      color: #000000 !important;
      padding: 5px 20px !important;
      text-align: left;
  }

  .navbar-expand-lg .navbar-toggler-middle {
      display: block;
  }
  .navbar-toggler-middle {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 30px;
      width: 40px;
      align-items: center;
      border: 2px solid #000;
      background-color: #800000 !important;
      border-radius: 5px;
      cursor: pointer;
      margin: 5px;
      z-index: 1000;
  }

  .navbar-toggler-middle-icon {
    display: block;
    position: relative;
    width: 20px;
    margin: auto;
    height: 2px;
    background-color: #fff;
  }

  .navbar-toggler-middle-icon span,
  .navbar-toggler-middle-icon::before,
  .navbar-toggler-middle-icon::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    margin: auto;
    background-color: #fff;
    left: 0;
    right: 0;
    transition: all 0.3s ease;
  }

  .navbar-toggler-middle-icon::before {
    top: -8px;
  }

  .navbar-toggler-middle-icon::after {
    top: 8px;
  }

  .navbar-toggler-middle.open .navbar-toggler-middle-icon {
    background: transparent !important;
  }

  .navbar-toggler-middle.open .navbar-toggler-middle-icon::before {
    transform: rotate(45deg);
    top: 0;
  }

  .navbar-toggler-middle.open .navbar-toggler-middle-icon::after {
    transform: rotate(-45deg);
    top: 0;
  }

  .navbar-toggler-middle.open .navbar-toggler-middle-icon span {
    display: none;
  }


  .header-middle  .navbar-collapse {
      position: fixed;
      background: #fff;
      top: 130px;
      width: 350px;
      z-index: 999;
      padding: 0 !important;
      right: 0 !important;
      left: unset !important;
      overflow-y: auto;
      max-height: 80vh;
  }

  .custom-nav {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

  .custom-nav > .nav-link {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none !important;
    padding: 10px;
  }

  .custom-dropdown,
  .custom-submenu {
    display: none !important;
    opacity: 0;
    visibility: hidden;
    position: static !important;
    background-color: #ffffff !important;
    padding-left: 20px;
    margin: 0;
    transition: all 0.2s ease-in-out;
    width: 100%;
  }

  .custom-dropdown.mobile-open, .custom-submenu.mobile-open {
      display: block !important;
      opacity: 1;
      visibility: visible;
      border: none;
  }

  .custom-dropdown, .custom-submenu {
      padding-left: 0px;
  }
  
  .second-header .nav-link {
    font-size: 15px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-weight: 600;
  }

  .second-header .navbar-nav a {
      font-size: 15px;
      padding-left: 5px !important;
      padding-right: 5px !important;
  }

  .custom-dropdown li > a, .custom-submenu li > a {
      font-size: 14px;
      padding: 6px 0;
      color: #000 !important;
      border-bottom: none !important;
  }

  .custom-dropdown .dropdown-item,
  .custom-submenu .dropdown-item {
    color: #000000;
    font-weight: 500;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
  }

  .custom-nav:hover {
      background-color: #ffffff !important;
      color: #000000 !important;
  }

  .custom-nav .nav-link{
      background-color: #ffffff !important;
      color: #000000 !important;
  }

  .custom-nav .nav-link:hover {
      background-color: #ffffff !important;
      color: #b31b1b !important;
  }

  .custom-dropdown.mobile-open .dropdown-item,
  .custom-submenu.mobile-open .dropdown-item {
    color: #ffffff;
    transform: translateX(1px);
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
  }

  .custom-submenu.mobile-open .dropdown-item {
    transform: translateX(2px);
  }
    
  .submenu-toggle::after {
    content: "";
    float: right;
    margin-top: 6px;
    border-left: 5px solid #000000;
  }
  
  .custom-submenu .dropdown-item {
    max-width: 200px;
    white-space: normal !important;
    word-wrap: break-word;
  }

  .dropdown-submenu .submenu-toggle {
    font-size: 16px !important;
    font-weight: 600 !important;
  }

  .custom-dropdown li {
    border-bottom: none !important;
    padding: 2px 10px;
  }

/* navbar end */

/* department inner start */

.department-inner-header h1 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

.department-inner-header {
    min-height: 90px;
    padding: 10px;
}

/* .inner-header-slider-wrap{
  display: none !important;
} */
.department-inner-header .breadcrumb {
    font-size: 14px;
}
.department-inner-header .breadcrumb a {
    font-size: 14px;
}

.policy-list-wrap {
    padding: 15px;
    border: 1px solid #00000040;
    border-radius: 10px;
}

.policy-list-header h4 {
    font-size: 22px;
}

/* department inner end */

/* computer science start */

.managment {
    margin-top: 40px;
    margin-bottom: 40px;
}

.cs-heading {
    font-size: 24px;
    padding-bottom: 15px;
}

.cs-subheading {
    font-size: 24px;
}

.cs-content-wrap ul li {
    margin-bottom: 10px;
    font-size: 16px;
}

.cs-miniheading {
    font-size: 18px;
}

.cs-course-list {
    padding: 10px;
}

.capability-list-header h4 {
    font-size: 20px;
}

.department-sidebar {
    background: #ffffff;
    padding: 20px 0px;
}

.department-menu li {
    padding: 5px 16px;
}

.managment .container{
  padding: 0px !important;
}

/* computer science end */

/* footer start */

.footer-section-new {
    padding: 40px 0px 0px;
}

.footer-title-new {
    font-size: 18px;
    margin-bottom: 10px;
}
.footer-text-new {
    font-size: 15px;
    line-height: 1.5;
}

.footer-link-new {
    font-size: 15px;
}

.footer-bottom-new {
    background-color: #000000;
    padding: 10px;
    text-align: center;
    color: #ffffff;
}
.footer-bottom-new p, .footer-bottom-new a {
    font-size: 15px;
}

.footer-social-links, .footer-Study-links{
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 10px;
    padding-top: 30px;
}

/* footer end */

/* code-conduct-section start */

.code-conduct-section {
    padding: 40px 0;
    background-color: #ffffff;
}

.code-conduct-main-title {
    text-align: center;
    font-size: 22px;
}

.code-conduct-section p {
    font-size: 16px !important;
}

.code-conduct-listing-wrap {
    padding: 5px;
}

.code-conduct-toggle {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    align-items: center;
    font-size: 18px;
    margin-bottom: 10px;
}

.code-conduct-content {
    margin: 10px;
}

.code-conduct-list li {
    padding: 10px;
    font-size: 16px;
    padding-left: 30px;
}

.code-conduct-list > li h3 {
    margin-top: 10px;
    font-size: 18px;
}

.Code-of-Conduct-btn a {
    font-size: 14px;
}

.Code-of-Conduct-btn {
    margin-top: 20px;
    padding: 10px 20px;
}

/* code-conduct-section end */


/* index page start */

.tab .nav-tabs li a {
    margin: 20px !important;
}

.counter-box-col{
  padding: 10px;
}

.counter-box {
    padding: 15px;
}

.counter-box-row{
  justify-content: center;
}

.counter-icon {
    font-size: 50px;
    color: #b31b1b;
    margin-bottom: 15px;
}

.counter-number {
    font-size: 28px;
}

.counter-label {
    font-size: 16px;
}

.announce-event-news {
    margin-top: 80px;
    margin-bottom: 40px;
}

.move{
  display: flex;
  justify-content: center;
}

.announcement {
    margin-top: -5px;
    min-width: 500px;
}

.window {
    width: 100% !important;
}

.title-bar {
    width: 100% !important;
}

.new-dept-overlay {
    display: flex;
    height: 60px;
    justify-content: center;
    align-items: center;
}

.gallery-new-wrapper {
    padding: 60px 0;
    background: #fff;
}

.footer-content-new {
    margin-bottom: 30px;
}

.new-dept-title {
    margin: 0;
    font-size: 14px;
}

.new-dept-overlay {
    display: flex;
    height: 70px;
    justify-content: center;
    align-items: center;
}

.gallery-slider img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 12px;
}


/* index page end */

/* about page start */

.main-video video {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    object-fit: cover;
    display: block;
}

.mission img, .vision img {
    object-position: top;
    object-fit: cover;
    display: block;
    height: 100%;
}

/* about page end */

/* location page start */

.location {
    padding: 15px;
    margin-bottom: 0;
}

.ms-list ul {
    padding-left: 10px;
    margin: 0;
    list-style: none;
}

/* location page end */

/* management page start */

.board-card {
    position: unset;
    max-width: 200px;
    margin: auto;
}

.board-grid {
    position: relative;
    height: 600px !important;
    overflow: hidden !important;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    align-items: center;
}

/* management page end */

/* alumini page start */

.alumni-programs-grid {
    padding: 20px;
    gap: 0px;
    justify-content: center;
}

.alumni-programs-grid .col-md-6 {
  padding: 15px;
}

.album img {
    width: 100%;
    height: 300px;
    transition: transform 0.4s ease;
    object-fit: cover;
}

.ems-course-list-wrap {
    padding: 10px;
}

.ems-course-list ul {
    padding-left: 20px;
    margin: 0;
    list-style: none;
}
.placed-tag img {
    display: none;
}

.placed-students-img {
    width: 100px;
    height: 100px;
}

.department-menu a {
    font-size: 16px;
}

.department-sidebar {
    background: #ffffff;
    padding: 20px 0px;
    width: 350px;
}

.cs-gallery-item img, .cs-gallery-item video {
    width: 100%;
    height: 250px !important;
    max-height: 250px;
    object-fit: cover;
    object-position: top;
    border-radius: 10px !important;
}

.cs-gallery-item {
    transition: all 0.3s ease-in-out;
    padding: 10px 5px 5px!important;
}

.c-faculty {
    min-height: 290px;
    height: 100%;
    max-width: 220px;
    margin: auto;
}

.fyugp-title {
    font-size: 14px;
    font-weight: 700;
}

.programmes-table thead th {
    padding: 10px 10px;
    font-size: 16px;
}

.programmes-table td {
    padding: 10px 10px;
    font-size: 15px;
}

.ssp-content {
    padding: 15px;
    margin: 15px 0;
}

.scholar-list-header h4 {
    font-size: 18px;
}

.faculty-section-title {
    font-size: 18px;
}

.faculty-scholarship-title {
    font-size: 16px;
}

.recruiters-wrap .cs-miniheading {
    font-size: 26px;
}

.wws-gallery-card-col{
  padding: 10px;
}

.profile-right h5 {
    font-size: 20px !important;
    margin-bottom: 10px;
}

.profile-right p {
    font-size: 14px;
}

.principal-details h2 {
    font-size: 20px !important;
}

.profile-left, .profile-righ-col {
    text-align: left;
    padding: 8px  !important;
}

.former-principal-list {
    padding-left: 30px;
}

.former-principal-list li {
    padding-left: 30px;
    font-size: 14px;
}

.former-principal-list li::before {
    top: -5px;
}

.c-faculty p {
    font-size: 14px;
}

.c-faculty h6 {
    font-size: 14px;
}

.scholar-list-wrap {
    margin: 20px 0px;
}

.ems-highlights h4 {
    font-size: 20px;
}

.wws-coordinator-card {
    width: 400px;
}

.pro-ofc p {
    font-size: 16px !important;
}

.ofc-prog h4 {
    font-size: 24px;
    color: #800000;
}

.info-card-wrap {
    margin: 10px 0;
    padding: 0;
}

.info-card-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.info-card-content {
    font-size: 14px !important;
    color: #00000099 !important;
    line-height: 1.7;
    margin: 5px 0 !important;
}

.ems-course-list h5 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}

.club-list-wrap .policy-list-header h4 {
    font-size: 20px;
}

.cs-gallery-btn {
    font-size: 18px;
}

.article h1 {
    font-size: 18px;
}

.article span.cat {
    font-size: 14px;
}

/* faculity page start */

.fac-details-accordion .accordion {
    cursor: pointer;
    padding: 13px;
    font-size: 15px;
}

th, td {
    padding: 10px 15px !important;
    text-align: left;
    font-size: 16px;
}

.fac-details-accordion .info-list > li {
    padding-left: 40px;
    font-size: 14px;
    margin-bottom: 10px;
}

.fac-details-accordion .info-list > li::before {
    left: 10px;
}

.fac-det p {
    margin-bottom: 5px !important;
    font-size: 16px;
}

.fac-details-accordion .info-list {
    padding: 10px;
}


/* faculity page end */

.admission-sidebar {
    padding: 20px;
    width: 350px !important;
}

}

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

  /* home page start */

  .custom-nav {
    position: relative;
    padding: 8px 5px !important;
  }

  .second-header .navbar-nav a {
      font-size: 12px;
  }

  .navbar-nav a {
    font-size: 12px;
  }

  .first-header .navbar-nav .dropdown-menu {
      position: absolute;
      top: 100%;
      left: -60px;
      right: auto;
      width: fit-content;
      padding: 5px !important;
  }

  .dropdown-menu a {
      background: none !important;
      border-bottom: none !important;
      transition: none;
      padding: 5px !important;
  }

  .counter-box {
    padding: 15px 10px;
  }

  .tab .nav-tabs li a {
    margin: 0 20px;
  }

  .counter-label {
    font-size: 14px;
  }

  .infor4 {
    font-size: 14px;
  }

  .latest-sac a {
    font-size: 12px;
    padding-top: 10px;
  }

  .latest-sac a {
    font-size: 12px;
  }

  .new-dept-title {
    margin: 0;
    font-size: 14px;
  }

  .inner-banner-slider {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  /* footer start */

  .footer-title-new {
    font-size: 18px;
  }

  .footer-useful-links .footer-link-new ,.footer-social-links .footer-link-new ,.footer-Study-links .footer-link-new{
    font-size: 14px;
  }

  .footer-icon-new {
    margin-top: 3px;
    font-size: 16px;
    min-width: 18px;
  }

  /* footer end */
  
  /* home page end */

  /* About page start */

  .cs-content-wrap p {
    font-size: 14px;
    line-height: 1.7;
    color: #000000;
  }

  .location {
    padding: 10px;
    margin-bottom: 20px;
  }

  .cs-subheading {
    font-size: 24px;
  }

  .cs-miniheading {
    font-size: 20px;
    text-align: left;
  }

  .cmn-inner p {
    font-size: 14px;
    line-height: 1.7;
  }

  .department-inner-header h1 {
    font-size: 18px;
  }

  .department-inner-header .breadcrumb {
    margin-top: 0 !important;
    font-size: 12px;
  }

  .ms-list ul {
    padding-left: 15px;
  }

  .cs-course-list ul li {
    margin-bottom: 10px;
    font-size: 14px;
  }

  /* About page end */

  /* Facility page start */

  .code-conduct-toggle {
    padding: 10px 15px;
    font-size: 16px;
    white-space: normal;
  }

  /* Facility page end */

  /* administration menu items start */

  .board-grid {
    position: relative;
    height: 600px !important;
    overflow: hidden !important;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    align-items: center;
  }

  .board-card {
    position: unset;
    max-width: 200px;
    margin: auto;
  }

  .profile-left img {
    width: 100%;
    height: 250px;
  }

  .former-principal-list li {
    padding-left: 30px;
    font-size: 14px;
  }

  .department-menu a {
    font-size: 14px;
  }

  .c-faculty img {
    width: 100%;
    height: 140px;
  }

  .c-faculty h6 {
    font-size: 12px;
  }

  .c-faculty p {
    font-size: 12px;
    margin: 5px;
  }

  .c-faculty {
    min-height: 230px;
    height: 100%;
  }

  /* administration menu items end */

  /* code of conduct page start */

  .code-conduct-list li {
    font-size: 14px;
  }

  /* code of conduct page end */

  .scholar-list-header h4 , .policy-list-header h4, .capability-list-header h4  {
    font-size: 22px;
  }

  .club-list-wrap .policy-list-header h4 {
    font-size: 22px;
  }

  .policy-title , .policy-link-btn {
    font-size: 14px;
  }

  .alumni-card h5 {
    font-size: 18px;
  }

  /* department pages style start */

  .ems-highlights h4 {
    font-size: 20px;
  }

  .ems-highlights ul li {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .ems-courses h4 {
    font-size: 22px;
  }

  .ems-course-list ul li {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .article span.cat {
    font-size: 14px;
  }

  .article h1 {
    font-size: 18px;
    pointer-events: none;
  }

  .cs-content-wrap ul li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.7;
    color: #000000;
  }

  .faculty-scholarship-title {
    font-size: 18px;
  }

  .cs-gallery-btn {
    padding: 5px 15px;
    font-size: 16px;
  }

  .cs-gallery-item img, .cs-gallery-item video {
    width: 100%;
    height: 250px !important;
  }
  
  /* department pages style end */

  /* faculiy style start */

  .fac-details-accordion .accordion {
      padding: 15px;
      font-size: 14px;
  }

  .fac-details-accordion th, .fac-details-accordion td {
    padding: 10px 15px;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 14px;
  }
  .fac-det h4 {
    font-size: 24px;
  }

  .fac-details-accordion .info-list > li {
    font-size: 14px;
  }

  /* faculiy style end */

  .programmes-table thead th {
    padding: 10px 15px;
  }

  .programmes-table th, .programmes-table td {
    line-height: 1.6;
    vertical-align: top;
    font-size: 15px;
  }

  .faculty-section-title {
    font-size: 20px;
  }

  .placement-dept-detail h6 {
    font-size: 20px;
  }

  .placement-dept-detail p {
    font-size: 12px !important;
  }  
  .contact-card h6 {
    font-size: 14px !important;
    font-weight: 600;
  }

  .contact-card .name {
    font-weight: 600;
    font-size: 14px !important;
  }

  .contact-card p{
    font-size: 12px !important;
  }

}

@media screen and (max-width: 767.98px) {

  .second-palcement{
    display: none;
  }
}