.archive .category-description h1,
.archive .category-description h2,
.archive .category-description h3,
.archive .category-description h4,
.archive .category-description h5,
.archive .category-description h6 {
    font-size: revert;
    font-weight: revert;
    padding: revert;
    margin: revert;
    line-height: initial;
    font-family: "GothamSSm-Bold_Web", sans-serif;
}



.archive .category-description p,
.archive .category-description strong {
    margin: revert;
    font-weight: revert;
    padding: revert;
}

.archive .category-description strong {
    font-family: "GothamSSm-Bold_Web", sans-serif;
}

.archive .category-description {
    font-family: "GothamSSm-Book_Web", sans-serif;
    line-height: 18px;
    color: #000000;
    font-size: 13px;
    margin-bottom: 100px;
}

.archive main .article-cont {
    width: calc(100% - 328px);
    flex: 0 0 calc(100% - 328px)
}

/* .archive main .article-cont .card-wrapper-cont {
    padding: 0 15px;
} */



.archive main .article-cont .card-wrapper {
    max-height: 200vh !important;
}

.archive main .card-wrapper .card {
    width: calc((100% / 2) - 36px);
    flex: 0 0 calc((100% / 2) - 36px);
    padding-bottom: 40px;
}

.archive main .card-wrapper .card:nth-child(2n) {
    margin-left: 36px;
}

.archive main .card-wrapper .card:nth-child(2n - 1) {
    margin-right: 36px;
    position: relative;
}

.archive main .card-wrapper .card:nth-child(2n - 1)::after {
    position: absolute;
    content: "";
    top: 0;
    right: -36px;
    height: 100%;
    width: 1px;
    background-color: #12356C;
}

.archive main .card-wrapper .card:not(:nth-last-child(-n+2)) {
    margin-bottom: 50px;
}

.archive main .rest-body {
    margin-bottom: 120px;
    /* margin-top: calc(100vh + 120px); */
    margin-top: 120px;
}

.archive main .rest-body .filter-container {
    width: 288px;
    margin-right: 40px;
}

.archive main .rest-body .filter-container .cs {
    width: 100%;
}

.archive main .rest-body .filter-container .cs:not(:last-child) {
    margin-bottom: 30px;
}

.archive main .rest-body .filter-container .cs .custom-select {
    width: auto;
}

.archive main .rest-body .filter-container .cs.filter.is-dropdown .custom-select .item a,
.archive main .rest-body .filter-container .cs.is-dropdown .custom-select .custom-select-dropdown .item {
    font-size: 14px;
}

.archive main .rest-body .filter-container .cs.is-dropdown .custom-select .custom-select-dropdown .item a::after { content: none; }
.archive main .rest-body .filter-container .cs.is-dropdown .custom-select .custom-select-dropdown .item a:hover { text-indent: 10px; }

.archive main .rest-body .filter-container .cs.is-dropdown .custom-select .custom-select-dropdown {
    max-height: 0;
    background-color: #12356c;
}

.archive main .rest-body .filter-container .cs.filter:not(.is-dropdown) .custom-select .item:not(:last-child) {
    margin-bottom: 15px;
}

.archive main .rest-body .filter-container .cs.is-dropdown .custom-select.on .custom-select-dropdown {
    max-height: 500px;
}

.archive main .rest-body .filter-container .cs.filter .custom-select .item a {
    padding: 0;
}

.archive main .rest-body .filter-container .cs.is-dropdown .custom-select .item a {
    color: #00DED5;
}

.archive main .rest-body .filter-container .cs.is-dropdown .custom-select .item:not(:last-child) { margin-bottom: 10px; }

@media screen and (max-width: 1320px) {
    .archive main .rest-body {
        margin-bottom: 70px;
        margin-top: calc(76vh + 70px);
    }

    .archive main .rest-body .filter-container .cs.filter .custom-select .item a {
        padding: 0;
    }

    .archive main .rest-body .filter-container .cs .custom-select .custom-select-dropdown-wrapper {
        padding: 10px;
    }

    .archive main .rest-body .filter-container .cs .custom-select .target-text {
        font-size: 14px;
        line-height: 20px;
    }

    .archive main .rest-body .filter-container .cs .custom-select .text-wrapper img {
        width: 35px;
        flex: 0 0 35px;
        height: 25px;
        object-fit: contain;
        transform: rotate(-90deg);
        transition: all .3s ease-in-out;
    }

    .archive main .rest-body .filter-container {
        width: 220px;
        margin-right: 20px;
    }

    .archive main .article-cont {
        width: calc(100% - 240px);
        flex: 0 0 calc(100% - 240px);
    }

    .archive main .card-wrapper .card:not(:nth-last-child(-n+2)) {
        margin-bottom: 35px;
    }

    .archive main .card-wrapper .card:nth-child(2n - 1) {
        margin-right: 26px;
    }

    .archive main .card-wrapper .card:nth-child(2n) {
        margin-left: 26px;
    }
    
    .archive main .card-wrapper .card {
        width: calc((100% / 2) - 26px);
        flex: 0 0 calc((100% / 2) - 26px);
        padding-bottom: 30px;
    }

    .archive main .card-wrapper .card:nth-child(2n - 1)::after {
        right: -26px;
    }
}

@media screen and (max-width: 1020px) {
    .archive main .rest-body {
        margin-bottom: 50px;
        margin-top: calc(76vh + 50px);
    }

    .archive main .card-wrapper .card:nth-child(2n - 1) {
        margin-right: 15px;
    }

    .archive main .card-wrapper .card:nth-child(2n) {
        margin-left: 15px;
    }

    .archive main .card-wrapper .card:nth-child(2n - 1)::after {
        right: -15px;
    }

    .archive main .card-wrapper .card {
        width: calc((100% / 2) - 15px);
        flex: 0 0 calc((100% / 2) - 15px);
        padding-bottom: 17px;
    }
}

@media screen and (max-width: 820px) {
    .archive .rest-body .wrapper {
        flex-direction: column;
    }

    .archive main .article-cont {
        width: 100%;
        flex: 0 0 100%;
    }

    .archive main .rest-body .filter-container {
        width: 100%;
        margin: 0;
        align-items: flex-end;
    }

    .archive main .rest-body .filter-container .cs {
        width: 250px;
        padding: 0;
    }

    .archive main .rest-body .filter-container .cs .custom-select {
        width: 100%;
        padding: 0;
    }
    
}

@media screen and (max-width: 640px) {
    .archive main .rest-body {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .archive main .card-wrapper .card {
        width: 100%;
        flex: 0 0 100%;
        padding-bottom: 0;
        position: relative;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .archive main .card-wrapper .card:nth-child(2n - 1) {
        margin-right: 0;
    }

    .archive main .card-wrapper .card:nth-child(2n) {
        margin-left: 0;
    }

    .archive main .card-wrapper .card:nth-child(2n - 1)::after { 
        content: none;
    }

    .archive main .card-wrapper .card:not(:nth-last-child(-n+2)) {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .archive main .card-wrapper .card:not(:last-child) {
        padding-bottom: 45px;
        margin-bottom: 45px;
    }

    .archive main .card-wrapper .card:not(:last-child)::after {
        right: 1rem;
        top: 100%;
        width: calc(100% - 2rem);
        height: 1px;
        position: absolute;
        content: "";
        background-color: #12356C;
    }

    .archive main .rest-body .wrapper {
        padding: 0;
    }

    .archive main .rest-body .filter-container {
        padding: 0 1rem;
        box-sizing: border-box;
    }
}