#heroFormBannerMain { padding-top: 140px !important; }
.heroFormBannerSection h1.logo-title { font-size: 76px; letter-spacing: -3px; line-height: 0.9; font-weight: 700; color: #FFFFFF; }
.heroFormBannerSection .bannerTaglineCls h2.banner-tagline { font-size: 25px; font-weight: 600; line-height: 1.2; color: #FFFFFF; margin-top: 15px; }
.heroFormBannerSection .homeForm h6.form-title-cls { font-size: 19px; }

#heroFormBannerMain .heroBannerLinkParent { display: none; }


.white-bg-form.qualityContractorForm, .white-bg-form.qualityContractorForm form { background-color: #FFFFFF; }
.white-bg-form.qualityContractorForm form h6, .white-bg-form.qualityContractorForm form input[type=text], .white-bg-form.qualityContractorForm form input[type=search], .white-bg-form.qualityContractorForm form input[type=email], .white-bg-form.qualityContractorForm form input[type=password], .white-bg-form.qualityContractorForm form input[type=tel], form input[type=number], .white-bg-form.qualityContractorForm form input[type=file], .white-bg-form.qualityContractorForm form select, .white-bg-form.qualityContractorForm form textarea { color: #202020; }
.white-bg-form.qualityContractorForm form input::placeholder, .white-bg-form.qualityContractorForm form input::-webkit-input-placeholder, .white-bg-form.qualityContractorForm form textarea::placeholder { color: #202020; }
.white-bg-form.qualityContractorForm form .hs-form-checkbox input+span { color: #202020; }
.white-bg-form.qualityContractorForm form .hs-form-checkbox input+span:before { border: 1px solid #202020; }
.white-bg-form.qualityContractorForm form input[type=submit]:hover, .white-bg-form.qualityContractorForm form input[type=submit]:focus, .white-bg-form.qualityContractorForm form .hs-button:hover, .white-bg-form.qualityContractorForm form .hs-button:focus { border: 1px solid #202020; }
.white-bg-form.qualityContractorForm .clearButton { color: #202020; border: 1px solid #202020; }
.white-bg-form.qualityContractorForm .clearButton:hover { border: 1px solid #83CDB8; }
.white-bg-form.qualityContractorForm form .hs-form-checkbox input+span .terms-cls { color: #202020; }
.white-bg-form.qualityContractorForm form .hs-form-checkbox input+span .terms-cls:focus, .white-bg-form.qualityContractorForm form .hs-form-checkbox input+span .terms-cls:hover { color: #83CDB8; }
.mainFormBannerSection .homeForm h6.form-title-cls { margin-bottom: 1.2rem; font-size: 19px; color: #FFFFFF; font-weight: 500; }
.mainFormBannerSection .homeForm form .hs-richtext { display: none; }
.white-bg-form.qualityContractorForm h6.form-title-cls { color: #202020; }

.heroFormBannerSection.contractorReviewCls { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: flex; align-items: center; margin: 0 auto; right: 0; justify-content: center; padding: 120px 0px; min-height: 97vh; }
.heroFormBannerSection.contractorReviewCls .heroFormBannerInner { justify-content: center; }
.heroFormBannerSection.contractorReviewCls .heroFormParent { max-width: 54%; }
.heroFormBannerSection.contractorReviewCls form .rowCls { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; gap: 1.5em; }
.heroFormBannerSection.contractorReviewCls form .rowCls .input-field { width: 50%; }
.heroFormBannerSection.contractorReviewCls form input[type=text], .heroFormBannerSection.contractorReviewCls form input[type=search], .heroFormBannerSection.contractorReviewCls form input[type=email], .heroFormBannerSection.contractorReviewCls form input[type=password], .heroFormBannerSection.contractorReviewCls form input[type=tel], .heroFormBannerSection.contractorReviewCls form input[type=number], .heroFormBannerSection.contractorReviewCls form input[type=file], .heroFormBannerSection.contractorReviewCls form select, .heroFormBannerSection.contractorReviewCls form textarea { font-size: 16px; padding: 9px 0 5px 5px; line-height: 1.1; }
.heroFormBannerSection.contractorReviewCls form .selectCls { display: flex; position: relative; }
/* .heroFormBannerSection.contractorReviewCls form .selectCls::after { content: "\f078";font-family: Font Awesome\ 5 Free; /*content: '\25BC'; / position: absolute; top: 50%; right: 5px; transform: translateY(-50%); pointer-events: none; color: #202020; } */
.heroFormBannerSection.contractorReviewCls form .selectCls select { width: 100%; z-index: 999; }
.heroFormBannerSection.contractorReviewCls form .selectCls .arrow-icon-cls { width: 0%; position: relative; right: 22px; top: 8px; }
.heroFormBannerSection.contractorReviewCls form .selectCls .arrow-icon-cls > svg { fill: #333333; height: 18px; width: 18px; }
.heroFormBannerSection.contractorReviewCls form select:focus { outline: none; }
.heroFormBannerSection.contractorReviewCls .homeForm h6.form-title-cls { text-align: center; font-size: 24px; } 
.heroFormBannerSection.contractorReviewCls form .submit-button { margin-top: 20px; text-align: right; }
.heroFormBannerSection.contractorReviewCls form .submit-button input[type=submit] { padding: 13px 40px; border-radius: 2px; font-size: 18px; }
.heroFormBannerSection.contractorReviewCls .qualityContractorForm { border: 3px solid #6A6868; border-radius: 4px; padding: 28px 32px; }
.heroFormBannerSection.contractorReviewCls h1 { text-transform: uppercase; font-size: 40px; text-align: center; margin-bottom: 12px; padding: 0 20px; }
.heroFormBannerSection.contractorReviewCls #form-messages .error { color: #FF0000; }
.heroFormBannerSection.contractorReviewCls #form-messages-success .success { color: #008000; }
.heroFormBannerSection.contractorReviewCls.LoaderOn .pageLoader { display: flex !important; }
.heroFormBannerSection.contractorReviewCls .pageLoader { align-items: center; background: rgba(0, 0, 0, .7); bottom: 0; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 999; }
.heroFormBannerSection.contractorReviewCls .lds-ripple { display: inline-block; height: 80px; position: relative; width: 80px; }
.heroFormBannerSection.contractorReviewCls .lds-ripple div { animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite; border: 4px solid #fff; border-radius: 50%; opacity: 1; position: absolute; }

@keyframes lds-ripple {
  0% {
      height: 0;
      left: 36px;
      opacity: 1;
      top: 36px;
      width: 0;
  }
  100% {
      height: 72px;
      left: 0;
      opacity: 0;
      top: 0;
      width: 72px;
  }
}






@media screen and (max-width: 1320px) {
  .heroFormBannerSection .bannerTaglineCls h1.logo-title { font-size: 60px; }
  .heroFormBannerSection.contractorReviewCls .heroFormParent { max-width: 60%; }
}

@media screen and (max-width: 1199px) {
  .heroFormBannerSection h1.logo-title { font-size: 70px; }
  .heroFormBannerSection .homeForm h6.form-title-cls { font-size: 18px; }
  .heroFormBannerSection .bannerTaglineCls h1.logo-title { font-size: 50px; margin-bottom: 10px; }
  .heroFormBannerSection.contractorReviewCls .heroFormParent { max-width: 80%; }
}

@media screen and (max-width: 1024px) {
  .heroFormBannerSection .bannerTaglineCls h2.banner-tagline { font-size: 20px; }
}

@media screen and (max-width: 1199px) and (min-width: 991px) {
  .heroFormBannerSection .bannerTaglineCls h2.banner-tagline { font-size: 22px; }
  
}

@media screen and (max-width: 991px) {
  form .hs-project_size___search_main__cloned___field_test_ { width: 103% !important; }
  #heroFormBannerMain.mainFormBannerSection .heroBannerLinkParent { display: block; }
  .heroFormBannerSection.contractorReviewCls .heroFormBannerInner { align-items: center; }
/*   .mainFormBannerSection .heroFormParent { display: none; opacity: 0;transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; position: relative; } 
  .mainFormBannerSection .heroFormParent.active { display: block; opacity: 1; transform: translateY(0); } */
    
  .heroFormBannerSection .bannerTaglineCls h2.banner-tagline { font-size: 20px; }
  .heroFormBannerSection .heroFormParent { width: 100%; }
  .heroFormBannerSection.contractorReviewCls .heroFormParent { max-width: 100%; }
  .heroFormBannerSection.contractorReviewCls form input[type=email], .heroFormBannerSection.contractorReviewCls form input[type=file], .heroFormBannerSection.contractorReviewCls form input[type=number], .heroFormBannerSection.contractorReviewCls form input[type=password], .heroFormBannerSection.contractorReviewCls form input[type=search], .heroFormBannerSection.contractorReviewCls form input[type=tel], .heroFormBannerSection.contractorReviewCls form input[type=text], .heroFormBannerSection.contractorReviewCls form select, .heroFormBannerSection.contractorReviewCls form textarea { line-height: 1.2; }
}

@media screen and (max-width:768px) {
  #heroFormBannerMain {  padding-top: 150px !important; }
}

@media screen and (max-width: 640px) {
  .heroFormBannerSection .homeForm h6.form-title-cls { text-align: center; }
  .heroFormBannerSection.contractorReviewCls h1 { font-size: 30px; line-height: 1.1; padding: 0 10px; }
}

@media screen and (max-width: 575px) {
  .heroFormBannerSection.contractorReviewCls form .rowCls { flex-wrap: wrap; gap: 0.5em; }
  .heroFormBannerSection.contractorReviewCls form .rowCls .input-field { width: 100%; }
  .heroFormBannerSection.contractorReviewCls h1 { font-size: 23px; }
  .heroFormBannerSection.contractorReviewCls .qualityContractorForm { padding: 20px 15px; }
}
