@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),
    url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'),
    url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'),
    url('../fonts/woff/IRANSansWeb.woff') format('woff'),
    url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),
    url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'),
    url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),
    url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'),
    url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

:root {
    --primary-color: 96, 146, 255;
}

body[dir='rtl'] > * {
    text-align: right;
}

#courses #courses-tab .nav-link {
    background-color: transparent;
    color: white;
    border: none;
    position: relative;
    outline: 0;
}

#courses #courses-tab .nav-link.active:before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: rgb(var(--primary-color));
    box-shadow: 0 0 5px 1px rgba(var(--primary-color), 0.8);
    animation: flicker 2s linear infinite;
    transition: 0.3s ease;
}

@keyframes flicker {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        opacity: 1;
        box-shadow: 0 0 20px 5px rgba(var(--primary-color), 0.8);
    }

    20%, 22%, 24%, 55% {
        opacity: 0.3;
        box-shadow: none;
    }

    70%, 71%, 72%, 73% {
        opacity: 0;
        box-shadow: none;
    }

    74%, 75%, 76% {
        opacity: 0.8;
        box-shadow: 0 0 10px 2px rgba(var(--primary-color), 0.5);
    }

    77%, 78%, 80% {
        opacity: 0.2;
        box-shadow: none;
    }
}

#courses #courses-tabContent #pills-course #accordion_courses .card {
    background: transparent;
}

#courses #courses-tabContent #pills-course #accordion_courses .card-header {
    background: transparent;
    padding-inline: 0;
    border: 0;
}

#courses #courses-tabContent #pills-course #accordion_courses .card-header button {
    color: #3b3b3b;
    background-color: #fef6e7;
    border-radius: 0.55rem;
    padding: 0.475rem .75rem;
}

#courses #courses-tabContent #pills-course #accordion_courses .accordion_sub_courses .card-header button {
    color: #3b3b3b;
    background-color: #e7eefe;
    border-radius: 0.55rem;
    padding: 0.475rem .75rem;
}

#courses #courses-tabContent #pills-course #accordion_courses .card-header button svg,
#courses #courses-tabContent #pills-course #accordion_courses .accordion_sub_courses .card-header button svg {
    transition: 0.3s ease
}

#courses #courses-tabContent #pills-course #accordion_courses .card-header button.collapsed svg,
#courses #courses-tabContent #pills-course #accordion_courses .accordion_sub_courses .card-header button.collapsed svg {
    rotate: 180deg;
}

#courses #courses-tabContent #pills-course #accordion_courses .accordion_sub_courses .collapse_accordion_sub_courses .card {
    background: linear-gradient(45deg, rgb(132 250 176 / 70%), rgb(143 211 244 / 70%));
    backdrop-filter: blur(7px);
    padding: 7px 10px;
    border-radius: 24px;
    transition: 0.3s ease
}

#courses #courses-tabContent #pills-course #accordion_courses .accordion_sub_courses .collapse_accordion_sub_courses .card:hover {
    scale: 0.9
}

#courses #courses-tabContent #pills-course #accordion_courses .accordion_sub_courses .collapse_accordion_sub_courses .collapse_accordion_sub_courses_title {
    background-color: #e7eefe;
    color: #3571f4;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 70px;
    width: 70px;
    border-radius: 16px;
    justify-content: center;
    outline: 1.7px solid #c5d3f3b5;
    outline-offset: 4px;
    box-shadow: 0 0 8px 0px #e7eefe;
}


#courses #courses-tabContent #pills-course #accordion_courses .accordion_sub_courses .collapse_accordion_sub_courses .collapse_accordion_sub_courses_title span {
    font-size: 1.3rem;
    font-weight: 700;
    display: inline-block;
    line-height: 1.3;
}

/************************************  pills-faq-question  **************************************/
#pills-faq-question .pills_faq_question_btn {
    outline: 0;
    border: 2px solid #ffcd3929;
    display: flex;
    color: #d5a000;
    background: #ffcd3936;
    width: 100%;
    box-shadow: 0 4px 20px 0px #ffcd396b;
    border-radius: 10px;
    padding: 0.775rem 1.05rem;
    justify-content: space-between;
    transition: 0.3s ease;
}

#pills-faq-question .pills_faq_question_btn:hover {
    box-shadow: 0 -4px 20px 5px #ffcd396b;
    transform: translateY(4px)
}

#pills-faq-question .pills_faq_question_btn span:last-child {
    background-image: linear-gradient(to right, rgb(250 112 154 / 60%) 0%, rgb(254 225 64 / 60%) 100%);
    width: 24px;
    height: 24px;
    border-radius: 4px;
    color: #fff;
    outline: 1px solid #ffe3906b;
    outline-offset: 4px;
}

#pills-faq-question .pills_faq_question_btn.collapsed span:last-child svg:first-child {
    display: inline;
}

#pills-faq-question .pills_faq_question_btn.collapsed span:last-child svg:last-child {
    display: none;
}

#pills-faq-question .pills_faq_question_btn:not(.collapsed) span:last-child svg:first-child {
    display: none;
}

#pills-faq-question .pills_faq_question_btn:not(.collapsed) span:last-child svg:last-child {
    display: inline;
}

/************************************  pills-comment  **************************************/

#pills-comment div.card {

}