.load-heda-list-types{
            width: 100%; z-index: 2;
             position: relative;
        }

        .hedaListTypesApplyBorder{
            border-bottom: solid 0.1px #00000029;
        }

        .heda-list-types-indicator-section{
             min-width: 1000px;
            width: 100%; display: flex; 
            
        }


        .heda-list-types-line{
            height: 10px; border-bottom: solid 0.4px #0000006a;
        }



 

        .heda-list-types-indicator-divs{
            width: 10%; height: 50px; 
            min-width: 150px;
            cursor: pointer; color: #999999;

        }

        .heda-list-types-indicator-divs-all{
            width: 3%; height: 50px;
            color: #1C1B1F;
            cursor: pointer; font-weight: 700;

        }

        .heda-list-types-indicator-divs-pod{
            width: 6%; cursor: pointer;
            color: #999999;

        }

        .heda-list-types-indicator-divs img{
            width: 20px; margin-right: 10px;
        }

        .heda-list-types-indicator-divs-pod img{
            width: 20px; margin-right: 10px;
        }


         .heda-list-types-indictor-one{
            width: 100%; height: 2px;
            background-color: #BF2829;
            border-radius: 4px;

        } 

    

        .heda-list-types-btns{
            height: 40px; display: flex;
            justify-content: center;
            align-items: center;

        }
        
        .heda-lines{
            width: 100%; height: 0.2px;
            background-color: #c9c9c9;
        }

        .heda-list-types-spacesbetween{
            width: 5%;
        }

        .heda-list-types-start_end_space{
            width:30%;
        }

        .heda-list-types-spaces{
             height: 40px;
        }



        .heda-list-types-indictor,
        .heda-list-types-indictor-one{
            width: 0%;
            height: 2px;
            background-color: #BF2829;
            border-radius: 4px;
            transition: none;
        }

        .heda-list-types-indictor.active,
        .heda-list-types-indictor-one.active{
            animation: indicatorStretch 0.4s ease forwards;
        }




@keyframes indicatorStretch {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}
        
   

@media (max-width:800px) {



}


@media (max-width:500px) {
    .heda-list-types-indicator-section {
        width: 100%; min-width: 0px;
        margin-left: 0%;
        overflow-x: auto;
        overflow-y: hidden;

         /* Hide scrollbar */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
       margin-top: 25px;
    }


    .heda-list-types-indicator-section::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }

    .heda-list-types-indicator-divs{
        width: fit-content; font-size: 14px;
        flex-shrink:0;
    }

    .heda-list-types-indicator-divs-all{
        width: 50px; height: 50px;
        flex-shrink:0;
    }

    .heda-list-types-indicator-divs-all{
        width: fit-content;

    } 

    .heda-list-types-indicator-divs-pod{
        width: 90px; height: 50px;
        flex-shrink:0;
    }

    .heda-list-types-indictor,
    .heda-list-types-indictor-one{
        height: 3px;

    }

    .heda-lines{
         height: 0.1px;
        background-color: #62626290;

    }


    .heda-list-types-spacesbetween{
        width:5px;
        flex-shrink:0;
    }

  .heda-list-types-start_end_space{
        width:5%; flex-shrink:0;
    }

}