div#block-1 img {
    max-width: 190px;
}
.TechRTLSlider h2,
.TechLTRSlider h2 {
    background: linear-gradient(#33354B, #33354B) left no-repeat, #D1D2DE !important;
    background-size: 0% 100% !important;
    background-clip: text !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 1s ease-in-out;
}

.TechRTLSlider h2:hover,
.TechLTRSlider h2:hover {
    background-size: 100% 100% !important;
}

/*Work Steps Section*/
.TimeLineDiv {
    height: 747px;
    top: 141.55px;
    left: 570px;
    display: block;
    background: #000;
    width: 4px;
    bottom: 50px;
    position: absolute;
    transform: translateX(-50%);
    overflow: hidden;
}

.InnertimeLine {
    background: #ff6600;
    transition: height 0.3s ease-out;
}

.StepNo h2:before {
    position: absolute;
    content: '';
    height: calc(100% + 16px);
    width: calc(100% + 16px);
    border: 3px dotted #ff6600;
    top: -8px;
    left: -8px;
    border-radius: 100%;
    /* animation: spin 10s linear infinite; */
}

.TimelineActive h2 {
    background: #ff6600 !important;
    border-radius: 100% !important;
    animation: fillbg 1s forwards;
}

@keyframes fillbg {
    0% {
        opacity: .3;
        transform: scale(.3);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.TimelineActive h2:before {
    animation: spin 10s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width:600px) {
    .TimeLineDiv {
        left: 12%;
        top: 68px;
    }
}
/*Work Steps Section*/