.trending-section {
  /* Slick spacing */
  /* Hide default arrows */
  /* default state (playing) */
  /* paused state */
  /* Responsive */
}
.trending-section .container {
  margin: 0 auto;
}
.trending-section .section-title {
  margin-bottom: 40px;
  color: #262626;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -1px;
}
.trending-section .topic-card .topic-link {
  display: block;
  min-width: 190px;
  padding: 10px 10px 12px 10px;
  border-radius: 16px;
}
.trending-section .topic-card .topic-link:hover {
  background-color: #f7f7f7;
}
.trending-section .topic-card:hover {
  cursor: pointer;
}
.trending-section .topic-icon {
  width: 71px;
  height: 70px;
  margin: auto;
  margin-bottom: 15px;
}
.trending-section .topic-title {
  color: #262626;
  text-align: center;
  letter-spacing: -1px;
  font-weight: 600 !important;
  font-size: 24px;
  line-height: 30px;
}
.trending-section .topic-title span {
  margin-left: 5px;
}
.trending-section .topics-slider {
  margin-bottom: 10px;
}
.trending-section .topics-slider .slick-slide {
  margin-right: 20px;
}
.trending-section .slick-prev,
.trending-section .slick-next {
  display: none;
}
.trending-section .carousel-toggle {
  background: none;
  border: none;
  cursor: pointer;
  gap: 6px;
  -webkit-tap-highlight-color: transparent;
}
.trending-section .carousel-controls.hide {
  display: none;
}
.trending-section .play-icon {
  pointer-events: none;
}
.trending-section .play-icon svg .rotating-icon-stroke {
  stroke: #262626;
}
.trending-section .play-icon svg .rotating-icon-fill {
  fill: #E90029;
}
.trending-section .pause-icon {
  opacity: 1;
  pointer-events: auto;
}
.trending-section .play-icon,
.trending-section .pause-icon {
  transition: opacity 0.4s ease;
  cursor: pointer;
}
.trending-section .play-icon:hover svg .rotating-icon-stroke,
.trending-section .pause-icon:hover svg .rotating-icon-stroke {
  stroke: #262626;
}
.trending-section .play-icon:hover svg .rotating-icon-fill,
.trending-section .pause-icon:hover svg .rotating-icon-fill {
  fill: #E90029;
}
.trending-section .carousel-toggle.is-paused .play-icon {
  pointer-events: auto;
}
.trending-section .carousel-toggle.is-paused .play-icon svg .rotating-icon-stroke {
  stroke: #80919F;
}
.trending-section .carousel-toggle.is-paused .play-icon svg .rotating-icon-fill {
  fill: #666666;
}
.trending-section .carousel-toggle.is-paused .play-icon svg:hover .rotating-icon-stroke {
  stroke: #262626;
}
.trending-section .carousel-toggle.is-paused .play-icon svg:hover .rotating-icon-fill {
  fill: #E90029;
}
.trending-section .carousel-toggle.is-paused .pause-icon {
  pointer-events: none;
}
.trending-section .carousel-toggle.is-paused .pause-icon svg .rotating-icon-stroke {
  stroke: #262626;
}
.trending-section .carousel-toggle.is-paused .pause-icon svg .rotating-icon-fill {
  fill: #E90029;
}
.trending-section .arrow-icon {
  background-image: url(../../../../../../etc/clientlibs/keysight/head/img/css/arrow-right-solid-white.svg);
  background-size: 28px;
  height: 28px;
  width: 28px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: brightness(0.1);
}
@media only screen and (max-width: 1024px) {
  .trending-section .section-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .trending-section .topic-title {
    font-size: 1rem;
  }
  .trending-section .topic-card .topic-link {
    min-width: 165px;
  }
  .trending-section .topic-card {
    padding: 10px 5px 24px 5px;
  }
  .trending-section .topics-slider .slick-slide {
    margin-right: 15px;
  }
}
.dark .trending-section .topic-link:hover {
  background-color: #1F2528;
}
.dark .trending-section .topic-title {
  color: #ffffff;
}
.dark .trending-section .topic-icon img {
  filter: brightness(0) invert(1);
}
.dark .trending-section .arrow-icon {
  filter: brightness(0) invert(1);
}