.time-laps-box {
    background-color: #ff000012;
    border: 1px solid #ff0000;
    border-radius: 10px;
}

.detail-lable {
    background-color: #9d9d9d14;
    border: 0.5px solid #9d9d9d;
    color: #9d9d9d;
}

.color-f1 {
    color: #1f6f78;
}

.top-nav button {
    padding: 8px 14px;
    border: none;
    background: #9d9d9d14;
    color: #9d9d9d;
    border: 0.5px solid #9d9d9d;
    cursor: pointer;
    font-size: 14px;
    border-radius: 10px;
}

.top-nav button.active {
    background: #e0b25c12;
    color: #fff;
    border: 0.5px solid #e0b15c;
    color: #e0b25c;
}

.nav-scroll::after {
    width: 100%;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0.599) 0%,
        rgb(255, 255, 255) 16%,
        rgb(255, 255, 255) 99%
    );
    top: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    position: absolute;
    height: 100%;
}

.task {
    filter: brightness(0) saturate(100%) invert(56%) sepia(85%) saturate(9%)
        hue-rotate(314deg) brightness(95%) contrast(92%);
}

.last-border {
    border-bottom: 1px solid #ddd;
}

.last-border:last-child {
    border: unset;
}

/* فاصله و بوردر آیتم‌ها */
.acco-sec-back .accordion-item {
    border: 1px solid #ddd;
    margin-bottom: 10px; /* فاصله بین سوالات */
    border-radius: 15px;
    overflow: hidden;
}

/* 1. حالت پیش‌فرض دکمه (وقتی بسته است) -> آبی */
.acco-sec-back .accordion-button.collapsed {
    background-color: #9d9d9d14; /* آبی */
    color: #333333;
    box-shadow: none; /* حذف سایه پیش‌فرض بوت‌ستریپ */
}

.acco-sec-back .accordion-button {
    font-size: 14px;
    padding: 10px 20px;
}

/* 2. حالت فعال دکمه (وقتی باز است) -> سبز */
.acco-sec-back .accordion-button:not(.collapsed) {
    background-color: #e0b25c29; /* سبز */
    color: #14232e !important;
    box-shadow: none; /* حذف هاله آبی دور دکمه */
}

.acco-sec-back .accordion-item:has(.accordion-button:not(.collapsed)) {
    border-color: #e0b15c;
}

/* 3. تغییر رنگ فلش (Chevron) به سفید */
/* بوت‌ستریپ فلش را با SVG می‌سازد، با فیلتر آن را سفید می‌کنیم */
.acco-sec-back .accordion-button::after {
    background-size: 1.1rem;
}

/* رنگ پس‌زمینه محتوای داخلی */
.acco-sec-back .accordion-body {
    color: #333333;
}

.acco-sec-back .accordion-button.collapsed::after {
    filter: brightness(0) !important;
}



.gold-light {
    background-color: #e0b25c12;
}

.border-gold {
    border: 0.5px solid #e0b15c;
}

.background-d4 {
    background-color: #9d9d9d14;
}

.textarea-component {
    padding: 12px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-radius: 12px;
}

.mt1 {
    margin-top: 2px;
}

.play {
    width: 50px;
    height: 50px;
    background-color: #e0b25c8f;
    border: 0.5px solid white;
    backdrop-filter: blur(3px);
}

section {
    scroll-margin-top: 200px !important;
}

#buy-modal .modal-content {
    max-width: 450px !important;
}