/* GENERAL */
body {
background: url(../../../images/ere/bg.jpg);
  background-repeat: repeat;background-attachment:fixed;
  background-size:cover;background-position;center;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}
.quiz2 img{display:none;}
h1, h2, h3, h4, h5, h6 {
  color: #00011c;
}
p {
  margin-bottom: 24px;
  line-height: 1.9;
}
.bgn{background-color: #001f3d !important;}
label {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 5px;margin-left:5px;
  color: #fff;
}
.form-check-input:checked[type=radio], .form-check-input:checked[type=radio]:hover, .form-check-input:checked[type=radio]:focus, .form-check-input:checked[type=radio]:active {
  /*! border: none !important; */
  /*! -webkit-outline: 0px !important; */
  /*! box-shadow: none !important; */
}
.form-check-input:focus, input[type="radio"]:hover {
  box-shadow: none;
  cursor: pointer !important;
}
.lastd label{color:#fff;}
/* TITLE */
#title-container {
min-height: 100vh;
  color: #fff;
  background-color: #22253c;
  text-align: center;
  padding: 30px;
  box-sizing: border-box;
  

}


#title-containerhat {
min-height: 100vh;
  color: #fff;
  background-color: #22253c;
  text-align: center;
  padding: 30px;
  box-sizing: border-box;
  position: relative;

}


#title-container h2 {
  font-size: 45px;
  font-weight: 800;
  color: #fff;
  padding: 0;
  margin-bottom: 0px;
}
#title-container h3 {
  font-size: 25px;
  font-weight: 600;
  color: #fff;
  padding: 0;
}
#title-container p {
  font-size: 13px;
  padding: 0 25px;
  line-height: 20px;
}
.covid-image {
  width: 214px;
  margin-bottom: 15px;
}
.fclogo img{width:60%;}
.brdr img{border-radius:100%;width:100%;}
.brdr1 img{width:100%;margin-top:100px}.brdr1{display:none;}
.sidebtn {
	 -webkit-animation: glowing 1300ms infinite;
        -moz-animation: glowing 1300ms infinite;
        -o-animation: glowing 1300ms infinite;
        animation: glowing 1300ms infinite;
  position: fixed;
  right: -1%;
  top:50%;
  z-index: 999;
  transform: rotate(-90deg);
  padding: 9px;
  color: #fff;
  cursor: pointer;
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
  -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
  -webkit-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
}
 @keyframes glowing {
        0% {
         
          box-shadow: 0 0 3px #d1cbcb;
        }
        50% {
          
          box-shadow: 0 0 15px #d1cbcb;
        }
        100% {
         
          box-shadow: 0 0 3px #d1cbcb;
        }
      }
/* FORMS */
.bgh{}
.hjjk h4{color:#fff;
font-size:25px;
}.hjjk h3{color:#fff;
font-size:35px;
}
#qbox-containerhat {
  background: url(../../../images/quiz/bgn.jpg);
  background-repeat: no-repeat;background-attachment:fixed;
  background-size:cover;background-position;center;
  position: relative;
  padding: 35px;
  min-height: 100vh;
}
.ereim img{width:100%;border-radius:10px;}
.pt-20{padding-top:40px;}
#qbox-container {
  background: url(../../../images/ere/bg2.jpg);
 
  background-size:contain;background-position;center;
  position: relative; background-attachment: fixed; 
  padding: 35px;
  min-height: 100vh;background-color:rgba(7,41,79,0.8);
 
}
.successfin{padding:15px;border-radius:10px;background-color: rgba(0, 0, 0, 0.3);}.successfin1{padding:15px;border-radius:10px;background-color:rgba(0, 0, 0, 0.4);}
.successfin ul{list-style:none;}
.step {
  display: none;
}
.step h4 {
  margin: 18px 0 10px 0;
  padding: 0;
  position: relative;
  font-weight: 500;
  font-size: 23px;
  font-size: 1.2375rem;
  line-height: 1.6;color:#fff;
}
.orabtn button#next-btn,.orabtn button#prev-btn,.orabtn button#submit-btn,.orabtn button#next-btn:after,.orabtn button#prev-btn:after,.orabtn button#submit-btn:after, .orabtn button#proceed-btn, .orabtn button#nextBtn, .orabtn button#startQuizBtn {background: #d55a03;}
button#prev-btn, button#next-btn, button#submit-btn, button#proceed-btn, button#nextBtn, button#startQuizBtn {
  font-size: 17px;
  font-weight: bold;
  position: relative;
  width: 130px;
  height: 50px;
  background: #22253c;
  margin: 0 auto;
  margin-top: 40px;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  transition: color .3s;
  text-align: center;
  color: #fff;
  border: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
button#prev-btn:after, button#next-btn:after, button#submit-btn:after {
  position: absolute;
  top: 90%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0d0f19;
  content: "";
  z-index: -2;
  transition: transform .3s;
}
button#prev-btn:hover::after, button#next-btn:hover::after, button#submit-btn:hover::after {
  transform: translateY(-80%);
  transition: transform .3s;
}
.progress {
  border-radius: 0px !important;
}
.q__question {
  position: relative;
}
.q__question:not(:last-child) {
  margin-bottom: 10px;
}
.question__input {
  position: absolute;
  left: -9999px;
}
.question__label {
  position: relative;
  display: block;
  line-height: 30px;
 
  border-radius: 5px;

  padding: 5px 20px 5px 40px;
  cursor: pointer;
  transition: all 0.15s ease-in-out;margin-bottom:6px;
}

.question__label:before, .question__label:after {
  position: absolute;
  content: "";
}
.form-check-input[type="radio"] {
  top: 12px;
  left: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #ced4da;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.question__input:checked+.question__label:before {
  background-color: #22253c;
  box-shadow: 0 0 0 0;
}
.question__input:checked+.question__label:after {
  top: 22px;
  left: 18px;
  width: 10px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}
.form-check-input:checked, .form-check-input:focus {
  background-color: #22253c !important;
  outline: none !important;background-image: none !important;
  border: none !important;
}
input:focus {
  outline: none;
}
#input-container {
  display: inline-block;
  box-shadow: none !important;
  margin-top: 36px !important;
}
label.form-check-label.radio-lb {
  margin-right: 15px;
}
#q-box__buttons {
  text-align: center;
}
input[type="text"], input[type="email"] {
  padding: 8px 14px;
}
input[type="text"]:focus, input[type="email"]:focus {
  border: 1px solid #22253c;
  border-radius: 5px;
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.form-check-input:checked[type=radio], .form-check-input:checked[type=radio]:hover, .form-check-input:checked[type=radio]:focus, .form-check-input:checked[type=radio]:active {
  border: none !important;
  -webkit-outline: 0px !important;
  box-shadow: none !important;
}
.form-check-input:focus, input[type="radio"]:hover {
  box-shadow: none;
  cursor: pointer !important;
}
#success {
  display: none;
}

.back-link {
  font-weight: 700;
  color: #22253c;
  text-decoration: none;
  font-size: 18px;
}
.back-link:hover {
  color: #82000a;
}

.sticky-col {
  position: sticky;
  top: 0px;   position: -webkit-sticky;
  z-index: 10; /* Optional, to layer it above */
}
.scrollable-right {
    height: auto;
    overflow: visible;
}

.intertxt {
	color:#ced4da;
	font-size:15px;
}
@media (min-width: 900px) and (max-width: 1024px) {.sidebtn{right:-1% !important;}}
@media  (min-width: 1400px) {.sidebtn{right:5.8% !important;}}
@media  (min-width: 1600px) {.sidebtn{right:11.1% !important;}}
@media  (min-width: 1920px) {.sidebtn{right:17.5% !important;}}
@media  (min-width: 2560px) {.sidebtn{right:25.7% !important;}}
/* MEDIA QUERIES */
@media (min-width: 990px) and (max-width: 1199px) {
	
  #title-container {
    padding: 80px 28px 28px 28px;
  }
  #steps-container {
    width: 85%;
  }
}
@media (max-width: 991px) {
  #title-container {
    padding: 30px;
    min-height: inherit;
  }
}
@media (max-width: 767px) {
  #qbox-container {
    padding: 30px;
  }
  #steps-container {
    width: 100%;
    min-height: 400px;
  }
  #title-container {
    padding-top: 50px;
  }
}
@media (max-width: 560px) {
	.sidebtn {
  position: fixed;
  right: -37%;
  top:30%;
  z-index: 999;
  transform: rotate(-90deg);
  padding: 9px;
  color: #fff;
  cursor: pointer;
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
  -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
  -webkit-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
}
  #qbox-container {
    padding: 40px;
  }
  #title-container {
    padding-top: 45px;
  }
}