/* @media (min-width:768px){
     #mobileMenu{
    display: inline-grid;
 }
 }

 #mobileMenu{
    display: hidden !important;
 } */
 

 

 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(30px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes slideInLeft {
     from {
         opacity: 0;
         transform: translateX(-50px);
     }

     to {
         opacity: 1;
         transform: translateX(0);
     }
 }

 @keyframes slideInRight {
     from {
         opacity: 0;
         transform: translateX(50px);
     }

     to {
         opacity: 1;
         transform: translateX(0);
     }
 }

 .fade-in-up {
     animation: fadeInUp 0.8s ease-out forwards;
 }

 .slide-in-left {
     animation: slideInLeft 0.8s ease-out forwards;
 }

 .slide-in-right {
     animation: slideInRight 0.8s ease-out forwards;
 }

 .animate-on-scroll {
     opacity: 0;
 }

 .animated {
     animation: fadeInUp 0.8s ease-out forwards;
 }

 html {
     scroll-behavior: smooth;
 }

 .card-hover {
     transition: all 0.3s ease;
 }

 .card-hover:hover {
     transform: translateY(-10px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
 }

 .modal {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
     z-index: 1000;
     justify-content: center;
     align-items: center;
 }

 .modal.active {
     display: flex;
 }

 .slider-container {
     position: relative;
     overflow: hidden;
 }

 .slider-track {
     display: flex;
     transition: transform 0.5s ease;
 }

 .slider-item {
     min-width: 100%;
     flex-shrink: 0;
 }

 .accordion-content {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease;
 }

 .accordion-content.active {
     max-height: 500px;
 }

.slider-item{
    width: 50%;
}

.hidden{
     animation: moveLine 3s linear;
}

@keyframes moveLine {
    100%   { left: -100%; }
    0% { right: 100%; }
}