oj-radioset styling issue

Summary

oj-radioset styling issue

Content

I am trying to apply css to oj-radioset like below. position of radioset is coming in middle of page as expected,

but color, fontsize, fontweight are not coming as expected. Any alternatives to achieve..?

 

    <div class="center">

    <oj-radioset id="pOrgsel"  options="[[$page.variables.getGetuserorgListSDP]]"

      options-keys.value="organization_id" options-keys.label="organization_code" >

      <oj-option value="option1">Option 1</oj-option> 

    </oj-radioset>

    <div>

 

.center{

    position:absolute;

    display:flex;

    height:100px;

    width:100px;

    left:50%;

    top:30%;

    margin-top:-30px;

    margin-left:-50px;

    color:royalblue;

    font-size: xx-large;

    font-weight: bold;

}