@font-face {
    font-family: "sans";
    src: url("../fonts/IRANSansX-Regular.woff") format("woff");
}

body {
    font-family: sans, sans-serif;
}

.sans {
    font-family: sans, sans-serif;
}

.fs-p {
    font-size: 1.1rem;
}

.text-align-justify {
    text-align: justify;
}

.text-align-right {
    text-align: right;
}

.text-align-left {
    text-align: left;
    direction: ltr;
}

.text-align-center-rtl {
    text-align: center;
    direction: rtl;
}

.text-red {
    color: red;
    line-height: 30px;
}

.line-height-p {
    line-height: 1.8rem;
}

.shape.shape-bottom.shape-curve-side.bg-body {
    z-index: 0;
}

.nav-item ul li a.dropdown-item {
    text-align: right;
}

.txet-center {
    text-align: center;
}

button.accordion-button {
    display: block;
    text-align: right;
}

button.accordion-button::after {
    float: left;
}

.badge-danger {
    background-color: red;
    color: white;
    border: 1px solid red;
}

.pack_body {
    background: #fff url("../img/images/pack/background.png");
}

.pack_body div {
    background: #fff;
}

.border-head h3,
.border-head h4 {
    background-image: linear-gradient(rgba(238, 238, 243, 1) 0%, rgba(215, 219, 224, 1) 100%);
    margin-bottom: 0px;
}

.border-footer {
    height: 52px;
    padding: 12px 25px;
    background-image: linear-gradient(rgba(238, 238, 243, 1) 0%, rgba(215, 219, 224, 1) 100%) !important;
}

.btn-red {
    background-color: #A6192E;
    color: white;
    border-radius: 0px;
    padding: 10px 55px;
    font-size: 14px;
    line-height: 20px;
}

.btnNext {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #006dcc;
    border-radius: 0px;
    padding: 2px 10px;
    float: right;
}

.btnNext:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #003f77;
    border-radius: 0px;
    padding: 2px 10px;
}

.btnBack {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #A6192E;
    border-radius: 0px;
    padding: 2px 10px;
    float: right;
    border: none;
}

.btnBack:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #76101f;
    border-radius: 0px;
    padding: 2px 10px;
}

.text-blue {
    color: #1A578A;
    font-size: 17px;
    font-weight: bold;
}

.attention {
    border: 2px solid black;
    padding: 12px;
}

.box {
    border-radius: 10px;
    background-color: #D9DCE1 !important;
    margin: 10px auto;
    width: 350px;
    text-align: center;
    color: #000;
    padding: 20px;
    font-size: 1.2em;
    overflow: auto;
    position: relative;
}

.border-right {
    border-right: 1px solid #D9DCE1;
}

.tab {
    display: none;
}

.pack_timer {
    float: right;
    font-size: 0.9rem;
}

.pack_timer span {
    color: red;
}

.font_15 {
    font-size: 15px;
}

.box_paly div:last-child,
.box_paly .row {
    background: #D9DCE1 !important;
}

.icon_div {
    border-radius: 5px;
}

.icon_div svg {
    color: #D9DCE1;
}

.main_box {
    min-height: 410px !important;
}

.bg-blue-light,
.bg-blue-light div {
    background: #EEF8F9 !important;
}

.box-speaking {
    border: 1px solid;
    border-radius: 5px;
}

.bg-green {
    background-color: #ecfae1 !important;
}

.question-box {
    border: 1px solid black;
    padding: 19px 10px 0px;
    border-radius: 5px;
    line-height: 2rem;
}

.font-size-small {
    font-size: .9rem;
}

.w-70 {
    width: 70px;
}

.color-red {
    color: red !important;
}

.color-black {
    color: black !important;
}

.bg-light-gold {
    background-color: #baa86b;
}

.div-box-question{
    min-height: 397px;
    margin-left: 0px;
}

@media(max-width:600px) {
    .font-dot9rem {
        font-size: 0.9rem;
    }
    .display-inline {
        display: inline-block;
        width: 100%;
    }
    .w-sm-100 {
        width: 100%;
    }
    .border-right {
        border-right: none;
    }
    .p-style {
        margin-bottom: 0px;
    }
}

.text-black{
    color: black;
}

.text-dec:hover{
    text-decoration: none;
}

.text-dec-line{
    text-decoration: line-through red;
    -webkit-text-decoration-line: line-through;
    -webkit-text-decoration-color: red;
}

.text-dark-red{
    color:#cb0000;
    font-weight: bold;
}

.div_transcripts{
    border-style: solid;
    background-color: #d9dce13a;
    border-color: #a4a4a4;
    border-radius: 10px;
}

.accordion-body .fs-sm {
    text-align: justify;
    line-height: 1.6rem;
}

@media (min-width: 500px) {
    .modal-dialog {
        max-width: 80%;
    }
}


.btnAI {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #128902;
    border-radius: 0px;
    padding: 2px 10px;
    border: none;
}

.btnAI:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #0d5a03;
    border-radius: 0px;
    padding: 2px 10px;
}


.btnAnswerkey {
    color: #000000b3;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #efefef;
    border-radius: 0px;
    padding: 2px 10px;
    border-color: #0000009d;
}

.btnAnswerkey:hover {
    color: #000000b3;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #e0e0e0;
    border-radius: 0px;
    padding: 2px 10px;
    border-color: #0000009d;
}


video#myVideo3{
    max-height: 400px;
}