/* #container {
  max-width: 550px;  
} */

body {
  background-image: url('img/bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: top;
}
:root {
  --primary: #ED194E;
  --secondary: #0057B8;
  --green: #188351;
}
.step-container {
  position: relative;
  text-align: center;
  transform: translateY(-43%);
}

.step-circle {
  position: relative;
  color: var(--secondary);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid var(--secondary);
  line-height: 30px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  cursor: pointer; /* Added cursor pointer */
}
.step-circle .pre-text {
  position: absolute;
  top: 30px;
  font-size: 12px;
  width: 110px;
  line-height: 14px;
}

.step-line {
  position: absolute;
  top: 16px;
  left: 50px;
  width: calc(100% - 100px);
  height: 2px;
  background-color: var(--primary);
  z-index: -1;
}

#multi-step-form{
  overflow-x: hidden;
  margin-top: 25px;
}
.step {
  background-color: #fff;
  box-shadow: rgba(199, 16, 56, 0.114) 0px 7px 29px 0px;
  border-radius: 5px;
}
.progress-header {
  font-size: 30px;
  background-image: url('img/heading-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff;
  text-align: center;
  padding: 25px 10px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.btn-next {
  color: #fff;
  background-color: var(--secondary);
  border: 1px solid var(--secondary);
  padding: 10px 50px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
}
.btn-submit {
  color: #fff;
  background-color: var(--green);
  border: 1px solid var(--green);
  padding: 10px 50px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
}
.btn-previous{
  color: var(--secondary);
  background-color: #fff;
  border: 1px solid var(--secondary);
  padding: 10px 50px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  transition: all .5s ease-in-out;
}
.btn-previous:hover {
  color: #fff;
  background-color: var(--secondary);
  border: 1px solid var(--secondary);
}
.content h3 {
  color: #828BB2;
  font-size: 25px;
}
.content .form-label {
  color: #828BB2;
}
.installation-require .alert {
  padding: 8px !important;
}
.installation-require .alert span {
  font-size: 14px;
}