.page-title{ margin: 0 auto;
padding: 70px 0;
background-color: transparent; }
             
.page-title .page-title-box{ text-align: center;
padding: 30px 20px; 
background-color: rgba(122, 175, 99, 0.78); }
             
.page-title .page-title-content{ -ms-transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg); }
             
.page-title .page-title-header{ font-size: 36px;
    color: #ffffff;
    position: relative;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 20px; }
             
.page-title .page-title-links{ color: #ffffff;
    text-transform: uppercase; }
             
.page-title .page-title-header::before{ content: "";
    position: absolute;
    bottom: -10px;
    width: 50%;
    height: 3px;
    left: 25%;
    margin-left: -20px;
    background: #ffffff;
    text-align: center; 
    margin: auto; }
             
.page-title .page-title-header::after{ content: "";
    position: absolute;
    bottom: -10px;
    width: 50%;
    height: 3px;
    right: 25%;
    margin-right: -20px;
    background: #ffffff;
    text-align: center; 
    margin: auto; }
.pagination-link{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    border: 1px solid #6aa84f;
    color: #000000;
    font-size: 24px;
    font-weight: 600;
   -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    border-radius: 50%;
 }
.pagination-item.active .pageination-link, .pagination-item:hover .pagination-link{ 
         background: #38761d;
         color: #ffffff;
         border: 0px solid #cccccc;
 }