.elementor-3081 .elementor-element.elementor-element-22c2b35{--display:flex;}.elementor-3081 .elementor-element.elementor-element-b48f86d{--display:flex;}/* Start custom CSS for container, class: .elementor-element-b48f86d *//* marquee.css - Styles for Responsive Marquee */

body {
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Arial, sans-serif;
  background: #f7f7f7;
}

.marquee-container {
  width: 100vw;
  /* overflow: hidden; */
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  /* padding: 32px 0; */
}

.marquee {
  display: flex;
  width: max-content;
  animation: marquee-scroll 56s linear infinite;
}

@keyframes marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.marquee__group {
  display: flex;
  align-items: center;
}

.marquee-item {
  display: flex;
  align-items: center;
  background: #f0f4fa;
  border-radius: 16px;
  margin: 0 16px;
  padding: 12px 20px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  min-width: 180px;
  transition: box-shadow 0.2s;
}

.marquee-item:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}

.profile-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 16px;
  border: 2px solid #e0e7ef;
}

.item-text {
  display: flex;
  flex-direction: column;
}

.name {
  font-weight: 600;
  color: #222b45;
  font-size: 1.1em;
}

.designation {
  color: #6b7a90;
  font-size: 0.95em;
}

.diamond {
  color: #b3b3b3;
  font-size: 2em;
  margin: 0 12px;
  user-select: none;
}

@media (max-width: 700px) {
  .marquee-item {
    min-width: 140px;
    padding: 8px 12px;
  }
  .profile-img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }
  .diamond {
    font-size: 1.3em;
    margin: 0 6px;
  }
}/* End custom CSS */