 /*slider animation*/
 @keyframes kenburns {
     0% {
         transform: scale(1);
     }

     100% {
         transform: scale(1.2);
     }
 }

 .img-kenburns {
     animation: kenburns 20s ease-in-out infinite alternate;
 }

 .img-fade {
     opacity: 0;
     transition: opacity 2s ease;
 }

 .img-fade.show {
     opacity: 1;
 }

 .text-slide-up {
     opacity: 0;
     transform: translateY(40px);
     transition: all 1s ease;
 }

 .text-slide-up.show {
     opacity: 1;
     transform: translateY(0);
 }

 
 /*navbar*/
 .menu-open {
     max-height: 500px;
     transition: max-height 0.5s ease-in-out;
 }

 .menu-closed {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.5s ease-in-out;
 }

 /* Smooth underline effect */
 .menu-link {
     position: relative;
     padding-bottom: 4px;
     transition: color 0.3s ease;
 }

 .menu-link::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 2px;
     background-color: #2f2fea;
     transform: scaleX(0);
     transform-origin: left;
     transition: transform 0.3s ease;
 }

 .menu-link:hover::after {
     transform: scaleX(1);
 }

 .bar1-animate {
     transform: rotate(43deg) translateY(11px);
 }

 .bar2-animate {
     opacity: 0;
     width: 0;
 }

 .bar3-animate {
     transform: rotate(-43deg) translateY(-11px);
 }