@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/IRANSansX-Thin.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/IRANSansX-UltraLight.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/IRANSansX-Light.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/IRANSansX-Medium.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansXd;
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/IRANSansX-Demibold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/IRANSansX-Black.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/IRANSansX-Bold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/IRANSansX-Regular.woff2") format("woff2");
    font-display: swap;
}



body {
    direction: rtl;
    font-family: "IRANSansX";
}


.code-toolbar {
    height: 300px;
    overflow-y: scroll;
}


#index-landing .list-group .landing-class {
    position: absolute;
    left: 10px;
    top: 25%;
    color: #fff;
    background-color: #8f4747;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
}