.custom-tooltip {
  --bs-tooltip-bg: var(--bd-violet-bg);
  --bs-tooltip-color: var(--bs-white);
}

section {
    position: relative;
    padding: 40px 0 ;
}

.duration-300 {
    transition-duration: 300ms;
}

.duration-500 {
    transition-duration: 500ms;
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transition-transform {
    transition-property: transform;
    transition-timing-function:
        cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-all {
    transition-property: all;
    transition-timing-function:
        cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-all:hover {
    transform: translateY(-8px);
}



#side-header .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #FF6600 !important;
      color: #fff !important;
}

#side-header .nav-link {
    color: #FF6600 !important;

}