/*Temporary CSS for safer partial updates to production for user acceptance testing purposes. TODO: Can be included in the merge css or discarded if a new design approach is taken*/

.kycdoc-option-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.kycdoc-option {
    position: relative;
    width: 100%;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-bottom: 20px;
}

.kycdoc-option-top-image {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.option-1 .kycdoc-option-top-image {
    background-image: url('../images/kycdoc-option-1.svg');
}

.option-2 .kycdoc-option-top-image {
    background-image: url('../images/kycdoc-option-2.svg');
}


.option-3 .kycdoc-option-top-image {
    background-image: url('../images/KYCDoc.png');
}