/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 02 2025 | 07:03:36 */
ul.creative-list li a {
    color: #161616;
    font-size: 17px;
    background: #15ff2b;
    padding: 4px 7px;
    border-radius: 10px;
	transition:0.6s;
}
ul.creative-list li a:hover {
    background: #57ddff;
}
/* Container for the marquee */
        .marquee-container {
            width: 100%;
            overflow: hidden;
            background-color: #f1f1f1;
            white-space: nowrap; /* Ensures everything stays on one line */
        }

        /* Content inside the marquee */
        .marquee-content {
            display: inline-block;
            animation: scroll-left 30s linear infinite; /* Adjust speed here (10 seconds) */
        }

        /* Individual marquee link styling */
        .marquee-content a {
            display: inline-block; /* Ensures links stay inline */
            margin-right: 50px; /* Space between links */
            font-size: 1.2rem;
            color: #007BFF; /* Link color */
            text-decoration: none; /* Remove underline */
        }

        .marquee-content a:hover {
            text-decoration: underline; /* Underline on hover */
        }

        /* Keyframes for the horizontal scroll */
        @keyframes scroll-left {
            0% {
                transform: translateX(100%); /* Start off-screen right */
            }
            100% {
                transform: translateX(-100%); /* Move off-screen left */
            }
        }

        /* Pause on hover */
        .marquee-container:hover .marquee-content {
            animation-play-state: paused; /* Pause the animation */
        }

		 @media screen and (max-width: 1024px) {
              .main-menu-wrapper.scroll img {
        			display: block !important;
    		}
        }

        /* Responsive adjustments */
        @media screen and (max-width: 768px) {
            .marquee-content a {
                font-size: 1rem; /* Smaller font size on medium screens */
            }
        }

        @media screen and (max-width: 480px) {
            .marquee-content a {
                font-size: 0.9rem; /* Even smaller font size on small screens */
            }
			.elementor-5201 .elementor-element.elementor-element-4f93709 {
        		padding: 0px 0px 0px 0px !important;
    		}
        }