footer .tg-infolist li i , footer ul.tg-infolist,footer h3 {
    color: #ffffff !important;
}

footer strong {
    color: #ffffff;
}

#tg-footer .tg-widgetcontent ul li a strong, #tg-footer .tg-widgetcontent ul li a, #tg-footer .tg-widgetcontent ul li a i {
    color: #ffffff !important;
}
/*Desktop*/
@media only screen and (max-width: 3000px) and (min-width: 800px)  {
.owl-item .item a img {
    height: 441px;
}


.mytg-content
{
    background:#032963 !important
}
div#tg-navigation ul li a {
    font-size: 15px;
}
/*.tg-description, .tg-description p , .cardnew.cardnew-1.studentzone a h3,.post-content h5 {*/
/*    font-size: 22px;*/
/*    color:black;*/
/*}*/
.tg-description, .tg-description p, .cardnew.cardnew-1.studentzone a h3, .post-content h5 { font-size: 21px; letter-spacing: 1px; color: black; margin: 5px; padding: 3px; }
.tg-borderheading h2 {
    font-size: 26px;
    font-weight: bold;
}

.tg-contactus.tg-contactusvone{
    font-size: 20px;
    text-align: justify;
    white-space: normal;
}

.post-content {
    font-size: 18px;
}
marquee li a {
    font-size: 20px;
}
}

/*Mobile*/
@media only screen and (max-width: 799px) and (min-width: 300px)  {
h1,h2 {
    font-size: 22px;
}
}

#wave2 .wave.wave2 {
    animation: animate2 4s linear infinite !important;
}
#wave2 .wave.wave1 {
    animation-duration: 15000ms;
    animation: animate2 4s linear infinite !important;

}
@keyframes wave-animation {
  0% { /* Start position of the animation */}
    /* Define the intermediate positions of the animation */
  50% { /* Mid position of the animation */}
  100% { /* End position of the animation */}
}

/* Apply the animation to the element */
.wave {
  animation-name: wave-animation;
  animation-duration: 3s; /* Set the duration to 3 seconds (less than 5 seconds) */
  animation-iteration-count: infinite; /* This will make the animation loop */
}

/* Disable animations for users who prefer reduced motion */
@media (prefers-reduced-motion) {
  .wave {
    animation-name: none; /* Turn off the animation */
  }
}


div#tg-content-web p{
          line-height: auto;
}
div#tg-content-web {
    font-size: 22px;
    letter-spacing: 0px;
    color: black;
    margin: 5px;
    padding: 2px;

 } 
 div#tg-content-web p {
    line-height: inherit !important;
}

/* Visually hidden class */
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

.scrolling-text {
  margin: 5px 10px;
  font-size: 18px;
  color: yellow;
  overflow: hidden; /* Hide any overflow text */
  white-space: nowrap; /* Prevent text wrapping */
}

/* Keyframe animation for scrolling */
@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

/* Apply the animation to the scrolling-text element */
.scrolling-text a {
  animation: marquee 10s linear infinite;
}

/* Stop animation on hover */
.scrolling-text a:hover {
  animation-play-state: paused;
}

.owl-carousel .owl-item img {
            width: 100%;
            display: block;
            height: auto;
        }
        .img-responsive {
  width: 100%;
  height: auto;
}
img.equalheight.img-responsive {
    width: auto !important;
    height: auto;
    padding: 25px;
}