/* A Chris W's stuff */
.my-radioa {
    opacity: 0;
    position: absolute; 
}
.my-radioa, .my-radio-labela {
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    cursor: pointer;
}
.my-radio-labela {
    all: none;
    position: relative;
    text-align:justify;
    width:99%;  
}
.my-radioa + .my-radio-labela:before {
    font-family: 'Arial';
    content: '\041';
    background: #fff;
    border: 2px solid #000;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 1px;
    text-align: center;
    font-size: medium;
    font-weight: bold;
    color: rgb(17, 91, 230);
    border-radius: 50%;
}

.my-radioa:checked + .my-radio-labela:before {
    content: "\2714";
    font-family: 'Arial';
    font-weight: 900;
    color: #fff;
    font-size: medium;
    background: #0a0;
    border: #005C1F 2px solid;

    -webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
}

/* B Chris W's stuff */
.my-radiob {
    opacity: 0;
    position: absolute;   
}
.my-radiob, .my-radio-labelb {
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    cursor: pointer;
}
.my-radio-labelb {
    position: relative;
    text-align:justify;
    width:99%;
}
.my-radiob + .my-radio-labelb:before {
    font-family: 'Arial';
    content: '\042';
    background: #fff;
    border: 2px solid #000;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 1px;
    text-align: center;
    font-size:medium;
    font-weight: bold;
    color: rgb(17, 91, 230);
    border-radius: 50%;
}

.my-radiob:checked + .my-radio-labelb:before {
    content: "\2714";
    font-family: 'Arial';
    font-weight: 900;
    color: #fff;
    font-size: medium;
    background: #0a0;
    border: #005C1F 2px solid;
    -webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
}

/* C Chris W's stuff */
.my-radioc {
    opacity: 0;
    position: absolute;  
}
.my-radioc, .my-radio-labelc {
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    cursor: pointer;
}
.my-radio-labelc {
    position: relative;
    text-align:justify;
    width:99%;
}
.my-radioc + .my-radio-labelc:before {
    font-family: 'Arial';
    content: '\043';
    background: #fff;
    border: 2px solid #000;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 1px;
    text-align: center;
    font-size: medium;
    font-weight: bold;
    color: rgb(17, 91, 230);
    border-radius: 50%;
}

.my-radioc:checked + .my-radio-labelc:before {
    content: "\2714";
    font-family: 'Arial';
    font-weight: 900;
    color: #fff;
    font-size: medium;
    background: #0a0;
    border: #005C1F 2px solid;
    -webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
}

/* D Chris W's stuff */
.my-radiod {
    opacity: 0;
    position: absolute;   
}
.my-radiod, .my-radio-labeld {
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    cursor: pointer;
}
.my-radio-labeld {
    position: relative;
    text-align:justify;
    font-weight:normal;
    width:99%;
}
.my-radiod + .my-radio-labeld:before {
    font-family: 'Arial';
    content: '\044';
    background: #fff;
    border: 2px solid #000;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 1px;
    text-align: center;
    font-size:medium;
    font-weight: bold;
    color: rgb(17, 91, 230);
    border-radius: 50%;
}
.my-radiod:checked + .my-radio-labeld:before {
    content: "\2714";
    font-family: 'Arial';
    font-weight: 900;
    color: #fff;
    font-size: medium;
    background: #0a0;
    border: #005C1F 2px solid;
    -webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
}

/* E Chris W's stuff */
.my-radioe {
    opacity: 0;
    position: absolute;   
}
.my-radioe, .my-radio-labele {
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    cursor: pointer;
}
.my-radio-labele {
    position: relative;
    text-align:justify;
    font-weight:normal;
    width:99%;
}
.my-radioe + .my-radio-labele:before {
    font-family: 'Arial';
    content: '\045';
    background: #fff;
    border: 2px solid #000;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 1px;
    text-align: center;
    font-size:medium;
    font-weight: bold;
    color: rgb(17, 91, 230);
    border-radius: 50%;
}
.my-radioe:checked + .my-radio-labele:before {
    content: "\2714";
    font-family: 'Arial';
    font-weight: 900;
    color: #fff;
    font-size: medium;
    background: #0a0;
    border: #005C1F 2px solid;
    -webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
}

/* Sai Chris W's stuff */
.my-radiosai {
    opacity: 0;
    position: absolute;   
}
.my-radiosai, .my-radio-labelsai {
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    cursor: pointer;
}
.my-radio-labelsai {
    position: relative;
    text-align:justify;
    font-weight:normal;
    width:99%;
}
.my-radiosai + .my-radio-labelsai:before {
    font-family: 'Arial';
    content: '\058';
    border: 2px solid #000;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 1px;
    text-align: center;
    font-size:medium;
    font-weight: bold;
    color: #0a0;
    border-radius: 50%;
    background: red;
}

/* Sai Chris W's stuff */

.my-radiodung {
    opacity: 0;
    position: absolute;   
}
.my-radiodung, .my-radio-labeldung {
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    cursor: pointer;
}
.my-radio-labeldung {
    position: relative;
    text-align:justify;
    font-weight:normal;
    width:99%;
}
.my-radiodung + .my-radio-labeldung:before {
    font-family: 'Arial';
    content: '\2714';
    background: #fff;
    border: 2px solid #000;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 1px;
    text-align: center;
    font-size:medium;
    font-weight: bold;
    color: red;
    border-radius: 50%;
    background: #0a0;
}

/* Sai Chris W's stuff */

.my-radiodungc {
    opacity: 0;
    position: absolute;   
}
.my-radiodungc, .my-radio-labeldungc {
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    cursor: pointer;
}
.my-radio-labeldungc {
    position: relative;
    text-align:justify;
    font-weight:normal;
    width:99%;
}
.my-radiodungc + .my-radio-labeldungc:before {
    font-family: 'Arial';
    content: '\2714';
    background: #fff;
    border: 2px solid #000;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 1px;
    text-align: center;
    font-size:medium;
    font-weight: bold;
    color: #0a0;
    border-radius: 50%;
    background: red;
}

.google-btn {
    width: 184px;
    height: 42px;
    background-color: skyblue;
    border-radius: 2px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
}
.google-btn .google-icon-wrapper {
    position: absolute;
    margin-top: 1px;
    margin-left: 1px;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    background-color: #fff;
}
.google-btn .google-icon {
    position: absolute;
    margin-top: 11px;
    margin-left: 11px;
    width: 18px;
    height: 18px;
}
.google-btn .btn-text {
    float: right;
    margin: 11px 11px 0 0;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.2px;
    font-family: "Roboto";
}
.google-btn:hover {
    box-shadow: 0 0 6px #4285f4;
}
.google-btn:active {
    background: #1669F2;
}
.fa-google {
  background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}