.archive__most-views > *:first-child {
    display: none;
    opacity: 0;
    transition: all 0.3s ease;
}

.archive__most-views > *[style*="display: flex"] {
    opacity: 1;
}

.archive__most-views .post--traditional h3 {
    font-size: 16px;
    font-weight: 500;
    min-height: 48px;
}

.archive__most-views .post--traditional img {
    max-width: 180px;
    max-height: 120px;
}

.archive__user-tag .image-holder {
    height: 160px;
}

.archive__user-tag .image-holder:after,
.archive__user-tag .image-holder:before {
    content: "";
    width: calc(100% - 32px);
    background: var(--color-primary);
    position: absolute;
    height: 60%;
    opacity: 0.1;
    border-radius: 16px 24px 16px 16px;
    z-index: -2;
    bottom: 6px;
    right: 16px;
    transform: rotate(355deg);
}

.archive__user-tag .image-holder:before {
    transform: rotate(2deg);
    z-index: -3;
    top: 56px;
    border-radius: 16px
}

.archive__user-tag .image-holder img {
    clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100%);
}

.category-box__item {
    transition: all 0.3s ease;
}

.category-box__item:hover {
    background: rgba(24, 35, 77, 0.10);
}

.category-item__icon {
    float: right;
    background: linear-gradient(0deg, #F9F9F9 0%, #E3E3E3 100%);
}

.category-box__item:hover .category-item__icon {
    background: var(--color-white);
}

.category-box__item:before,
.category-box__item:after {
    content: '';
    position: absolute;
    right: calc(50% - 55px);
    transition: all 0.2s;
    top: -22px;
    width: 110px;
    height: 22px;
    opacity: 0.8;
    background-image: url("../image/vector/card-traditional-pattern.svg");
}

.category-box__item:after {
    top: unset;
    bottom: -22px;
    scale: -1;
}

.category-box__item:hover:before {
    top: -5px;
}

.category-box__item:hover:after {
    bottom: -5px;
}

.card--media:before {
    content: "";
    position: absolute;
    right: 0;
    border-radius: var(--cmb-size-2);
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(24, 35, 77, 0.00) 0%, #18234D 75%), transparent 50% / cover no-repeat;
}

.card--media img {
    width: 100%;
}

.card--media .card__content {
    width: 100%;
    bottom: 0;
    height: max-content;
}

.archive__hero-content {
    bottom: 88px;
    z-index: 1;
}

.archive__hero .swiper-slide::before,
.archive__hero .swiper-slide::after {
    z-index: 0;
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(180deg, transparent 0%, #00296B 88.18%);
}

.archive__hero .swiper-button-next,
.archive__hero .swiper-button-prev {
    height: 100px;
    width: 22px;
}

.archive__hero .swiper-button-prev,
.archive__hero .swiper-rtl .swiper-button-next {
    left: 24px;
    right: auto;
}

.archive__hero .swiper-button-next,
.archive__hero .swiper-rtl .swiper-button-prev {
    left: auto;
    right: 24px;
}

.archive__hero .swiper-button-next:after,
.archive__hero .swiper-button-prev:after {
    content: unset;
}

.archive__hero .swiper-slide::after {
    background: url(../image/vector/circle-traditional.svg);
    width: 430px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    right: calc(50% - 215px);
    top: calc(100% - 95px);
    bottom: auto;
    transition: all 0.3s;
    opacity: 0.5;
}

.archive__hero .swiper-slide:hover::after {
    top: calc(100% - 112px);
}

@media (max-width: 767.98px) {
    .archive__hero .card-thumbnail {
        height:300px;
    }

    .archive__hero-content {
        bottom: 40px;
    }

    .archive__hero .swiper-button-next,
    .archive__hero .swiper-button-prev {
        height: 75px;
        width: 16px;
    }

    .archive__hero .swiper-button-prev,
    .archive__hero .swiper-rtl .swiper-button-next {
        left: 12px;
    }

    .archive__hero .swiper-button-next,
    .archive__hero .swiper-rtl .swiper-button-prev {
        right: 12px;
    }

    .archive__hero .swiper-slide::after {
        width: 100%;
        right: 0;
        top: calc(100% - 32px);
    }

    .archive__hero .swiper-slide:hover::after {
        top: calc(100% - 36px);
    }

    .archive__most-views .post--traditional img {
        max-width: 100px;
    }

    .archive__most-views .post--traditional {
        flex-direction: row;
    }

    .category-item__icon svg {
        width: 24px;
        height: 24px;
    }
}

/**
 * Access to the Chamber of Commerce
 */

.section-icon-box__item {
    background-image: url('data:image/svg+xml,%3Csvg width="187" height="102" viewBox="0 0 187 102" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_120_17355" fill="white"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M61.4422 5.87375C60.1717 2.44428 56.8713 0 53 0C52.6909 0 52.3854 0.0155867 52.0843 0.0460165C51.8851 0.0155431 51.6829 0 51.4792 0H8C3.58172 0 0 3.58172 0 8V94C0 98.4183 3.58172 102 8 102H179C183.418 102 187 98.4183 187 94V8C187 3.58172 183.418 0 179 0H134.657C134.569 0 134.482 0.00286285 134.396 0.00853664C134.264 0.00286506 134.133 0 134 0C130.129 0 126.828 2.44429 125.558 5.87376C122.997 21.2658 109.619 33 93.5 33C77.3813 33 64.0032 21.2658 61.4422 5.87375Z"/%3E%3C/mask%3E%3Cpath d="M61.4422 5.87375L61.9354 5.79168L61.9276 5.74471L61.911 5.70005L61.4422 5.87375ZM52.0843 0.0460165L52.0086 0.540263L52.0714 0.549865L52.1345 0.543483L52.0843 0.0460165ZM134.396 0.00853664L134.374 0.50807L134.401 0.509243L134.428 0.50747L134.396 0.00853664ZM125.558 5.87376L125.089 5.70007L125.072 5.74473L125.065 5.7917L125.558 5.87376ZM61.911 5.70005C60.5703 2.08083 57.0872 -0.5 53 -0.5V0.5C56.6555 0.5 59.7732 2.80773 60.9733 6.04744L61.911 5.70005ZM53 -0.5C52.674 -0.5 52.3518 -0.483565 52.034 -0.45145L52.1345 0.543483C52.419 0.514738 52.7077 0.5 53 0.5V-0.5ZM52.1599 -0.44823C51.9358 -0.482515 51.7083 -0.5 51.4792 -0.5V0.5C51.6575 0.5 51.8344 0.513601 52.0086 0.540263L52.1599 -0.44823ZM51.4792 -0.5H8V0.5H51.4792V-0.5ZM8 -0.5C3.30558 -0.5 -0.5 3.30558 -0.5 8H0.5C0.5 3.85786 3.85786 0.5 8 0.5V-0.5ZM-0.5 8V94H0.5V8H-0.5ZM-0.5 94C-0.5 98.6944 3.30558 102.5 8 102.5V101.5C3.85787 101.5 0.5 98.1421 0.5 94H-0.5ZM8 102.5H179V101.5H8V102.5ZM179 102.5C183.694 102.5 187.5 98.6944 187.5 94H186.5C186.5 98.1421 183.142 101.5 179 101.5V102.5ZM187.5 94V8H186.5V94H187.5ZM187.5 8C187.5 3.30558 183.694 -0.5 179 -0.5V0.5C183.142 0.5 186.5 3.85787 186.5 8H187.5ZM179 -0.5H134.657V0.5H179V-0.5ZM134.657 -0.5C134.559 -0.5 134.46 -0.49678 134.363 -0.490397L134.428 0.50747C134.504 0.502506 134.58 0.5 134.657 0.5V-0.5ZM134.417 -0.490996C134.279 -0.496979 134.14 -0.5 134 -0.5V0.5C134.125 0.5 134.25 0.502709 134.374 0.50807L134.417 -0.490996ZM134 -0.5C129.913 -0.5 126.43 2.08083 125.089 5.70007L126.027 6.04745C127.227 2.80774 130.345 0.5 134 0.5V-0.5ZM125.065 5.7917C122.543 20.9466 109.37 32.5 93.5 32.5V33.5C109.867 33.5 123.451 21.5851 126.051 5.95583L125.065 5.7917ZM93.5 32.5C77.6298 32.5 64.457 20.9466 61.9354 5.79168L60.949 5.95581C63.5495 21.5851 77.1328 33.5 93.5 33.5V32.5Z" fill="%2338436E" mask="url(%23path-1-inside-1_120_17355)"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.section-icon-box__item h3 {
    max-height: 40px;
    min-height: 40px;
}

.section-icon-box__item .icon-wrapper {
    display: flex;
    margin-top: -12px;
    position: relative;
    width: 34px;
    height: 34px;
}

.section-icon-box__item .icon-wrapper svg {
    width: 34px;
    height: 34px;
    transition: all 0.3s;
}

.section-icon-box__item:hover .icon-wrapper svg path {
    stroke: var(--cmb-on-primary);
}

.section-icon-box__item .icon-wrapper:before {
    content: '';
    background: var(--cmb-secondary);
    opacity: 0.4;
    filter: blur(9px);
    position: absolute;
    width: 52px;
    height: 52px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    right: 50%;
    bottom: calc(-50% + 10px);
    transform: translate(50%);
    z-index: -1;
    transition: all 0.3s;
}

.section-icon-box__item:hover .icon-wrapper:before {
    opacity: 1;
}

.section__icon-box .background-pattern.background-pattern-bottom::before,
.section__icon-box .background-pattern.background-pattern-bottom::after {
    top: -365px;
    bottom: unset;
}

/* Search */

body.search span.select2-container {
    width: 100% !important;
}

body.search span.select2-selection.select2-selection--multiple {
    color: var(--cmb-secondary);
    font-size: var(--cmb-size-4);
    font-weight: 500;
    border-radius: 8px;
    background: rgba(56, 67, 110, 0.05);
    padding: 6px 8px;
    border: 0 !important;
}

.datepicker-plot-area {
    padding: 4px !important;
    border: unset !important;
    border-radius: 8px !important;
    background: #f2f2f5 !important;
}

.datepicker-plot-area .datepicker-day-view .month-grid-box .header {
    padding-bottom: 0;
}

.datepicker-plot-area .datepicker-day-view .table-days td {
    height: 20px;
}

.datepicker-plot-area .datepicker-day-view .table-days td span,
.datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item {
    background: #f2f2f5 !important;
    height: 100%;
    line-height: normal;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.datepicker-plot-area .datepicker-day-view .table-days td span:hover,
.datepicker-plot-area .datepicker-year-view .year-item:hover,
.datepicker-plot-area .datepicker-month-view .month-item:hover {
    background-color: var(--color-primary) !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.datepicker-plot-area .datepicker-year-view .year-item.selected,
.datepicker-plot-area .datepicker-month-view .month-item.selected {
    text-shadow: unset !important;
    color: var(--cmb-on-primary) !important;
    background-color: var(--color-primary) !important;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin: 0 !important;
    border: 0 !important;
    font-size: 14px;
    padding-inline-end: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent !important;
    border: 0 !important;
    height: 100%;
    left: 2px !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    position: absolute !important;
    display: flex !important  ;
    width: calc(100% - 16px);
    right: 8px;
    gap: 4px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f2f2f5 !important;
    color: var(--cmb-secondary) !important;
}

.skeleton-item {
    background: rgb(236, 236, 239);
}