.signup-page1-container {
  margin-top: 107px;
  height: 100%;
  width: 100%;
  background-color: #ebebeb;
}

.signup-page1-wrapper {
  padding: 70px 130px;
  background-color: #ffffff;
}
.signup_page_new_head_wrapper
{
  /* padding: 40px 130px 10px; */
  padding: 10px 40px 10px;
}
.signup-page2-wrapper {
  padding: 30px 130px 70px;
  background-color: #ffffff;
}

.signup-step-container-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.signup-step-container {
  height: 8px;
  width: 100%;
  background-color: #ccc;
  position: relative;
  border-radius: 200px;
  max-width: 600px;
}
.signup-step-container .signup-step-bullets {
  height: 34px;
  width: 100%;
  position: absolute;
  top: -15.5px;
  display: flex;
  justify-content: space-between;
}
.signup-step-container .signup-step-bullets .signup-step-bullet {
  width: 35px;
  height: 100%;
  border: 1px solid #ccc;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signup-step-container .signup-step-bullets .signup-step-bullet span {
  font: 700 15px/143% Inter-Bold;
  color: #333;
}

.signup-step-container
  .signup-step-bullets
  .signup-step-bullet.step-bullet-active {
    width: 35px;
    height: 100%;
    border: 5px solid #d5d5d5;
    background-color: #f98d00;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.signup-step-container
  .signup-step-bullets
  .signup-step-bullet.step-bullet-active
  span {
  color: #ffffff;
}

.signup-step-container .signup-step-texts {
  height: 20px;
  width: 100%;
  position: absolute;
  top: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.signup-step-container .signup-step-texts p {
  margin: 0;
  font: 400 13px/15px Inter-Regular;
  color: #7d7d7d;
}
.signup-step-container .signup-step-texts .step-text-active {
  color: #f98d00;
}

.signup-profileAndLogo {
  height: 70px;
  width: 100%;
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.signup-profile-text {
  display: flex;
  gap: 10px;
  align-items: center;
}
.signup-profile-text h4 {
  margin: 0;
  font: 500 22px/24px Inter-Medium;
  color: #3f3f3f;
}
.signup-profileAndLogo .signup-profile-text {
  display: flex;
  gap: 10px;
  align-items: center;
}
.signup-profile-user-icon {
  width: 26px;
  height: 26px;
}
.signup-profile-user-icon img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.signup-profileAndLogo .signup-profile-text h4 {
  margin: 0;
  font: 500 22px/24px Inter-Medium;
  color: #3f3f3f;
}

.signup-profile-logo {
  width: 150px;
  /* height: 100%; */
}
.signup-profile-logo img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.signup-horiz-rule {
  margin: 5px 0;
}

.signup1-form-container {
  width: 100%;
  margin-top: 15px;
}
.signup1-form-fields {
  width: 100%;
}
.signup1-form-pricePlan {
  width: 100%;
  background-color: #f6f6f6;
}
.signup1-price-item {
  width: 100%;
  background-color: #f98d00;
  display: flex;
  align-items: center;
  gap: 10px;
}
.signup1-price-item p {
  margin: 0;
  font: 400 13px/143% Inter-Regular;
}
.signup1-price-item .signup1-price-item-img {
  height: 14px;
  width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signup1-price-item .signup1-price-item-img img {
  height: 100%;
  width: 100%;
  object-fit: fill;
}

.signup1-price-New-features {
  margin: 10px 0;
  font: 700 14px/110% Inter-Bold;
}

.signup1-form-pricePlan-ul {
  margin: 0;
  width: 100%;
  /* max-height: 356px; */
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.signup1-form-pricePlan-ul li {
  font: 400 13px/16px Inter-Regular;
  display: flex;
  /* width: 50%; */
  align-items: center;
  gap: 10px;
}
.signup1-form-pricePlan-ul .signup1-form-pricePlan-green-tick::before {
  content: url("../images/green-small.png");
  margin-top: 4px;
}

.signup1-form-price-heading {
  height: 34px;
  background-color: #0084c0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.signup1-form-price-heading h3 {
  margin: 0;
  color: #ffffff;
  font: 700 16px/143% Inter-Bold;
}

.signup1-form-fields {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.login-form-input {
  height: 64px;
  display: flex;
  /* flex-direction: column;
  justify-content: space-between; */
  position: relative;
}

.login-form-input input::placeholder {
  color: #7b8389;
  font: 400 14px/18px Inter-Regular;
}

.login-form-input .login-form-input-label {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.singup-step-one .login-form-input .login-form-input-label {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 30%;
}
.login-form-input .login-form-input-label label {
  color: #646464;
  font: 500 14px/15px Inter-Medium;
}

.login-form-input .login-email-field {
  width: 100%;
  border: 1px solid #dddddd;
  border-radius: 0.3rem;
  height: 46px;
  display: flex;
}

.singup-step-one .login-form-input .login-email-field {
  /* width: 100%; */
  border: 1px solid #dddddd;
  border-radius: 0.3rem;
  height: 46px;
  display: flex;
  width: 70%;
}

.input-icon {
  width: 52px;
  border-radius: 0.3rem;
  height: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-icon span {
  width: 24px;
  height: 24px;
}
.input-icon span img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.login-form-input .login-email-field input {
  height: 100%;
  width: calc(100% - 52px);
  border: none;
  border-radius: 0.3rem;
  background-color: #ffffff;
  outline: none;
  padding: 20px 0;
  padding-right: 5px;
  font: 400 14px/14px Inter-Regular;
  color: #292731;
}

.billing-info-form-input {
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.billing-info-form-input .state-error {
 left: 153px;
}

.billing-info-form-input input::placeholder {
  color: #7b8389;
  font: 400 14px/18px Inter-Regular;
}

.billing-info-form-input .login-form-input-label {
  height: 19px;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.billing-info-form-input .login-form-input-label label {
  color: #646464;
  font: 500 14px/15px Inter-Medium;
}

.billing-info-form-input .login-email-field {
  width: 100%;
  border: 1px solid #dddddd;
  border-radius: 0.3rem;
  height: 44px;
  display: flex;
}

.billing-info-form-input .login-email-field input {
  height: 100%;
  width: calc(100% - 52px);
  border: none;
  border-radius: 0.3rem;
  background-color: #ffffff;
  outline: none;
  padding: 20px 0;
  padding-right: 5px;
  font: 400 14px/14px Inter-Regular;
  color: #292731;
}

.login-form-input .login-form-password-field {
  height: 46px;
  border: 1px solid #dddddd;
  border-radius: 0.3rem;
  display: flex;
}

.singup-step-one .login-form-input .login-form-password-field {
  /* height: 46px;
  border: 1px solid #dddddd;
  border-radius: 0.3rem;
  display: flex; */
  width: 70%;
}

.login-form-input.signup-password{
  height: 82px;
}
.login-form-input .login-form-password-field input {
  height: 100%;
  outline: none;
  border: none;
  padding: 20px 0;
  padding-right: 5px;
  font: 400 14px/14px Inter-Regular;
  color: #292731;
  width: calc(100% - 104px);
  /* width: 100%; */
  border-radius: 0.3rem;
}
.login-form-input .login-form-password-field .login-eye-button {
  height: 100%;
  width: 52px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
}

.contact-form-select {
  border: 1px solid #dddddd;
  height: 46px;
  width: 100%;
  border-radius: 4px;
  outline: none;
  padding: 0px 20px;
  /* color: #7B8389;
  font: 400 16px/18px Inter-Regular; */
  color: #646464;
  font: 500 14px/16px Inter-Medium;
  background-image: url("../images/contact_dropdown_icon.svg");
  background-size: unset;
}
.form-select:focus {
  box-shadow: none;
}

.contact-form-select option {
  color: #292731;
}

.signup1-help-me-decide {
  margin-top: -10px;
  color: #007fb4;
  font: 500 14px/15px Inter-Medium;
}
.signup1-help-me-decide:hover {
  text-decoration: underline;
}

.signup1-form-checkbox-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* margin-top: 30px; */
}

.billing-info-form-checkbox-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.signup1-form-continue-btn {
  height: 46px;
  outline: none;
  border: none;
  border: 1px solid #db8600;
  background-color: #f98d00;
  padding: 0 25px;
  border-radius: 8px;
  text-shadow: 0px 1px 1px #262626;
  color: #ffffff;
  font: 500 20px/22px Inter-Medium;
}
.signup1-form-checkbox-text {
  color: #646464;
  font: 500 13px/15px Inter-Medium;
}
.signup1-form-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Add a property css start  */
.signup-add-property-para {
  margin: 0;
  margin-top: 25px;
  font: 500 14px/143% Inter-Medium;
}

.signup-add-property-address-apn-container {
  height: 300px;
  width: 100%;
  background-color: #f6f6f6;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
}

.signup-add-property-address-apn-container h3 {
  margin: 0;
  padding: 20px 15px;
  color: #646464;
  font: 500 17px/18px Inter-Medium;
}
.signup-add-property-address-apn-container .signup-add-property-cast-month {
  width: 100%;
  height: calc(100% - 58px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.signup-add-property-address-apn-container
  .signup-add-property-cast-month
  .signup-add-property-cast-month-container {
  width: 100%;
  height: 43px;
  border-top: 1px solid #d8d8d8;
  padding: 0 15px;
}

.signup-add-property-cast-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}

.signup-add-property-cast-text span {
  color: #646464;
  font: 500 12px/14px Inter-Medium;
}

.signup-add-property-cast-month-container .signup-add-property-cast-month-text {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.signup-add-property-cast-month-container
  .signup-add-property-cast-month-text
  p {
  margin: 0;
  color: #646464;
  font: 500 12px/14px Inter-Medium;
}

.signup-add-property-cast-month-container
  .signup-add-property-cast-month-text
  span {
  color: #646464;
  font: 800 15px/16px Inter-ExtraBold;
}

.signup-add-property-cost-estim-para {
  margin: 0;
  padding-top: 10px;
  color: #646464;
  font: 500 11px/14px Inter-Medium;
  text-align: center;
}

.signup-add-property-address-apn-row {
  height: 100%;
  padding: 20px 15px;
}

.border-remove {
  border: none !important;
}

.signup-add-property-address {
  width: 100%;
  height: 100%;
  padding-right: 15px;
  border-right: 1px solid #d8d8d8;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.signup-add-property-address h4 {
  margin: 0;
  color: #3f3f3f;
  font: 500 17px/18px Inter-Medium;
}
.signup-add-property-address p {
  margin: 0;
  color: #646464;
  font: 500 12px/16px Inter-Medium;
}

.signup-add-property-address-property-info {
  width: 100%;
  margin-top: 30px;
}
.signup-add-property-address-property-info h4 {
  margin: 0;
  color: #646464;
  font: 500 17px/18px Inter-Medium;
}

.signup-add-property-input-row {
  position: relative;
  width: 100%;
  height: 34px;
  display: flex;
  gap: 15px;
}

.signup-add-property-input-field {
  width: calc(50% - 7.5px);
  height: 34px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.signup-add-property-input-field input {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 4px;
  outline: none;
  padding: 6px 12px;
  color: #646464;
  font: 500 14px/16px Inter-Medium;
}
.signup-add-property-input-field input::placeholder {
  color: #7b8389;
  font: 400 13px/15px Inter-Regular;
}

.signup-add-property-input-field .signup-add-property-select {
  height: 100%;
  border: none;
}

.signup-add-property-input-go-btn {
  height: 40px;
  width: 108px;
  margin-top: 17px;
  outline: none;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  box-shadow: 0px 1px 1px #999;
  color: #007bb2;
  font: 500 16px/18px Inter-Medium;
  align-self: center;
}

.signup-page2-back-btn-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 60px;
}

.signup-page2-back-btn-wrapper .signup-page2-back-btn {
  height: 32px;
  width: 74px;
  background-color: #007fb5;
  border: none;
  border-radius: 0 5px 5px 0;
  color: #ffffff;
  font: 500 14px/16px Inter-Medium;
  position: relative;
}
.signup-page2-back-btn-wrapper .signup-page2-back-btn::before {
  border-color: transparent #007fb5 transparent transparent;
  border-style: solid;
  border-width: 16px 17px 16px 0;
  bottom: 0;
  content: "";
  left: -17px;
  position: absolute;
}

.signup-add-more-property-btn-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.signup-add-more-property-btn-container .signup-add-more-property-btn {
  height: 40px;
  width: 185px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  box-shadow: 0px 1px 1px #999;
  color: #007bb2;
  background: linear-gradient(180deg, #ffffff 0%, #ddd 100%);
  font: 500 16px/18px Inter-Medium;
}

.cross-remove-property {
  height: 23px;
  width: 31px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  box-shadow: 0px 1px 1px #999;
  color: #007bb2;
  font: 500 14px/14px Inter-Medium;
  background: linear-gradient(180deg, #ffffff 0%, #ddd 100%);
}

/* blog table start */
.blogTable thead tr th {
  color: #646464 !important;
  font: 800 13px/15px Inter-ExtraBold;
  text-align: left;
  border: none;
}

.blogTable tr td {
  color: #666666;
  text-align: left;
  font: 500 12px/14px Inter-Medium;
  border: none;
}

.blogTable tr td:last-child {
  border: none;
}
/* blog table end  */

/* modal css start  */
.add-property-custom-modal-header {
  background-color: #007fb4;
  height: 60px;
}
.add-property-custom-modal-header h1 {
  color: #ffffff;
  font: 500 17px/18px Inter-Medium;
}
/* modal css end  */
/* Add a property css end  */

/* billing info start  */
.signup-billing-info-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.billing-info-form-input .billing-info-payment-methods {
  height: 44px;
  width: 100%;
  display: flex;
  gap: 5px;
  align-content: center;
}

.billing-info-form-input
  .billing-info-payment-methods
  .billing-info-payment-method {
  height: 100%;
  width: 70px;
}

.billing-info-form-input
  .billing-info-payment-methods
  .billing-info-choosen-heading {
  height: 100%;
  display: flex;
  align-items: center;
}
.billing-info-form-input
  .billing-info-payment-methods
  .billing-info-choosen-heading
  h4 {
  margin: 0;
  color: #3f3f3f;
  font: 700 18px/20px Inter-Bold;
}

.billing-info-form-input
  .billing-info-payment-methods
  .billing-info-payment-method
  img {
  height: 100%;
  width: 100%;
  object-fit: fill;
}

.billing-info-last-para {
  margin: 0;
  color: #646464;
  font: 500 10px/16px Inter-Medium;
  text-align: justify;
  margin-top: 20px;
}
.billing-info-terms-condition {
  color: #337ab7;
}
.billing-info-terms-condition:hover {
  text-decoration: underline;
}
/* billing info css end */

/* media query start  */
/* 
@media (max-width: 1210px) {

} */
@media(max-width:1199px){
  .signup-step-container-wrapper{
    justify-content: center;
  }
  .signup_page_new_head_wrapper{
    padding: 40px 40px 10px;
  }
  .signup1-form-container-row {
    flex-direction: column-reverse;
  }
  .signup-page1-right-part {
    width: 100%;
  }
  .signup-page1-left-part {
    width: 100%;
  }
  .tabContentPrice{
    margin-bottom: 20px;
  }
}
@media (max-width: 830px) {
  .signup-page1-wrapper {
    padding: 70px 40px;
  }
}

@media (max-width: 767px) {
  .signup-page1-left-part .signup-add-property-address-apn-container {
    height: unset;
  }
  .signup-add-property-address {
    border: none;
  }
  .signup-add-property-address-apn-row {
    row-gap: 30px;
  }
}

@media (max-width: 645px) {
  .signup1-form-pricePlan-ul {
    max-height: unset;
    flex-wrap: unset;
  }

  .signup1-form-pricePlan-ul li {
    width: 100%;
  }

  .signup-profileAndLogo {
    margin-top: 130px;
    flex-direction: column-reverse;
    row-gap: 20px;
  }
}

@media(max-width:575px){
  .signup-page1-container{
    margin-top: 98px;
  }
  .signup-page1-wrapper{
    padding: 30px 30px 70px;
  }
  .login-form-input{
    flex-wrap: wrap;
  }
  .singup-step-one .login-form-input .login-form-input-label{
    width: 100%;
  }
  .singup-step-one .login-form-input .login-email-field{
    width: 100%;
  }
  .singup-step-one .login-form-input .login-form-password-field{
    width: 100%;
  }
  .login-form-input{
    height: 90px;
    margin-bottom: 10px;
  }
}

@media (max-width: 550px) {
  .signup-billing-info-container{
    row-gap: 25px;
  }
  .billing-info-form-input{
    flex-direction: column;
    row-gap: 10px;
    height: auto;
  }
  .billing-info-form-input .login-form-input-label{
    width: 100%;
  }
}


@media (max-width: 463px) {
  .blogTable thead tr th{
    text-align: center;
    font: 800 10px / 12px Inter-ExtraBold;
  }
  .blogTable tr td{
    text-align: center;
    font: 500 8px /10px Inter-Medium;
  }
  .cross-remove-property{
    height: 14px;
    width: 20px;
    font: 500 8px / 8px Inter-Medium;
  }
}



@media (max-width: 420px) {
  .signup-page1-wrapper {
    padding: 30px 10px 70px;
  }
  .signup-step-container {
    max-width: 240px;
  }
  .signup1-form-checkbox-container {
    flex-direction: column;
    row-gap: 20px;
  }
  .signup-profileAndLogo {
    margin-top: 130px;
    flex-direction: column-reverse;
    row-gap: 20px;
  }

  .signup-add-property-para {
    margin: 0;
    margin-top: 25px;
    font: 500 11px / 13px Inter-Medium;
  }

  .signup-add-property-input-row {
    flex-direction: column;
    height: auto;
  }
  .signup-add-property-input-field{
    width:100%;
    position: relative;
  }
}
@media (max-width: 350px) {
  .signup-step-container .signup-step-texts p {
    font: 400 10px/13px Inter-Regular;
  }
  .signup-step-container {
    max-width: 200px;
  }
  .billing-info-form-input .billing-info-payment-methods{
    flex-wrap: wrap;
    height: auto;
  }
  .billing-info-form-input .billing-info-payment-methods .billing-info-payment-method{
    flex-basis: 25%;
  }
}

/* media query end  */

.cost-estimation-property-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  padding-bottom: 10px;
}


.cost-estimation-property-list::-webkit-scrollbar {
  width: 3px;
  background-color: #ffffff;
}

.cost-estimation-property-list::-webkit-scrollbar-thumb {
  background-color: #007fb5;
  border-radius: 3px;
  width: 3px;
}

.signup-page1-right-part .nav-pills{
  background: #0084c0;
}

.signup-page1-right-part .tab-pane{

}

.signup-page1-right-part .nav-item{
  width: 33.33%;
  background: #0084c0;
  color: #ffffff;
  border-right: 1px solid #fff;
  padding: 10px 20px 10px;
 border-radius: 0;
 font: 700 16px / 143% Inter-Bold;
 text-align: center;
 border-radius: 0;
 cursor: pointer;
}
.signup-page1-right-part .nav-item:nth-last-child(1){
  border-right: 0;
}
/* .signup-page1-right-part .nav-item .nav-link{
width: 100%;
 color: #ffffff;
 padding: 10px 20px;
 border-radius: 0;
 font: 700 16px / 143% Inter-Bold;
 text-align: center;
 border-radius: 0;
} */

.signup-page1-right-part .nav-item.active{
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  background: linear-gradient(135deg, #eb8e15 0%, #814f0e 100%);
  border-radius: 0;
}
.pl-38{
  padding-left: 38px;
}

@media(max-width:575px){
  .signup-page1-right-part .nav-item{
    width: 100%;
  }
}


.priceTitle{
  margin: 12px 40px;
  font: 700 22px / 110% Inter-Bold;
  color: #ffa229;
}


.max-view-1200{
  display: none;
}

/* .min-view-1200{
  display: none;
} */

@media(max-width:1199px){
  .max-view-1200{
display: block
  }
  .min-view-1200{
    display: none;
  }
}
.inquiry-btn { 
  padding: 10px 12px;
  font-weight: 700;
  color: #fff !important;
  display: inline-block;
  border-radius: 4px;
  background: #f99500 !important;
  border: none;
}