.column-control:not(:has(.rounded-corners, .tabs)) {
  padding: 30px 0px;
}
.column-control .column-wrapper {
  margin: auto;
  max-width: 87.2%;
}
@media only screen and (min-width: 768px) {
  .column-control .column-wrapper {
    max-width: 91.67%;
  }
}
@media only screen and (min-width: 1280px) {
  .column-control .column-wrapper {
    max-width: 1180px;
  }
}
@media only screen and (min-width: 1680px) {
  .column-control .column-wrapper {
    max-width: 1400px;
  }
}
.column-control .column-wrapper .column-wrapper {
  max-width: none;
}
.column-control .column-wrapper .rte h2 {
  line-height: 125%;
}
.column-control .column-wrapper .rte p {
  text-rendering: geometricPrecision;
}
.column-control .column-layout {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 16px;
}
@media only screen and (min-width: 768px) {
  .column-control .column-layout {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .column-control .column-layout {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (min-width: 1280px) {
  .column-control .column-layout {
    grid-template-columns: repeat(12, 1fr);
  }
}
.column-control .columnWidth-100 {
  grid-column: span 6;
}
@media only screen and (min-width: 768px) {
  .column-control .columnWidth-100 {
    grid-column: span 8;
  }
}
@media only screen and (min-width: 1280px) {
  .column-control .columnWidth-100 {
    grid-column: span 12;
  }
}
.column-control .columnWidth-75 {
  grid-column: span 6;
}
.column-control .columnWidth-75:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1280px) {
  .column-control .columnWidth-75 {
    grid-column: span 9;
  }
  .column-control .columnWidth-75:not(:last-child) {
    margin-bottom: 0px;
  }
}
.column-control .columnWidth-66 {
  grid-column: span 6;
}
.column-control .columnWidth-66:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .column-control .columnWidth-66 {
    grid-column: span 5;
  }
  .column-control .columnWidth-66:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .column-control .columnWidth-66 {
    grid-column: span 8;
  }
}
.column-control .columnWidth-50 {
  grid-column: span 6;
}
.column-control .columnWidth-50:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .column-control .columnWidth-50 {
    grid-column: span 4;
  }
  .column-control .columnWidth-50:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .column-control .columnWidth-50 {
    grid-column: span 6;
  }
}
.column-control .columnWidth-34 {
  grid-column: span 6;
}
.column-control .columnWidth-34:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .column-control .columnWidth-34 {
    grid-column: span 3;
  }
  .column-control .columnWidth-34:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .column-control .columnWidth-34 {
    grid-column: span 4;
  }
}
.column-control .columnWidth-33 {
  grid-column: span 6;
}
.column-control .columnWidth-33:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .column-control .columnWidth-33 {
    grid-column: span 4;
  }
  .column-control .columnWidth-33:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .column-control .columnWidth-33 {
    grid-column: span 4;
  }
}
.column-control .columnWidth-30 {
  grid-column: span 6;
}
.column-control .columnWidth-30:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .column-control .columnWidth-30 {
    width: 30%;
  }
  .column-control .columnWidth-30:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .column-control .columnWidth-30 {
    grid-column: span 4;
  }
}
.column-control .columnWidth-25 {
  grid-column: span 6;
}
.column-control .columnWidth-25:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .column-control .columnWidth-25 {
    grid-column: span 2;
  }
  .column-control .columnWidth-25:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .column-control .columnWidth-25 {
    grid-column: span 3;
  }
}
.column-control .columnWidth-20 {
  grid-column: span 6;
}
.column-control .columnWidth-20:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .column-control .columnWidth-20 {
    grid-column: span 6;
  }
  .column-control .columnWidth-20:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  .column-control .columnWidth-20 {
    grid-column: span 2;
  }
}
.column-control .columnWidth-16 {
  grid-column: span 6;
}
.column-control .columnWidth-16:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .column-control .columnWidth-16 {
    grid-column: span 2;
  }
  .column-control .columnWidth-16:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 768px) {
  .column-control {
    /** Column custom bottom margins **/
    /** Column custom top margins **/
  }
  .column-control.padding-bottom-0 {
    padding-bottom: 0px;
  }
  .column-control.padding-bottom-10 {
    padding-bottom: 10px;
  }
  .column-control.padding-bottom-20 {
    padding-bottom: 20px;
  }
  .column-control.padding-bottom-30 {
    padding-bottom: 30px;
  }
  .column-control.padding-bottom-40 {
    padding-bottom: 40px;
  }
  .column-control.padding-bottom-50 {
    padding-bottom: 50px;
  }
  .column-control.padding-bottom-60 {
    padding-bottom: 60px;
  }
  .column-control.padding-bottom-70 {
    padding-bottom: 70px;
  }
  .column-control.padding-bottom-80 {
    padding-bottom: 80px;
  }
  .column-control.padding-bottom-90 {
    padding-bottom: 90px;
  }
  .column-control.padding-bottom-100 {
    padding-bottom: 100px;
  }
  .column-control.padding-top-0 {
    padding-top: 0px;
  }
  .column-control.padding-top-10 {
    padding-top: 10px;
  }
  .column-control.padding-top-20 {
    padding-top: 20px;
  }
  .column-control.padding-top-30 {
    padding-top: 30px;
  }
  .column-control.padding-top-40 {
    padding-top: 40px;
  }
  .column-control.padding-top-50 {
    padding-top: 50px;
  }
  .column-control.padding-top-60 {
    padding-top: 60px;
  }
  .column-control.padding-top-70 {
    padding-top: 70px;
  }
  .column-control.padding-top-80 {
    padding-top: 80px;
  }
  .column-control.padding-top-90 {
    padding-top: 90px;
  }
  .column-control.padding-top-100 {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .column-control.vertical-space-large {
    padding: 60px 0;
  }
}
.column-control.vertical-space-medium {
  overflow-x: hidden;
}
@media only screen and (min-width: 768px) {
  .column-control.vertical-space-medium {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 768px) {
  .column-control.vertical-space-small {
    padding: 30px 0;
  }
}
.column-control.vertical-space-none {
  padding: 0;
}
.column-control .background-img-container {
  position: relative;
}
.column-control .column-background-image {
  position: absolute;
  max-width: 100%;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.bgcolor-white {
  background-color: #ffffff !important;
}
.bgcolor-off-white {
  background-color: #f6f7f9 !important;
}
.bgcolor-light-gray {
  background-color: #eceef2 !important;
}
.bgcolor-very-dark-gray {
  background-color: #262626 !important;
}
.bgcolor-black {
  background-color: #000000 !important;
}
.bgcolor-keysight-red {
  background-color: #e90029 !important;
}
.bgcolor-none {
  background-color: none !important;
}
.column-control:has(.rounded-corners) {
  border-radius: 1.5rem;
}
@media only screen and (min-width: 1024px) {
  .column-control:has(.rounded-corners) {
    border-radius: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .learn-column-control .column-layout {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (min-width: 1280px) {
  .learn-column-control .column-layout {
    column-gap: 24px;
  }
}
.learn-column-control .column-control:not( :has(.rounded-corners, .tabs)) {
  padding: 30px 0px;
}
@media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .learn-column-control .columnWidth-34 {
    margin-bottom: 20px;
    grid-column: span 6;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .learn-column-control .columnWidth-34:not(:last-child) {
    margin-bottom: 20px;
  }
}
.learn-column-control .columnWidth-34 .aem-Grid::after,
.learn-column-control .columnWidth-34 .aem-Grid::before {
  content: none;
}
@media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .learn-column-control .columnWidth-34 .aem-Grid {
    display: flex;
    gap: 20px;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .learn-column-control .columnWidth-66 {
    grid-column: span 6;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .learn-column-control .testimonial-tile {
    flex: 0 0 50%;
    max-width: calc(48.75%);
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .learn-column-control .testimonial-tile .testimonial-tile-content {
    padding: 1.5rem;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .learn-column-control .carousel-grid .testimonial-tile {
    max-width: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .learn-column-control .learn-stats {
    flex: 0 0 50%;
    max-width: calc(48.75%);
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1024px - 1px)) {
  .learn-column-control .learn-stats__wrapper {
    min-height: 102px;
  }
}
.learn-template .column-control {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: calc(1200px - 1px)) {
  .learn-template .column-control .columnWidth-50 {
    grid-column: span 12;
  }
}
.learn-column-control .rte {
  margin-bottom: 1rem;
}
.learn-column-control .rte h1,
.learn-column-control .rte h2,
.learn-column-control .rte h3,
.learn-column-control .rte h4,
.learn-column-control .rte h5,
.learn-column-control .rte h6 {
  font-weight: 600;
  margin-bottom: 1.5rem !important;
}
.learn-column-control .rte h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 50px !important;
}
.learn-column-control .rte p {
  margin-bottom: 1.5rem;
  line-height: 30px;
  font-size: 20px;
}
.learn-column-control .rte p > b {
  font-weight: 600;
  line-height: 1.5rem;
  color: #666666;
  margin-bottom: 1.5rem;
  display: inline-block;
}