.logo-animation-wrapper {
            position: relative;
            width: 90px; /* Controls the overall size */
            height: 90px; /* Controls the overall size */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .logo-animation-wrapper::before {
            content: '';
            position: absolute;
            inset: 0; /* Covers the entire wrapper */
            border-radius: 50%;
            padding: 4px; /* This creates the border thickness */
            background: conic-gradient(green, green, transparent, transparent, transparent);
            -webkit-mask:
                linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
            mask:
                linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            animation: rotate-border 4s linear infinite;
        }

        .logo-animation-wrapper .logo-image {
            width: 100%;
            height: 100%;
            object-fit: contain; /* Ensures logo fits well */
            border-radius: 50%;
            background-color: white;
            padding: 5px; /* Space between logo and rotating border */
            box-sizing: border-box; /* Important for padding calculation */
        }

        @keyframes rotate-border {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        .slider-content .slider-title {
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6); /* Adds a subtle shadow to make text more readable */
        }
        .slider-content .slider-desc {
            font-size: 1.2rem; /* Makes the description text slightly larger */
            font-weight: 500;
            text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.7);
        }

        .main-menu .language-btn {
            border: 1px solid rgba(255, 255, 255, 0.8); /* A subtle white border */
            padding: 8px 15px;
            border-radius: 5px;
            transition: all 0.3s ease;
            margin-left: 15px; /* Adds space from the other menu items */
        }
        .main-menu .language-btn:hover {
            background-color: green; /* Or your theme's main color */
            border-color: green;
            color: #fff !important;
        }
        .main-menu .language-btn i {
            margin-right: 8px; /* Space between icon and text */
        }

        .product-card-_{
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
            height: 100%; /* Ensures all cards have the same height in a row */
            display: flex;
            flex-direction: column;
        }
        .product-card-_:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
        }
        .product-card-image_{
            width: 100%;
            padding-top: 100%; /* Creates a square aspect ratio for the image container */
            position: relative;
        }
        .product-card-image_ img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* Ensures the image covers the area without distortion */
        }
        .product-card-content_ {
            padding: 20px;
            text-align: center;
            flex-grow: 1; /* Allows this part to grow and push footer down */
        }
        .product-title_ {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 10px;
        }
        .product-description_ {
            font-size: 0.9rem;
            color: #666;
        }

         .product-title_ {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 10px;
            color: green !important; /* This is the new line that changes the color */
        }

       .tj-main-menu ul.main-menu {
            display: flex;
            flex-wrap: wrap; /* Allows items to wrap onto the next line */
            justify-content: flex-end; /* Aligns all items to the right */
            align-items: center;
        }

        /* Target the language dropdown item specifically */
        .main-menu li.language-dropdown-item {
            flex-basis: 100%; /* This is the key: it forces this item to take the full width, pushing it to a new line */
            margin-top: 10px; /* Adds space between the main menu and the language button */
            justify-content: flex-end; /* Ensures it stays aligned to the right */
        }

          .tj-main-menu .dropdown-menu {
            background-color: #222; 
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        /* Styles for the items inside the dropdown */
        .tj-main-menu .dropdown-menu .dropdown-item {
            color: #fff; /* White text for readability */
        }
        /* Hover effect for dropdown items */
        .tj-main-menu .dropdown-menu .dropdown-item:hover {
            background-color: green; /* Your theme's accent color on hover */
            color: #fff;
        }
        /* Style for the currently active language */
        .tj-main-menu .dropdown-menu li.active > a {
            background-color: green;
            color: #fff;
        }