.anim{

    padding-top: 0px;
    display: block;



}

.animOff{
    display: none;


}

.animatOn{
    opacity: 1;


    /* transition: 1s ease all; */
}



.animatOff{
    opacity: 0;


    transition: 0.5s ease all;
}

.animationTitle{
transition: 1s ease all !important;
transition-delay: 0.1s !important;
}

.animationDescription{
transition: 1s ease all !important;
transition-delay: 0.6s !important;
}

.animationLine{
    transition: 1s ease all !important;
    transition-delay: 1.1s !important;
}

.about_animate_text_line{
    width: 27% ;
}

.animationLineStart{
    animation: lineAnimation 3s 1;

  
}
@keyframes lineAnimation{
    0%{
        width: 0px;
    }
    100%{
        width: 27%;
    }
  
}

.about_animate_text_line2{
    width: 27%;
}

.animationLineStart2{
    animation: lineAnimation2 3s 1;

  
}
@keyframes lineAnimation2{
    0%{
        width: 0px;
    }
    100%{
        width: 27%;
    }
  
}

.about_animate_text_line3{
    width: 27%;
}

.animationLineStart3{
    animation: lineAnimation2 3s 1;

  
}
@keyframes lineAnimation3{
    0%{
        width: 0px;
    }
    100%{
        width: 27%;
    }
  
}

.about_animate_text_line4{
    width: 50%;
    margin-left: 5%;

}

.animationLineStart4{
    animation: lineAnimation4 3s 1;

  
}
@keyframes lineAnimation4{
    0%{
        width: 0px;
    }
    100%{
        width: 50%;
    }
  
}


.animationMore{
    transition: 1s ease all !important;
    transition-delay: 1.6s !important;
}