.page-title h2{
    font-weight: 900;
    font-size: 40px;
    color: #333333;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 100px;
    letter-spacing: 10px;
}
.service-heading{
    color: #333333;
    font-weight: 700;
    font-size: 25px;
}







.article{
    width: 80%!important;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    max-width: 1000px;
}

.article .left{
    width: 60%;
    padding-left: 5%;
    
}
.article .right{
    width: 40%;
    
}



.article li{
    font-weight: 600;
    font-size: 24px!important;
    color: #333333;
    text-align: left;
    max-width: 1000px;
    width: 100%;
    margin: auto;
    line-height: 2;
}
.article .li2{
    font-weight: 400;
    font-size: 20px!important;
    color: #333333;
    padding-left: 35px;
    

    text-align: left;
}
.article .li2::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #fad030; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
  }



.work-button{
    width: 100%;
    margin:auto;
    justify-content: center;

    padding-top: 50px;
}

.all-work {
    width: 200px;
    position: relative;
    display: block;
    margin: auto;
    background-color: #fad030;
    border: none;
    color: #333333;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    
    font-size: 20px;
    font-weight: 900;
    margin-top: 40px;
    cursor: pointer;
    border-bottom-right-radius: 5px;
}
  
.all-work:hover {
    background-color: #666666;
    color: white;
    overflow-y: hidden;
    margin-bottom: 0px!important;
}

@media (max-width: 858px){
    


    .page-title h2{
        padding-top: 100px;
    }
    .article{
        width: 80%!important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 1000px;
    }
    .article .left{
        width: 100%;
        padding-left: 0%;
    }
    .article .right{
        width: 100%;
        
    }
    
    
    
    
}