:root {
    --primary:rgba(66, 248, 142, 0.678);
    --secondary:#232B38;
    --usable: #5b5bf3;
    --ternary:#6C6C6C;
    --danger:#FE4545;
    --pure:#FEFEFE;
    --light:#F0F0F0;
    --heaven:#FFFFFF;
    --ofwhite:#e6ece4;
    --footer:#3a3e44;

}

section.proccess {
    background: var(--pure);
    background: #FEFEFE;
    margin-top: 1rem;
}
section.proccess .container h2 {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 15px;
}
section.proccess .proccess-wrapper .duplicate-image img {
    display: none;
}
section.proccess .proccess-wrapper  .proccess-content {
    border: 1px solid var(--secondary);
    border: 1px solid #232B38;
    border-radius: 15px;
    margin-bottom: .5rem;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center;

}
section.proccess .proccess-wrapper  .proccess-content .proccess-part1{
    padding: 2rem;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}
section.proccess .proccess-wrapper  .proccess-content .proccess-part1 .proccess-details{
    
    margin-left:-75px;
    padding: 0 6rem;
    justify-content: center;
    align-items: center;
}
section.proccess .proccess-wrapper  .proccess-content .proccess-part1 .proccess-details h2{
    color: var(--usable);
    font-size: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 900;
}
section.proccess .proccess-wrapper  .proccess-content .proccess-part1 .proccess-details p{
    color: var(--secondary);
    font-size: 1rem;
    font-weight: 600;
}
section.proccess .proccess-wrapper  .proccess-content .proccess-part2{
    padding: 2rem;
}
section.proccess .proccess-wrapper  .proccess-content .proccess-part2 img{
    width: 400px;
    margin-top: 7rem;
}


/* machine */
section.machine{ 
    margin-top: -100px;
    
}
section.dd-model .head20 {
    display: flex;
    justify-content: center;
}
section.dd-model .head20 h2{
    position: relative;
    border: 4px double black;
    box-shadow: inset  .1px .1px 7px #62b998;
    padding:2px 15px;  
}
section.dd-model h2 {
    text-align: center;
    color: var(--secondary);
    color: #232B38;
    font-size: 2rem;
    font-weight: 800;
}

@media (max-width:991px){
    section.proccess .proccess-wrapper .duplicate-image {
        justify-content: center;

    }
    section.proccess .proccess-wrapper .duplicate-image img{
        display: block;
        width: 100%;
        margin: auto;
    }
    section.proccess .proccess-wrapper .proccess-content{
        display: none;
    }
    footer.special-footer{
        margin-top: -95px;
    }
}

@media (max-width:681px){
    .machine-wrapper {
        position: relative;
        top: 55px;
    }
}

@media (max-width:588px){
    footer.special-footer{
        margin-top: -125px;
    }
}
@media (max-width:437px){
    footer.special-footer{
        margin-top: -105px;
    }
}
@media (max-width:390px){
    section.proccess .container h2{
       font-size: 1.5rem;
    }
}
@media (max-width:310px){
    section.proccess .container h2{
       font-size: 1.2rem;
    }
}