.start-your-trial-section {
  display: none !important;
}

.start-your-trial-section.ui-resizable {
  display: inherit !important;
}

.start-your-trial-section-show {
  display: inherit !important;
}


/* Cloud Marketplace Product Trial Page */

.try-it-background-gradient {
  background: linear-gradient(189.96deg, #000000 37.02%, #1B0D33 77.87%) !important;
}

pfe-accordion-panel > ul {
  padding-left: 32px;
}

rh-tooltip ul {
  text-align: left;
  margin-top: 8px;
  margin-left: 36px;
} 

.no-outline {
  background: transparent !important;
  box-shadow: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Headline and Summary Text */
.rh-band-header-headline {
  font-family: "Red Hat Display", sans-serif;
  font-size: 36px !important;
  font-weight: 500 !important;
  line-height: 47px !important;
  color: #FFFFFF;
}

.rh-band-header-summary h5 {
  font-family: "Red Hat Display", sans-serif;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 26px;
  color: #FFFFFF;
}

/* List Items */
.rh-band-header-summary ul {
  list-style: none;
  padding-left: 0;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.rh-band-header-summary li {
  font-family: "Red Hat Text", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  position: relative;
  padding-left: 30px; /* Space for the custom checkbox */
  margin-bottom: 12px;
}

.rh-band-header-summary li:before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="10" fill="%2351A549"/><path d="M14 6L8.5 12L6 9.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute;
  left: 0;
  top: 0;
}

.rh-generic--component p {
  font-family: "Red Hat Text", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000; /* Dark text for the paragraphs */
}

.rh-cta--component .rh-cta-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #EE0000;
  border-radius: 10px;
  color: #FFFFFF;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-align: center;
}

/* Right-side panel styling */
.start-your-trial {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 14px -2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 64px;
  padding-left: 32px;
  padding-right: 32px;
}

.start-your-trial-disclaimer {
  font-size: 12px;
  text-align: center;
}

hr {
  border: 1px solid #A3A3A3;
  width: 100%;
  margin: 32px 0;
  margin-top: 24px !important;
}

.rh-tooltip p {
  font-family: "Red Hat Text", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #E0F0FF;
}

/* --- OVERVIEW SECTION STYLING --- */

.rh-band-header-subsection-headline {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 500;
  font-size: 28px !important;
  line-height: 39px;
  color: #151515; /* Dark text for the overview heading */
  padding-bottom: 16px;
}

.dx-bg-gray-10 {
  background-color: #E6E6E6;
  border-radius: 10px; /* Rounded corners for the content box */
  padding: 64px;
}

.rh-band-header-xs-headline {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #151515; /* Dark text for the sub-headline */
}

.rh-image-embed-img {
  width: 300px;
}

.rc-image-caption {
  font-size: 12px !important;
  line-height: 18px !important;
  color:#ffffff !important;
  padding-bottom:20px;
  padding-top:10px;
}

.dx-col-12 md\:dx-col-4 div > p {
  font-size: 12px !important;
  line-height: 18px !important;
}

rh-tooltip {
  margin-top: 24px !important;
}

.rh-requirements-grid {
  margin-top: 0 !important;
}

.rh-card-tile h3 {
  font-size: 16px !important;
}

.card-container {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.cloud-marketplace-overview {
  padding-inline: 32px;
  border-radius: 10px;
}

rh-card {
  flex: 1 1 auto;
  height: auto;
}

rh-card rh-icon {
  color: var(--rh-color-brand-red-on-light, #ee0000);
}

rh-jump-link {
  width: 100%;
}