.outer_code_editor {
    background-color: var(--bg-outer-code-editor);
    border: 1px solid #e7e9eb;
}


.list-items, ul {
    list-style-type: square;
    font-size: 17px;
    margin-top: 0;
    font-family: 'RedHatDisplay';
}
/* ul {
    margin:0;
    padding: 0;
} */
ul li {
    margin-bottom: 5px;
}

.my-ordered-list-one {
    margin:0;
    padding-left: 20px;
    list-style-type: square;
    font-size: 17px;
}



/* LIST HEADINGS AND LIST DETAILS */
.list-headings {
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'RedHatDisplay';
    font-weight: bold;
    display: inline;
}
.list-details {
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'RedHatDisplay';

}
.sub-heading-list {
    font-size: 20px;
}
/* // */


.html {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 10px;
    box-shadow: 2px 4px 4px rgba(22, 48, 67, 0.5);
    outline: 1px solid rgb(22, 48, 67);
}


.html-2 {
    width: 40%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 10px;
    box-shadow: 3px 4px 8px rgba(22, 48, 67, 0.6);
    outline: 1px solid rgb(22, 48, 67);
}
@media screen and (max-width: 767px){
    .html-2 {
        width: 100%;
    }
}


.html-3 {
    width: 25%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 10px;
    box-shadow: 3px 4px 8px rgba(22, 48, 67, 0.6);
    outline: 1px solid rgb(22, 48, 67);
}
@media screen and (max-width: 767px){
    .html-3 {
        width: 50%;
    }
}


.html-4 {
    width: 15%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 10px;
    box-shadow: 3px 4px 8px rgba(22, 48, 67, 0.6);
    outline: 1px solid rgb(22, 48, 67);
}
@media screen and (max-width: 767px){
    .html-4 {
        width: 40%;
    }
}


.html-5 {
    width: 13%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 10px;
    box-shadow: 3px 4px 8px rgba(22, 48, 67, 0.6);
    outline: 1px solid rgb(22, 48, 67);
}
@media screen and (max-width: 767px){
    .html-5 {
        width: 30%;
    }
}


.html-window {
    width: 70%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 10px;
    box-shadow: 3px 4px 8px rgba(22, 48, 67, 0.6);
    outline: 1px solid rgb(22, 48, 67);
}
@media screen and (max-width: 767px){
    .html-window {
        width: 100%;
    }
}




.table {
    margin: 50px 0;
}
.table-heading {
    font-size: 17px;
    text-align: center;
    padding: 10px;
    background-color: var(--th-bg-color);
    color: var(--th-text-color);
    border-right: 1px solid #DDDDDD;
    letter-spacing: 1px
}
.table-heading-2 {
    font-size: 18px;
    text-align: center;
    padding: 15px 10px;
    color: var(--th-2-text-color);
}
.table-data {
    padding: 15px 10px;
}

.table-details-heading {
    font-size: 13.5px;
    margin: 0;
    padding: 0;
    color: var(--td-heading-color);
    font-weight: var(--th-heading-font-weight);
}
.table-details {
    font-size: 17px;
    margin: 0;
    padding: 1px;
    color: var(--text-color);
}



a.download-button {
    background-color:rgb(36, 188, 36);
    color: white;
    font-size: 14px;
    padding: 15px 30px;
    cursor: pointer;
    margin: 20px 0;
    font-weight: bold;
    letter-spacing: 1px;
}
a.download-button:hover {
    background-color:green;
    transition: ease-in .2s;
    color: white;
}