.feature-grid__edit-mode .cta {
  min-height: 50px;
  min-width: 150px;
}
.feature-grid {
  background-image: url('../../../../../../content/dam/keysight/en/img/dtx/dtx-white-wave-background.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
}
@media only screen and (min-width: 768px) and (max-width: calc(1200px - 1px)) {
  .feature-grid {
    background-image: url('../../../../../../content/dam/keysight/en/img/dtx/dtx-white-wave-background-tablet.svg');
  }
}
@media only screen and (max-width: calc(768px - 1px)) {
  .feature-grid {
    background-image: url('../../../../../../content/dam/keysight/en/img/dtx/dtx-white-wave-background-mobile.svg');
  }
}
.feature-grid .feature-grid-slider .slick-list {
  padding-left: 0 !important;
}
.feature-grid .feature-grid-slider .slick-slide {
  margin-right: 1rem;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .feature-grid .generic-tile-wrapper {
    min-height: 350px;
  }
  .feature-grid .generic-tile-wrapper.feature-tile .explore-img-container {
    display: none;
  }
}
.feature-grid .generic-tile-wrapper {
  padding: 1.5rem;
  border: 1px solid transparent;
}
.feature-grid .generic-tile-wrapper:hover {
  border: 1px solid #97999b;
}
.feature-grid .generic-tile-wrapper .tile-description p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.feature-grid .feature-grid-wrapper .cta .cta-wrapper {
  justify-content: flex-start;
}
.feature-grid .feature-grid-wrapper .cta .cta-wrapper .cta-button {
  width: auto;
}
.feature-grid .feature-grid-cta {
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
}
.feature-grid .feature-grid-cta .cta-link + .cta-arrow-icon {
  display: block;
}
.feature-grid.dark .cta.cta-link .cta-wrapper .cta-button a {
  color: #ffffff;
}
.feature-grid .generic-tile-content-wrapper .generic-tile-cta .cta-wrapper .cta-button .dtxLink {
  font-size: 1rem;
}
.feature-grid .generic-tile-content-wrapper .generic-tile-cta .cta-arrow-icon {
  margin-top: 0.438rem;
}
@media only screen and (min-width: 768px) {
  .feature-grid .five_tile_vari_one.five_tile_vari_one_3 .generic-tile-wrapper .tile-title,
  .feature-grid .five_tile_vari_one.five_tile_vari_one_4 .generic-tile-wrapper .tile-title,
  .feature-grid .three_tile_vari_2 .generic-tile-wrapper .tile-title,
  .feature-grid .three_tile_vari_3 .generic-tile-wrapper .tile-title,
  .feature-grid .four_tile_vari_2 .generic-tile-wrapper .tile-title,
  .feature-grid .four_tile_vari_3 .generic-tile-wrapper .tile-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 500 !important;
  }
  .feature-grid .five_tile_vari_two.five_tile_vari_two_1 .generic-tile-wrapper .tile-title {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600 !important;
  }
  .feature-grid .eyebrow-large-bold {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5rem;
  }
  .feature-grid .five_tile_vari_one_1 .eyebrow-large-bold {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.875rem;
    text-transform: none;
  }
}
@media (max-width: 1024px) {
  .feature-grid .five_tile_vari_one_2 .tile-title,
  .feature-grid .five_tile_vari_one_5 .tile-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 500 !important;
  }
  .feature-grid .five_tile_vari_two .generic-tile-wrapper .tile-title {
    font-weight: 500 !important;
  }
}
@media (max-width: 767px) {
  .feature-grid .tile-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 500 !important;
  }
  .feature-grid .generic-tile-wrapper .tile-description p {
    font-size: 0.875rem;
    line-height: 1.313rem;
  }
  .feature-grid .five_tile_vari_one_1 .tile-title {
    font-weight: 600 !important;
  }
}
@media only screen and (min-width: 768px) {
  .feature-grid .five_tile_vari_two .generic-tile-wrapper .tile-title {
    text-overflow: ellipsis;
    font-size: 1.5rem;
    font-style: normal;
    line-height: 1.875rem;
    letter-spacing: -1px;
  }
  .feature-grid .five_tile_vari_two .generic-tile-wrapper .eyebrow-large-bold {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 1024px) {
  .feature-grid .five_tile_vari_two {
    min-height: 384px;
  }
  .feature-grid .five_tile_vari_one_3,
  .feature-grid .five_tile_vari_one_4 {
    min-height: 340px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .four_tile_vari_2,
  .four_tile_vari_3 {
    aspect-ratio: 1;
  }
}
@media (min-width: 1440px) {
  .four_tile_vari_2,
  .four_tile_vari_3 {
    min-height: 384px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .three_tile_vari_1 {
    grid-column: span 12 / span 12;
    aspect-ratio: 2.05;
  }
  .five_tile_vari_two,
  .three_tile_vari_2,
  .three_tile_vari_3 {
    aspect-ratio: 1;
  }
  .five_tile_vari_two_1 {
    aspect-ratio: initial;
  }
}
.feature-grid-wrapper h2 {
  font-size: 1.75rem;
  line-height: 2.1875rem;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  .feature-grid-wrapper h2 {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}
.feature-grid-wrapper h4.feature-grid-subtitle {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  font-weight: 500 !important;
}
@media only screen and (min-width: 1200px) {
  .feature-grid-wrapper h4.feature-grid-subtitle {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}