/* 1. Brief Us */
#process-1 .jumbotron {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/process/process_steps_0005_1.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0;
    height: 400px !important;
}
/* /1. Brief Us */

/* 2. Consultancy & Project Setup */
#process-2 .jumbotron {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/process/process_steps_0004_2.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0;
    height: 400px !important;
}
/* /2. Consultancy & Project Setup */

/* 3. Design */
#process-3 .jumbotron {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/process/process_steps_0003_3.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0;
    height: 400px !important;
}
/* /3. Design */

/* 4. Development */
#process-4 .jumbotron {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/process/process_steps_0002_4.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0;
    height: 400px !important;
}
/* /4. Development */

/* 5. Delivery & Migration */
#process-5 .jumbotron {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/process/process_steps_0001_5.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0;
    height: 400px !important;
}
/* /5. Delivery & Migration */

/* 6. Maintenance & Enhancement */
#process-6 .jumbotron {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/process/process_steps_0000_6.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0;
    height: 400px !important;
}
/* /6. Maintenance & Enhancement */


.process-details {
    opacity: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    font-size: 18px;
    font-weight:bold;
    cursor: pointer;
}

#process-1:hover .process-details,
#process-2:hover .process-details,
#process-3:hover .process-details,
#process-4:hover .process-details,
#process-5:hover .process-details,
#process-6:hover .process-details {
    opacity: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}