@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

html {

  --primary:#ffd100 !important;

  --secondary:#4b5057;

  --gray:#6b7075;

  --bg:#fff;

  --white:#fff;

  --textcolor:#4b5057;

  --border-color:#cacbcd;

  --textcolor2:#adafb1;

  --stepNumber: 11; }

  html.dark-theme {

    --bg:#4b5057;

    --gray:#ffd100;

    --secondary:#fff;

    --white:#4d5050;

    --textcolor:#e0e0e0;

    --border-color:#767a7f;

    --textcolor2:#b2b3b6;

    --primary:#fff !important; }



body {

  font-family: 'Poppins', sans-serif;

  padding: 0;

  margin: 0;

  overflow-x: hidden;

  line-height: 1;

  background-color: var(--bg);

  color: #ffd100;

  font-size: 16px;

  position: relative; }

  body:before {

    content: "";

    position: absolute;

    background: url(../images/main-bg.png) right top no-repeat;

    background-size: 47%;

    height: 100%;

    width: 100%;

    z-index: -1; }



.button-row {

  margin-top: 20px; }



ul {

  list-style: none;

  padding: 0;

  margin: 0; }



.progress-bar {

  opacity: 0;

  display: none;

  visibility: hidden; }



.mb-20 {

  margin-bottom: 20px; }



.mb-25 {

  margin-bottom: 25px; }



.mb-30 {

  margin-bottom: 30px; }



.mb-40 {

  margin-bottom: 40px; }



.mb-50 {

  margin-bottom: 50px; }



.mb-60 {

  margin-bottom: 60px; }



.mt-20 {

  margin-top: 20px; }



.mt-25 {

  margin-top: 25px; }



.mt-30 {

  margin-top: 30px; }



.mt-40 {

  margin-top: 40px; }



.mt-50 {

  margin-top: 50px; }



.mt-60 {

  margin-top: 60px; }



.ml-10 {

  margin-left: 10px; }



.bootstrap-select {

  width: 100% !important;

  max-width: 400px; }

  .bootstrap-select .dropdown-toggle {

    background-color: #6b7075;

    color: #fff;

    font-weight: 500;

    border: 0;

    outline: none !important;

    box-shadow: none !important;

    padding: 0  20px;

    height: 45px;

    line-height: 45px; }

    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

      color: #fff; }

    .bootstrap-select .dropdown-toggle:after {

      border: 0;

      background: url(../images/icons/right-arrow.png) center center no-repeat;

      width: 11px;

      height: 13px;

      background-size: 100%;

      transform: rotate(90deg); }

  .bootstrap-select .dropdown-menu {

    padding: 0;

    background: #ffd100; }

  .bootstrap-select .dropdown-item.active,

  .bootstrap-select .dropdown-item:active {

    background: #6c757d;

    color: #fff; }



.alert {

  display: flex;

  align-items: center;

  background: #6b7075;

  border-radius: 5px;

  padding: 16px 26px 0px 11px;

  margin-top: 20px;

  color: #fff; }

  .alert p {

    line-height: 1.3;

    font-size: 14px;

    color: #fff !important;

    font-weight: 500 !important; }

    .alert p span {

      font-weight: 600 !important;

      color: #fff !important; }

  .alert img {

    margin-right: 14px; }



.dark-theme body {

  background-color: var(--bg); }

  .dark-theme body:before {

    background: url(../images/main-bg-dark.png) right top no-repeat; }



.btn {

  display: inline-block;

  color: var(--white);

  background: var(--gray);

  border-radius: 5px;

  width: 131px;

  height: 41px;

  line-height: 41px;

  padding: 0 10px;

  border: 0;

  outline: none;

  box-shadow: none;

  text-transform: capitalize; }

  .btn.btn-secondary {

    background: var(--primary);

    color: #4b5057; }



.file-upload input {

  border: 0;

  background-color: transparent;

  height: 68px;

  color: var(--secondary); }



::-webkit-file-upload-button {

  width: 230px;

  height: 55px;

  color: var(--white);

  background: var(--gray);

  display: inline-block;

  cursor: pointer;

  border: 0;

  border-radius: 5px;

  box-shadow: none; }



.title {

  font-size: 30px;

  font-weight: 600;

  color: var(--secondary);

  margin-bottom: 20px;

  line-height: 1.3; }



h2 {

  font-size: 30px;

  font-weight: 600;

  color: #ffd100;

  margin-bottom: 20px; }



h3 {

  font-size: 24px;

  font-weight: 600;

  color: var(--secondary);

  margin-bottom: 20px; }



p {

  font-size: 14px;

  color: var(--textcolor);

  line-height: 1.3;

  margin: 0 0 16px 0; }

  p.sub-title {

    color: #ffd100;

    font-size: 20px;

    line-height: 1;

    margin-bottom: 16px;

    font-weight: 600; }



.theme-toggler {

  width: 50px;

  margin-right: 0;

  margin-left: auto;

  display: block; }



.col-gap-5 {

  margin-left: 5px;

  margin-right: 5px; }

  .col-gap-5 > div {

    padding: 0 5px; }



.wrapper {

  padding-top: 30px;

  overflow: hidden; }



.main-content {

  display: flex;

  position: relative; }

  .main-content .container {

    position: relative; }

    .main-content .container:after {

      content: "";

      position: absolute;

      background: url(../images/icons/dotted-icon.png) center center no-repeat;

      width: 54px;

      height: 104px;

      right: 0;

      top: 120px; }

  .main-content__left {

    width: 585px;

    overflow: hidden; }

  .main-content__right {

    flex: 1; }

    .main-content__right--image {

      text-align: right;

      height: 100%;

      position: relative;

      right: -60px; }

      .main-content__right--image img {

        height: 100%; }

  .main-content .form-outer form {

    display: flex;

    width: calc(100% * var(--stepNumber)); }

    .main-content .form-outer form .page {

      width: calc(100% / var(--stepNumber));

      transition: margin-left 0.3s ease-in-out;

      padding: 0 10px 10px; }



.input-wrapper {

  border-bottom: 1px solid var(--border-color);

  display: flex;

  padding: 11px 0;

  margin-top: 30px; }

  .input-wrapper .form-control {

    border: 0;

    padding: 4px;

    border-radius: 0;

    height: auto;

    color: var(--textcolor2);

    flex: 1;

    padding-right: 15px;

    padding-left: 0;

    outline: none;

    box-shadow: none;

    background: transparent; }



.page-2 ul {

  list-style: none; }



.page-2 .inline-buttons ul {

  display: flex;

  align-items: center; }



.page-2 .inline-buttons .radio {

  width: 131px; }

  .page-2 .inline-buttons .radio:not(:last-child) {

    margin-right: 10px; }

  .page-2 .inline-buttons .radio input[type="radio"] + span {

    text-align: center;

    width: 100%;

    padding-left: 10px;

    padding-right: 10px; }

    .page-2 .inline-buttons .radio input[type="radio"] + span:after {

      width: 18px;

    height: 18px;}



.page-2 .radio label {

  width: 100%; }



.page-2 .radio input[type="radio"] {

  display: none; }

  .page-2 .radio input[type="radio"] + span {

    display: block;

    width: 100%;

    background: #6b7075;

    color: #fff;

    padding: 16px 28px;

    padding-right: 60px;

    position: relative;

    cursor: pointer;

    border-radius: 5px;

    font-weight: 500; }

    .page-2 .radio input[type="radio"] + span:after {

      content: "";

      position: absolute;

      width: 26px;

      height: 26px;

      background: url(../images/icons/checked.png) right center no-repeat;

      background-size: 100%;

      right: 17px;

      top: 50%;

      transform: translateY(-50%);

      opacity: 0; }

  .page-2 .radio input[type="radio"]:checked + span {

    background: #ffd100;

    color: #4b5057; }

    .page-2 .radio input[type="radio"]:checked + span:after {

      opacity: 1; }



.select-wrapper .title {

  font-size: 22px;

  margin: 25px 0 5px 0; }



.page-8 .form-group {

  margin-bottom: 10px; }



.page-8 .control-label {

  color: var(--secondary);

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 8px; }



.page-8 .form-control {

  background-color: #6b7075;

  border-color: #6b7075;

  color: rgba(255, 255, 255, 0.3);

  padding: 0 13px;

  height: 42px;

  font-weight: 400; }

  .page-8 .form-control::placeholder {

    color: rgba(255, 255, 255, 0.3);

    font-weight: 400; }



.page-8 .radio {

  margin-bottom: 8px; }

  .page-8 .radio label {

    width: 100%; }

  .page-8 .radio input[type="radio"] {

    display: none; }

    .page-8 .radio input[type="radio"] + span {

      display: block;

      color: var(--secondary);

      position: relative;

      cursor: pointer;

      font-size: 14px;

      padding-left: 21px; }

      .page-8 .radio input[type="radio"] + span:after {

        content: "";

        position: absolute;

        width: 15px;

        height: 15px;

        left: 0;

        top: 0%;

        border-radius: 100%;

        border: 1px solid var(--gray); }

    .page-8 .radio input[type="radio"]:checked + span:after {

      background: var(--gray); }

    .page-8 .radio input[type="radio"]:checked + span:before {

      content: "";

      position: absolute;

      display: inline-block;

      transform: rotate(45deg);

      height: 9px;

      width: 5px;

      border-bottom: 2px solid var(--bg);

      border-right: 2px solid var(--bg);

      left: 5px;

      top: 1px;

      z-index: 1; }



.page-9 {

  margin-top: 120px; }

  .page-9 .radio {

    margin-right: 9px; }

    .page-9 .radio label {

      width: 100%; }

    .page-9 .radio input[type="radio"] {

      display: none; }

      .page-9 .radio input[type="radio"] + span {

        display: block;

        color: #fff;

        position: relative;

        cursor: pointer;

        font-size: 12px;

        width: 140px;

        height: 105px;

        border-radius: 5px;

        font-weight: 500;

        padding: 5px;

        background: #6b7075;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        text-align: center; }

        .page-9 .radio input[type="radio"] + span img {

          margin-bottom: 14px;

          max-width: 50px; }

          .page-9 .radio input[type="radio"] + span img.unactive {

            display: none; }

        .page-9 .radio input[type="radio"] + span:after {

          content: "";

          position: absolute;

          right: 5px;

          top: 5px;

          width: 12px;

          height: 12px;

          background: url(../images/icons/checked.png) right center no-repeat;

          background-size: 100%;

          opacity: 0; }

      .page-9 .radio input[type="radio"]:checked + span {

        background: #ffd100;

        color: #4b5057; }

        .page-9 .radio input[type="radio"]:checked + span img.unactive {

          display: block; }

        .page-9 .radio input[type="radio"]:checked + span img.active {

          display: none; }

        .page-9 .radio input[type="radio"]:checked + span:after {

          opacity: 1; }



.page-10 {

  margin-top: 120px; }



.page-11 {

  margin-top: 120px; }

  .page-11 ul {

    flex-wrap: wrap;

    justify-content: space-between;

    width: 265px; }

    .page-11 ul li {

      width: 48%;

      margin-right: 0 !important; }

  .page-11 .checkbox {

    margin-right: 9px; }

    .page-11 .checkbox label {

      width: 100%; }

    .page-11 .checkbox input[type="checkbox"] {

      display: none; }

      .page-11 .checkbox input[type="checkbox"] + span {

        display: block;

        color: #fff;

        position: relative;

        cursor: pointer;

        font-size: 12px;

        width: 100%;

        height: 105px;

        border-radius: 5px;

        font-weight: 500;

        padding: 5px;

        background: #6b7075;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        text-align: center; }

        .page-11 .checkbox input[type="checkbox"] + span img {

          margin-bottom: 14px;

          max-width: 50px; }

          .page-11 .checkbox input[type="checkbox"] + span img.unactive {

            display: none; }

        .page-11 .checkbox input[type="checkbox"] + span:after {

          content: "";

          position: absolute;

          right: 5px;

          top: 5px;

          width: 12px;

          height: 12px;

          background: url(../images/icons/checked.png) right center no-repeat;

          background-size: 100%;

          opacity: 0; }

      .page-11 .checkbox input[type="checkbox"]:checked + span {

        background: #ffd100;

        color: #4b5057; }

        .page-11 .checkbox input[type="checkbox"]:checked + span img.unactive {

          display: block; }

        .page-11 .checkbox input[type="checkbox"]:checked + span img.active {

          display: none; }

        .page-11 .checkbox input[type="checkbox"]:checked + span:after {

          opacity: 1; }



.page-12 {

  text-align: center;

  margin-top: 120px; }

  .page-12 .icon {

    width: 80px;

    height: 80px;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    background: var(--gray);

    margin: auto;

    margin-bottom: 14px; }

    .page-12 .icon:before {

      content: "";

      position: absolute;

      display: inline-block;

      height: 41px;

      width: 19px;

      border-bottom: 5px solid var(--bg);

      border-right: 5px solid var(--bg);

      left: 5px;

      top: 1px;

      z-index: 1;

      top: 46%;

      left: 50%;

      transform: translate(-50%, -50%) rotate(45deg); }

  .page-12 p {

    text-align: center;

    max-width: 400px;

    margin: auto; }



@keyframes animate {

  100% {

    transform: scaleX(1); } }



.detail-wrapper p {

  color: var(--secondary);

  font-weight: 500; }

  .detail-wrapper p span {

    color: var(--gray); }

  .detail-wrapper p.text-lg {

    font-size: 18px; }



.detail-wrapper .image {

  width: 270px;

  border-radius: 4px;

  margin-right: 18px;

  overflow: hidden; }

  .detail-wrapper .image img {

    width: 100%;

    height: 100%;

    object-fit: cover; }



.detail-wrapper .detail {

  flex: 1; }

  .detail-wrapper .detail p {

    line-height: 1.5;

    margin-bottom: 20px; }



.dark-theme .theme-toggler {

  transform: scaleX(-1); }





.page-2 .radio input[type="checkbox"] {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	right: 0;

	margin: auto;

	top: 50%;

	transform: translateY(-50%);

	z-index: 0;

}

  .page-2 .radio input[type="checkbox"] + span {

    display: block;

    width: 100%;

    background: #6b7075;

    color: #fff;

    padding: 16px 28px;

    padding-right: 60px;

    position: relative;

    cursor: pointer;

    border-radius: 5px;

    font-weight: 500; 

    }

    .page-2 .radio input[type="checkbox"] + span:after {

      content: "";

      position: absolute;

      width: 26px;

      height: 26px;

      background: url(../images/icons/checked.png) right center no-repeat;

      background-size: 100%;

      right: 17px;

      top: 50%;

      transform: translateY(-50%);

      opacity: 0; }

  .page-2 .radio input[type="checkbox"]:checked + span {

    background: #ffd100;

    color: #4b5057; }

    .page-2 .radio input[type="checkbox"]:checked + span:after {

      opacity: 1; }

      .list-unstyled .radio label {

	position: relative;

}

.form-bg{
  background-color: #e9f3fc;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.loading-gif {
	display: none;
}
.submit.disabled {
    font-size: 0;
    position: relative;
    background-color: #6b707550;
    opacity: 1;
}
.submit.disabled .loading-gif {
	display: block !important;
	width: 35px;
	height: 35px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: auto;
} 
.main-content form .page.select-wrapper .form-control {
	background-color: #6b7075;
	border-color: #6b7075;
	padding: 0 13px;
	height: 45px;
	font-weight: 400;
	color: #fff;
	max-width: 400px;
}


@media screen and (max-width: 1200px) {

  body::before {

    background: #ffd100 !important;

    height: 45.2%; }

  .main-content .flex-wrapper {

    flex-direction: column-reverse; }

  .main-content__right--image {

    right: 0;

    text-align: center;

    max-width: 300px;

    margin: auto; }

  .main-content__left {

    width: 100%;

    margin-top: 80px; } }



@media screen and (max-width: 767px) {

  body::before {

    background: #ffd100 !important;

    height: 32%; }

  .title {

    font-size: 25px; }

  h2 {

    font-size: 25px; }

  h3 {

    font-size: 20px; }

  .main-content__left {

    margin-top: 50px; }

  .main-content .form-outer form .page {

    margin-top: 0 !important; }

  .detail-wrapper .d-flex {

    flex-direction: column; }

  .detail-wrapper.d-flex {

    flex-direction: column; }

  .detail-wrapper .detail {

    text-align: center;

    margin-top: 20px; }

  .md-center {

    text-align: center; }

  .page-9, .page-10, .page-11 {

    text-align: center; }

    .page-9 .d-flex, .page-10 .d-flex, .page-11 .d-flex {

      justify-content: center; }

  .page-11 ul.d-flex {

    width: 100%;

    justify-content: space-between; }

  ::-webkit-file-upload-button {

    width: 160px;

    height: 50px; } }



@media screen and (max-width: 575px) {

  .title {

    font-size: 22px; }

  h3 {

    font-size: 18px; }

  body {

    font-size: 15px; } }

.fill-it {
	border: 1px solid red !important;
	box-shadow: 0 0 3px 0 red !important;
	border-radius: 8px;
}

/*# sourceMappingURL=main.css.map */