.section{
    padding: 7em 0;
    position:relative;
}

.text-primary{
    color:  var(--primary-color) !important;
}
.section, .section.section-image .opacity{
    padding: 7em 0;
    position:relative;
}

.section.section-image{
    padding: 0px;
}

.section .title{
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: var( --secondary-font-family);
    font-weight: 700;
    position: relative;
    line-height: 40px;
    margin-bottom: 40px;
    display: inline-block;
    padding: 00px 20px;
}
.section .title:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
}
.section .title:before{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
}

.section .title.white:after, .section .title.white:before{
    background: #ffffff;
}

.section .title.black:after, .section .title.black:before{
    background:  var(--primary-color);
}
.section .description{
    font-size: 16px;
    text-transform: none;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 75px;
}
.section p, .section a{
    margin-bottom: 1.5em;
    font-size: 16px;
    margin:0 0 10px;
}


.pagination{
    margin-top: 50px;
}

.pagination .page-item{
    border-color: var(--primary-color);
    background: var(--primary-color);
    position: relative;
}

.pagination .page-item.disable .page-link{
    opacity: .5;
    background: var(--primary-color);
    
}

.pagination .page-item.disable .page-link span{
    color: var(--primary-text-color);
}

.pagination .page-item.active .page-link{
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.pagination .page-item.active .page-link span{
    color: var(--primary-text-color);
}

.pagination .page-item .page-link{
    background: transparent;
    margin: 0px;
    border:none;
}
.pagination .page-item:before{
    content: "";
    background: var(--primary-text-color-inverse);
    opacity: .5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.pagination .page-item:hover:before{
   opacity: .8;
}

.pagination .page-item .page-link:focus {
    box-shadow: none;
}

.pagination .page-item .page-link span{
    color: var(--primary-text-color);
    opacity: 1;
    margin-bottom: 0px;
}   

.lg-backdrop{
    z-index: 1060;
}
.lg-outer {
    z-index: 1080;
}



@media screen and (max-width: 767px) {
    .section{
        padding: 4em 0;
    }
}