/* ==========================================================================
Insert your style
========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #EEEEEE;
    padding: 25px 0;
}

label .a {
    color: #EEEEEE;
}

.logo {
    text-align: center;
    margin: 0 0 34px;
}

.logo img {
    width: 103px;
}

label,
.label {
    font-size: 15px;
    line-height: 1.42857143;
    color: #EEEEEE;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    padding: 0;
    text-align: left;
}

.radio,
.checkbox {
    margin-top: 0;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
    font-weight: 700;
}

.p,
p {
    font-size: 13px;
    margin: 0 0 20px;
}

.img img {
    width: 100%;
    height: auto;
}


div.signup form button.btn-primary {
    background-color: #D8D8D8;
    border-color: #D8D8D8;
}

div.signup form button.btn-primary.active {
    background-color: #0031FF;
    border-color: #0031FF;
}

.requiredField2 {
    color: red
}

label[for="q_0_3"] .requiredField{
display:none
}

.btn {
    border-radius: 24px;
    margin: 0 10px;
    min-width: 140px;
    font-size: 18px;
    font-weight: 700;
}

.navbtn.center {
    text-align: center;
    width: auto;
    display: block;
    margin: 20px auto;
}

.requiredField {
    color: red;
}

.error {
    margin-top: 10px;
}

input[type=text].form-control {
    font-size: 15px;
    line-height: 1.5;
    height: 47px;
    color: #010738;
    border: 1px solid #EEEEEE;
background-color: #EEEEEE
    border-radius: 5px;
padding: 6px 18px;
    box-shadow: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.radio label,
.checkbox label {
    font-size: 13px;
    padding-left: 0;
}

/* Customize the label (the container) */
.radio,
.checkbox {
    display: block;
    position: relative;
    padding-top: 3px;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.btn-primary, .btn-primary:hover, .btn-primary:focus {
  background-color: #0031FF;
  border-color: #0031FF; 
}
.btn-default, .btn-default:hover, .btn-default:focus {
  background-color: #000000;
  border-color: #000000;
}



/* Hide the browser's default checkbox */
.radio input,
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    border: 1px solid transparent;
    position: absolute;
    top: 6px;
    left: 0;
border-radius:3px;
    height: 24px;
    width: 24px;
    background-color: #EEEEEE;
}

.checkbox .checkmark {
    border-color: #EEEEEE;
}

.radio .checkmark {
    background-color: transparent;
    border-color: #EEEEEE;
    border-radius: 50%; 
}

/* On mouse-over, add a grey background color */
.checkbox:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.radio input:checked~.checkmark,
.checkbox input:checked~.checkmark {
    background-color: #EEEEEE;
    border-color: #EEEEEE;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.btn {
    border-radius: 24px;
    margin: 0 10px;
    min-width: 140px;
    font-size: 18px;
    font-weight: 700;
    padding: 14px 32px;
}


.col-left{padding-right:0px}
.col-right{padding-left:5px}


/* Show the checkmark when checked */
.radio input:checked~.checkmark:after,
.checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.radio .checkmark:after,
.checkbox .checkmark:after {
    left: 6px;
    top: 0px;
    width: 10px;
    height: 19px;
    border-style: solid;
    border-color: rgb(0, 49, 255);
    border-image: initial;
    border-width: 0px 4px 4px 0px;
    transform: rotate(45deg);
}
.form-group {
    margin-bottom: 20px;
}

.radio, .checkbox {
    display: block;
    position: relative;
    padding-top: 3px;
    padding-left: 48px;
    margin-bottom: 12px;
    cursor: pointer;
}