/*شامل کلاس‌های کاربردی مانند رنگ‌ها، پس‌زمینه‌ها، فضاهای خالی و نمایش.*/
.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .d-sm-inline-block {
        display: inline-block !important;
    }
}

.position-relative {
    position: relative !important;
}

.rounded {
    border-radius: var(--bs-border-radius) !important;
}

.icon-xs, .icon-sm, .icon-md, .icon-lg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0;
}
.icon-sm {
    width: 42px;
    height: 42px;
    font-size: 20px;
}

.opacity-1 {
    opacity: 0.1 !important;
}