html{
	width: 100%;
	height: 100%;
}
body{

	box-sizing: border-box; width: 100%; height: 100%; line-height: 1.8; padding: 0px; margin: 0px; color: #000; font-size: 16px; outline: none;  background: #f7f8f9;
}

*,::before,::after{

	margin: 0px; padding: 0px;
	font-family: 'Poppins', sans-serif;
    outline: none;
	
}

:root {

		--dark:black;
		--white:#fff;
		--blue:#f4b606;
		--dark-blue:#33F;
		--light-blue:#ced7e7;
		--links:#246689;
        --red:red;
        --pink:#f0f;
        --purple:#681da8;
        --green:green;
        --blue-color:#00f;
        --btnbrowm:#f4b606;
        --footr:#cdd6e6;
		
}

a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
p {
  
    word-spacing: 2px;
}
.text-success{

color: var(--green) !important;
}
.bg{
	background: var(--dark);
}
.name a {
    color: var(--white);
    line-height: normal;
    font-weight: 600;
}
.btn-freejob, .btn-freejob:hover {
    padding: 5px 10px;
    background: var(--blue);
    border-radius: 6px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #f4b606;
}
.text-red {
    color: red;
}
.g-2 {
    gap: 8px;
}
h4,h3 {
    background: #000;
    color: #fff;
    padding: 0.2rem 0.5rem;
    font-size: 18px;
}
a {
    color: #000000;
}
.list-groups ul li{
	position: relative;
}
.list-groups ul li:before {
    content: '';
    background-image: url(https://www.freejobalert.com/wp-content/themes/generatepress_child/images/BlockContentBullets.png?ezimgfmt=rs%3Adevice%2Frscb1-1%2Fng%3Awebp%2Fngcb1);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-y: center;
    padding-right: 14px;
    margin-right: 4px;
}
.list-groups ul li a {
    position: relative;
    line-height: 1.9;
    font-weight: 500;
}
.input-group-append button,.input-group-append button:hover {
    background: var(--blue);
    border-color: var(--blue);
}
mark {
    padding: 0.1875em;
    background-color: #ffff99;
        color: var(--dark-blue);
        font-weight: 500;
        font-size: 14px;

}
.h2 {
    font-size: 32px;
    background-color: var(--light-blue);
}
.list-of-menu li {
    font-weight: 600;
}
.list-of-menu p strong {
    color: maroon;
}
.list-groups ul li a:hover {
    text-decoration: underline;
}
b, strong {
    font-weight: 700;
}
.list-links a {
    font-size: 15px;
    color: var(--dark);
}
.table-color p {
    font-size: 18px;
    font-weight: 600;
}
.red{
    color: var(--red);
}
.pink{
    color: var(--pink);
}
.green{
    color: var(--green);
}
.bluecolor{
    color: var(--blue-color);
}
.btn-freeview{
    background: var(--btnbrowm);
        padding: 5px 10px;
    border-radius: 6px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}
.lists {
    list-style: auto;
    font-weight: 600;
}
.lists li {
    margin-bottom: 10px;
}
.lists {
    list-style: auto;
    font-weight: 600;
    padding: 0px 0px 0px 20px;
}
.footer{
    background: var(--footr);
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
}
}
ul.list-group.list-group-flush li:before {
    content: '';
    background: #0366d6;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 17px;
    /* transform: translateY(-50%); */
    left: 0;
    border-radius: 30px;
}

#heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
    text-align: right;
}

.form-card {
    text-align: left
}

#msform fieldset:not(:first-of-type) {
    display: none
}


#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #673AB7;
    outline-width: 0
}


.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #673AB7;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #673AB7;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    padding: 0px;
}

#progressbar .active {
    color: #000000;
}
#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 50%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #account:before {
    content: "1"
}

#progressbar #personal:before {
    content: "2"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f030"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before, #progressbar li.active:after {
    background: #f4b606;
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #673AB7
}

.fit-image {
    width: 100%;
    object-fit: cover
}
.text>p {
    margin-bottom: 8px;
}
.form-check-input:checked {
 
    scale: 1.3;
    transition: .3s;
    background: #0366d6;
    border-color: #0366d6;
}
#msform input:focus, #msform textarea:focus {
   
    border: 1px solid #0366d6;
}
.f-500{
    font-weight: 500;
}
.btn-infos{
    background: #9b9b9b !important;
    border-color:#9b9b9b !important ;
}