html {
  scroll-behavior: smooth;
  /*height: 100%;*/
  /*margin: 0;*/
  /*padding: 0;*/
}

.top-nav-link {

  text-decoration-line: none;
  font-family: Open Sans;
  font-weight: 700;
  font-size: 18px;
  line-height: 24.51px;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  position: relative;
  transition: color 0.3s ease;
}

.top-nav-link:hover,
.active {
  color: #9C4BFE;
  /*background: #9C4BFE;*/
  /*text-shadow: '0px 0px 16px 0px #C25EEA80';*/
  /*text-shadow: 0px 0px 16px 0px rgba(194, 94, 234, 0.5);*/
  /*text-shadow: 0px 0px 16px 0px #C25EEA80;*/
  /*background: rgba(156, 75, 254, 1);*/
  text-shadow: 0px 0px 16px rgba(156, 75, 254, .8);
  text-decoration-line: none !important;
}

.nav-link-footer {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Open Sans;
  font-weight: 700;
  font-size: 18px;
  line-height: 24.51px;
  letter-spacing: 0.1em;

}

.nav-link-footer:hover {
  color: #9C4BFE;
  text-shadow: 0px 0px 16px rgba(156, 75, 254, .8);

}

.nav-link-footer:hover,
.active {
  color: #9C4BFE;
  text-shadow: 0px 0px 16px rgba(156, 75, 254, .8);
  /*text-decoration-line: none !important;*/
}







/*.privacy-link-footer {*/
/*  color: #FFFFFF;*/
/*  text-decoration: none;*/
/*  font-family: Open Sans;*/
/*  font-weight: 700;*/
/*  font-size: 18px;*/
/*  line-height: 24.51px;*/
/*  letter-spacing: 0.1em;*/

/*}*/

/*.privacy-link-footer:hover {*/
/*  color: #9C4BFE;*/
/*  text-shadow: 0px 0px 16px rgba(156, 75, 254, .8);*/

/*}*/

/*.privacy-link-footer:hover,*/
/*.active {*/
/*  color: #9C4BFE;*/
/*  text-shadow: 0px 0px 16px rgba(156, 75, 254, .8);*/
/*  !*text-decoration-line: none !important;*!*/
/*}*/

.menuItems:hover {
  color: #9C4BFE;
}

.menuItems {
  font-family: Open Sans;
  font-weight: 700;
  font-size: 18px;
  line-height: 24.51px;
  letter-spacing: 10%;

}


.in-and-out-large {
  cursor: pointer;
  animation: verticalMove-large var(--animation-duration, 3s) ease-in-out infinite;
  transition: filter 0.3s ease, transform 0.5s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%); /* Keeps it centered initially */
}

@keyframes verticalMove-large {
  0%, 100% {
    transform: translateY(calc(-50% + 10px)); /* Moves slightly down */
  }
  50% {
    transform: translateY(calc(-50% - 10px)); /* Moves slightly up */
  }
}


/*.in-and-outX-large {*/
/*  cursor: pointer;*/
/*  animation: horizontalMove-large var(--animation-duration, 3s) ease-in-out infinite;*/
/*  transition: filter 0.3s ease, transform 0.5s;*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  right: 0;*/
/*  transform: translateY(-50%);*/
/*}*/

/*@keyframes horizontalMove-large {*/
/*  0%, 100% {*/
/*    transform: translate(10px, -50%); !* Slightly move right *!*/
/*  }*/
/*  50% {*/
/*    transform: translate(-10px, -50%); !* Slightly move left *!*/
/*  }*/
/*}*/


.in-and-out {
  cursor: pointer;
  animation: verticalMove var(--animation-duration, 3s) ease-in-out infinite;
  transition: filter 0.3s ease, transform 0.5s;
}

@keyframes verticalMove {
  0%, 100% {
    transform: translateY(10px); /* Moves down */
  }
  50% {
    transform: translateY(-10px); /* Moves up */
  }
}

.animate:hover {
  /*filter: drop-shadow(0 0 1px rgb(0, 0, 0)) drop-shadow(0 0 1px rgb(0, 0, 0)); !* Add shadow for emphasis *!*/
  animation: zoomInHover 300ms forwards; /* Play zoom-in animation on hover */
}

@keyframes zoomInHover {
  0% {
    transform: scale(1); /* Start at normal size */
  }
  100% {
    transform: scale(1.2); /* Slightly larger size on hover */
  }
}

.in-and-out-character1 {
  cursor: pointer;
  animation: moveDown 4s ease-in-out infinite;
  transition: filter 0.3s ease, transform 0.5s;
}

@keyframes moveDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px); /* Moves down */
  }
  100% {
    transform: translateY(0);
  }
}

.in-and-out-character2 {
  cursor: pointer;
  animation: moveUp 4s ease-in-out infinite;
  transition: filter 0.3s ease, transform 0.5s;
}

@keyframes moveUp {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); /* Moves up */
  }
  100% {
    transform: translateY(0);
  }
}


/* for annimation */
.galleryImg:hover {
  transform: translate(0, -10px);
  transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out;
}


/*.dropbtn {*/
/*  background-color: #04AA6D;*/
/*  color: white;*/
/*  padding: 16px;*/
/*  font-size: 16px;*/
/*  border: none;*/
/*}*/

/*.dropdown {*/
/*  position: relative;*/
/*  display: inline-block;*/
/*}*/

/*.dropdown-content {*/
/*  display: none;*/
/*  position: absolute;*/
/*  background-color: #f1f1f1;*/
/*  min-width: 160px;*/
/*  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
/*  z-index: 1;*/
/*}*/

/*.dropdown-content a {*/
/*  color: black;*/
/*  padding: 12px 16px;*/
/*  text-decoration: none;*/
/*  display: block;*/
/*}*/

/*.dropdown-content a:hover {background-color: #ddd;}*/

/*.dropdown:hover .dropdown-content {display: block;}*/

/*!*.dropdown:hover .dropbtn {background-color: #3e8e41;}*!*/



/*.img-hover:hover{*/
/*  color:black;*/
/*}*/

/*@media screen and (min-width: 2048px) {*/
/*  .top-nav-link {*/
/*    font-family: Open Sans;*/
/*    font-size: 30px;*/
/*    line-height: 24.51px;*/
/*    letter-spacing: 0.3em;*/
/*  }*/

/*  .nav-link-footer {*/
/*    font-family: Open Sans;*/
/*    font-size: 30px;*/
/*    line-height: 26px;;*/
/*    !*letter-spacing: 0.3em;*!*/
/*  }*/
/*}*/

.ql-editor img,
.news-content img {
  max-width: 300px !important;
  height: auto !important;
}

.ql-editor video,
.news-content video {
  max-width: 100px !important;
  height: auto !important;
}