@media (min-width: 320px) and (max-width: 767px){
        .side-nav .navbar-nav .nav-item {
            margin-left: 13% !important;
        }
    }

    @media screen and (max-width: 991px) and (min-width: 768px) {
        section {
            padding: 9rem 0px 5rem 0px;
            /* height: 100vh; */
        }
    }

    .border-topTab {
        border-top: 1.5px solid #726754;
        padding-top: 1em;
    }
    .typeofwork {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }
    .row {
        display: flex;
    }
    .row .col {
        flex: 1;
    }
    .row .col:last-child {
        margin-left: 1em;
    }
    /* Accordion styles */
    .tabs {
        overflow: hidden;
    }
    .tab {
        width: 100%;
        color: white;
        overflow: hidden;
    }
    .heightActive {margin-bottom: 120px !important;}
    @media (min-width: 768px) {
        .tab-label {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: .5rem !important;
            align-items: center;
            top: 14px;
            right: 0;
            position: absolute;
            /* Icon */
        }
        .tab-label-2 {
            top: 14px;
        }
    }
    @media (max-width: 767px) {
        .tab-label {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: .2rem !important;
            align-items: center;
            top: 9px;
            right: 0;
            position: absolute;
            /* Icon */
        }
        .tab-label-2 {
            top: 9px;
        }
    }
    @media (min-width: 1919px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 10%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 1800px) and (max-width: 1918px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 10%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 1768px) and (max-width: 1799px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 11%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 1601px) and (max-width: 1767px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 12%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 1501px) and (max-width: 1600px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 12%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 1401px) and (max-width: 1500px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            top: 14px;
            right: 14%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 1366px) and (max-width: 1400px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 15%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 1200px) and (max-width: 1365px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 15%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 1179px) and (max-width: 1199px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 18%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 1024px) and (max-width: 1178px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 18%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 820px) and (max-width: 1023px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 23%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 768px) and (max-width: 819px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 23%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 576px) and (max-width: 767px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 37%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 415px) and (max-width: 575px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 37%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 413px) and (max-width: 414px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 37%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 389px) and (max-width: 412px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 37%;
            position: absolute;
            /* Icon */
        }
    }
    @media (min-width: 375px) and (max-width: 388px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 37%;
            position: absolute;
            /* Icon */
        }
    }
    @media (max-width: 374px) {
        .tab-label-2 {
            display: flex;
            justify-content: flex-end;
            /*padding: 1em;*/
            font-weight: bold;
            cursor: pointer;
            gap: 1rem !important;
            align-items: center;
            right: 37%;
            position: absolute;
            /* Icon */
        }
    }
    .tab-label:hover {
    }
    .tab-label::after {
        content: "\276F";
        width: 1em;
        height: 1em;
        text-align: center;
        transition: all 0.35s;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .tab-content {
        max-height: 0;
        padding: 0 1em;
        color: #726755;
        transition: all 0.35s;
    }
    .tab-close {
        display: flex;
        justify-content: flex-end;
        padding: 1em;
        font-size: 0.75em;
        cursor: pointer;
    }
    .tab-close:hover {
        background: #1a252f;
    }
    .typeofwork:checked + .tab-label::after {
        transform: rotate(90deg);
    }
    .typeofwork:checked ~ .tab-content {
        max-height: 100vh;
        padding: 1em 0 1em 0;
        border-top: 1.5px solid #726754;
    }
    .cbp-l-filters-alignCenter .cbp-filter-item {
        white-space: nowrap;
    }
    @media (max-width: 767px) {
        .category-3 {
            text-align: left;
            width: 33%;
        }

        .category-3:nth-child(3n) {
            padding-left: 15px;
        }

        .category-3:nth-child(3n + 1) {
            text-align: right;
        }

        .cbp-l-filters-alignCenter {
            display: flex;
            flex-wrap: wrap;
        }

        .cbp-l-filters-alignCenter .cbp-filter-item {
            font-size: 11px;
            text-align: left;
            margin: 0 !important;
            padding: 0 !important;
        }   
    }