ol.list {
          counter-reset: item;
          list-style-type: none;
          line-height: 2.2;
          margin-left: -40px;
        }
        
        ol.list li {
          display: block;
          position: relative;
        }
        
        ol.list li span {
          margin-left: 40px;
        }
        
        ol.list li:before {
          content: counter(item) " ";
          counter-increment: item;
          color: #7eb4e2;
          position: absolute;
          top: 50%;
          margin-top: -1em;
          background: #f9dd94;
          height: 2em;
          width: 2em;
          line-height: 2em;
          text-align: center;
          border-radius: 2em;
          font-weight: 700;
        }
            
        .header-new {
           max-width: 1024px;
           width: 100%;
           margin-left: auto;
           margin-right: auto;
           overflow: hidden;
          }
        
        .row {
           display: flex;
           overflow: hidden;
          }
        
        .imagegroup {
           display: flex;
           width: 100%;
          }
        
        .imagegroup img{
          flex-shrink: 0;
          object-fit: cover;
          border: 3px solid white;
        }
        
        .imagegroup {
           animation: travel 50s ease-in-out infinite;
          }
          
          #blink_text{	
              animation-name:blink;
              width:280px;
              animation-duration:2s;
              animation-timing-function:ease-in;
              animation-iteration-count:Infinite;
              }
            
            @keyframes blink{
              0%{color:red;}
              50%{color:white;}
              100%{color:red;}
            }
        
        @keyframes travel {
           0%, 100% {
              transform: translate3d(0,0,0);
            }
           50% {
              transform: translate3d(-100%,0,0);
            }
         }