@media (prefers-reduced-motion: reduce) {
    .btn,
    .fade,
    .badge,
    .collapsing,
    .form-control,
    .progress-bar,
    .modal.fade .modal-dialog,
    .custom-switch .custom-control-label::after,
    .custom-range::-ms-thumb,
    .custom-range::-moz-range-thumb,
    .custom-range::-webkit-slider-thumb,
    .custom-control-label::before,
    .custom-file-label,
    .custom-select,
    .carousel-item,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right,
    .carousel-control-prev,
    .carousel-control-next,
    .carousel-indicators li {
        transition: none;
    }

    .progress-bar-animated {
        animation: none;
    }
}