/* Solutions Section */
    .solutions {
      padding: 80px 20px;
      background: #f1f5f9;
    }

    .solutions h2 {
      text-align: center;
      font-size: 2rem;
      margin-bottom: 40px;
    }

    .solution-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 30px;
    }

    .card {
      background: #fff;
      padding: 25px;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      text-align: center;
      transition: transform 0.3s, box-shadow 0.3s;
    }

    .card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }

    .card svg {
      width: 40px;
      height: 40px;
      margin-bottom: 15px;
      color: #007bff;
    }

    .card h3 {
      font-size: 1.2rem;
      margin-bottom: 10px;
      font-weight: 600;
    }

    .card p {
      font-size: 0.95rem;
      color: #555;
    }

 
    /* ===========================
   WHY GLOBAL BRANDS SECTION
   =========================== */
.why-global-brands-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px;
}

.why-global-brands-row > .et_pb_column,
.why-global-brands-row > .et_pb_column .et_pb_column_inner {
  flex: 1 1 50% !important;
  max-width: 50% !important;
  margin: 0 !important;
}

.why-global-brands-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}



.why-global-brands-row .et_pb_column_0 {
  text-align: left;
}



/* ===========================
  LOGO SLIDER
   =========================== */
.logo-slider {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.logo-slider-track {
  display: flex;
  gap: 2rem;
  animation: scroll-left 30s linear infinite;
}

.logo-slider-track:hover {
  animation-play-state: paused; /* pause on hover if desired */
}

.logo-slider {
  overflow: hidden !important;  /* force clipping */
}

.logo-slider-track {
  overflow: hidden !important;
}



/* ===========================
   LOGO SLIDER
   =========================== */
.logo-slider {
  width: 100%;
  overflow: hidden;
  background: transparent;
  padding: 20px 0;
}
.logo-slider-track {
  display: flex;
  width: calc(220px * 14 * 2);
  animation: scroll-logos 40s linear infinite;
}
.logo-slider-track li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  height: 120px;
  margin: 0 20px;
}
.logo-slider-track img {
  max-width: 220px;
  max-height: 120px;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.logo-slider-track img:hover {
  transform: scale(1.05);
}
@keyframes scroll-logos {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}


/* ===========================
   SVG ICONS
   =========================== */
.icon-box svg,
.solutions-grid .solution-card svg,
.media-page .card-hover svg,
.service-card .service-icon svg,
.features .icon-svg,
.check-icon-svg svg,
.climtek-page .info-icon svg,
.climtek-page .card-icon svg,
.climtek-page .hero-icon svg {
  fill: none !important;
  stroke: rgb(255, 255, 255) !important;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  width: 24px; height: 24px;
}

.check-icon-svg svg {stroke: rgb(70, 42, 175) !important;}



.check-icon-svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  flex-shrink: 0;
}
.check-icon-svg svg {
  width: 18px;
  height: 18px;
  stroke: #005b8f;
  vertical-align: middle;
}


.hero-intro, 
.features, 
.solutions, 
.logo-slider, 
.why-trimac {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
}



.hero-intro { margin-bottom: 2rem; }
.features { margin-top: 2rem; }
.why-trimac { margin: 3rem 0; }
.solutions { margin: 3rem 0; }
.logo-slider { margin: 2rem 0; }


.text-headline { font-size: 2rem; font-weight: 700; color: #002b49; margin-bottom: 20px; }