.scrolling_marquee {
 height: 50px;	
 overflow: hidden;
 position: relative;
 margin: 0 auto;
 display: block;
}
.scrolling_marquee span {
 margin: 0;
 /*text-align: center;*/
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 min-width: max-content;
}
/* Move it (define the animation) */
@-moz-keyframes scrolling_marquee {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scrolling_marquee {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scrolling_marquee {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}
#scrolling_marqueeme:hover {
    -webkit-animation-play-state:paused;
    animation-play-state:paused;
}

/* Move it (define the animation) */
@-moz-keyframes scrolling_marqueeme {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scrolling_marqueeme {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scrolling_marqueeme {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

/* Image styling within marquee */
.scrolling_marquee img {
 display: inline-block;
 vertical-align: middle;
 margin-right: 10px;
 max-height: 100%;
 object-fit: contain;
 border-radius: 2px;
 box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Ensure text and image align properly */
.scrolling_marqueetxt {
 display: flex;
 align-items: center;
 white-space: nowrap;
 overflow: visible;
 position: relative;
}

.scrolling_marqueetxt a {
 display: flex;
 align-items: center;
 text-decoration: none;
 padding: 0 20px;
}

/* Enhanced font rendering for better readability */
.mfont {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
}

/* Improved text selection for better UX */
.scrolling_marqueetxt {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

/* Smooth animation performance */
.scrolling_marquee {
 will-change: transform;
}

/* Ensure proper centering for different width values */
.scrolling_marquee[style*="width: auto"] {
 width: 100% !important;
}

/* Mobile responsiveness - hide marquee on small screens */
@media (max-width: 768px) {
 .hide-mobile {
  display: none !important;
 }
 
 /* Hide the entire marquee container when mobile hide is enabled */
 .scrolling_marquee.hide-mobile {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  position: static !important;
  visibility: hidden !important;
 }
 
 /* Also hide any child elements to prevent any content from showing */
 .scrolling_marquee.hide-mobile * {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
 }
}

/* Tablet responsiveness - optional hide on medium screens */
@media (max-width: 1024px) and (min-width: 769px) {
 .scrolling_marquee_hide_mobile {
  /* You can add specific tablet styling here if needed */
 }
}