 @import url("https://use.typekit.net/oib4wsd.css");

body {
    font-family: "kohinoor-devanagari", sans-serif;
  font-weight: 400;
  color: #464646;
}

.formcondition{
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 15px;
    color: #9b9b9b;
}
body {
  background: #E8E8E8;
}
.logoImage{
    width: 120px;
}
.bg-custom-primary {
  background-color: #742854 !important;
}

.quiz-header {
  position: absolute;
  width: 100%;
}

.commonbox {
  background: #fff;
  padding: 15px;
}
.commonbox .heading {
  font-size: 15px;
  line-height: 20px;
  color: #212020;
  font-family: "kohinoor-devanagari", sans-serif;
  font-weight: 400;
}
.commonbox .sub-heading {
  font-size: 12px;
  line-height: 15px;
  color: #7B7B7B;
}

.required::after {
  content: " *";
  color: red;
  font-size: 14px;
  line-height: 18px;
}

.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #e0e0e0;
}
.photographyline{
        font-size: 14px;
}

.input-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #e0e0e0;
}
.commonpara{
    font-size: 12px;
    line-height: 15px;
    color: #7B7B7B;
    padding: 5px 0 0 0;
}
.photography-box, .quiz-welcome, .note-box, .photoupload-box, .thanku-box, .quiz-photo-box, .quizque-box {
  margin: 10px 0;
}

.quizque-box {
  color: #212020;
}
.quizque-box .que-label {
  font-size: 12px;
  line-height: 18px;
  font-family: "kohinoor-devanagari", sans-serif;
  font-weight: 500;
  margin: 0 0 10px 0;
}
.quizque-box .quizoption .btn-check:checked + .quiz-btn:hover {
  border-color: #7e7e7e !important;
   background: #d6d6d6 !important;
}
.quizque-box .quizoption .btn-check:checked + .btn {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-color: #7e7e7e !important;
    background: #d6d6d6 !important;
   
}
.quizque-box .quizoption label {
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  color: #212020;
  text-transform: none;
  padding: 7px;
}
.quizque-box .quizoption .optionnumber {
  background: #EAEAEA;
  padding: 1px 7px;
  border-radius: 2px;
  margin: 0 5px 0 0;
}

.note-box .title-heading {
  font-size: 14px;
  line-height: 18px;
  color: #5F5F5F;
   font-family: "kohinoor-devanagari", sans-serif;
  font-weight: 500;
}
.note-box .notelist {
  padding: 5px 0 0 15px;
  font-size: 12px;
  line-height: 15px;
  color: #7B7B7B;
  margin: 0;
}
.note-box .notelist li {
  padding: 0 0 5px 0;
}
.note-box .notelist li:last-child {
  padding: 0;
}

.photoupload-box .uploadnote {
  color: #959595;
  font-size: 12px;
  line-height: 15px;
  margin: 3px 0 0 0;
}

.buttongroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buttongroup button {
  width: 48%;
  text-transform: none;
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
}

.thanku-box {
  color: #212020;
  padding: 55px 15px;
}
.thanku-box .thanku-title {
  font-size: 15px;
  line-height: 20px;
   font-family: "kohinoor-devanagari", sans-serif;
  font-weight: 500;
  padding: 0 10px;
}
.thanku-box .thanku-subtitle {
  padding: 3px 0 0 0;
  font-size: 13px;
  line-height: 18px;
}
.thanku-box .social-connect {
  padding: 25px 0 0 0;
}
.thanku-box .social-connect .title {
  font-size: 14px;
  line-height: 18px;
}

.quiz-photo-box {
  color: #212020;
  padding: 55px 15px;
}
.quiz-photo-box .quiz-photo-title {
  font-size: 15px;
  line-height: 20px;
   font-family: "kohinoor-devanagari", sans-serif;
  font-weight: 500;
  padding: 0 10px;
}
.quiz-photo-box .quiz-photo-subtitle {
  padding: 3px 0 0 0;
  font-size: 13px;
  line-height: 18px;
}
.quiz-photo-box .start-quiz-photo-btn {
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  margin: 25px 0 0 0;
  padding: 0 50px;
}

.border-btn {
  border: 1px solid #742854;
  color: #742854;
}

.box-label {
  font-size: 12px;
  line-height: 18px;
}

.file-upload-wrapper {
  font-size: 14px;
  line-height: 20px;
}
.file-upload-wrapper .file-upload-cloud-icon {
  margin: 0 0 10px 0;
}
.file-upload-wrapper .file-upload-cloud-icon::before {
  opacity: 0.5;
}

.quiz-welcome .select-input {
  width: 70px;
}
.quiz-welcome .enter-form {
  padding: 25px 0 0 0;
}
.quiz-welcome .enter-form .formcondition {
  font-size: 9px;
  line-height: 13px;
  color: #464646;
}
.quiz-welcome .enter-form .formcondition .privacylink {
  color: #7E1F56;
  text-decoration: underline;
}
.quiz-welcome .enter-form .otp-box {
  position: relative;
}
.quiz-welcome .enter-form .otp-box::after {
  content: "";
  background: url("../image/green-tick.svg") no-repeat;
  position: absolute;
  right: 10px;
  height: 16px;
  width: 16px;
  top: 37px;
}

.select-option-icon {
  border-radius: 0 !important;
  width: 20px;
  height: 100%;
}

.common-btn .start-btn {
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
}

footer .social-media .title {
  font-size: 11px;
  line-height: 15px;
  color: #100606;
}
footer .copyright {
  font-size: 12px;
  line-height: 16px;
  color: #58595B;
}
body{
        width: 460px;
    margin: 0px auto;
}
.quiz-banner img{
    width: 100%;
}
button[type="button"]:hover {
    color: #ffffff !important;
    background-color: #560f38;
    border: 1px solid #560f38 !important;
}
button[type="submit"]:hover {
    color: #ffffff !important;
    background-color: #560f38;
     border:none !important;
}
  input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* For Firefox */
        input[type="number"] {
            -moz-appearance: textfield;
        }
.border-btn{
    color: #560f38 !important;
}
.border-btn:hover{
   color: #ffffff !important;
    background-color: #560f38 !important;
    border:none !important;
}
.file-upload {
    min-height: 180px;
    height: 180px;
}

.btn{
      text-transform: none !important;
}
@media (max-width: 767px) {
 body{
        width: 100%;
    margin: 0px auto;
}
}