.nav-item{
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), 
              box-shadow 0.3s ease, 
              background-color 0.3s ease;
  cursor: pointer;
  border-radius: 12px;      
  overflow: hidden;         
}

button{
  
color: black;
}

.active {
  color: #ff4d4d;
  font-weight: bold;
  letter-spacing: 0.5px;
  border-bottom: 3px solid #ff4d4d;
}

.fab:hover{
  color: #ffd700;
}



/* li:hover { */
.nav-item:hover{
  transform: scale(1.08) translateY(-2px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25), 0 0 20px rgba(255, 255, 255, 0.15);
  background-color: #1a007a;
}

li span {
  transition: color 0.3s ease;
}

li:hover span {
  color: #ffd700;
}
#langToggleBtn:hover {
  color: #ffd700;
}
#pay:hover {
  color: #ffd700;
}
#pay {
  color: white;
}

.btnnav span{
  color: black;
}

h1{
    font-family: 'Playfair Display', serif; color: red;
}

.video1 {
  width: 100%;
  height: 300px;
  border-radius: 20px;
  overflow: hidden;  
}

.video1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.video2{
width: 100%;
border-radius: 20px;
height: 400px;
overflow: hidden;
}

.video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video3{
border-radius: 20px;
width: 100%;
height: 400px;
overflow: hidden;
}

.video3 video{
  width: 100%;
    height: 100%;
    object-fit: cover;
}


.video4{
    width: 100%;
    height: 400px;
    border-radius: 15px;
    overflow: hidden;
}

.video4 video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video5{
    width: 100%;
    height:380px;
    overflow: hidden;
    border-radius: 15px;
}
.video5 video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}