.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/DataManagementCloud.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/DataManagementCloud.jpeg"); }

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_DataManagementCloud.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_DataManagementCloud.jpeg");}
}

.sub-menu.sticky {
    margin-bottom: 0px !important;
}

#regWhite {
background: #eee;
}

#regWhite .card-span {
background: #fff;
}

#regWhite em.fa-solid {
    font-size: 3.5em;
    color: #0071ee;
    margin: 30px auto;
font-weight: 600;
}

#regWhite .intro-text .section-title {
    background: transparent;
    border: none;
    color: #383838;
    box-shadow: none;
    width: fit-content;
    margin: 20px auto 0;
    border-bottom: 2px solid #00b6ff;
    border-radius: 0;
    font-weight: 600;
}

.card-heading {
    border-color: #f1ba13;
    border-style: solid;
    border-width: 0px 0px 7px 0px;
}

#regGrey .matrix{
    grid-gap: 0px;
    border-style: solid;
    border-color: #1d4f91;
    border-width: 1px;
    padding: 10px;
    border-radius: 8px;
    background: #ffffff;
}

.matrix.spaced .matrix-row {
padding: 7px;
}

#regBlue .matrix-description {
    margin: 5px -25px 5px 15px;
}

.matrix-description::before {
    content: "\f312";
    position: relative;
    font-family: "font awesome 6 pro";
    font-weight: 400;
    font-size: 20px;
    color: #0071ee;
    pointer-events: none;
    margin-right: 15px;
    align-items: center;
}