﻿.check-div {
    display: flex;
    align-items: center; /* Vertically center checkbox and label */
    gap: 10px; /* Space between checkbox and label */
    margin-bottom: 12px; /* Space below each checkbox block */
    font-size: 1rem;
    line-height: 1.3;
    user-select: none;
}

    .check-div label {
        cursor: pointer; /* Makes label clickable with pointer cursor */
    }

    .check-div a.color-facebook {
        color: #1877f2; /* Facebook brand blue */
        text-decoration: none;
        font-weight: 600;
        transition: color 0.3s ease;
    }

        .check-div a.color-facebook:hover,
        .check-div a.color-facebook:focus {
            color: #0f55c2;
            text-decoration: underline;
        }

#iAgreeSubsError {
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Optional: Slightly bigger checkbox */
.check-div input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    flex-shrink: 0;
    accent-color: #1877f2;
}

.custom-checkbox {
    width: 18px;
    height: 18px;
    cursor: pointer;
    flex-shrink: 0;
}


.invalid-feedback {
    display: none;
    color: red;
    font-size: 0.875rem;
}

    .invalid-feedback.d-block {
        display: block;
    }