.web-slider {
	height: 610px;
	object-fit: cover;
	object-position: center;
}

.main-logo {
	height: 70px;
	object-fit: fill;
	object-position: center center;	
}

.main-team-img {
	height: 261px;
	object-fit: cover;
	object-position: center top;	
}

.text-justify {
	text-align: justify;
}

#textj p {
	text-align: justify;
}

.main-gallery {
	height: 212px;
	object-fit: cover;
	object-position: center center;	
}

.course-img {
	object-fit: cover;
	object-position: center;
	height: 158px;
	width: 100%;
}

.bg-trans-dark {
	background: rgb(2,0,36);
	background: linear-gradient(158deg, rgba(2,0,36,0.5578606442577031) 0%, 
										rgba(9,9,121,0.20211834733893552) 34%, 
										rgba(0,212,255,0.25253851540616246) 100%);
}

.v-align-middle,
.v-align-middle td,
.v-align-middle th{
    vertical-align: middle !important;
}

/* ------------------------- */
/* 🔸 Common Text Color Effect */
/* ------------------------- */
@keyframes colorChange {
  0%   { color: #fff; }   /* Red */
  50%  { color: #ff9900; }   /* Orange */
  100% { color: #ffff00; }   /* Yellow */
}

/* ------------------------- */
/* ✨ Blink Animation */
/* ------------------------- */
.blink {
  animation: blink 1.5s infinite, colorChange 3s ease-in-out infinite alternate;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* ------------------------- */
/* 💓 Pulse Animation */
/* ------------------------- */
.pulse {
  display: inline-block;
  animation: pulse 1.5s infinite, colorChange 3s ease-in-out infinite alternate;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}

/* ------------------------- */
/* 🌟 Glow Animation */
/* ------------------------- */
.glow {
  animation: glow 1.5s ease-in-out infinite alternate, colorChange 3s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    text-shadow: 0 0 5px #fff, 0 0 10px #4caf50, 0 0 15px #4caf50;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #4caf50, 0 0 40px #4caf50;
  }
}

/* ------------------------- */
/* ⌨️ Typewriter Animation */
/* ------------------------- */
.typewriter {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid currentColor; /* Use current text color */
  animation: typing 3s steps(30, end) infinite alternate,
             blink-caret .75s step-end infinite,
             colorChange 3s ease-in-out infinite alternate;
}

@keyframes typing {
  from { width: 0; }
  to { width: 100%; }
}

@keyframes blink-caret {
  from, to { border-color: transparent; }
  50% { border-color: currentColor; } /* matches changing color */
}