.-YC-Cat-G,.-YC-Cat-ro-v2,.-cat-bo,.content-box,.sics-two__sin {
    position: relative
}

.-YC-Cat-ro-v2 {
    flex: 1;
    display: flex;
    align-items: center;
    overflow: hidden
}

.-YC-Cat-G {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px
}

.-cat-bo {
    cursor: pointer;
    padding: 30px;
    max-width: 341px;
    transition: .3s ease-in-out;
    border-radius: var(--largeradius);
    background: #fff;
    flex: 1;
    min-width: 320px
}

.-ycw-section.-ycwt-cat,.btn-box {
    background: var(--uicolor)
}

.-page--container-sidebars.categories .-cat-bo {
    background: var(--background2)
}

.sics-two__sin {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column-reverse;
    align-content: flex-start
}

.content-box {
    flex: 1;
    margin-inline-end:10px;margin-top: 13px
}

.sics-two__sin a h3 {
    font-size: 20px;
    display: block;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 16px;
    margin-block: 0;}

.icon_cat {
    width: 55px;
    height: 55px;
    font-size: 45px;
    color: var(--uicolor)
}

.-cat-right {
    font-size: 20px;
    margin-top: 25px;
    padding-inline-end:60px}

.-cat-bo .-p-cat-desc {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    position: relative;
    transition: .2s;
    text-align: start;
    color: var(--secondarytext);
    display: block
}

.btn-box {
    left: -1px;
    bottom: -1px;
    width: 70px;
    height: 70px;
    display: flex;
    position: absolute;
    text-align: center;
    border-radius: 0 33px 0 0;
    justify-content: center;
    align-items: center
}

.-cat-bo:hover .btn-box i {
    background: var(--uicolor);
    color: white;
}

.btn-box::before {
    border-width: 0 0 14px 14px;
    left: -13px;
    bottom: 56px
}

.btn-box::after,.btn-box::before {
    content: "";
    position: absolute;
    height: 40px;
    width: 30px;
    overflow: hidden;
    top: initial;
    border-color: #ff000000 transparent var(--uicolor) var(--uicolor);
    border-style: solid;
    border-radius: 0 0 0 33px
}

.btn-box i {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 100%;
    z-index: 1;
    background: #fff;
    transition: 180ms all ease;
    border: 2px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-box::after {
    left: 58px;
    right: initial;
    bottom: -12px;
    border-width: 0 0 12px 12px
}

.-YC-WidgetType-category .-defult-w--URL>.--Parent-URL-BTN>a: hover,.-YC-WidgetType-category h2.-w-h1-ti,.-YC-WidgetType-category h2.-w-h1-ti c--color,.-YourColor-SingleWidget-Section.-YC-WidgetType-category .-wi-aft-int-h4,.-ycwt-cat .-w-h1-ti {
    color:#fff
}

.-YC-WidgetType-category .-dlt-title .P-content {
    color: #d2e0f9;
    margin-bottom: 20px;
    line-height: 1.7
}

.-YC-WidgetType-category .-defult-w--URL {
    margin: 40px auto 0;
    max-width: max-content
}

.-YC-WidgetType-category .-defult-w--URL>.--Parent-URL-BTN>a,.-ycwt-cat .-defult-w--URL>.--Parent-URL-BTN>a {
    background: #fff;
    color: var(--uicolor);
    border-color: #fff
}

.-YC-WidgetType-category .-defult-w--URL>.--Parent-URL-BTN>a: hover {
    color:var(--uicolor)!important
}

.-YC-WidgetType-category .-defult-w--URL>.--Parent-URL-BTN>a.button_url_2: hover {
    background:#fff;
    color: var(--primary-text)
}

.-YC-Cat-G.--full-archived-cats .btn-box,.-ycwt-cat .-wi-aft-int-h4 {
    background: #fff
}

.-ycwt-cat .P-content {
    color: #eafcff
}

.-ycwt-cat .-defult-w--URL>.--Parent-URL-BTN>a.button_url_2 {
    color: #fff;
    border-color: #fff;
    background: 0
}

.-ycwt-cat .-defult-w--URL>.--Parent-URL-BTN>a: hover {
    background:transparent;
    color: #fff;
}

.-ycwt-cat .-defult-w--URL>.--Parent-URL-BTN>a.button_url_2: hover {
    background:var(--uicolor2);
    border-color: var(--uicolor2);
}

.-page--container-sidebars.categories .btn-box::after,.-page--container-sidebars.categories .btn-box::before {
    border-color: #ff000000 transparent #fff #fff
}
