body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Prevent horizontal scroll */
}

 @font-face {
    font-family: 'Poppins';
    font-display: swap;
  }


/*Modernize Logo with subtle effects */

img {
    transition: transform 0.3s ease-in-out;
}

/* Animation classes */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeOut {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-10px); }
}

.fade-in {
    animation: fadeIn 0.3s ease-out forwards;
}

.fade-out {
    animation: fadeOut 0.3s ease-out forwards;
}

/* Cookie Consent Banner Styles */
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    z-index: 1000;
    display: none; /* Initially hidden */
}

.cookie-consent a {
    color: #f1f1f1;
    text-decoration: underline;
}

.cookie-consent .accept-cookies-btn {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px;
}

.cookie-consent .accept-cookies-btn:hover {
    background-color: #45a049;
}

  [x-cloak] { display: none !important; }
        .scrollbar-hide::-webkit-scrollbar { display: none; }

        /* Smooth dropdown transitions */
        .dropdown-transition {
            transition: opacity 0.15s ease, transform 0.15s ease;
        }
        .dropdown-enter {
            opacity: 0;
            transform: translateY(-5px);
        }
        .dropdown-enter-to {
            opacity: 1;
            transform: translateY(0);
        }
        .dropdown-leave {
            opacity: 1;
            transform: translateY(0);
        }
        .dropdown-leave-to {
            opacity: 0;
            transform: translateY(-5px);
        }

        /* Dropdown container that stays open when hovered */
        .dropdown-container:hover .dropdown-panel {
            display: block;
        }