.wd-page-title {
    --wd-align: start;
    --wd-title-sp: 15px;
    --wd-title-font-s: 36px;
    position: relative;
    padding-block: var(--wd-title-sp)
}

    .wd-page-title .container {
        display: flex;
        flex-direction: column;
        align-items: var(--wd-align);
        text-align: var(--wd-align);
        gap: 10px
    }

    .wd-page-title .title {
        font-size: var(--wd-title-font-s);
        font-weight:900;
        padding:8px;

        background: rgba(255, 255, 255, 0.13);
        backdrop-filter: blur(1.5px);
        -webkit-backdrop-filter: blur(5px);
        border-radius: 20px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 0 0px 0px rgba(255, 255, 255, 0);
        position: relative;
        overflow: hidden;
        color: #d5a46a;
    }

.title-design-centered {
    --wd-align: center
}

@media (min-width: 1025px) {
    .title-size-small {
        --wd-title-sp: 20px;
        --wd-title-font-s: 44px
    }

    .title-size-default {
        --wd-title-sp: 60px;
        --wd-title-font-s: 68px
    }

    .title-size-large {
        --wd-title-sp: 100px;
        --wd-title-font-s: 78px
    }
}