* {
  margin: 0;
  padding: 0;
}

.health-main-page {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.health-profile-details {
  width: 60%;
}
.progress-wrapper-button {
  display: grid;
  width: 80%;
  margin-left: 0px;
  grid-template-columns: auto auto auto;
  padding: 0px;
  gap: 30px;
}
.health-main-pera {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px 50px;
}
.health-heading {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.health-main-heading {
  width: 100%;
  text-align: center;
}
.health-main-heading h1 {
  color: #202020;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 24.5px;
  text-transform: capitalize;
}
.health-main-heading p {
  color: #202020;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px;
}
.health-heading-btn {
  width: 100%;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
.health-heading-btn button {
  width: 100%;
  text-align: start;
  font-size: 1rem;
  border-radius: 10px;
  font-weight: 600;
  border: none;
  background-color: #fff;
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.09);
  color: #111;
  padding: 1.2rem;
  position: relative;
}
.progress-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
  border-radius: 1.25rem;
  background-color: #ededed;
  border: 1px solid #ededed;
  height: 0.98rem;
}
.progress-bar {
  position: absolute;
  background-color: #56b96c;
  height: 0.9375rem;
  border-radius: 1.25rem;
  width: 30%;
}
.progress-wrapper-2 {
  position: relative;
  width: 100%;
  margin-bottom: 1.5rem;
  border-radius: 1.25rem;
  background-color: #ededed;
  border: 1px solid #ededed;
  height: 0.98rem;
}

.progress-bar-2 {
  position: absolute;
  background-color: #56b96c;
  height: 0.9375rem;
  border-radius: 1.25rem;
  width: 85%;
}

.btn-1 span {
  padding-left: 10px;
}

.health-sub-btn {
  margin-top: 2rem;
}

.health-sub-btn button {
  width: 15.5625rem;
  padding: 15px;
  background-color: #56b96c;
  border-radius: 5px;
  border: 1px solid #56b96c;
  color: #fff;
}
.health-sub-btn button a {
  text-decoration: none;
  font-size: 1rem;
  color: #fff;
}
.health-sub-btn button:hover {
  background-color: #56b96c;
  color: #fff;
  border: none;
}
.health-sub-btn button a:hover {
  color: #fff;
}
.health-img {
  width: 30%;
  /* margin-top: 2rem; */
  /* border: 1px solid black; */
}
.health-img img {
  /* height: 17.75rem;
  position: relative;
  right: 5rem; */
  /* margin-top: 2rem; */
  max-width: 100%;
}

.why-choose {
  /* width: 80%;
  margin-left: 10%; */
  /* border: 2px solid black; */
  display: flex;
  margin-top: 5rem;

  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.why-choose-heading h4 {
  color: #6b6b6b;
  /* border-bottom: 2px solid black; */
  font-family: Jost;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 39px; /* 195% */
  text-transform: capitalize;
}
.why-choose-heading h1 {
  color: #000;

  text-align: center;
  font-family: Jost;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 39px; /* 130% */
  text-transform: capitalize;
}
.why-choose-heading h1 b {
  color: #56b96c;
  font-family: Jost;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 39px;
  text-transform: capitalize;
}
.why-choose-plans {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.plan-1-card {
  width: 22rem;
  /* border: 1px solid black; */
  margin-top: 3rem;
}
.plan-1-card img {
  width: auto;
  height: 10rem;
}
.plan-1-card h3 {
  color: #1c1c1c;
  padding-top: 1rem;
  text-align: center;
  font-family: Jost;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 27px; /* 112.5% */
  text-transform: capitalize;
}
.plan-1-card p {
  color: #4d4d4d;
  padding-top: 0.7rem;
  text-align: center;
  font-family: Jost;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px; /* 153.125% */
  text-transform: capitalize;
}

.about-health-insurance {
  /* width: 80%;
  margin-left: 10%; */
  margin-top: 2rem;
  /* border: 2px solid black; */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  padding: 1rem;
}
.about-heading {
  width: 45%;
}
.about-heading h1 {
  color: #000;

  font-family: Jost;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 45px; /* 160.714% */
  text-transform: capitalize;
}
.about-heading h1 b {
  color: #000;
  font-family: Jost;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 45px;
  text-transform: capitalize;
}
.about-text {
  display: flex;

  align-items: start;
  padding-top: 1rem;
}
.about-text p {
  color: #4f4f4f;
  padding-left: 10px;
  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

/**----------personal-datails-----**/
.Personal-Details {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.main-details {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.onwer-details {
  /* border: 1px solid black; */
  /* display: block; */
  /* flex-wrap: wrap; */
}
.details {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.Details-heading {
  width: 250px;
  text-align: center;
  margin-top: 2rem;
  /* border: 1px solid black; */
}
.Details-heading h1 {
  color: #202020;

  font-family: Jost;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 24.5px; /* 102.083% */
  text-transform: capitalize;
}
.Details-heading p {
  color: #202020;
  text-align: center;
  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px; /* 128.947% */
  text-transform: capitalize;
}

.details-feild {
  /* margin-top: 3rem; */
  width: 95%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.details-feild-inner {
  width: 70%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.details-feild-inner div {
  width: 50%;
}
.text-danger {
  margin-top: 5px;
  margin-left: 5px;
}
.details-feild input {
  /* width: 30.0625rem; */
  /* height: 4.5rem; */
  /* padding: 20px; */

  /* font-size: 1rem; */
  /* margin: 1rem; */
  /* border-radius: 0.625rem; */
  /* border: 1px solid #929292; */
  /* margin-left: 12rem; */
}
.edit-button {
  border: none;
  background-color: #fff;
  color: #56b96c;
  /* position: relative; */
  z-index: 1;
  margin-left: -4rem;
}
::placeholder {
  color: #727272;

  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px; /* 122.5% */
  border: none;
}
.deatils-sub button {
  width: 15.5625rem;
  padding: 15px;
  background-color: #56b96c;
  border-radius: 5px;
  border: 1px solid #56b96c;
  color: #fff;
  margin-top: 2rem;
}
.deatils-sub button a {
  text-decoration: none;
  font-size: 1rem;
  color: #fff;
}
.deatils-sub button:hover {
  background-color: #56b96c;
  border: none;
  border-radius: 5px;
}
.deatils-sub button a:hover {
  color: #fff;
}
.enter-address {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.enter-pincode {
  display: flex;
  justify-content: space-evenly;
  /* align-items: center; */
  flex-wrap: wrap;
}
.pin {
  width: 47%;
  padding-right: 1rem;
}
.form-cot {
  width: 45%;
  border: 1px solid black;
  display: flex;
}
.enter-rto {
  display: flex;
  flex-wrap: wrap;
  /* padding-left: 0.5rem; */
}
.sel-rto {
  padding-left: 1.2rem;
  width: 48%;
}
.enter-all-check {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.enter-check {
  display: flex;
  flex-direction: row;
  width: 30%;
  align-items: center;
  gap: 10px;
}
.enter-check input {
  width: unset !important;
}
.enter-check-2 {
  display: flex;
  flex-direction: row;
  width: 22rem;
  align-items: center;
}
.enter-puc {
  display: flex;
}
.dieseslist {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.handleSet {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.select-bank {
  width: 47%;
  height: auto;
}
.required-field {
  display: flex;
  flex-wrap: wrap;
}
.tp-policy {
  display: flex;
  flex-wrap: wrap;
}
.select-docu {
  display: block;
  /* align-items: center; */
  padding-left: 1rem;
}
.pen-card-detail {
  /* width: 90%; */
  display: flex;
  /* justify-content: space-evenly; */
  flex-wrap: wrap;
  padding-left: 0.5rem;
}

/**---------otp-----------**/
.otp-div {
  width: 90%;
  margin-left: 5%;
  /* border: 2px solid black; */
  display: flex;
  flex-wrap: wrap;
}
.otp {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.otp-heading {
  width: 350px;
  text-align: center;
  margin-top: 2rem;
  /* border: 1px solid black; */
}
.otp-heading h1 {
  color: #202020;
  margin-top: 2rem;
  font-family: Jost;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 30.5px; /* 102.083% */
  text-transform: capitalize;
}
.otp-heading p {
  color: #202020;

  text-align: center;
  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px; /* 128.947% */
  text-transform: capitalize;
}
.otp-btn {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.otp-btn input {
  width: 4.80844rem;
  height: 5.625rem;
  margin: 0.7rem;
  padding: 20px;
  background-color: #fff;
  border-radius: 0.5625rem;
  border: 1.5px solid #d8d8d8;
  border-radius: 10px;
}
.otp-verify button {
  width: 120px;
  padding: 13px;
  margin-top: 1rem;
  background-color: #fff;
  border-radius: 5px;
}
.otp-verify button a {
  text-decoration: none;
  font-size: 1rem;
  color: #000;
}
.otp-verify button:hover {
  background-color: #56b96c;
  border: none;
  border-radius: 5px;
}
.otp-verify button a:hover {
  color: #fff;
}

.personalDetailsFormHealth {
  width: 100%;
}

/**-----quote-list-----**/
.main-care-container {
  /* margin-left: 10%; */
  margin-top: -3rem;

  /* border: 1px solid black; */
}

.container-div-1 {
  margin-left: 55px;
  padding-bottom: 15px;
}

.container-div-1 h2 {
  padding-left: 2rem;
  color: #000;

  /* font-family: Jost; */
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  /* 187.5% */
  text-transform: capitalize;
}
.container-div-1 h2 b {
  color: #56b96c;

  /* font-family: Jost; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}
.container-div-1 p {
  margin-bottom: 0;
  font-size: 1.25rem;
  color: #323232;
}

.quote-heading h3 {
  color: #000;
  width: 12rem;
  display: flex;
  flex-wrap: wrap;

  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 116.667% */
  text-transform: capitalize;
}
.quote-heading p {
  color: #000;

  font-family: Jost;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 200% */
  letter-spacing: 0.28px;
}
.care-hospital h6 {
  color: #6d6d6d;

  /* font-family: Jost; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
}
.care-amount h6 {
  color: #6d6d6d;
  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  margin-bottom: 0;
}
.care-amount p {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}
/*  */
.quote-btn p span {
  text-align: end;
  padding-left: 10px;
}
/* .quote-btn button {

.customer-deatils {
  margin-top: 0;
  width: 100%;
  border-radius: 10px;
  padding: 0 1rem;
  background-color: #fff;
  /* height: 203px; */
}
.my-deatils {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}

.my-name {
  margin-top: 1rem;
}

.my-name h5 {
  color: #000;

  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  text-transform: capitalize;
}
.my-name h5 b {
  font-size: 20px;
  font-weight: 700;
}
.my-name p {
  color: #000;

  font-family: Montserrat;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 166.667% */
  text-transform: capitalize;
}

.author-customer {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***------bike------*/
.register-bike {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.rto {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.bike-rto-img {
  width: 40%;
  padding-left: 30px;
}
.bike-rto-img img {
  max-width: 100%;
}
.bike-heading h1 {
  color: #202020;

  font-family: Jost;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 24.5px; /* 102.083% */
}
.bike-rto {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search-rto {
  margin-top: 1rem;
  width: 70%;
}

.search-rto button {
  width: 480px;
  padding: 10px;
  text-align: start;
  border-radius: 5px;
}
.search-rto button a {
  text-decoration: none;
}
.rto-btn {
  margin-top: 2rem;
  width: 75%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
/* .rto-btn button {
  width: 12rem;
  padding: 0.6rem;
  margin: 1rem;
  border: none;
  border-radius: 5px;
}
.rto-btn button:hover {
  background-color: #56b96c;
  color: #fff;
  border: none;
} */
.more-rto select {
  border: none;
  color: #56b96c;
  margin-top: 1rem;
  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 40.5px; /* 253.125% */
}
/* .rto-sub button {
  width: 15rem;
  padding: 12px;
  border-radius: 7px;
  margin: 0.5rem auto;
  border: none;
} */
/* .rto-sub button a {
  text-decoration: none;
  color: #000;
  text-align: center;
  font-family: Jost;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
}
.rto-sub button:hover {
  background-color: #56b96c;
  color: #fff;
  border: none;
}
.rto-sub button a:hover {
  color: #fff;
} */
/* .bike-rto-img {
  margin-top: 9rem;
} */
/* .bike-rto-img img {
  height: 400px;
} */
.select-rt {
  /* width: 30rem; */
  /* border: 1px solid black; */
}
/**-----bike-brand---**/
.main-brand-div {
  width: 90%;
  margin-left: 5%;
  /* border: 2px solid black; */
  display: flex;
  flex-wrap: wrap;
}
.search-brand-name {
  width: 100%;
}
.bike-brand {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
}
.brand-search {
  margin-top: 2rem;
}
.brand-search button {
  width: 480px;
  padding: 10px;
  text-align: start;
  border-radius: 8px;
}
.brand-logo {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
  /* width: 75%; */
}
.manufacture {
  width: 100%;
  margin-bottom: 1rem;
  text-align: center;
}

.brand-logo-1 {
  padding: 12px;
  width: 140px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.09);
}
.brand-logo-list .img-fluid {
  max-width: 50px;
  max-height: 50px;
  object-fit: cover;
}
/**------bike-brand-name----**/
.bike-company-name {
  width: 90%;
  margin-left: 5%;
  /* border: 2px solid  black; */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wheeler-nam {
  width: 70%;
  text-align: center;
}
.bike-brand-name {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  /* margin-top: 2rem; */
  cursor: pointer;
}
.wheeler-model {
  width: 70%;
  text-align: center;
}

.final-step {
  /* width: 60%; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  /* margin-top: 2rem; */
}

.yesnoinput {
  display: flex;
  /* justify-content: center; */
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}

.yesnoinput input[type="radio"] + label {
  width: 210px;
  background: #fff;
  border: 1px solid #56b96c;
  border-radius: 5px;
  position: relative;
  padding: 10px 70px 10px 10px;
  color: #000;
  /* margin: 5px 20px; */
  /* margin-right: 15px; */
  font-weight: 500;
}

.yesnoinput input[type="radio"] + label::after {
  visibility: hidden;
  content: " ";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid #5bb86e;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: transparent;
}

.yesnoinput input[type="radio"]:checked + label::after {
  background-color: #5bb86e;
  visibility: visible;
}

.fuel-type-name {
  width: 60%;
  display: flex;
  flex-direction: column;
  margin-top: 6rem;
  justify-content: center;
  padding-right: 10rem;
  align-items: center;
}
.fullName {
  padding: 1rem;
}
.form-floating .fullName {
  width: 85%;
}

.fuelTypeList {
  list-style-type: none;
}

.fuelTypeBtn {
  border-radius: 0.3125rem;
  background: #f1f1f1;
  border: none;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 1rem 3rem;
  margin-top: 2rem;
}

.formStep8 {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}

.form-floating > .formStep8PolicyInsurerSelect {
  width: 100%;
  text-align: center;
  justify-content: center;
}

.company-name-heading h1 {
  color: #202020;
  margin-bottom: 3rem;
  /* font-family: Jost; */
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 24.5px; /* 102.083% */
  text-transform: capitalize;
}
.search-brand-name button {
  width: 500px;
  padding: 12px;
  text-align: start;
  font-size: 1rem;
  border-radius: 14px;
  border: none;
  background: #f1f1f1;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.company-btn {
  margin-top: 2rem;
  width: 500px;
  display: flex;
  flex-wrap: wrap;
}
.company-btn button {
  width: 150px;
  padding: 12px;

  margin: 8px;
  border: none;
  border-radius: 5px;
  background: #f1f1f1;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.company-btn button:hover {
  background-color: #56b96c;
  color: #fff;
}
/**-----bike-year----**/
.bike-year {
  width: 90%;
  margin-left: 5%;
  /* border: 2px solid  black; */
  display: flex;
  flex-wrap: wrap;
}
.bike-year-name {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.bike-year-heading h1 {
  color: #202020;
  margin-bottom: 2rem;
  font-family: Jost;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 24.5px; /* 102.083% */
  text-transform: capitalize;
}
.search-year button {
  width: 500px;
  padding: 12px;
  text-align: start;
  font-size: 1rem;
  border-radius: 14px;
  border: none;
  background: #f1f1f1;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.year-btn {
  margin-top: 2rem;
  width: 500px;
  display: flex;
  flex-wrap: wrap;
}
.year-btn button {
  width: 150px;
  padding: 12px;

  margin: 8px;
  border: none;
  border-radius: 5px;
  background: #f1f1f1;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.year-btn button:hover {
  background-color: #56b96c;
  color: #fff;
}
/***-------confirm-details ----**/
.bike-confirm {
  width: 90%;
  margin-left: 5%;
  display: flex;
  flex-wrap: wrap;
}
.bike-confirm-details {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* margin-top: 2rem; */
}
.confirm-heading h1 {
  color: #202020;
  margin-bottom: 2rem;
  font-family: Jost;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 24.5px; /* 102.083% */
  text-transform: capitalize;
}
.confirm-details-input {
  width: 500px;
}
.confirm-details-input input {
  width: 500px;
  padding: 20px;
  margin: 20px;
  border-radius: 8px;

  border: 1px solid #929292;
}

/**------bike-quote-list---**/
.main-bike-quote {
  /* margin-left: 10%; */

  margin-top: 2rem;
  /* border: 1px solid black; */
}
.bike-quote-details h2 {
  color: #000;
  margin-left: 2rem;
  font-family: Jost;
  font-size: 1.2rem;
  font-style: normal;
  width: 250px;
  display: flex;
  font-weight: 600;

  justify-content: space-evenly;
  /* 187.5% */
  text-transform: capitalize;
}
.bike-quote-details p {
  color: lightgrey;
  margin-left: 1.3rem;
  padding-top: 8px;
  font-family: Jost;
  font-size: 1.2rem;
  font-style: normal;

  font-weight: 600;
  /* 187.5% */
  text-transform: capitalize;
}
.bike-quote-list {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.bike-quote-details h2 b {
  color: #56b96c;
}
.main-bike-quote-list {
  background: #f5f5f7;
  /* width: 100%; */
  padding: 2rem;
  margin-top: 2rem;
}
.bike-quote-list {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.bike-quote-btn {
  margin-top: 2rem;
}
.bike-quote-btn button {
  width: 170px;
  margin: 8px;
  padding: 8px;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #354c89;
}
.bike-quote-btn button a {
  text-decoration: none;
  color: #555;
  font-size: 0.8rem;
}
.bike-quote-text {
  margin-top: 1rem;
}
.bike-quote-card-1 {
  /* border: 1px solid black; */
  padding: 25px;
  width: 95%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 15px;
  flex-wrap: wrap;
  background: #fff;
  /* box-shadow: 0px 0px  1px ; */
  margin-bottom: 1rem;
  margin-top: 20px;
  position: relative;
}
.bike-quote-img {
  display: flex;
  align-items: center;
}

.bike-quote-heading h3 {
  color: #000;
  font-family: Jost;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 116.667% */
  text-transform: capitalize;
}
.bike-quote-heading p {
  color: #56b96c;

  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 200% */
  letter-spacing: 0.28px;
}
.bike-valu h6 {
  color: #6d6d6d;
  padding-left: 20px;
  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
}
.bike-valu p {
  color: #000;
  padding-left: 20px;
  font-family: Jost;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.bike-quote-btn-2 button {
  width: 200px;
  padding: 20px;
  margin: 1rem;
  border: none;
  color: #fff;
  border-radius: 5px;
  background: #56b96c;
}

/**-------owner-details---**/
.owner-bike-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: 4rem;
  /* align-items: center; */
  /* padding: 1rem; */
  background-color: #fff;
  /* border: 2px solid black; */
}

.porposal-form-edit-btn {
  border: none;
  background-color: transparent;
  color: #56b96c;
  margin-bottom: 0.6rem;
  font-weight: 700;
  margin-left: 1rem;
}

.owner-bike-heading h2 {
  color: #000;
  /* margin-left: 2rem; */
  font-family: Jost;
  font-size: 1.2rem;
  font-style: normal;
  /* width: 220px; */
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;

  justify-content: space-between;
  /* 187.5% */
  text-transform: capitalize;
}
.owner-bike-heading {
  /* border-right: 1px solid  #323232; */
  padding: 5px;
  align-items: center;
}
.owner-bike-heading h2 b {
  color: #56b96c;
  padding-top: 10px;
  font-family: Jost;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
.owner-bike-heading p {
  color: #323232;

  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 45px; /* 225% */
  text-transform: capitalize;
}
/* .ncb{
    border-right: 1PX solid #323232;
} */
.ncb h2 {
  color: #323232;

  font-family: Jost;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 45px; /* 187.5% */
  text-transform: capitalize;
}
.Expiry-date h2 {
  color: #323232;

  font-family: Jost;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 45px; /* 187.5% */
  text-transform: capitalize;
}

.vehicle-owner-details {
  /* border: 2px solid black; */
  display: flex;
  /* justify-content: space-evenly; */
  flex-direction: column;
  align-items: center;
  width: 65%;
  /* margin: 20px; */
}

.main-vehicle-owner-outer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f7;
}
.main-vehicle-owner {
  padding: 20px;
  /* border: 2px solid black; */
  gap: 2rem;
  flex-direction: row;
  display: flex;
  width: 85%;
  /* flex-wrap: wrap; */

  background-color: #f5f5f7;
}
.vehicle-owner {
  display: flex;

  justify-content: space-evenly;
  /* border: 2px solid black; */
  width: 100%;
  background-color: #fff;

  padding: 25px;
  border-radius: 8px;
}

.owmer-div-1 {
  /* border: 1px solid rED; */
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: #fff; */
}
.owner-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: lightgrey;
  display: flex;
  justify-content: center;
  align-items: center;
}

.owmer-div-1 .active {
  background-color: #56b96c;
}
.active-text {
  color: #56b96c;
}
.owner-text {
  text-align: center;
}
.owner-text h2 {
  /* color: #56b96c; */
  margin-top: 10px;
  text-align: center;
  /* font-family: Jost; */
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 110% */
  text-transform: capitalize;
}
.onwer-personal-details {
  width: 100%;
  /* border: 2px solid black; */
  margin-top: 2rem;
  background-color: #fff;
  border-radius: 10px;
  padding: 40px 25px;
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
  /* align-items: center; */
  /* text-align: center; */
}
/* .onwer-personal-details select {
  width: 45%;
  padding: 15px;
  margin: 1rem;
  border: none;
  border-radius: 5px;
  background-color: rgba(241, 241, 241, 1);
} */

/* .onwer-personal-details input {
  width: 45%;
  padding: 15px;
  margin: 1rem;
  border: none;
  border-radius: 5px;
  background-color: rgba(241, 241, 241, 1);
} */
.onwer-personal-details-questions {
  width: 100%;
  /* border: 2px solid black; */
  margin-top: 2rem;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  text-align: justify;
}
.div-proposal-box .did-floating-input {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  background: #fff;
  color: #000;
  font-weight: 400;
  border: 1px solid #56b96c;
  border-radius: 4px;
  box-sizing: border-box;
  line-height: normal;
}
.div-proposal-box .did-floating-label {
  color: #000;
  font-size: 14px;
  position: absolute;
  pointer-events: none;
  font-weight: 600;
  left: 15px;
  top: -11px;
  padding: 0 5px;
  background: #fff;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  width: auto;
}
.onwer-personal-details-questions input {
  /* width: 10%; */
  padding: 15px;
  margin: 1rem;
  border: none;
  border-radius: 5px;
  background-color: rgba(241, 241, 241, 1);
  line-height: 0;
}
.onwer-personal-details-questions h4 {
  font-size: 16px;
  font-weight: 500;
  color: #333846;
}
.onwer-personal-details-questions label {
  width: 85%;
  margin: 1rem;
  border: none;
  border-radius: 5px;
  line-height: 1.5;
  font-size: 14px;
  font-family: Poppins, sans-serif;
  text-align: justify;
}

.addressCheckbox {
  margin-top: 1rem;
}

.addressCheckboxTitle {
  width: 100%;
  margin-bottom: 20px;
}
.addressCheckboxTitle .addressCheckboxInput {
  width: 1rem;
}
.pin-data {
  width: 45%;
  margin-left: 1rem;
}

.next-btn {
  /* display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  gap: 50px;
  width: 100%;

  padding: 20px; */
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  padding: 20px;
}
.pan-card-kyc {
  display: flex;
  flex-direction: row;
  padding: 6px 15px;
  /* background-color: #56b96c; */
  border-radius: 40px;
  margin-left: 10px;
}
.KYC Details {
  display: flex;
  flex-wrap: wrap;
  width: auto;
}
.pan-kyc {
  display: flex;
  flex-wrap: wrap;
}

.pan-kyc p {
  background: #fff1e1;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 22px;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.3;
  color: #333846;
  /* margin-left: 20px; */
  text-align: start;
}

#kyc-message {
  padding: 0;
  margin-left: 0px;
  background: none;
}

.kyc-details {
  display: flex;
  flex-direction: column;
  /* border: 1px solid black; */
  justify-content: start;
  flex-wrap: wrap;
  text-align: start;
}
.kyc-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.kyc-details h4 {
  display: flex;
  /* margin-top: 1.6rem; */
  /* margin-left: 20px; */
  color: #333846;
}

.kycBtn {
  background-color: #56b96c;
  border: none;
  color: #fff;
  margin: auto;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.next-btn-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  /* align-items: center; */
  text-align: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 15px;
  justify-content: center;
  /* padding: 20px; */
}
.next-btn-btn .proceedBtn1 {
  padding: 10px 50px;
  border: none;
  border-radius: 5px;
  background-color: #56b96c;
  color: #fff;
  font-size: 20px;
}

.next-btn .proceedBtn {
  padding: 1rem 6rem;
  margin: 1rem;
  border: none;
  border-radius: 5px;
  background-color: #56b96c;
  color: #fff;
  gap: 40px;
}

.processBtn {
  background-color: #56b96c;
  color: #fff;
}

.onwer-personal-details button:hover {
  background-color: #56b96c;
  color: #fff;
}
.plan-summary {
  width: 30%;
  /* height: 200px; */
  /* padding: 1rem; */
  /* background-color: #fff; */
  border-radius: 10px;
  /* margin-top: 1.5rem; */
  /* margin-right: 2rem; */
}
.plan-details {
  /* border: 1px solid black; */
  width: 100%;

  /* border: 2px solid black; */
  /* height: 200px; */
  padding: 1rem;
  background-color: #fff;
  border-radius: 10px;
  /* margin-top: 1.5rem; */
  /* margin-right: 2rem; */
}
.summary-img img {
  width: 100px;
}
.summary-details {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 1rem;
}
.plan-type {
  width: 100%;
}
.idv {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.idv h3 {
  color: #000;

  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px;
}
.idv h5 {
  color: #000;

  font-family: Jost;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px;
}
.summary-card {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.summary-card img {
  width: 100%;
  height: 100%;
}
.hypothecation {
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
}
.hypothecation input {
  width: 20px;
}
.hypothecation span {
  font-size: 0.8rem;
}

/*8------------about-bike--------**/
.about-bike-insurance {
  /* margin-top: 2rem; */
  /* border: 2px solid black; */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.about-bike-heading {
  width: 40%;
}
.about-bike-heading h1 {
  color: #000;

  font-family: Jost;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 45px; /* 160.714% */
  text-transform: capitalize;
}
.about-bike-heading h1 b {
  color: #000;
  text-align: justify;
  font-family: Jost;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 45px;
  text-transform: capitalize;
}
.about-bike-text {
  display: flex;

  align-items: start;
  padding-top: 1rem;
}
.about-bike-text p {
  color: #4f4f4f;
  padding-left: 10px;
  font-family: Jost;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.about-bike-img {
  margin-top: 3rem;
}

/* proposal form css------------ */

.text-boxt p {
  margin-left: 45px;
  line-height: 1;
}
.text-box-any-form {
  display: flex;
  flex-direction: column;
  /* width: 100%; */
  margin-left: 30px;
}
.month-year {
  display: flex;
  flex-direction: column;
  /* width: 100%; */
  /* border: 1px solid black; */
}
.month-year-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* border: 1px solid black; */
  margin-left: 45px;
}
.month-year input {
  width: 28%;
}
.Exact-Diagnosis input {
  width: 55%;
}
.proposal-cantainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-wrap: wrap;
}
.proposal-cantainer h4 {
  width: 95%;
}
.proposal-box {
  display: flex;
  flex-direction: column;
}
.text-box {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.text-box-div {
  display: flex;
  flex-direction: column;
  /* margin-left: 20px; */
  /* border: 1px solid black; */
}
.input-text {
  display: flex;
  flex-direction: row;
}
.text-small-div {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  /* border: 1px solid black; */
  line-height: 0;
}
.div-proposal {
  display: flex;
  flex-direction: row;
}
.div-proposal {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
}
.div-proposal-box {
  display: flex;
  /* margin-left: 45px; */
}

.text-box-self {
  display: flex;
  flex-direction: row;
  margin-left: 40px;
  /* border: 1px solid black; */
}
.mention-details {
  margin-left: 3.7rem;
  line-height: 0;
}
.mention-details input {
  margin: 0%;
  margin-top: 20px;
}

.proposal-text {
  display: flex;
  flex-direction: column;
  /* border: 1px solid black; */
  width: 100%;
}
.proposal-text p {
  display: flex;
  /* border: 1px solid black; */
  justify-content: start;
  text-align: justify;
  width: 90%;
  margin-left: 60px;
  font-size: small;
}
.proposal-text-hear {
  display: flex;
  flex-direction: column;
}
.proposal-text-self {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#root {
  overflow-x: hidden;
}

.paymentBtn {
  width: 14rem;
  padding: 0.7rem 0;
  border: none;
  background-color: #56b96c;
  color: #fff;
  border-radius: 0.625rem;
  margin-top: 2rem;
}

.main-owner-page {
  height: 100%;
}

.policy-outer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.policy-main {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.card-bodyy {
  width: 70%;
  margin-top: -40px;
  border-radius: 20px;
  padding: 40px;
  background-color: white;
  box-shadow: 10px 10px 233px -73px rgba(0, 0, 0, 0.75);
}
.card-bodyy-heading {
  height: 16rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to bottom, #5bb86ee8, #5bb86ee8);
  width: 100%;
}
.card-bodyy p {
  font-size: 17px !important;
}
/* 
.parivacyhero, .conditionhero {
  background-image: linear-gradient(to bottom, #5bb86ee8, #5bb86ee8);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 80px 0px 150px 0px;
} */

.findinsurance {
  /* padding: 30px 0; */
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
}
.findinscnt {
  width: 50%;
  padding: 0 30px 0 0;
}
.findinscnt h2 {
  color: #000;
  font-family: Montserrat;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 125.5%;
  margin: 0 0 10px;
}
.findinscnt p {
  color: #4f4f4f;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 16px;
}
.img-fluid {
  max-width: 100% !important;
  height: auto !important;
}

.howdowe {
  padding: 70px 0;
  /* background: #f1fdff; */
  background-image: linear-gradient(to bottom, #5bb86ee8, #5bb86ee8);
}
h2.howdoheading {
  color: white;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 125.5%;
  text-align: center;
  margin: 0 0 10px;
}
p.wedotitle {
  color: white;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 60px;
}
.ourmanegement {
  padding: 25px;
  transition: all ease 0.3s;
}
.ourmanegement h2 {
  color: white;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  text-transform: capitalize;
  margin: 20px 0 10px;
}
.ourmanegement p {
  color: white;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.visionsec {
  padding: 50px 0;
}
.visioncnt h2 {
  color: #000;
  font-family: Montserrat;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 125.5%;
  margin: 0 0 10px;
}
.visioncnt p {
  color: #4f4f4f;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.breadcrumb {
  /* background: #f1fdff; */
  background-image: linear-gradient(to bottom, #5bb86ee8, #5bb86ee8);
  padding: 20px 15px;
  text-align: center;
  justify-content: center;
}
.breadcrumb h2 {
  width: 100%;
  color: white;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 111.5%;
  margin: 0 0 3px;
}

.findinsurance-first {
  display: flex;
  width: 80%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
/* .health_quote .care-hospital {
  width: 20%;
} */
.health_quote .care-hospital h6 {
  text-align: center;
}
.quote-right {
  width: 48%;
  display: flex;
  gap: 15px;
}
.quote-left {
  display: flex;
  width: 48%;
  justify-content: space-between;
}

@media (max-width: 1200px) {
  .main-vehicle-owner {
    width: 100%;
    margin: 0;
  }
  .findinsurance-first {
    width: 85% !important;
  }
  .health-main-heading {
    width: 90%;
  }
  .health-heading-btn {
    width: 100%;
  }
  .progress-wrapper {
    width: 90% !important;
  }
  .progress-wrapper-button {
    margin-left: 0 !important;
  }
  /* .progress-wrapper-button {
    width: 90% !important;
  } */
  .health-heading-btn button {
    width: 80% !important;
  }
}

@media (max-width: 1590px) {
  /* .progress-wrapper {
    width: 80%;
  }
  .health-main-pera {
    width: 95%;
  }
  .progress-wrapper-button {
    display: grid;
    width: 85%;
    grid-template-columns: auto auto auto;
    padding: 10px;
    gap: 10px;
  } */
}
@media (max-width: 992px) {
  .health-img {
    width: 50%;
  }
  .visionsec img {
    width: 60% !important;
    margin-bottom: 15px;
  }
  .findinsurance-first {
    flex-direction: column-reverse !important;
    width: 95% !important;
  }
  .findinscnt {
    width: 100% !important;
  }
  .aboutimg {
    width: 40% !important;
  }
  .main-vehicle-owner {
    flex-direction: column;
  }
  .about-health-img {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .about-health-img img {
    width: 60% !important;
  }
  .health-main-pera {
    justify-content: center;
    align-items: center;
  }
  .next-btn-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .div-proposal-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
  }
  .plan-summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* margin: auto; */
    width: 100%;
    /* border: 2px solid black; */
    /* padding: 1rem; */
    background-color: #fff;
    border-radius: 10px;
    margin-top: 1.5rem;
    /* margin-right: 2rem; */
  }
  .summary-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 100%;
  }
  .onwer-personal-details-questions {
    display: flex;
    flex-direction: column;
  }
  .proposal-text-self {
    display: flex;
    flex-direction: row;
    width: 100;
  }
  .pan-kyc {
    width: 100%;
  }
}
@media (max-width: 830px) {
  .progress-wrapper-button {
    width: 100% !important;
  }

  .details-feild-inner {
    width: 100%;
  }
  .progress-wrapper-button {
    gap: 10px !important;
    padding: 0px;
  }
  .health-heading-btn button {
    width: 100% !important;
  }
  .health-sub-btn button {
    width: 100%;
    padding: 15px 25px;
  }
  .why-choose {
    margin-top: 3rem;
  }
  .progress-wrapper {
    width: 100% !important;
  }
}

@media (max-width: 570px) {
  .health-heading-btn button {
    width: 95% !important;
  }
  .sel-rto {
    width: 95% !important;
  }
  .enter-check {
    width: 100% !important;
  }
  .next-btn {
    padding: 6px !important;
  }
  .ourmanegement {
    padding: 18px !important;
  }
  .ourmanegement img {
    width: 40% !important;
  }
  .aboutimg {
    width: 60% !important;
  }
  .findinscnt {
    width: 90% !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .summary-card img {
    width: 90%;
    height: 100%;
  }
  .edit-button {
    margin-left: 0 !important;
  }
  .details-feild-inner {
    flex-direction: column !important;
  }
  .details-feild-inner div {
    width: 90%;
    margin-bottom: 10px;
  }
  .about-health-img img {
    width: 80% !important;
  }
  .about-health-insurance {
    margin-top: 1rem !important;
  }
  .ad-section-card p {
    height: unset;
    width: unset;
  }
  .health-heading-btn button {
    font-size: 0.9rem;
    padding: 1rem;
  }
  .progress-wrapper-button {
    grid-template-columns: auto auto;
  }
  .health-heading-btn {
    margin-top: 1rem;
  }
  .health-main-heading p {
    margin-bottom: 1.4rem;
    font-size: 14px;
  }
  .health-sub-btn {
    margin-top: 0.7rem;
  }
}

@media (max-width: 450px) {
  .details-feild-inner div {
    width: 100%;
  }
  .card-bodyy p {
    font-size: 14px !important;
  }
  .visionsec img {
    width: 100% !important;
    margin-bottom: 15px;
  }
  .details-feild input {
    padding: 12px;
  }
}
.display-card {
  background-color: #ffffff;
  box-shadow: 1px 5px 24px 0 rgb(68 102 242 / 5%);
  border: none;
  border-radius: 5px;
  padding: 25px;
}

.display-card .card-header {
  background-color: #ffffff;
  border-radius: 0;
  margin-bottom: 25px;
  padding: 0;
  border: none;
}

.display-card .card-header h3 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.display-card .card-header .dropdown .dropdown-toggle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #727e8c;
  font-size: 22px;
  line-height: 15px;
}

.display-card .card-header .dropdown .dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  margin-top: 35px !important;
  display: block;
  top: 0 !important;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transform: unset !important;
  left: auto !important;
  right: 0 !important;
}

.display-card .card-header .dropdown .dropdown-menu.show {
  margin-top: 25px !important;
  opacity: 1;
  visibility: visible;
}

.display-card .card-header .dropdown .dropdown-menu .dropdown-item {
  color: #7a7a7a;
  padding: 5px 15px 5px 36px;
  position: relative;
  font-size: 14px;
}

.display-card .card-header .dropdown .dropdown-menu .dropdown-item i {
  color: #686868;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 15px;
  top: 7px;
  font-size: 16px;
}

.display-card .card-header .dropdown .dropdown-toggle::after {
  display: none;
}