/* === TYPOGRAPHY === */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-roboto-condensed);
  font-weight: var(--weight-800);
}

h4 {
  color: #E63946;
}

h3 {
  color: #E63946;
}

h5 {
  color: #E63946;
}.bg-one{
  background: #F8FCFF;
}

p,
span,
.address,
.text-dark,
a,
li {
  font-family: var(--font-inter);
  font-weight: var(--weight-400);
  color: #505050;

}
p{
  text-align: justify !important;
}
p.sub-title.medium {
    font-size: 24px !important;
    text-align: left;
}
.center-text{
      text-align: center !important;
}
.text-dark {
  color: #505050 !important;
}
.heading {
  font-size: var(--size-36);
  font-weight: bold;
  color: var(--color-red-primary);
}
h2 span{
  font-family: var(--font-roboto-condensed) !important;
}
p.sub-title {
  color: var(--color-dark) !important;
  font-family: var(--font-roboto-condensed);
}

.section-padding {
  padding: var(--section-padding);
}
.rounded{
  border-radius: 10px !important;
}
/* ==== VIDEO SECTION === */
#video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
}

/* === ANNOUNCEMENT BAR === */
.announcement-bar {
  background: var(--main-gradient);
  height: 40px;
  font-size: var(--size-14);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden; /* Ensure text doesn't spill out */
  position: relative;
}

.announcement-label {
  background-color: var(--color-orange);
  font-weight: 600;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 17px;
  font-family: var(--font-roboto-condensed);
  padding: 0 10px;
}

.marquee-container {
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 100%;
  cursor: pointer; /* Optional: shows it's interactive */
}

.announcement-marquee {
  position: absolute;
  white-space: nowrap;
  display: inline-block;
  animation: scroll-left 30s linear infinite; /* slower than before */
  animation-play-state: running;

  /* Smooth rendering */
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Pause animation on hover */
.marquee-container:hover .announcement-marquee {
  animation-play-state: paused;
}

@keyframes scroll-left {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}


/* === EMPOWERING SECTION === */
p.paragraph {
  color: var(--color-light-gray) !important;
  line-height: 26px;
}

.know-more-btn {
  width: 140px;
  height: 140px;
}

.know-more-btn img {
  max-width: 100%;
  height: auto;
}

.empowering .row .col-6 {
  text-align: left;
}

.position-absolute.know-more-btn.translate-middle {
  transform: translate(-30%, -85%) !important;
}

/* Program Section CSS */
.section-programmes {
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
    url(/images/College.webp?dbd0260bdfc7b07e6a4ecafa5daa7664);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.program-card {
  background: var(--alt-gradient);
}

li.listed-course {
  list-style-type: disclosure-closed;
}

/* === Catapult Your Career SECTION === */
.partner-logos {
  box-shadow: 0 0 24px rgb(0 0 0 / 5%);
  border-radius: 75px;
}

.ranking-card img.ranking-img {
  width: 45%;
  height: 45%;
}

.ranking-card {
  padding: 1rem;
  border-right: 1px solid #eee;
}

.ranking-card:last-child {
  border-right: none;
}

.ranking-card img {
  height: 50px;
  margin-bottom: 10px;
}

.logo-carousel img {
  max-height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}

.btn-with-bg {
  background: var(--alt-gradient);
  color: white;
  padding: 8px 28px;
  border-radius: 30px;
  border: unset;
  font-size: var(--size-16);
  font-weight: var(--weight-600);
  font-family: var(--font-inter);
}

.btn-border-light {
  color: #333333;
    padding: 13px 28px !important;
  border-radius: 30px;
  background:
    linear-gradient(white, white) padding-box,
    /* white background */
    linear-gradient(to right, #011053, #00D2FF) border-box;
  /* gradient border */
  border: 2px solid transparent;
  font-size: var(--size-16);
  font-weight: var(--weight-600);
  font-family: var(--font-inter);
}

.btn-border-light:hover {
    background: var(--alt-gradient);
    color: white;
    padding: 15px 28px !important;
  border-radius: 30px;
  border: unset;
  font-size: var(--size-16);
  font-weight: var(--weight-600);
  font-family: var(--font-inter);
}

.btn-with-bg:hover {
  background: var(--hover-gradient);
  color: white;
}

/* === Memorable Moments === */
section.memorable-moments-section {
  background: var(--bg-footer);
}

.testimonial-card {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}

.testimonials-name,
.year {
  font-family: var(--font-inter);
}

.overlay-text {
  bottom: 0;
  left: 0;
 background: linear-gradient(2deg, rgba(50, 50, 50, 0.6), rgba(50, 50, 50, 0%));
height: 100%;
  width: 100%;
  display: flex;
  align-items: end;
  
}

.owl-carousel .item img {
  transition: transform 0.3s;
}

.owl-carousel .item img:hover {
  transform: scale(1.03);
}

/* Event CSS */
.active.event-tabs,
.event-tabs:hover {
  background-image: var(--alt-gradient);
  color: var(--color-white) !important;
  border: unset;
}

.event-date {
  font-size: var(--size-12);
  font-weight: var(--weight-800);
  color: var(--color-dark-blue);
}

p.event-description {
  color: var(--color-light-gray);
}

.event-tabs {
  color: var(--color-dark-blue);
}

/* SCM Gallery */
.scm-gallery {
  background: linear-gradient(45deg, rgba(255, 102, 114, 0.8), rgba(46, 42, 111, 0.8)),
    url(/images/hostel-view.webp?1e08f4c851fc99c0c8c2ab0fefda98dd);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.counter {
  font-size: 48px;
}

/* ==== RESPONSIVE === */
@media (max-width: 991px) {
  .know-more-btn {
    width: 140px;
    height: 140px;
  }

  .position-absolute.know-more-btn.translate-middle {
    transform: translate(-30%, -90%) !important;
  }

  .section-padding {
    padding: var(--section-mobile-padding);
  }
}

@media (max-width: 767px) {
  .know-more-btn {
    width: 100px;
    height: 100px;
  }

  .empowering .heading {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .know-more-btn {
    width: 80px;
    height: 80px;
  }

  .position-absolute.know-more-btn.translate-middle {
    transform: translate(-35%, -80%) !important;
  }
}

@media (max-width: 360px) {
  .know-more-btn {
    width: 70px;
    height: 70px;
  }
}
.view-btn{
 color: #000000;
}
.event-btn{
  color: #E63946 !important;
}
.event-btn:hover{
  color: #000000 !important;
}
.view-btn:hover{
 
    color: #E63946;
}

html {
  scroll-padding-top: 580px; /* or whatever the height of your sticky header is */
}
.right-img{
height: 630px !important;
}
.img-btn img {
    transition: transform 0.4s ease-in-out;
}

.img-btn:hover img {
    transform: scale(1.1); /* Zoom in */
}

.img-btn img:active {
    transform: scale(0.95); /* Optional: zoom out when clicked */
}
.gallery .item img{
  height: 400px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.reserch-sec th:nth-child(4) {
    max-width: 50px !important;
}
th span{
  color: #fff;
}
.hover-color{
  color: #505050 !important;
}
.hover-color:hover{
  color: #E63946 !important
}
.banner-image{
  height: 700px;
  width: 100%;
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-wrappers {
    bottom: 34px;
}
.empowering a.btn.btn-sm:hover {
    color: #E63946;
}
.testimonial-content {
    max-height: 160px; /* Limit to ~3 lines */
    transition: max-height 0.5s ease-in-out;
    overflow: hidden;
    cursor: pointer; /* Make the text clickable */
    position: relative;
}

/* Add style for the three dots */
.dots {
    font-weight: bold;
    color: #007bff; /* Adjust color */
    cursor: pointer;
}

/* Expanded state */
.testimonial-content.expanded {
    max-height: none;
}
.read-more-link:hover{
color: #E63946 !important; 
}
.placement-height img {
    height: 60px !important;
    width: 70%;
    -o-object-fit: contain;
       object-fit: contain;
}
h5.blog-title:hover {
    color: #E63946 !important;
}
.text-hover-color:hover{
     color: #E63946 !important;
}
.height-wrapper h4:hover{
       color: #E63946 !important;
}
.student-cell h4:hover{
       color: #E63946 !important;
}
.loan-tab a {
    font-weight: 700;
        text-decoration: underline !important;
}
.loan-tab a:hover {
     color: #E63946 !important;
     
}
.red-color-head{
      color: #E63946 !important;
}
a:hover .red-color-head{
      color: #000000 !important;
}
.event-description {
    text-align: justify;
}

.ranking-card p {
    text-align: center !important;
}