body {
    font-family: "Raleway",sans-serif !important;
}
.text_box {
    line-height:1.8;
}
.flex-center {
    align-items:flex-start !important;
}
.firstcharacter {
  color: #212529;
  float: left;
  /*font-family: Georgia;*/
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}
.ta_button {
    background-color: #ff8400;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 8px;
    float: right;
    margin-right:50px;
}
#step1_3 label:first-child input[type=radio] {
  width: 25px;
  height: 25px;
}
.overrule_form_control {
    /*display:flex !important;*/
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
textarea.overrule_form_control {
    height: auto !important;
    width:78% !important;
}
#step1_4 label textarea {
    vertical-align: top !important;
}

#step2_question input[class=qs_circle] + label {
	display:inline-block !important;
	width: 20px !important;/*20211020 was 70px*/
	height: 40px !important;
    
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    outline:0 !important;
 }
#step2_question input[class=qs_circle]:checked + label {
    cursor:pointer;
}

#step2_question input[class=qs_circle]:not(:checked) + label {
    /*background-image:url("../img/group_icons/empty.svg") !important;*/
    background-image:url("../img/group_icons/empty.png") !important;
    cursor:pointer;
}

#step3_2 input[class=qs_circle] + label {
	display:inline-block !important;
	width: 45px !important;/*20211020 was 70px*/
	height: 45px !important;
    
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    outline:0 !important;
 }
#step3_2 input[class=qs_circle]:checked + label {
    cursor:pointer;
}

#step3_2 input[class=qs_circle]:not(:checked) + label {
    /*background-image:url("../img/group_icons/empty.svg") !important;*/
    background-image:url("../img/group_icons/empty.png") !important;
    cursor:pointer;
}

.smaller_h2 {
    font-size: 1.5em !important;
}
.control-label {
    font-weight: bold;
}
input[type=checkbox] {
    display:none;
}

#step4 input[class=qs_circle] + label {
	display:inline-block !important;
	width: 20px !important;/*20211020 was 70px*/
	height: 20px !important;
    
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    outline:0 !important;
 }
#step4 input[class=qs_circle]:checked + label {
    cursor:pointer;
}

#step4 input[class=qs_circle]:not(:checked) + label {
    /*background-image:url("../img/group_icons/empty.svg") !important;*/
    background-image:url("../img/group_icons/empty.png") !important;
    cursor:pointer;
}
#assessment input[class=qs_circle] + label {
	display:inline-block !important;
	width: 40px !important;/*20211020 was 70px*/
	height: 40px !important;
    
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    outline:0 !important;
 }
#assessment input[class=qs_circle]:checked + label {
    cursor:pointer;
}

#assessment input[class=qs_circle]:not(:checked) + label {
    /*background-image:url("../img/group_icons/empty.svg") !important;*/
    background-image:url("../img/group_icons/empty.png") !important;
    cursor:pointer;
}

input[type=checkbox]:checked + label {
    /*background-size: 120%;*/
}

.card {

    border-radius: .5rem !important;
    min-width:85% !important;
    max-width:85% !important;
    /*min-height:85% !important;*/
    margin: 0 auto; /* Added */
    float: none; /* Added */
    margin-bottom: 10px; /* Added */
}

#step1 label {
    padding-top: 4.5em !important;
    white-space: nowrap;
    cursor:pointer;
}
#step2 label {
    padding-top: 10em !important;
    white-space: nowrap;
}
#step3 label {
    padding-top: 8px !important;
    white-space: nowrap;
}
#step4 label {
    padding: 2.0em 1.45em !important; /*20211020 Was 2.0 2.0*/
    white-space: nowrap;
}
.card-header {
    background: linear-gradient(#EEF2F3, #A7B9C7);
}
.card-header:first-child {
    border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0 !important;

}
.stepper li span img {
    height: 90px !important;
}

body {
    background-image:
    linear-gradient(to bottom, rgba(238, 242, 243 ,0.7), rgba(142, 158, 171, 0.7)),
    url("../img/background.jpg");
    background-repeat: no-repeat; 
    background-size: cover;  
    background-position: center center;
    background-attachment: fixed;
}
.logo {
    text-align:center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:25px;
    /*top:10px !important;
    position:absolute;*/

}
.col-9 {
    -ms-flex: 0 0 55% !important;
    flex: 0 0 55% !important;
    max-width: 55% !important;
}

@media (min-width: 1200px) {
    .col-2 {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    .col-8 {
        -ms-flex: 0 0 41.666667% !important;
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
    }
}

@media (min-width: 640px) {
    .stepper li span img {
    height: 60px !important;
    }
    .stepper .label {
        margin-top:-10px !important;
    }
    
    .stepper-horizontal {
        position: relative !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
        -webkit-box-orient: horizontal !important;
        flex-direction: inherit !important;
        font-weight:600 !important;
    }

    .stepper-horizontal li {
        position: relative !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-transition: .5s !important;
        transition: .5s !important
    }

    .stepper-horizontal li a .label {
        margin-top: .63rem !important
    }

    .stepper-horizontal li:not(:last-child):after {
        position: relative !important;
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important;
        height: 1px !important;
        /*margin: .5rem 0 0 0 !important;*/
        margin: -10px 0 0 0 !important;
        content: "" !important;
        background-color: rgba(0, 0, 0, 0.1) !important
    }

    .stepper-horizontal li:not(:first-child):before {
        position: relative !important;
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important;
        height: 1px !important;
        /*margin: .5rem 0 0 0 !important;*/
        margin: -10px 0 0 0 !important;
        content: "" !important;
        background-color: rgba(0, 0, 0, 0.1) !important
    }

    .stepper-horizontal li:hover {
        background-color: rgba(0, 0, 0, 0.06) !important
    } 
 
}

@media (max-width: 1100px) {

    #step3 div.col-1 {
        display:none !important;
    }
    #Step3_firstcolumn {
        margin-left:-200px !important;
    }
    #step3 div.col-2 {
        margin-left:100px !important;
        margin-right:-50px !important;
        max-width: 20% !important;
    }


    .hw-back-to-top {
        right:75px !important;
    }

}

@media (max-width:800px) {
    .text_box {
        line-height:2.0 !important;
    }
    .card {
        min-height:750px !important;
    }
}

@media (max-width:400px) {
    .text_box {
        line-height:2.0 !important;
    }
    .card {
        min-height:1000px !important;
    }
}

@media (max-width: 851px) {

    #step2, #step3, #step4, .form-control, #horizontal-stepper, .btn.btn-lg {
        font-size:0.75rem !important;
    }

    #step4qs {
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
    #step4 .btn.btn-lg {
        padding-top: 10px !important;
        padding-bottom: 15px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin-bottom:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}

.hw-back-to-top {
	position: fixed;
	bottom: 25px;
	right: 175px;
	width: 40px;
    height: 40px;
	display: block;
	z-index: 1000;
	display: none;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: rgba(0, 0, 0, 0.5);
}

.hw-back-to-top i {
	color: #FFFFFF;
    font-size: 30px;
	position: relative;
    /*left: 5px;*/
	bottom: 0;
	margin: 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.hw-back-to-top:hover i{
    bottom: 5px;
}
.cursor-wait {
    cursor: wait !important;
}

@media (max-width: 766px) and (min-width: 639px){
	#step-1-select-group {
		padding-top: 8px !important;
	}
}
@media (max-width: 641px) {
    body {
        font-size: 0.85rem !important;
    }
    .ta_button {
        margin-right: 15px !important;
    }
    
    .stepper li{
		margin-left: 7.5em;	
	}
	
	.stepper li{
		display: inline-block !important;
		text-align: left;
        font-weight: bold;
    }
	
	.stepper li span .label{
		padding-top: 30px !important;
    }
	.stepper-horizontal li:not(:last-child):after {
        background-color: rgba(0, 0, 0, 0) !important
    }
	
	.stepper li span img {
    height: 60px !important;
    }
}