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

span:not(.ellip, .flatpickr-day, .glyphicon, .select2-container, .select2-container *, .select2, .select2 *, form *) {
    opacity: .8;
}

.section h1, .section  h2, .section h3, .section h4, .section h5, .section h6, .section label{
    opacity: .9;
}

.section p, .section ul, .section ol, .section i{
    opacity: .8;
}

.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);
    text-transform: uppercase;
    font-weight: 700;
}
.section .description{
    font-size: 16px;
    font-family: var( --cuartiary-font-family);
    text-transform: none;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 75px;
    color: #777777;
}

.section a:not(.btn){
    margin-bottom: 1.5em;
    font-size: 16px;
    margin:0 0 10px;
    color: #777777;
}
.section p{
    font-size: 16px;
    /* color: #777777; */
}
.section .content{
    padding-bottom: 1em;
    margin-bottom: 5em;
}


.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;
    }
}