pre{
    background-color: #dddddd52 !important;
    padding: 6px 6px !important;
    border: 1px solid #ddddddd4 !important;
    }
    .minh{min-height: 430px;}
    .code-box{ 
        min-height: 345px;
        border: 1px solid #bbbbbb;
        margin-top: 60px;
        padding: 5px 12px 0px 10px;
    }
    .code-box .h11{    
        font-size: 22px;
        text-align: center;
        padding: 4px;
        color: #2b2525;
    }
    .code-box .h22{
        color:#54565dd1  !important;  
        font-size: 22px;
        text-align: center;
        padding: 4px;
    }
    pre {
        padding: 2px 2px !important;
        border: 1px solid #ddddddd4 !important; 
    }
    .bgb{background-color: #282A35!important;}
    .bgw{background-color: #fefeff!important;}
    .tryitnoww {
        right: 30px;
        margin: -8px 19px -1px 17px;
        border-radius: 0px;
        box-shadow: -1px 2px 20px 0px #8486845e;
        padding: 5px 68px;
    }
    pre code {
        height: 240px;
    }
    @media (max-width: 575.98px) {
    .tryitnoww {
        right: 30px;
        margin: -8px 19px -1px 17px;
        border-radius: 0px;
        box-shadow: -1px 2px 20px 0px #8486845e;
        padding: 3px 30px;
    }
    .mob{
    
        position: absolute;
        right: 30px;
    }
}
.footer-bc{
    padding: 20px 20px;
    text-align: center;
    /* color: #fff !important; */
    background-color: #ededede8;
    border-top: 1px solid #ddd;
}
.footer-bc a{
    color: #0d050587 !important;
    text-decoration: none;
    font-weight: 700;
}