.user-agreement {
    margin-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.user-agreement label{
    margin: 0;
    color: rgba(33, 37, 41, 0.60);
    font-family: "Segoe UI";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.user-agreement label a{
    color: rgba(33, 37, 41, 0.80);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-color: rgba(33, 37, 41, 0.10);
    text-decoration-thickness: 8%;
    text-underline-offset: 12.5%;
    text-underline-position: from-font;
    transition: all .3s ease;
}

.user-agreement label a:hover{
    text-decoration-color: rgba(33, 37, 41, 0.70);
}

.custom-checkbox {
    flex-shrink: 0;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    aspect-ratio: 1 / 1;
    border-radius: 4px;
    border: 2px solid #56B150;
    cursor: pointer
}

.custom-checkbox>input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer
}

.custom-checkbox:hover .checkmark {
    background-color: #F1FFF0;
}
.custom-checkbox:has(input[type="checkbox"]:not(:checked)):hover .checkmark::before {
    opacity: 0.3;
}

.custom-checkbox>input[type="checkbox"]:checked+.checkmark::before {
    opacity: 1;
}

.custom-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    transition: background-color .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
}

.custom-checkbox .checkmark::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_4002_2970)'%3E%3Cpath d='M19.7151 4.10043L18.789 3.17432C18.4074 2.79281 17.7846 2.79281 17.3998 3.17432L7.6886 12.8888L2.60147 7.80166C2.21996 7.42011 1.59709 7.42011 1.2123 7.80166L0.286135 8.72778C-0.0953784 9.10933 -0.0953784 9.73216 0.286135 10.117L6.99075 16.8215C7.18317 17.0139 7.43097 17.1118 7.68208 17.1118C7.9332 17.1118 8.18427 17.0139 8.37345 16.8215L19.7053 5.48965C20.0966 5.10162 20.0966 4.48203 19.7151 4.10043Z' fill='%2356B150'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4002_2970'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    transition: opacity .3s ease;
    opacity: 0;
}