html{
    overflow-x:hidden;
 }
 body *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
}

header {
  background-color: #fff;
  /* padding: 10px 20px; */
  border-bottom: 1px solid #ddd;
}

.nav-container {
  display: flex;
  justify-content: space-between;
}

.nav-item {
  font-size: 14px;
  color: #333;
}

main {
  max-width: 1260px;
  margin: 20px auto;
  /* padding: 0 20px; */
}

h1 {

  font-size: 24px;
  margin-bottom: 10px;
}

.progress-bar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.progress-section {
  flex: 1;
  padding: 5px;
  text-align: center;
  color: #999;
  margin-bottom: 10px;
}

.progress-section.active {
  color: #000;
  font-weight: 600;
}

.content {
  display: flex;
  justify-content: space-between;
}

.image-container {
    flex: 45%;
    margin-right: 4%;
}

.image-container img {
  max-width: 100%;
  height: auto;
}

.image-text {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}

form {
  flex: 2;
}

label {
  display: block!important;
  font-weight: bold;
  margin-bottom:5px;
}

.form_control {
     margin-bottom:30px;
     position: relative;
}

input[type="text"],
input[type="email"],
input[type="tel"],
.form-select {
  /* width: calc(100% - 20px); */
  width:97%!important;
  padding: 10px 0;
  border: 2px solid #FBFBFB!important;
  text-indent: 25px;
  cursor: pointer;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, select:hover, input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, .form-select:focus {
  border: 2px solid #21a3cc !important;
    box-shadow: unset!important;
}

.phone-input .country-code {
  padding: 10px;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px 0 0 5px;
  margin-right: -1px;
}

input[type="text"]#phone {
  border-radius: 0 5px 5px 0;
}

button {
  padding: 10px 20px;
  background-color: #00b33c;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.progress-bar {
  margin: 50px 0 0 0;
  flex-direction: row!important;
  background-color: transparent!important;
}

.progress {
  height: 20px;
  background-color: #eee;
  border-radius: 0px;
  overflow: hidden;
}

.progress-bar-bg{
  background-color: rgba(43, 145, 227, 1);
  background: transparent linear-gradient(90deg, #A3CD3B 0%, #25ACDEFE 100%) 0% 0% no-repeat padding-box;
  width: 25%;
  height: 100%;
  transition: width 0.4s ease-in-out;
}

.iti {
  position: relative;
}

input[type=tel] {
  padding-right: 6px;
  text-indent: 55px;
  margin-bottom: 0 !important;
}

button {
  color: #FFF;
  background-color: #428BCA;
  border: 1px solid #357EBD;
  height: 39px;
  margin: 0;
  padding: 6px 20px;
  border-radius: 2px;
  font-family: inherit;
  font-size: 100%;
}

/* button:hover {
  background-color: #3276B1;
  border-color: #285E8E;
  cursor: pointer;
} */

.phone-input {
  margin-bottom: 30px;
}

.form-step {
  display: none;
}

.form-step.active {
  display: block;
}

.checkbox-alias {
    color: #212121;
    background-color: #fff;
    border: 1px solid #212121;
    padding: 3px 10px;
    display: inline-block !important;
    z-index: 1;
    position: relative;
    transition: all 250ms ease-out;
    cursor: pointer;
    margin-top: 8px !important;
    font-weight: 500;
    margin-right: 8px;
    font-size: 14px;
}

.invisible-checkboxes input[type=checkbox]{
  display: none;
}

.progress {
    margin-bottom: 50px;
    height: 0.7rem !important;
    border-radius: 0 !important;
}

.included-item {
  font-size: 16px;
  margin-bottom: 10px;
  /* display: flex; */
  align-items: center;
}

.list-checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.details-box {
  font-size: 14px;
}

.error-message {
  color: red;
  font-weight: normal;
  float: left;
  width: 100%;
  font-size: 12px;
  margin-bottom: 5px;
  position:absolute;
}

.invisible-checkboxes input[type=checkbox]:checked + .checkbox-alias{
  background-color: #21a9d3;
    color: #000000;
  border:1px solid transparent;
}

.short_dec {
    color: #666;
    font-family: montserrat, sans-serif;
}

.cc-old-price {
  display: none;
  color: grey;
  background: #eeeeee;
  text-decoration: line-through;
  width: 100%;
  padding: 10px;
  font-size: 32px;
  text-align: center;
  font-weight: 800;
  margin-bottom: 30px;
}

.CC-details h2{
  font-size: 24px;
}

.cc-price {
  display: none;
  width: 100%;
  padding: 10px;
  /* background: #212121; */
  background: rgb(43, 145, 227);
  background: linear-gradient(90deg, rgba(43, 145, 227, 1) 0%, rgba(66, 212, 196, 1) 100%);
  color: #fff;
  font-size: 32px;
  text-align: center;
  font-weight: 800;
  margin-bottom: 30px;
}

.results-terms p{
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}

.cc-steps.cc-results h1 {
  font-size: 22px;
  letter-spacing: normal;
  text-align: left;
}

label.error{
  display: none;
}

.form_control.invisible-checkboxes label:not(.select_head):hover{
  background-color: #23b2de;
  color: #fff;
  transition:all .5s linear;
  border: 1px solid transparent;
}

.checkbox-alias{
  transition:all .5s linear;
}

button.next-btn:focus, button.prev-btn:focus {
    outline: 0;
}

.cc-steps.cc-results .col-lg-12 {
    display: inline-block;
    text-align: center;
}

.cc-price{
 display: inline-block;
}

.included-item ul li {
    list-style: none;
    margin-left: 30px;
    padding: 5px;
}

.phone-input-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}
.iti {
    width: 100%;
    position: relative;
}
.phone-input {
   /* Adjust padding to fit flag and country code */
    width: 100%;
    box-sizing: border-box;
}
.country-code {
    position: absolute;
    left: 40px; /* Adjust to align with the flag */
    top: 50%;
    transform: translateY(-50%);
    color: #555; /* Style as needed */
    pointer-events: none; /* Ensure it doesn’t interfere with typing */
    font-size: 16px; /* Adjust size as needed */
}
.iti__flag-container {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.phone-input-wrapper input#phone {
    width: 100%;
    padding-left: 51 !important;
}
.phone-input-wrapper .iti {
    display: block;
    width: 98.5%;
}

/* .phone-input input#phone {
    padding-left: 46px !important;
} */

/**new style**/
.form_style h2{
color:#073b69 ;
text-align:center;
}
.progress-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin: 20px 0;
}

.progress-bar {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #ddd;
    top: 50%;
    z-index: 1;
}

.progress-line {
    height: 100%;
    background: #4caf50;
    width: 0%;
    transition: width 0.3s;
}

.steps {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 2;
}

.step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.step .circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #B4B4B4;
    font-size: 14px;
    font-weight: bold;
    z-index: 2;
}

.step.active .circle, .step.active:after {
    background: linear-gradient(to right, #154f5f, #25C1F2)!important;color: #FFF;
}

.step .label {
    margin-top: 8px;
    font-size: 12px;
    color: #333;
}

.step::after {
    content: '';
    position: absolute;
    top: 34px;
    width: 100%;
    height: 4px;
    background: #ddd;
    z-index: -1;
    right: 50%


}

.next-btn:before, .prev-btn:after, #get_cost:before{
    content: "";
    position: absolute;
    left: 0;
    border: 2px solid #22acd7;
    border-radius: 100px;
    height: 42px;
    width: 42px;
    top: 0;
    transition: ease-in-out .5s;
    bottom: 0;
    margin: auto;
}

.next-btn:hover::before, .next-btn:hover i, .next-btn:hover span, .prev-btn:hover::before, .prev-btn:hover i, .prev-btn:hover span, #get_cost:hover::before, #get_cost:hover i,  #get_cost:hover span{
    transition: ease-in-out .5s;
     color: #22add8;
}
.next-btn:hover::before, .prev-btn:hover::after, #get_cost:hover::before{
    width: 100%;
    border: 2px solid#22add8;
}
.prev-btn:hover::after{
    transition: all .5s linear;
}
button.next-btn, button.prev-btn, #get_cost {
    background-color: transparent;
    color: #000000;
    outline: 0;
    border: 0;
    /* margin-top: 4em; */
    position: relative;
}
button.next-btn i.fa-solid.fa-arrow-right-long, .prev-btn i,  #get_cost i  {
    font-size: 29px;
    position: relative;
    left: 10px;
    vertical-align: middle;
}
button.next-btn span, #get_cost span  {
padding-left: 16px;
color: #22acd7 !important;
}
.prev-btn:after{
    left:unset;
}
.next_prev_btn button {
    vertical-align: middle;
}
/* .next_prev_btn .prev-btn {
    margin-right: 50px;
} */
.prev-btn:after {
    left: auto;
    right: 0;
    transition: all .5s linear;
}
.prev-btn i{
left: -11px;
}
button.prev-btn span {
    padding-right: 16px;
    color:#22acd7
}
.icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
}
.form_control.invisible-checkboxes label {
    border-radius: 7px !important;
    /* height: 35p; */
    padding: 10px; font-size: 13px;
}
.form_control.invisible-checkboxes label:not(.select_head) {
    border-radius: 7px !important;
    background: #FAFAFA;
    padding: 10px;
    border: 1px solid transparent;
    color: #000000;
    font-weight: 600;
}
input#additionalActivity{
border: 0!important;
border-bottom: 2px solid #d9d9d9!important;
border-radius: 0!important;
}
.form-select {
    width: calc(100% - 20px);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyMCA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMxMC42IDI0Ni42bC0xMjcuMSAxMjhDMTc2LjQgMzgwLjkgMTY4LjIgMzg0IDE2MCAzODRzLTE2LjM4LTMuMTI1LTIyLjYzLTkuMzc1bC0xMjcuMS0xMjhDLjIyNDQgMjM3LjUtMi41MTYgMjIzLjcgMi40MzggMjExLjhTMTkuMDcgMTkyIDMyIDE5MmgyNTUuMWMxMi45NCAwIDI0LjYyIDcuNzgxIDI5LjU4IDE5Ljc1UzMxOS44IDIzNy41IDMxMC42IDI0Ni42eiIvPjwvc3ZnPg==)!important;
}
.form-select, input {
    height: 50px;
}
.second_step .form_control:not(.next_prev_btn), .step_three .form_control:not(.next_prev_btn)  {
    width: 50%;
    float: left;
}
input::placeholder {
    color: #000000;
    font-weight: 600;
    background-color: transparent;
    opacity: 1;
}

input::placeholder, .form-select{
    color: #000000!important;
    font-weight: 600!important;
    font-size: 12px!important;
    font-family: 'Montserrat'!important;
    padding: 0;
}
/* .form_control.error {
    margin-bottom: 0;
} */
.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent!important;
    border: 2px solid #fbfbfb;
}
.step_four .image-container img {
    max-width: 100%;
    height: auto;
    height: 500px;
    object-fit: cover;
    width: 100%;
}
footer{
    border-top:0;
}
.step_four p, .step_four p a{
color: #000000;
font-weight: 500;
}
.step_four p a {
    display: inline-block;
    padding: 0 10px;
}
.ft-logo img {
    height: 95px;
    object-fit: contain;
}
.ft-logo{
    text-align: left;
}
.navbar-toggler {
    border: none;
}
.steps .step {
    width: 33%;
}
.steps{
    margin:2em 0;
}
.steps .label {
  color: #2E2975;
  font-weight: 500;
    text-align: center;
    font-size: 15px !important;
}
.next_prev_btn {
    float: left;
    width: 100%;
    text-align: center;
}
option {
    background-color: #ffffff;
    color: #000;
    padding: 28px;
}
.next_prev_btn button {
    margin: 40px 20px 0 20px;
}
input[type=tel] {
    left: 89px;
    padding-left: 0 !important;
    text-indent: 10px;
    margin-bottom: 0 !important;
    width: 66% !important;
}
img.pos_img {
    position: absolute;
    top: 0;
    width: 13px;
    bottom: 0;
    margin: auto;
    left: 6px;
}
/* -------------------------------- */

.text-danger-align{
  text-align: left !important;
}
.padding-bottom-200{
  padding-bottom: 150px;
}
.text-left{
  text-align: left !important;
}
.bg-thankyou{
  background-image: url("../img/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg-blue-class{
  background-color:#2E2975 !important;
  border: 1px solid #2E2975;
  border-radius: 10px;
  color:#fff !important


}

.bg-light-blueclass{
  background-color: #21a3cc;

  display: flex;
  align-items: center;
  border: 1px solid #21a3cc;
  border-radius: 5px;
}
.step5-checkbox{
  width:100% !important;
}
.step5-checkbox-label{
  background-color: #8FAEB8 !important;
  border:1px solid #8FAEB8 !important;
  border-radius:50px !important;
  font-size: 10px !important;
  padding: 5px !important;

}
.display-flexclass{
  display:flex;
  justify-content:center;
}
.lady-image{
  position:relative;
  top:63px
}
.acc-body-extracss{
  background-color: #2e2975 !important;
}
.accordion-button:not(.collapsed) {
  color: #000 !important;
  background-color: #21a3cc !important;
}
.acc-item-extracss{
  margin-bottom: 10px !important;
  border-bottom: 1px solid #2e2975 !important;
  background-color:#2e2975 !important;

}

.accordion-item:first-of-type {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.accordion-button{
  border-radius: 10px !important;
}

.accordion-button::after {

  background-color: #21a3cc !important;
  border-radius: 50% !important;
  padding: 5px !important;
}

.step_three:before{
  content: "";
  position: absolute;
  top: 34px;
  width: 100%;
  height: 4px;
  background: #ddd;
  z-index: -1;
  right: 0;
}
.step_three.active:before {
  background: linear-gradient(to right, #154f5f, #25C1F2) !important;
}
.padding-bottom-100 { padding-bottom: 62px;}
.heading-sty{ color: #2E2975; font-weight: 600;}
.select_head {color: #000; font-weight: 600; font-size: 16px !important;}
span.total-cost-amt {
    margin-right: 0;
}
.activity-item {
    display: inline-block;
    background-color: #ffffff;
    padding: 8px 10px;
    border-radius: 15px;
    margin: 10px 5px 0 0;
    font-size: 14px;
    color: #000000;
}
.submit_form{
    position:relative;
}
div#loader img {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
}
div#loader {
    position: absolute;
    right: 9%;
    top: 4px;
}
button:focus:not(:focus-visible) {
    outline: 0;
   box-shadow: unset!important;
}
button:disabled {
    color: #ffffff !important;
    cursor: not-allowed;
    opacity: .2;
}
div#error_message {
    float: left;
    width: 100%;
    border: 1px solid red;
    margin-top: 2em;
}
div#error_message p {
    margin-bottom: 0;
    padding: 10px 0;
    font-family: 'Montserrat';
    color: #000000;
    font-weight: 500;
}
.office_type_radio.error .error-message {
    bottom: -6px;
}

/**thank you page**/
body *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
  }

  header {
    background-color: #fff;
    /* padding: 10px 20px; */
    border-bottom: 1px solid #ddd;
  }

  .nav-container {
    display: flex;
    justify-content: space-between;
  }

  .nav-item {
    font-size: 14px;
    color: #333;
  }

  main {
    max-width: 1260px;
    margin: 20px auto;
    /* padding: 0 20px; */
  }

  h1 {

    font-size: 24px;
    margin-bottom: 10px;
  }

 .progress-bar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .progress-section {
    flex: 1;
    padding: 5px;
    text-align: center;
    color: #999;
    margin-bottom: 10px;
  }

  .progress-section.active {
    color: #000;
    font-weight: 600;
  }

  .content {
    display: flex;
    justify-content: center;
    }

  .image-container {
      flex: 46%;
      margin-right: 4%;
  }

  .image-container img {
    max-width: 100%;
    height: auto;
  }

  .image-text {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
  }

  form {
    flex: 2;
  }

  label {
    display: block!important;
    font-weight: bold;
    margin-bottom:5px;
  }

  .form_control {
       margin-bottom:30px;
       position: relative;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  .form-select {
    /* width: calc(100% - 20px); */
    width:97%!important;
    padding: 10px 0;
    border: 2px solid #837f7fc7 !important;
    text-indent: 25px;
    cursor: pointer;
  }

  input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, select:hover, input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, .form-select:focus {
    border: 2px solid #21a3cc !important;
      box-shadow: unset!important;
  }

  .phone-input .country-code {
    padding: 10px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 5px 0 0 5px;
    margin-right: -1px;
  }

  input[type="text"]#phone {
    border-radius: 0 5px 5px 0;
  }

  button {
    padding: 10px 20px;
    background-color: #00b33c;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }

  /* .right_side_form_fields button:hover {
    background-color: #009933;
  } */

  .progress-bar {
    margin: 50px 0 0 0;
    flex-direction: row!important;
    background-color: transparent!important;
  }

  .progress {
    height: 20px;
    background-color: #eee;
    border-radius: 0px;
    overflow: hidden;
  }

  .progress-bar-bg{
    background-color: rgba(43, 145, 227, 1);
    background: transparent linear-gradient(90deg, #A3CD3B 0%, #25ACDEFE 100%) 0% 0% no-repeat padding-box;
    width: 25%;
    height: 100%;
    transition: width 0.4s ease-in-out;
  }

  .iti {
    position: relative;
  }

  input[type=tel] {
    padding-right: 6px;
    text-indent: 55px;
    margin-bottom: 0 !important;
  }

  button {
    color: #FFF;
    background-color: #428BCA;
    border: 1px solid #357EBD;
    height: 39px;
    margin: 0;
    padding: 6px 20px;
    border-radius: 2px;
    font-family: inherit;
    font-size: 100%;
  }

  /* button:hover {
    background-color: #3276B1;
    border-color: #285E8E;
    cursor: pointer;
  } */

  .phone-input {
    margin-bottom: 30px;
  }

  .form-step {
    display: none;
  }

  .form-step.active {
    display: block;
  }

  .checkbox-alias {
      color: #212121;
      background-color: #fff;
      border: 1px solid #212121;
      padding: 3px 10px;
      display: inline-block !important;
      z-index: 1;
      position: relative;
      transition: all 250ms ease-out;
      cursor: pointer;
      margin-top: 8px !important;
      font-weight: 500;
      margin-right: 8px;
      font-size: 14px;
  }

  .invisible-checkboxes input[type=checkbox]{
    display: none;
  }

  .progress {
      margin-bottom: 50px;
      height: 0.7rem !important;
      border-radius: 0 !important;
  }

  .included-item {
    font-size: 16px;
    margin-bottom: 10px;
    /* display: flex; */
    align-items: center;
  }

  .list-checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 10px;
  }
  .details-box {
    font-size: 14px;
  }

  .error-message {
    color: red;
    font-weight: normal;
    float: left;
    width: 100%;
    font-size: 12px;
    margin-bottom: 5px;
    position:absolute;
  }

  .invisible-checkboxes input[type=checkbox]:checked + .checkbox-alias{
    background-color: #21a9d3;
      color: #fff;
    border:1px solid transparent;
  }

  .short_dec {
      color: #666;
      font-family: montserrat, sans-serif;
  }

  .cc-old-price {
    display: none;
    color: grey;
    background: #eeeeee;
    text-decoration: line-through;
    width: 100%;
    padding: 10px;
    font-size: 32px;
    text-align: center;
    font-weight: 800;
    margin-bottom: 30px;
  }

  .CC-details h2{
    font-size: 24px;
  }

  .cc-price {
    display: none;
    width: 100%;
    padding: 10px;
    /* background: #212121; */
    background: rgb(43, 145, 227);
    background: linear-gradient(90deg, rgba(43, 145, 227, 1) 0%, rgba(66, 212, 196, 1) 100%);
    color: #fff;
    font-size: 32px;
    text-align: center;
    font-weight: 800;
    margin-bottom: 30px;
  }

  .results-terms p{
      text-align: left;
      font-size: 14px;
      font-weight: normal;
  }

  .cc-steps.cc-results h1 {
    font-size: 22px;
    letter-spacing: normal;
    text-align: left;
  }

  label.error{
    display: none;
  }

  .form_control.invisible-checkboxes label:not(.select_head):hover{
    background-color: #23b2de;
    color: #000000;
    transition:all .5s linear;
    border: 1px solid transparent;
  }

  .checkbox-alias{
    transition:all .5s linear;
  }

  button.next-btn:focus, button.prev-btn:focus {
      outline: 0;
  }

  .cc-steps.cc-results .col-lg-12 {
      display: inline-block;
      text-align: center;
  }

  .cc-price{
   display: inline-block;
  }

  .included-item ul li {
      list-style: none;
      margin-left: 30px;
      padding: 5px;
  }

  .phone-input-wrapper {
      display: flex;
      align-items: center;
      position: relative;
  }
  .iti {
      width: 100%;
      position: relative;
  }
  .phone-input {
     /* Adjust padding to fit flag and country code */
      width: 100%;
      box-sizing: border-box;
  }
  .country-code {
      position: absolute;
      left: 40px; /* Adjust to align with the flag */
      top: 50%;
      transform: translateY(-50%);
      color: #555; /* Style as needed */
      pointer-events: none; /* Ensure it doesn’t interfere with typing */
      font-size: 16px; /* Adjust size as needed */
  }
  .iti__flag-container {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      display: flex;
      align-items: center;
  }

  .phone-input-wrapper input#phone {
      width: 100%;
      padding-left: 51 !important;
  }
  .phone-input-wrapper .iti {
      display: block;
      width: 98.5%;
  }

  /* .phone-input input#phone {
      padding-left: 46px !important;
  } */

  /**new style**/
  .form_style h2{
  color:#073b69 ;
  text-align:center;
  }
  .progress-container {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: 100%;
      margin: 20px 0;
  }

  .progress-bar {
      position: absolute;
      width: 100%;
      height: 4px;
      background: #ddd;
      top: 50%;
      z-index: 1;
  }

  .progress-line {
      height: 100%;
      background: #4caf50;
      width: 0%;
      transition: width 0.3s;
  }

  .steps {
      display: flex;
      justify-content: space-between;
      width: 100%;
      position: relative;
      z-index: 2;
  }

  .step {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
  }

  .step .circle {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: #ddd;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #B4B4B4;
      font-size: 14px;
      font-weight: bold;
      z-index: 2;
  }

  .step.active .circle, .step.active:after {
      background: linear-gradient(to right, #154f5f, #25C1F2)!important;color: #FFF;
  }

  .step .label {
      margin-top: 8px;
      font-size: 12px;
      color: #333;
  }

  .step::after {
      content: '';
      position: absolute;
      top: 34px;
      width: 100%;
      height: 4px;
      background: #ddd;
      z-index: -1;
      right: 50%


  }

  .next-btn:before, .prev-btn:after, #get_cost:before{
      content: "";
      position: absolute;
      left: 0;
      border: 2px solid #22acd7;
      border-radius: 100px;
      height: 42px;
      width: 42px;
      top: 0;
      transition: ease-in-out .5s;
      bottom: 0;
      margin: auto;
  }
  .prev-btn:hover i {
    left: 0;
    }

    .next-btn:hover i
    {
        left: 0!important;
    }
  .fa-arrow-right-long:before, .fa-long-arrow-right:before {
    content: "\f178";
    color: #22acd7;
  }
  .fa-arrow-left-long:before, .fa-long-arrow-left:before {
    content: "\f177";
    color: #22acd7;
  }


.next-btn:hover .fa-arrow-right-long:before, .prev-btn:hover .fa-arrow-left-long:before, #get_cost:hover:hover .fa-arrow-right-long:before{
    color: #000000;
}

/* .next-btn:hover .fa-arrow-right-long:before, .next-btn:hover .fa-long-arrow-right:before .prev-btn:hover .fa-arrow-left-long:after{
    color: #000000!important;
   } */

  .next-btn:hover::before, .next-btn:hover i, .next-btn:hover span, .prev-btn:hover::before, .prev-btn:hover i, .prev-btn:hover span, #get_cost:hover::before, #get_cost:hover i,  #get_cost:hover span{
      transition: ease-in-out .5s;
       color: #000000!important;
  }
  .next-btn:hover::before, .prev-btn:hover::after, #get_cost:hover::before{
      width: 100%;
      border: 2px solid#000000;
  }
  .prev-btn:hover::after{
      transition: all .5s linear;
  }
  button.next-btn, button.prev-btn, #get_cost {
      background-color: transparent;
      color: #000000;
      outline: 0;
      border: 0;
      /* margin-top: 4em; */
      position: relative;
  }
  button.next-btn i.fa-solid.fa-arrow-right-long, .prev-btn i,  #get_cost i  {
      font-size: 29px;
      position: relative;
      left: 10px;
      vertical-align: middle;
  }
  button.next-btn span, #get_cost span  {
  padding-left: 16px;
  color: #22acd7 !important;
  }
  .prev-btn:after{
      left:unset;
  }
  .next_prev_btn button {
      vertical-align: middle;
  }
   .prev-btn:after {
      left: auto;
      right: 0;
      transition: all .5s linear;
  }
  .prev-btn i{
  left: -11px;
  }
  button.prev-btn span {
      padding-right: 16px;
      color:#22acd7
  }
  .icon {
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
      color: #aaa;
  }
  .form_control.invisible-checkboxes label {
      border-radius: 7px !important;
      /* height: 35p; */
      padding: 10px; font-size: 13px;
  }
  .form_control.invisible-checkboxes label:not(.select_head) {
      border-radius: 7px !important;
      background: #FAFAFA;
      padding: 10px;
      border: 1px solid transparent;
      color: #000000;
      font-weight: 600;
  }
  input#additionalActivity {
    border: 0 !important;
    border-bottom: 2px solid #d9d9d9 !important;
    border-radius: 0 !important;
    display: inline-block;
    padding: 0;
    height: 30px;
}
  .form-select {
      width: calc(100% - 20px);
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyMCA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMxMC42IDI0Ni42bC0xMjcuMSAxMjhDMTc2LjQgMzgwLjkgMTY4LjIgMzg0IDE2MCAzODRzLTE2LjM4LTMuMTI1LTIyLjYzLTkuMzc1bC0xMjcuMS0xMjhDLjIyNDQgMjM3LjUtMi41MTYgMjIzLjcgMi40MzggMjExLjhTMTkuMDcgMTkyIDMyIDE5MmgyNTUuMWMxMi45NCAwIDI0LjYyIDcuNzgxIDI5LjU4IDE5Ljc1UzMxOS44IDIzNy41IDMxMC42IDI0Ni42eiIvPjwvc3ZnPg==)!important;
  }
  .form-select, input {
      height: 50px;
  }
  .second_step .form_control:not(.next_prev_btn), .step_three .form_control:not(.next_prev_btn)  {
      width: 50%;
      float: left;
  }
  input::placeholder {
      color: #000000;
      font-weight: 600;
      background-color: transparent;
      opacity: 1;
  }
  input::placeholder, .form-select{
      color: #000000!important;
      font-weight: 600!important;
      font-family: 'Montserrat'!important;
      padding: 0;
  }
  /* .form_control.error {
      margin-bottom: 0;
  } */
  .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
    border: 2px solid #837f7fc7;
    height: 50px;
    border-radius: 4px;
}
  .step_four .image-container img {
      max-width: 100%;
      height: auto;
      height: 500px;
      object-fit: cover;
      width: 100%;
  }
  footer{
      border-top:0;
  }
  .step_four p, .step_four p a{
  color: #000000;
  font-weight: 500;
  }
  .step_four p a {
      display: inline-block;
      padding: 0 10px;
  }
  .ft-logo img {
      height: 95px;
      object-fit: contain;
  }
  .ft-logo{
      text-align: left;
  }
  .navbar-toggler {
      border: none;
  }
  .steps .step {
      width: 33%;
  }
  .steps{
      margin:2em 0;
  }
  .steps .label {
    color: #2E2975;
    font-weight: 500;
      text-align: center;
      font-size: 15px !important;
  }
  .next_prev_btn {
      float: left;
      width: 100%;
      text-align: center;
  }
  option {
      background-color: #ffffff;
      color: #000;
      padding: 28px;
  }
  .next_prev_btn button {
      margin: 40px 20px 0 20px;
  }
  input[type=tel] {
      left: 89px;
      padding-left: 0 !important;
      text-indent: 10px;
      margin-bottom: 0 !important;
      width: 66% !important;
  }
  img.pos_img {
      position: absolute;
      top: 0;
      width: 13px;
      bottom: 0;
      margin: auto;
      left: 6px;
  }
  /* -------------------------------- */

  .text-danger-align{
    text-align: left !important;
  }
  .padding-bottom-200{
    padding-bottom: 150px;
  }
  .text-left{
    text-align: left !important;
  }
  .bg-thankyou{
    background-image: url("../img/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .bg-blue-class{
    background-color:#2E2975 !important;
    border: 1px solid #2E2975;
    border-radius: 10px;
    color:#fff !important


  }

  .bg-light-blueclass{
    background-color: #21a3cc;

    display: flex;
    align-items: center;
    border: 1px solid #21a3cc;
    border-radius: 5px;
  }
  .step5-checkbox{
    width:100% !important;
  }
  .step5-checkbox-label{
    background-color: #8FAEB8 !important;
    border:1px solid #8FAEB8 !important;
    border-radius:50px !important;
    font-size: 10px !important;
    padding: 5px !important;

  }
  .display-flexclass{
    display:flex;
    justify-content:center;
  }
  .lady-image{
    position:relative;
    top:63px
  }
  .acc-body-extracss{
    background-color: #2e2975 !important;
  }
  .accordion-button:not(.collapsed) {
    color: #000 !important;
    background-color: #21a3cc !important;
  }
  .acc-item-extracss{
    margin-bottom: 10px !important;
    border-bottom: 1px solid #2e2975 !important;
    background-color:#2e2975 !important;

  }

  .accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .accordion-button{
    border-radius: 10px !important;
  }

  .accordion-button::after {

    background-color: #21a3cc !important;
    border-radius: 50% !important;
    padding: 5px !important;
  }

  .step_three:before{
    content: "";
    position: absolute;
    top: 34px;
    width: 100%;
    height: 4px;
    background: #ddd;
    z-index: -1;
    right: 0;
  }
  .step_three.active:before {
    background: linear-gradient(to right, #154f5f, #25C1F2) !important;
  }
  .padding-bottom-100 { padding-bottom: 62px;}
  .heading-sty{ color: #2E2975; font-weight: 600;}
  .select_head {
    color: #000000d1;
    font-weight: 600;
    font-size: 20px !important;
    margin-bottom: 40px;
    padding: 0 !important;
}
  span.total-cost-amt {
      margin-right: 0;
  }
  .activity-item {
      display: inline-block;
      background-color: #ffffff;
      padding: 8px 10px;
      border-radius: 15px;
      margin: 10px 5px 0 0;
      font-size: 14px;
      color: #000000;
  }
  .submit_form{
      position:relative;
  }
  div#loader img {
      width: 22px;
      height: 22px;
      position: absolute;
      right: 0;
  }
  div#loader {
      position: absolute;
      right: 9%;
      top: 4px;
  }
  button:focus:not(:focus-visible) {
      outline: 0;
     box-shadow: unset!important;
  }
  button:disabled {
      color: #ffffff !important;
      cursor: not-allowed;
      opacity: .2;
  }
  div#error_message {
      float: left;
      width: 100%;
      border: 1px solid red;
      margin-top: 2em;
  }
  div#error_message p {
      margin-bottom: 0;
      padding: 10px 0;
      font-family: 'Montserrat';
      color: #000000;
      font-weight: 500;
  }
  .office_type_radio.error .error-message {
      bottom: -6px;
  }
  #step-cost h3 {
    text-align: center;
    margin: 3em 0 2em 0;
    color: #0A123D;
    font-size: 32px;
    font-weight: 600;
}

img.tick_img {
    width: 30%;
    object-fit: cover;
}

.step_four p, .step_four p a {
    color: #000000;
    font-weight: 500;
}

.cc-steps.cc-results {
    padding: 0 15px;
}
.step_four .image-container img {
    max-width: 100%;
    /* height: auto; */
    height: 500px;
    object-fit: cover;
    width: 100%;
}


/**footer**/
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

body {
    background-color: #151E3D;
    color: #fff;
    font-size: 16px;
}

footer p, footer a{
    font-weight: 500;
    font-size: 14px;
}

footer {
    background-color: #0A123D;
    padding: 40px 0 0 0;
}

.footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-left {
    flex: 1;
    margin: 20px;
    min-width: 330px;
}

.footer-middle, .footer-right, .newsletter {
    flex: 1;
    margin: 20px;
}

.newsletter {
    min-width: 290px;
    margin: 20px;
}

.footer-middle {
    min-width: 240px;
}

.footer-right {
    min-width: 170px;
}

.footer-left img {
    max-width: 70%;
    margin-bottom: 20px;
}

.footer-left p {
    margin: 10px 0;
    color: #ffffff;
}

.footer-middle h3, .footer-right h3, .newsletter h3 {
    margin-bottom: 15px;
    font-size: 1.2em;
    color: #ffffff;
}

.footer-middle p, .newsletter p {
    margin: 10px 0;
    color: #ffffff;
}

.footer-middle a, .footer-right a {
    color: #fff;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    font-size:14px;
}

.footer-middle a:hover, .footer-right a:hover {
    text-decoration: underline;
}

.footer-middle p i, .footer-middle a i, .footer-left p i {
    margin-right: 10px;
}

.social-icons a {
    color: #fff;
    margin-right: 1px;
    font-size: 0.9em;
    display: inline-block;
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 4px 8px;
    vertical-align: middle;
    width: 28px;
    height: 28px;
}

.social-icons a:hover {
    color: #00aced;
}

.footer-right ul {
    list-style: none;
    padding-left:0;
}

.footer-right ul li {
    margin-bottom: 10px;
}

.newsletter form {
    display: flex;
    align-items: center;
    margin-top: 30px;
    max-width: 300px;
}

.newsletter input {
    padding: 10px;
    border: none;
    outline: none;
    border-radius: 5px;
    flex: 1;
}

.newsletter button {
    background-color: #00aced;
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    position: absolute;
    right: 15px;
}

.footer-bottom {
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #3A3F51;
    margin-top: 20px;
}

.footer-bottom p {
    margin: 0;
    color: #ffffff;
    padding: 20px 0;
}

.footer{
    text-align:left;
}
.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.social-icons a i {
    margin-right: 0;
}
.social-icons svg {
    width: 16px;
    height: 16px;
}
.social-icons {
    margin-top: 2em;
}
.ph_icon{
    width: 20px;
    height: 20px;
    margin-bottom: 0!important;
    margin-right: 10px;
}
.stripe_desc{
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 2em !important;
}

.newsletter input[type="email"]{
    text-indent: 0!important;
}

.newsletter input[type="email"]::placeholder {
    color: #0000007a!important;
    font-weight: normal;
}

.social-icons a:hover {
    background-color: #25c1f2;
    border-color: #25c1f2;
    transition:all .4s linear;
    color:#ffffff;
    text-decoration: none;
}
.social-icons a:hover svg{
    fill:#ffffff;
}
.right_side_form_fields {
    width: 55%;
    /* text-align: center; */
}
#additionalActivity {
    margin: 0 auto;
    width: 87% !important;
}
.text-danger.mt-2.text-left.text-danger-align {
    margin: 0 auto;
    color: #FF5D5D !important;
    font-weight: bold;
}

.add_activity label{
    display: inline-block !important;
    margin-bottom: 0;
    width:70%;
}

.form_control.add_activity {
    margin: 10px;
}
.first_step .next-btn{
    margin-top: 5em;
}
.step_three label {
    margin-bottom: 0;
}
.blue-text{
    color:#25C1F2;
}
.newsletter form {
    position: relative;
}
.header-left-section{
    position:relative;
}
.header-left-section:before, .header-left-section:after {
    content: "";
    position: absolute;
    top:0;
    bottom: -35px;
    margin: auto;
    height: .5px;
    background-color: #fff;
}
.header-left-section:before {
    left: -12px;
    width: 3%;
}
.header-left-section:after {
    right: 0;
    width: 76%;
}
.header-logo{
max-width: 95%;
padding: 0% 0% 0% 15%;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    font-size: 13px;
}
.main-strip-menu.header-left-section .col-lg-7, .row.main-strip-menu.header-left-section .col-lg-2 {
    margin-top: 15px;
}
p.top-strip-font.text-white.fw-normal a {
    color: #ffffff;
    text-decoration: none;
}
p.blue-text a {
    text-decoration: none;
}
.error-message{
    text-align:left;
}
.navbar-nav .nav-link:hover, div#navbarNavAltMarkup a:hover {
    color:#25C1F2 !important;
    transition:all .2s linear;
}

/**inclusion and exclusion**/
.inclusion-container {
    display: flex;
    justify-content: space-between;
    margin: 20px;
    margin-top: 30px;
  
}

.column {
    width: 45%;
}
.column h3 {
    padding-bottom: 5px;
}
.column ul {
    list-style-type: none;
    padding: 0;
}
.column ul li {
    margin: 5px 0;
}
.inclusion-container {
    margin-top: 30px;
}
.color-change-text {
    color: #000000;
    animation: color-change 3s infinite;
    font-size: 26px;
}

@keyframes color-change {
    0% {
        color: #22acd7;
    }
    25% {
        color: #2e2975;
    }
    50% {
        color: #22acd7;
    }
    75% {
        color: #343a40;
    }
    100% {
        color: #2e2975;
    }
}
.license_div p{
font-size: 24px;
}