#multiStepForm {
    font-family:'Montserrat', sans-serif;
    text-align: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    gap: 5em;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-size:cover;
    background-position:center;
    box-shadow: 0 0 4px 10px;
    padding:2em;
    overflow:hidden;
    position:relative;
  }

/* Form Steps Container */
.multi-step-wrapper {
  display: flex;
  transition: transform 0.6s ease-in-out;
  width: 400vw; /* 3 steps x 100vw each */
}


/* Individual Step */
.step {
  flex: 0 0 100vw;
  height: 100vh;
  padding: 2rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease;
}

.step h2 {
  color: #1c4f71;
  font-size: 2rem;
  margin-bottom: 1rem;
}

/*form-step should be replaced by step*/

.step input,
.step select {
  width: 80%;
  max-width: 400px;
  padding: 1em;
  margin-bottom: 1.5em;
  border: 2px solid #1c4f71;
  border-radius: 8px;
  font-size: 1rem;
}

button.next-btn,
button.prev-btn {
  background-color: #e65700;
  color: #fff;
  padding: 0.75em 2em;
  border: none;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

button.next-btn:hover,
button.prev-btn:hover {
  background-color: #1c4f71;
}








/*.step {*/
/*  padding: 20px;*/
/*  border: 1px solid #ddd;*/
/*  border-radius: 10px;*/
/*  background: #f9f9f9;*/
/*  margin-bottom: 20px;*/
/*  width:100vw;*/
/*}*/

/*#step1 {*/
/*    display:flex;*/
/*    gap:10px;*/
    
/*  padding: 20px;*/
/*  border: 1px solid #ddd;*/
/*  border-radius: 10px;*/
/*  background: #f9f9f9;*/
/*  margin-bottom: 20px;*/
/*  width:100%;*/
/*}*/



/*#step1{*/
/*    display:flex;*/
/*    flex-direction: column;*/
/*    gap:3rem;*/
/*    align-items:center;*/
/*    justify-content: center;*/
/*}*/

/*#step1 h2{*/
/*    font-family: montserrat;*/
/*    font-size:45px;*/
/*    text-align:center;*/
/*       font-weight:500;*/
 
/*}*/

/*#step1_details{*/
/*    margin-top:40px;*/
/*    display:flex;*/
/*    gap:7rem;*/
/*}*/

#step1 button{
    padding:10px 50px 10px 50px;
    font-family:montserrat;
    background-color:#1c4f72;
    outline:none;
    border:1px solid #1c4f72;
    /*color:#e65700;*/
    color:#ffffff;
    font-weight:600;
    text-align:center;
    margin:auto;
    display:block;
  
}

#step1 button:hover{
    padding:10px 50px 10px 50px;
    font-family:montserrat;
    background-color:#e65700;
    outline:none;
    border:1px solid #e65700;
    color:#fff;
    font-weight:600;
    text-align:center;
    margin:auto;
    display:block;

}


button.next-btn {
    padding: 10px 50px;
    font-family: montserrat;
    background-color: #1c4f72;
    border: 1px solid #1c4f72;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    width: 200px;
    cursor:pointer;
    transition:background-color 0.3s ease, color 0.3s ease;
}



button.next-btn:hover{
    background-color:#163c57;
    border-color: #163c57;
    color:#ffffff;
}

button.prev-btn {
    padding: 10px 50px;
    font-family: montserrat;
    background-color: #dddddd;
    border: 1px solid #cccccc;
    color: #333333;
    font-weight: 600;
    text-align: center;
    width: 200px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

button.prev-btn:hover {
    background-color: #bbbbbb;
    border-color: #aaaaaa;
    color: #000000;
}

button[type="submit"] {
    padding: 10px 50px;
    font-family: montserrat;
    background-color: #28a745; /* Green */
    border: 1px solid #28a745;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    width: 200px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Submit Button Hover Style */
button[type="submit"]:hover {
    background-color: #218838; /* Darker Green */
    border-color: #1e7e34;
    color: #ffffff;
}




#person_details{
    display:flex;
    align-items:center;
    gap:4em;
    justify-content: space-between;
    margin-bottom:auto;
}



#step4{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
    gap:20px;
}


.step h2 {
  margin-bottom: 15px;
}

.company-option {
  display: inline-block;
  margin: 10px;
  cursor: pointer;
}

.company-option img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  transition: border 0.3s;
}

input[type="text"],
input[type="email"] {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

/*button {*/
/*  padding: 10px 20px;*/
/*  background-color: #0073aa;*/
/*  color: white;*/
/*  border: none;*/
/*  border-radius: 5px;*/
/*  cursor: pointer;*/
/*}*/

/*button:hover {*/
/*  background-color: #005f8d;*/
/*}*/



/* sliding css*/
/*.form-slider {*/
/*  display: flex;*/
/*  width: 200%;*/
/*  transition: transform 0.5s ease-in-out;*/
/*}*/

/*.step {*/
/*  width: 50%;*/
/*  padding: 20px;*/
/*  box-sizing: border-box;*/
/*}*/


/*sliding css*/

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  text-align: center;
}