.elementor-7236 .elementor-element.elementor-element-9bf7c35{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7236 .elementor-element.elementor-element-8ec3200 > .elementor-widget-container{margin:0px -350px 0px -300px;}/* Start custom CSS for html, class: .elementor-element-8ec3200 *//* Banner Container - Wider Height & Red Background */
.company-marquee-banner {
  width: 100%;
  background-color: #b8001f;
  color: #ffffff;
  overflow: hidden;
  position: relative;
  padding: 24px 0;
  box-shadow: 0 12px 24px rgba(184, 0, 31, 0.25);
  direction: rtl;
  box-sizing: border-box;
  font-family: inherit;
}

/* Gradient Edges Overlay */
.company-marquee-banner::before,
.company-marquee-banner::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 90px;
  z-index: 2;
  pointer-events: none;
}

.company-marquee-banner::before {
  right: 0;
  background: linear-gradient(to left, #b8001f 0%, transparent 100%);
}

.company-marquee-banner::after {
  left: 0;
  background: linear-gradient(to right, #b8001f 0%, transparent 100%);
}

/* Moving Content Wrapper - Optimized Speed (25s) */
.company-marquee-content {
  display: flex;
  white-space: nowrap;
  width: max-content;
  animation: marqueeScroll 25s linear infinite; /* سرعت تعادل‌یافته و متناسب */
}

/* Pause Scrolling on Hover */
.company-marquee-banner:hover .company-marquee-content {
  animation-play-state: paused;
}

/* Item Style - Increased Spacing between Repeats */
.company-marquee-item {
  display: flex;
  align-items: center;
  gap: 32px;
  padding-left: 200px;
  padding-right: 200px;
}

.company-marquee-text {
  font-size: 19px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.01em;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  animation: textBlink 1.8s ease-in-out infinite alternate;
}

.company-marquee-divider {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}

/* Scrolling Keyframes */
@keyframes marqueeScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}

/* Blinking Keyframes */
@keyframes textBlink {
  0% {
    opacity: 1;
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.2);
  }
  100% {
    opacity: 0.55;
    text-shadow: 0 0 0px transparent, 0 2px 4px rgba(0, 0, 0, 0.1);
  }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .company-marquee-banner {
    padding: 18px 0;
  }
  
  .company-marquee-text {
    font-size: 15px;
  }

  .company-marquee-item {
    padding-left: 100px;
    padding-right: 100px;
    gap: 20px;
  }
}/* End custom CSS */