    .cClear{
        clear:both
    }
    .cSectionAboveHighlight{
        padding-bottom: 5rem;
    }
    .cDeprecated {
        background-color: #e8e8e8;
    }
    .cAvailable {
        background-color: #f2f7f7;
    }
    .cExtended{
        background-color: #d1d3d4;
    }
    .cDiscontinued{
        background-color: #a7a9ac;
    }
    .nav-tabs {
        border-bottom: 1px solid #bebebe;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
        border-color: #bebebe #bebebe #fff;
    }
    .nav-tabs .nav-link{
        border-top-left-radius: 0.5rem;
        letter-spacing: 1px;
        border-top-right-radius: 0.5rem;
        background-color: #ff7300;
        color: #000;
        font-weight: 600;
        border: solid 1px #fff;
        font-size: 1.2rem;
        padding: 0.8rem 2rem;
    }
    .cSupportMetrix .table-responsive{
        padding:0 2.5rem 2.5rem 2.5rem!important;
        margin-top: -5px;
        background-color: #ffffff;
        border: solid 1px #bebebe!important;
        border-top: 0!important;
    }
    .Top_Row{
        background-color: #51586B;
    }
    .Top_Row th{
        color:#ffffff;
    }
    .table-bordered th, .table-bordered td{
        border: solid 1px #cccccc;
    }
    .table-bordered {
        border:0;
    }
    .table-bordered th{
        border-top:0!important;
    }
    .table th, .table td{
        vertical-align: middle;
        font-size:0.95rem!important;
    }
    .Header h1{
        font-weight: 300!important;
        text-transform: none !important;
        font-size: 2.4rem!important;
        line-height: 3.4rem!important;
        color: #212a32!important;
    }
    .DesBlock{
        border-right: solid 1px #ccc;
        min-height: 508px;
        padding-right: 2rem;
    }
    .DesBlock p{
        margin-bottom: 0;
    }
    .containerx th {
        vertical-align: top;
        padding-top: 16px;
        font-weight: 500;
        width:10%;
        text-align: left;
        background-color: #000000;
        color: #fff;
        position: sticky;
        top: 0;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    body {
        background-image: url(https://wso2.cachefly.net/wso2/sites/all/2023/images/webp/common-hero-image2.webp);
        background-attachment: fixed;
        background-size: 120%;
        background-position: right -8rem top 10rem;
    }
    .containerx {
        text-align: left;
        overflow: auto;
        width: 100%;
        margin: 0 auto;
        padding: 0 0 0em 0;
        height: 1500px;
    }
    @media (max-width: 992px) {
        body{
            background-image:none;
        }
        .DesBlock{
            border-bottom: solid 1px #ccc;
            border-right: 0;
            min-height: auto;
            padding: 1rem 0;
            padding-right: 0;
        }
        .cSectionAboveHighlight{
            padding-top: 0rem;
            padding-bottom: 1rem;
        }
    }
    .ObTable{
        padding-top: 0;
    }
    .ObTable th {
        text-align: left;
        background-color: #000;
        color: #fff;
    }
    .ObTable td{
        background-color: #ffffff;
        vertical-align: top;
    }
    .ObTable table{
        width:100%;
        margin-top: 0.5rem;
        padding-right: 1rem;
    }