/* ================================================================================ */
/*  Project: Digital Experience - Web
/*  Author: Digital Experience
/*  Date: Mon May 05 2025 23:37:18 GMT+0000 (Coordinated Universal Time)
/*  
/*  Copyright © 2025 Red Hat, Inc.
/*  https://www.redhat.com
/* ================================================================================ */
.bg-split-25-gray-95 {
    background: linear-gradient(180deg,#fff 25%,#151515 25%)
}

.animation-toggle {
    border: 1px solid transparent;
    cursor: pointer;
    width: 175px;
    top: 15px;
    right: 15px;
    background: rgba(255,255,255,.1);
    border-radius: 10px;
    padding: 8px 16px 10px
}

.animation-toggle:focus,.animation-toggle:hover {
    border: 1px solid #6a6e73
}

.animation-toggle .animation-switch-container {
    position: relative;
    display: inline-block;
    top: 6px;
    background: #fff;
    border-radius: 12px;
    height: 22px;
    width: 38px
}

.animation-toggle .animation-switch-container .toggle-indicator {
    position: absolute;
    top: 4px;
    left: 4px;
    display: inline-block;
    border-radius: 8px;
    height: 12px;
    width: 12px;
    background: #5e40be;
    transition: left .3s
}

#hero-loader,.animation-toggle .animation-switch-on-off-label[data-hidden],.primary-offers .primary-offer:first-child:nth-child(1):nth-last-child(3) .primary-content p,.primary-offers .primary-offer:first-child:nth-child(1):nth-last-child(3) .primary-img,.primary-offers .primary-offer:nth-child(2):nth-last-child(1) .primary-content p,.primary-offers .primary-offer:nth-child(2):nth-last-child(1) .primary-img,.primary-offers .primary-offer:nth-child(2):nth-last-child(2) .primary-content p,.primary-offers .primary-offer:nth-child(2):nth-last-child(2) .primary-img,.primary-offers .primary-offer:nth-child(3):nth-last-child(1) .primary-content p,.primary-offers .primary-offer:nth-child(3):nth-last-child(1) .primary-img,myrh-promo-band:not(:defined)>:not(.skeleton) {
    display: none
}

.animation-toggle[aria-checked=true] .animation-switch-container .toggle-indicator {
    left: 22px
}

.animation-toggle .animation-switch-label,.animation-toggle .animation-switch-off-label,.animation-toggle .animation-switch-on-label {
    color: #fff;
    font-size: 16px;
    margin-top: -1px
}

.ai-hero {
    background: radial-gradient(circle,#0e0821 0,#000 73%);
    background-size: 150%
}

.ai-hero .ai-hero-header {
    font-weight: 100!important;
    background-image: linear-gradient(109deg,#fff 35%,#b6a6e9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.ai-hero .animated-img-container {
    width: 560px;
    height: 417px;
    display: block;
    position: relative
}

.ai-hero .animated-img-container .front-layer {
    width: 100%;
    z-index: 1;
    bottom: 0;
    right: -50px
}

.ai-hero .animated-img-container .animated-sparkle.animated {
    animation: 4s linear infinite float
}

.ai-hero .animated-img-container .animated-sparkle.animated.sm-sparkle {
    animation-delay: -2s
}

.ai-hero .animated-img-container .animated-sparkle {
    top: 0;
    left: 0;
    z-index: 3
}

.ai-hero .animated-img-container .animated-sparkle.sm-sparkle {
    left: 70px;
    top: -20px
}

.ai-hero .animated-img-container .animated-sparkle.lg-sparkle {
    top: 40px
}

.ai-hero .animated-img-container .hero-video-container {
    height: 390px;
    width: 330px;
    position: relative;
    z-index: 1;
    left: 100px;
    overflow: hidden;
    border-radius: 30px 90px
}

.ai-hero .animated-img-container .hero-video-container video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@keyframes float {
    0%,100% {
        transform: translateY(-15px)
    }

    25% {
        transform: translateY(-7px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-6px)
    }
}

.primary-offers .primary-offer {
    display: flex;
    flex-direction: column;
    width: 100%
}

.primary-offers .primary-offer .primary-offer-inner {
    height: 100%;
    width: 100%
}

.primary-offers .primary-offer .primary-offer-inner .primary-content-outer {
    padding-left: 16px;
    padding-right: 16px;
    height: 100%
}

.primary-offers .primary-offer .primary-offer-inner .primary-content-outer .primary-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px
}

.primary-offers .primary-offer .primary-offer-inner .primary-content-outer .primary-img {
    display: flex;
    justify-content: center;
    width: 100%
}

.primary-offers .primary-offer .primary-offer-inner .primary-content-outer .primary-img img {
    height: auto
}

.primary-offers .primary-offer:first-child:only-child {
    width: 100%
}

.primary-offers .primary-offer:first-child:only-child .primary-content {
    width: 66.6666666667%
}

.primary-offers .primary-offer:first-child:only-child .primary-img {
    display: flex
}

.primary-offers .primary-offer:first-child:nth-child(1):nth-last-child(2),.primary-offers .primary-offer:first-child:nth-child(1):nth-last-child(3),.primary-offers .primary-offer:first-child:nth-child(1):nth-last-child(3) .primary-content {
    width: 100%
}

.primary-offers .primary-offer:nth-child(2):nth-last-child(1),.primary-offers .primary-offer:nth-child(2):nth-last-child(1) .primary-content {
    width: 100%
}

.primary-offers .primary-offer:nth-child(2):nth-last-child(2),.primary-offers .primary-offer:nth-child(2):nth-last-child(2) .primary-content {
    width: 100%
}

.primary-offers .primary-offer:nth-child(3):nth-last-child(1),.primary-offers .primary-offer:nth-child(3):nth-last-child(1) .primary-content {
    width: 100%
}

.bg-purple-gradient {
    background: linear-gradient(180deg,var(--Secondary-color-palette-Purple-purple-70,rgba(33,19,77,.62)) 6.79%,var(--Core-color-palette-Gray-black,rgba(0,0,0,.62)) 97.55%),var(--Core-color-palette-Gray-gray-95,#151515);
}

#products-band .product-cards {
    --rh-color-surface-dark: #151515
}

#products-band .product-cards::part(header) {
    margin-bottom: 0!important
}

img {
    vertical-align: middle
}

.dx-band hr.dx-sm {
    width: 42px;
    margin-right: auto;
    margin-left: 0
}

header.main-header {
    margin-bottom: 0
}

.font-weight-medium {
    font-weight: 500
}

.border-radius-10 {
    border-radius: 10px
}

.accent-img {
    position: absolute;
    z-index: -1;
    left: -55px;
    bottom: 40px
}

.customer-logo img {
    max-height: 25px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.z-index-0 {
    z-index: 0
}

span.underline {
    position: relative;
    z-index: 0
}

span.underline::after {
    content: "";
    position: absolute;
    bottom: -.125rem;
    left: -.5rem;
    right: -.5rem;
    height: .75rem;
    z-index: -1;
    background-image: url(https://www.redhat.com/rhdc/managed-files/underline.svg);
    background-repeat: no-repeat;
    background-size: cover
}

.accent-bar {
    border-left: 8px solid #e00
}

rh-card.product-cards::part(header) {
    padding: 0;
    margin: var(--rh-space-2xl,32px) var(--rh-space-2xl,32px) var(--rh-space-lg,16px) var(--rh-space-2xl,32px)
}

rh-card.product-cards div[slot=footer] div,rh-card.product-cards::part(footer),rh-card.product-cards::part(header) {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: var(--rh-space-sm,6px)
}

rh-card.product-cards h3[slot=header] {
    width: 100%
}

rh-card.product-cards::part(body) {
    padding: 0;
    margin: 0 var(--rh-space-2xl,32px) 0 var(--rh-space-2xl,32px)
}

rh-card.product-cards::part(container) {
    border-radius: calc(var(--rh-border-radius-pill,64px)/ 8)
}

rh-card.product-cards rh-cta {
    -webkit-margin-end: auto;
    margin-inline-end:auto}

rh-card::part(container) {
    height: 100%
}

rh-card.full::part(header) {
    margin: 0
}

rh-card.full :is(h1,h2,h3,h4,h5,h6)[slot=header] {
    padding-inline:var(--rh-space-xl,24px);margin-bottom: 0
}

rh-card.full::part(body) {
    -webkit-margin-before: var(--rh-space-md,16px);
    margin-block-start:var(--rh-space-md,16px)}

rh-card.full img {
    display: block;
    min-width: 100%;
    height: auto
}

#hero-loader {
    background: #000;
    right: 0;
    left: 0;
    z-index: 5
}

#hero-loader .hero-text {
    width: 80%;
    height: 50px
}

#hero-loader .body-text {
    width: 100%;
    height: 30px
}

#hero-loader .hero-image {
    width: 100%;
    aspect-ratio: auto 528/509
}

#hero-loader .body-text,#hero-loader .hero-image,#hero-loader .hero-text {
    background: 0 0/450px 509px no-repeat #333;
    animation: 2.8s linear infinite shimmer;
    background-image: linear-gradient(to right,#333 0,#444 20%,#333 40%,#333 100%)
}

@keyframes shimmer {
    0% {
        background-position: -150px 0
    }

    100% {
        background-position: 550px 0
    }
}

@media (min-width: 768px) {
    .primary-offers .primary-offer .primary-offer-inner .primary-content-outer .primary-img,.primary-offers .primary-offer:first-child:nth-child(1):nth-last-child(2) .primary-content {
        width:50%
    }

    .customer-logo img {
        max-height: 35px
    }
}

@media (min-width: 992px) {
    .primary-offers .primary-offer .primary-offer-inner .primary-content-outer .primary-content {
        height:100%
    }

    .primary-offers .primary-offer:first-child:nth-child(1):nth-last-child(2) {
        width: 66.6666666667%
    }

    .primary-offers .primary-offer:first-child:nth-child(1):nth-last-child(3),.primary-offers .primary-offer:nth-child(2):nth-last-child(1),.primary-offers .primary-offer:nth-child(2):nth-last-child(2),.primary-offers .primary-offer:nth-child(3):nth-last-child(1) {
        width: 33.3333333333%
    }
}

@media (min-width: 1200px) {
    .primary-offers .primary-offer .primary-offer-inner .primary-content-outer .primary-img {
        width:33.3333333333%
    }

    .primary-offers .primary-offer:first-child:nth-child(1):nth-last-child(2) .primary-content {
        width: 66.6666666667%
    }

    .primary-offers .primary-offer:first-child:nth-child(1):nth-last-child(2) .primary-img {
        display: flex
    }

    .accent-img {
        bottom: 90px
    }
}