.img-stepper-custom {
    cursor: pointer;
    border-radius: 50%;
    transition: box-shadow 0.3s;
    width: 36px;
    height: 36px;
    object-fit: contain;
    z-index: 9;
    background-color: white;
}
.collapse-header-stepper-custom [data-toggle=collapse]{
        border-top: unset;
}
.collapse-header-stepper-custom [data-toggle=collapse][aria-expanded="true"]{
  background: #036 !important;
  color: white !important;  
}
.title-stepper-accordion .btn-stepper:hover{
background: #036 !important;
color: white !important;  
}
.box-custom-stepper{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 3px rgb(41 92 144) !important;
    position: relative;
    z-index: 1;
    border: 1px solid rgb(41, 92, 144);
}
.title-stepper-accordion .btn-stepper {
    color: #036;
    font-size: 18px;
    text-decoration: unset !important;
}
.title-stepper-accordion .btn-stepper p{
  margin-bottom: unset;
}

 .btn-stepper:focus,
.btn-stepper.focus {
  box-shadow: unset !important;
  outline: unset !important;
}
.img-button-stepper:focus:not(.focus--mouse):not([data-focus-mouse=true]) {
  outline: 1px transparent solid !important;
  box-shadow: 0 0 0 2px #f90, 0 0 0 4px #F9F9D1 !important;
  border: none !important;
}

.collapse-header-stepper-custom [data-toggle=collapse][aria-expanded=false] {
    color: #036;
}
.collapse-header-stepper-custom [data-toggle=collapse]:before {
    color: white;
}
.frame-stepper .timeline-stepper .tl-item p{
  margin-bottom: unset;
}
.img-button-stepper{
    cursor: pointer;
    border-radius: 50%;
    transition: box-shadow 0.3s;
    width: 36px;
    height: 36px;
    object-fit: contain;
    z-index: 9;
    position: relative; 

}
.timeline-stepper .tl-item{
  list-style:none;
  position:relative;
  min-height:var(--badge-sz);
  margin-bottom:35px;
  display: flex;
  align-items: flex-start;
}
.timeline-stepper .tl-item-1{
  list-style:none;
  position:relative;
  min-height:var(--badge-sz);
  margin-bottom:35px;
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
}
.timeline-stepper .tl-item.active .tl-badge {
  transform:scale(1.18);
  box-shadow: 0 0 0 4px #0d6efd33 !important;
  border-radius: 18px !important;
}

#timeline { 
  position: relative; 
}
#timeline .progress {
  position: absolute;
  width: 3px;
  background: var(--blu, #0d6efd);
  border-radius: 999px;
  z-index: 1;
}

.progress {
  background: var(--blu);
  height: 0;
  transition: height var(--t);
  z-index: 0;
} 
.collapse-header-stepper-custom [data-toggle=collapse][aria-expanded=false] {
    color: #036;
}
.collapse-header-stepper-custom [data-toggle=collapse]:before {
    color: white;
}
.title-stepper-accordion .btn-stepper::before,
.title-stepper-accordion .btn-stepper::after {
  content: '' !important;
  position: absolute !important;
  right: 30px !important;        
  top: 50% !important;
  width: 20px !important;
  height: 2px !important;
  background: #036;
  transition: transform 0.3s ease, background 0.3s ease !important;
  transform: translate(50%, -50%) !important;
}

.title-stepper-accordion .btn-stepper::before {
  transform: translate(50%, -50%) rotate(0deg) !important;
}

.title-stepper-accordion .btn-stepper::after {
  transform: translate(50%, -50%) rotate(90deg) !important;
}

.title-stepper-accordion .btn-stepper:hover::before,
.title-stepper-accordion .btn-stepper:hover::after {
  background: white !important;
}

.title-stepper-accordion .btn-stepper[aria-expanded="true"]::before {
  transform: translate(50%, -50%) rotate(45deg) !important;
}

.title-stepper-accordion .btn-stepper[aria-expanded="true"]::after {
  transform: translate(50%, -50%) rotate(-45deg) !important;
}

.title-stepper-accordion .btn-stepper[aria-expanded="true"]::before,
.title-stepper-accordion .btn-stepper[aria-expanded="true"]::after {
  background: white;
}
.title-left-stepper{
    text-decoration: unset;
    color: black;
    cursor: pointer;
    align-self: center;
}
.timeline-stepper .tl-item.active .title-left-stepper p {
    font-weight: 600;
}
.back-to-top{
  z-index: 999;
}
.panel-collapse .accordion-body .nl-detail-description .ac-panel{
  max-height: unset !important;
}
.title-left-stepper:hover{
  font-size: 20px;
  color: black;
  text-decoration: unset;
}
.timeline-stepper .tl-item.active .img-button-stepper:hover {
  transform: scale(1.22);
}
.img-button-stepper:hover{
  box-shadow: 0 0 2px 4px #0d6efd33;
  border-radius: 18px;
  transform: scale(1.20 );
}