/*header*/

.header-box div h1 {
    position: relative;
    color: white;
    opacity: 0;
    animation: fade-in .75s forwards ease-in;
    animation-delay: .25s;
}

.header-box div button {
    position: relative;
    opacity: 0;
    animation: fade-in .75s forwards ease-in;
    animation-delay: .5s;
}

.header-box div button:hover {
    color: #2F4858;
}


#work-header {
    background-image: url("/wp-content/themes/24service-theme/img/work-banner.jpg");
}


/*step section */
#work-key-words h3 span:first-of-type {
    color: #2F4858;
    opacity: 0;
    animation: fade-in .75s forwards ease-in;
    animation-delay: .25s;
}

#work-key-words h3 span:last-of-type {
    color: #2F4858;
    opacity: 0;
    animation: fade-in .75s forwards ease-in;
    animation-delay: .5s;
}

#steps-container p {
    /* box-shadow: inset 20px 0 #2F4858;
    padding-left: 30px;*/
}
#steps-container {
    opacity: 0;
    animation: fade-in .75s forwards ease-in;
    animation-delay: .5s;
}

.steps p {
    box-shadow: inset 20px 0 #2F4858;
    padding-left: 30px;
}
.steps {
    opacity: 0;
    animation: fade-in .75s forwards ease-in;
    animation-delay: .5s;
}