.HorBarHead2 {
   display: flex;
   flex-direction: column;
   font-family: "Gilroy" !important;
 }


 .HBDiv2 {
   display: flex;
   flex-direction: row;
   align-items: center;
   animation: shutter-in-lefte 3s ease 0s 1 normal none;

 }

 .HBLabel2 {
   font-weight: 500 !important;
   width: 40px !important;
 }

 .HBContainer2 {
   display: flex;
   align-items: center;
   flex: 1;
   // animation: shutter-in-lefte 3s ease 0s 1 normal none;

 }

 .animationHB {
   animation: shutter-in-left 0.5s ease-in 0s 1 normal forwards;
   width: 100%;
 }

 @keyframes shutter-in-left {

   0% {
     transform: rotateY(100deg);
     transform-origin: left;
     opacity: 0;
   }

   100% {
     transform: rotateY(0);
     transform-origin: left;
     opacity: 1;
   }
 }