.-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: 22px;
max-width: 341px;
transition: .3s ease-in-out;
border-radius: var(--largeradius);
background: white;
flex: 1;
min-width: 320px
}
.-ycw-section.-ycwt-cat {background: #f6f7ff;}
.-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: 21px;
display: block;
font-weight: 500;
line-height: 1.6;
margin-top: 7px;
}
.icon_cat {
width: 35px;
height: 35px;
font-size: 28px;
color: var(--uicolor2);
}
.icon_cat i {
font-weight: 500;
}
.-cat-right {
font-size: 20px;
margin-top: 1px;
padding-inline-end: 53px;}
.-cat-bo .-p-cat-desc {
font-size: 15px;
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: 63px;
height: 70px;
display: flex;
position: absolute;
text-align: center;
border-radius: 0 33px 0 0;
justify-content: center;
align-items: center;
background: #f6f7ff;
}
.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: #f6f7ff transparent #f6f7ff #f6f7ff;
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%;
color: #fff;
z-index: 1;
background: var(--uicolor);
}
.btn-box::after {
left: 51px;
right: initial;
bottom: -12px;
border-width: 0 0 12px 12px
}
.-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 {
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
}
.-page--container-sidebars.categories .btn-box::after,.-page--container-sidebars.categories .btn-box::before {
border-color: #ff000000 transparent #fff #fff
}
.-dlt-title {
display: flex;
place-content: center;
text-align: center;
position: relative;
margin-bottom: 40px;
align-items: center;
gap: 20px;
justify-content: space-between
}
.-wi-aft-int-h4 {
font-weight: 500;
font-size: 20px;
margin-bottom: 10px;
line-height: 1.4;
max-width: max-content;
position: relative;
color: var(--uicolor);
border-radius: var(--largeradius);
}
.-w-h1-ti {
font-size: 32px;
font-weight: 600;
color: var(--primary-text);
text-align: right;
}
.but--area-co {
max-width: 800px;
}
.-dlt-title .P-content {
color: var(--secondarytext);
font-weight: 400;
font-size: 17px;
text-align: start;
line-height: 1.6;
}
.-defult-w--URL.--inline-center {
display: flex;
align-items: center;
margin-top: 22px;
justify-content: center;
gap: 10px;
}
.-defult-w--URL.--inline-center a.fsurl-btn {
background: var(--primary-text);
}
.-Cat-lists {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.cat--back .btn2-row {
justify-content: center;
}
@media only screen and (max-width: 1290px) {
.but--area-co {
max-width:579px;
}
.-cat-bo {
min-width: 300px;
max-width: 100%;
}
}
@media only screen and (max-width: 950px) {
.-dlt-title {
flex-direction:column;
text-align: center;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 13px;
}
.log-title {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.-w-h1-ti {
font-size: 23px;
text-align: center;
}
.-wi-aft-int-h4 {
font-size: 15px;
}
.but--area-co {
font-size: 12px;
}
.but--area-co {
text-align: center;
max-width: 100%;
}
.but--area-co .P-content {
text-align: center;
font-size: 14px;
}
.-cat-bo {
padding: 20px 19px;
min-width: 209px;
max-width: 100%;
}
.icon_cat {
width: 34px;
height: 35px;
font-size: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.-cat-right {
padding-inline-end:60px;margin-top: 8px;
}
.-cat-bo .-p-cat-desc {
font-size: 14px;
}
.sics-two__sin a h3 {
font-size: 19px;
margin-top: 6px;
}
}
@media only screen and (max-width: 720px) {
* {
}
.-cat-right {
}
}
@media only screen and (max-width: 580px) {
}