/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
body { font-family: "Jost", sans-serif; font-size:17px; padding-top:0px; }
.main-wrapper { max-width:1000px; margin:0 auto; padding-left:25px; padding-right:25px; }

.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  max-width: 712px;
  margin: 0 auto;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  color: #7a7a7a;
}

@media (max-width: 768px)
{
	.stepper-item { font-size: 12px; }
	.step-name { display:none; }
	.submit-btn { padding: 10px 32px; }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ccc;
  margin-bottom: 6px;
  color: #7a7a7a;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.completed .step-counter {
  background-color: #1e7ab2;
  color: #fff;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #1e7ab2;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}

.stepper-wrapper .active .step-counter { background: #1e7ab2; color: #fff; }
.stepper-wrapper .active .step-name { color: #1e7ab2; }
.caption-text { color:#5e5e5e; }
.top-strip { background-image:url(/images/top-strip.jpg); background-repeat:repeat-y; max-width:1200px; text-align:center; margin:0 auto; padding-top: 15px; padding-bottom: 10px; background-position:center; padding-left:15px; padding-right:15px; }

.form-control { background-color: #f1f1f1; border: 1px solid #b5b5b5; border-radius: 0px; padding: 8px 14px; }
.form-select { background-color: #f1f1f1; border: 1px solid #b5b5b5; border-radius: 0px; padding: 8px 14px; }
.form-check-input:checked { background-color: #1e7ab2; border-color: #1e7ab2; }

.submit-btn { background-color:#1e7ab2; padding: 10px 32px; border:1px solid #074a72; font-size:17px; font-weight:500; border-radius: 0px; }
.submit-btn:hover { background-color:#074a72; }
.submit-btn img { margin-left:4px; }
.form-check-input[type=checkbox] { border-radius: 0px; border: 1px solid #b5b5b5; }
.form-check-label { cursor:pointer; color:#5e5e5e; }
.completed .step-name { color: #1e7ab2; font-size: 18px; font-weight: bold; }

.payment_btn { background-color: #074a72; padding: 10px 40px; color: #fff; text-align: center; border-radius: 100px; font-size: 20px; font-weight: 700; text-transform: uppercase; text-decoration: none; }
.payment_btn:hover { background-color: #000; color:#fff; }

.payment_box { max-width:900px; border:1px solid #CCC; border-radius: 12px; padding:20px; margin:0 auto; text-align: center; background-color: #eaf7ff; }