.-YC-Category-Grid-Area-v2 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.-YC-Category-Grid-Area-v2.--full-archived-cats {
    max-width: unset;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 0
}

.--single--category--boxitem {
    background-color: #fff;
    padding: 25px 30px;
    display: flex;
    flex: 1;
    min-width: 350px;
    max-width: 450px;
    justify-content: space-between;
    align-items: center;
    transition: .5s;
    position: relative;
    overflow: hidden;
    border-radius: var(--largeradius);
    border: 1px solid var(--border-defult);
    box-shadow: var(--box-shadow-defult);
    cursor: pointer
}

.-YC-Category-Grid-Area-v2.--full-archived-cats .--single--category--boxitem:hover {
    box-shadow: var(--box-shadow-hover);
    border-color: var(--border-defult-hover);
    transform: translateY(-1px)
}

.--single--category--boxitem i {
    width: 80px;
    z-index: 1;
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    margin-inline-start: 15px;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--uicolor);
    font-size: 30px;
    color: var(--uicolor);
    color: #fff;
    transition: .5s
}

.--single--category--boxitem .-p-category-desc {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    transition: .5s;
    color: var(--secondarytext)
}

.--single--category--boxitem>a {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
    color: var(--Text-color);
    transition: .2s;
    padding: 25px 25px 15px;
    display: flex;
    align-items: center
}

.--single--category--boxitem:hover .--category--info-boxitem>a,
.-YC-Category-Grid-Area-v2.--full-archived-cats .--category--info-boxitem>a {
    color: var(--primary-text)
}

.-YC-Category-Grid-container>.-defult-widgets-title-style-1 .sup-title-widget-defualt {
    color: #e7eeff
}

.-YC-Category-Grid-container .-defult-widgets-title-style-1>.-widgets-h1-title {
    color: #fff;
    text-align: start
}

.-YC-Category-Grid-container .-defult-widgets-title-style-1 .P-content {
    color: #d8d8d8;
    text-align: start;
    margin: 20px 0
}

.-YC-Category-Grid-container .-defult-widgets-title-style-1 {
    margin: 0;
    min-width: 500px;
    margin-inline-end: 50px;
    align-items: flex-start;
    text-align: right;
    position: relative;
    align-content: flex-start;
    place-content: start;
    display: flex
}

.-YC-Category-Grid-container {
    display: flex;
    align-items: center;
    padding-inline-start: 60px;
    padding-inline-end: 0;
    overflow: hidden
}

.-YC-Category-row-v2 {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center
}

.-YC-Category-row-v2 .-YC-owl-navs-items>.-YC-owl-Slides-next {
    left: -20px
}

.-YC-Category-row-v2 .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    right: -20px
}

.-YC-Category-Grid-container .-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a {
    background: var(--primary-text);
    color: #fff;
    border-color: #fff
}

.-YC-Category-Grid-container .-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a:hover {
    background: #fff;
    color: var(--primary-text);
    border-color: #fff
}

.-YC-Category-Grid-container .-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a.button_url_2:hover {
    background: var(--primary-text)
}

.-YC-Category-Grid {
    display: block;
    position: relative
}

.-YC-Category .owl-nav,
.-YC-Category-Grid .owl-nav {
    display: none
}

.--single--category--boxitem:hover {
    box-shadow: var(--box-shadow-hover);
    border-color: var(--border-defult-hover);
    transform: translate3d(0, -10px, 0);
    background: #fff;
    box-shadow: 0 5px 20px 5px #00000061;
    --diver: #040b17;
    transition: 280ms;
    transform: translateY(-1px)
}

.--category--background:before,
.-YC-WidgetType-category.-bottom-separator-shows__in {
    background-color: var(--background)
}

.owl-item.active -.owl-item .--single--category--boxitem,
.owl-item.active+.owl-item .--single--category--boxitem,
.owl-item.prev-active .--single--category--boxitem {
    margin-top: 120px
}

.--category--background:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .8
}

.--category--background {
    background-repeat: no-repeat;
    height: 870px;
    padding: 80px 0
}

.Category-Grid {
    width: 77%;
    position: relative;
    color: #fff;
    transition: .5s
}

.Category-Grid a {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.6;
    transition: .5s;
    margin-bottom: 10px;
    display: block
}

.--single--category--boxitem:hover {
    background-color: #fff;
    box-shadow: 0 20px 30px 0 rgba(16, 24, 40, .08)
}

.--single--category--boxitem:before {
    content: "";
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    transform-origin: left;
    transform-style: preserve-3d;
    transform: scaleX(0);
    transition: 0.3s all ease;
    background-color: var(--uicolor);
    position: absolute
}

.--single--category--boxitem:hover:before {
    transform: scaleX(1);
    height: 100%
}

.--single--category--boxitem:hover .-p-category-desc,
.--single--category--boxitem:hover .Category-Grid a {
    color: #fff
}

.--single--category--boxitem:hover.--single--category--boxitem i {
    background-color: #fff;
    color: var(--uicolor);
    transition: .6s
}