.-YC-Category_container {
    margin-left:auto;
    margin-right:auto;
    position:relative;
    z-index:1
}

.YC-Category-row_5 {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    position:relative
}

.-YC-Category-before_title_1 {
    width:100%;
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center
}

.Category_before_title_1,.my-class {
    font-size:22px;
    color:var(--uicolor);
    font-weight:600
}

.Category_before_title_h2 {
    font-size:30px;
    font-weight:700;
    line-height:1.625;
    text-align:center;
    color:var(--primary-text)
}

.Category_contant {
    color:var(--secondarytext);
    margin-top:16px;
    margin-bottom:20px;
    line-height:1.625;
    text-align:center
}

.Category_swiper {
    width:100%;
    position:relative;
    overflow:hidden
}

.Category_swiper_1 {
    position:relative;
    margin-bottom:0;
    max-width:336px;
    border-radius: 40px 40px var(--largeradius) var(--largeradius);
    padding:16px;
    min-width:317px;
    background: var(
    --background2);
    flex:1;
    --e-global-color-vamtam_accent_3:#E8F5D3;
    cursor: pointer;
}

.-primary-body .Category_swiper_1 {
    flex:1;
    --elw: 325px;
    min-width: var(--elw);
    max-width: var(--elw);
}

.Category_swiper_1_img1 {
    position:relative;
    border-radius: 10px;
    box-shadow:0 4px 6px rgba(0,0,0,.1);
    max-height:440px;
    display:flex;
    justify-content:center;
    align-items:center;
    background: white;
    height:210px;
    width:100%;
    clip-path:polygon(32.2492676px 0,calc(100% - 29.883191px) .16707739px,calc(100% - 29.883191px) .16707739px,calc(100% - 24.96109729px) .87537044px,calc(100% - 20.31945472px) 2.29591631px,calc(100% - 16.01424199px) 4.36886114px,calc(100% - 12.1014378px) 7.03435112px,calc(100% - 8.63702087px) 10.23253242px,calc(100% - 5.67696992px) 13.90355119px,calc(100% - 3.27726365px) 17.98755362px,calc(100% - 1.49388076px) 22.42468587px,calc(100% - 0.38279998px) 27.1550941px,calc(100% - 5.68434189E-14px) 32.1189245px,calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0.41860061px) calc(100% - 26.8269604px),calc(100% - 1.63050344px) calc(100% - 21.89983258px),calc(100% - 3.56985995px) calc(100% - 17.30546357px),calc(100% - 6.1708216px) calc(100% - 13.10978045px),calc(100% - 9.36753988px) calc(100% - 9.37871025px),calc(100% - 13.09416624px) calc(100% - 6.17818003px),calc(100% - 17.28485217px) calc(100% - 3.57411685px),calc(100% - 21.87374912px) calc(100% - 1.63244774px),calc(100% - 26.79500858px) calc(100% - 0.41909978px),calc(100% - 31.982782px) calc(100% - 5.68434189E-14px),31.9827822px calc(100% - 14px),31.9827822px calc(100% - 14px),26.79500879px calc(100% - 14.41909978px),21.87374934px calc(100% - 15.63244774px),17.28485237px calc(100% - 17.57411685px),13.09416641px calc(100% - 20.17818003px),9.36754001px calc(100% - 23.37871025px),6.1708217px calc(100% - 27.10978045px),3.56986001px calc(100% - 31.30546357px),1.63050347px calc(100% - 35.89983258px),.41860062px calc(100% - 40.8269604px),5.29492535E-31px calc(100% - 46.02092px),0 32.0209204px,0 32.0209204px,.41860062px 26.82696079px,1.63050347px 21.89983293px,3.56986001px 17.30546389px,6.1708217px 13.10978071px,9.36754001px 9.37871045px,13.09416641px 6.17818017px,17.28485237px 3.57411693px,21.87374934px 1.63244779px,26.79500879px .41909979px,31.9827822px 5.30123935E-31px,31.9827822px 0,32.11152455px 0,32.2175794px 0,32.30094672px 0,32.36162654px 0,32.39961884px 0,32.41492362px 0,32.40754089px 0,32.37747064px 0,32.32471288px 0,32.2492676px 0);
}

.Category_swiper_1_img1_d {
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1);
    transition:transform .3s
}

.Category_swiper_1_img1:hover .Category_swiper_1_img1_d {
    transform:scale(1.1)
}

.Category_swiper_1_img1_d2 {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(to top,#000,transparent);
    z-index:0
}

.Category_swiper_1_img1_d3 {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    transition:.3s
}

.Category_swiper_1_img:hover .Category_swiper_1_img1_d3 {
    background-color:var(--uicolor);
    opacity:.7
}

.Category_swiper_1_img1_d4 {
    width:100%;
    padding-top:20px;
    overflow:hidden
}

.Category_swiper__h3 {
    font-size: 18px;
    font-weight:500;
    margin-bottom: 25px;
}

.Category_swiper_1_p {
    color:#fff;
    line-height:1.6;
    font-size:15px;
    position:relative;
    transform:translateY(110px);
    max-height:0;
    opacity:0;
    overflow:hidden;
    margin-bottom:16px;
    transition:.3s ease-in-out
}

.Category_swiper_1_img:hover .Category_swiper_1_p {
    transform:translateY(0);
    max-height:200px;
    opacity:1
}

.Category_swiper_1_img {
    border-radius:20px;
    overflow:hidden;
    position:relative;
    height:100%
}

.Category_swiper_1_A {
    display:flex;
    align-items:center;
    gap:4px;
    transition:.3s;
    font-size: 14px;
    background: linear-gradient(45deg, rgb(var(--uicolor-code)/10%), transparent);
    padding: 7px 0px;
    border-radius: var(--miniradius);
    justify-content:space-between;
    padding-inline-end: 8px;
}

.Category_swiper_1_A i {
    --ed: 20px;
    width: var(--ed);
    height: var(--ed);
    display:flex;
    align-items:center;
    justify-content:center;
    background: var(--uicolor);
    color:#fff;
    padding:15px;
    border-radius: 10px;
    font-size:12px
}

.Category_swiper_1_img:hover .Category_swiper_1_A {
    padding-bottom:20px
}

.Category_swiper_1_icone {
    position:absolute;
    bottom:-25px;
    left:16px;
    background-color:var(--uicolor3);
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9999px;
    transform:translateX(0);
    transition:.3s ease-in-out;
    color:#fff;
    font-size:24px
}

.Category_swiper_1:hover .Category_swiper_1_icone {
    transform:translateX(230px)
}

.-Po-Thumb_1:nth-child(2n) {
    flex-direction:column-reverse
}

.Category_content,.Cat_swcon {
    position:relative
}

.Cat_swcon {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    justify-content:center
}