body {
  font-family: 'arial', sans-serif;
  background-color: #f8f9fa;
  color: #333;
}
img, textarea{
  max-width: 100%;
}
ul, ol{
  padding: 0;
}
li{
  list-style: none;
}
.clearfix::after{
  content: "";
  display: table;
  clear: both;
}

a:hover, a{
  text-decoration: none;

}

.navbar-brand {
  color: #000;
}

.nav-link {
  color: #555;
  transition: color 0.3s ease;
}

.nav-link:hover {
  color: #000;
}

img {
  max-height: 1000px;
  object-fit: cover;
  margin-top: 0rem;
}

footer {
  font-size: 0.9rem;
  color: #666;
}

h2 {
 font-size: 5rem;
 font-family: arial;
}

.carousel-caption {
/* overide default */
    bottom: 35%;
    color: #000;
    font-size: 9rem;
/* default */
    position: absolute;
    right: 15%;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: center
}

.carousel-item img {
  height: 100vh;
  width: 100%;
  object-fit: cover;
}



.masked-text {
    font-size: 4rem;
    font-weight: bold;
    color: transparent;
    background-image: url('https://images.unsplash.com/photo-1732535725600-f805d8b33c9c?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); 
    background-size: 200%; /* Enlarged for smooth animation */
    background-position: 0 50%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-background 5s infinite alternate linear;
}
@keyframes animate-background {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}