@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;500&display=swap');



.radio-item {
                                    display: inline-block;
                                    position: relative;
                                    padding: 0 6px;
                                    margin: 0px 0px 0px 7px;
                                    }
                                    .radio-item input[type='radio'] {
                                    display: none;
                                    }
                                    .radio-item label {
                                    color: #000000;
                                    font-weight: normal;
                                    font-size: 14px;
                                    }
                                    .radio-item label:before {
                                    content: " ";
                                    display: inline-block;
                                    position: relative;
                                    top: 3px;
                                    margin: 0 5px 0 0;
                                    width: 16px;
                                    height: 16px;
                                    border-radius: 11px;
                                    border: 2px solid #fff;
                                    background-color: transparent;
                                    }
                                    .radio-item input[type=radio]:checked + label:after {
                                    border-radius: 11px;
                                    width: 8px;
                                    height: 8px;
                                    position: absolute;
                                    top: 10px;
                                    left: 4px;
                                    content: " ";
                                    display: block;
                                    background: #ffffff;
                                    }
                             








                             

                               [data-tip] {
                                    position:relative;
                                    }
                                    [data-tip]:before {
                                    content:'';
                                    /* hides the tooltip when not hovered */
                                    display:none;
                                    content:'';
                                    border-left: 5px solid transparent;
                                    border-right: 5px solid transparent;
                                    border-top: 5px solid #1FB53A;  
                                    position:absolute;
                                    top:-6px;
                                    left:35px;
                                    z-index:8;
                                    font-size:0;
                                    line-height:0;
                                    width:0;
                                    height:0;
                                    }
                                    [data-tip]:after {
                                    display:none;
                                    content:attr(data-tip);
                                    position:absolute;
                                    top:-26px;
                                    left:0px;
                                    padding:5px 8px;
                                    background:#1FB53A;
                                    width: 100%;
                                    color:#fff;
                                    z-index:9;
                                    font-size: 12px;
                                    font-family: 'Proxima Nova Regular';
                                    height:20px;
                                    line-height:9px;
                                    -webkit-border-radius: 8px;
                                    -moz-border-radius: 8px;
                                    border-radius: 8px;
                                    white-space:nowrap;
                                    word-wrap:normal;
                                    }
                                    [data-tip]:hover:before,
                                    [data-tip]:hover:after {
                                    display:block;
                                    }