.-ycw-section{
    display:block;
    position:relative;
    padding: 60px 0;
}
.g-content {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    margin-bottom: 40px;
}
.betit-w {
    font-size: 17px;
    font-weight:500;
    line-height:1.5;
    margin-bottom: 20px;
    max-width:max-content;
    position:relative;
    border-radius:var(--largeradius);
    background: rgb(var(--uicolor-code) /10%);
    padding: 8px 15px;
    color: var(--uicolor);
}
.betit-w::before {
    left:-18px;
    height:22px;
    top:-5px;
}
.tit-wdt {
    font-size:30px;
    font-weight:800;
    line-height:1.6;
    margin-bottom: 15px;
    color:var(--primary-text);
}
.con-wgt {
    font-size: 17px;
    font-weight:500;
    max-width:900px;
    line-height:1.6;
    color:var(--secondarytext);
    text-align:center;
}
.-dURLArea {
    display:flex;
    position:relative;
    z-index:3;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
    justify-content:center;
}
.-dURLArea a {
    background: rgb(var(--uicolor-code)/15%);
    padding:13px 17px;
    border-radius:17px;
    color:var(--primary-text);
    font-size:15px;
    gap:10px;
    font-weight:500;
    display:flex;
    flex-wrap:wrap;
    position:relative;
    align-items:center;
    border:1px solid var(--uicolor);
    overflow:hidden;
    transition: 180ms all ease;
}
.-dURLArea a:not(._url_2):hover {
    background: var(--uicolor);
    color: white;
}
.-dURLArea a._url_2:hover {
    background: rgb(var(--uicolor2-code)/15%);
}
.-dURLArea a._url_2 {
    background:var(--uicolor2);
    border:1px solid var(--uicolor2);
}