@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
.boxSizing {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.flex-display {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flexbox;
 display: -ms-flex;
 display: flex;
}
.align-items-center {
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 -moz-align-items: center;
 -ms-align-items: center;
 align-items: center;
}
@keyframes animate-fade-in {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
@-webkit-keyframes animate-fade-in {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
@-moz-keyframes animate-fade-in {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
@-o-keyframes animate-fade-in {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
@keyframes animate-fade-up {
 0% {
  transform: translateY(100px);
  opacity: 0;
 }
 100% {
  transform: translateY(0);
  opacity: 1;
 }
}
@-webkit-keyframes animate-fade-up {
 0% {
  transform: translateY(100px);
  opacity: 0;
 }
 100% {
  transform: translateY(0);
  opacity: 1;
 }
}
@-moz-keyframes animate-fade-up {
 0% {
  transform: translateY(100px);
  opacity: 0;
 }
 100% {
  transform: translateY(0);
  opacity: 1;
 }
}
@-o-keyframes animate-fade-up {
 0% {
  transform: translateY(100px);
  opacity: 0;
 }
 100% {
  transform: translateY(0);
  opacity: 1;
 }
}
@-webkit-keyframes seconds {
 0% {
  opacity: 1;
  z-index: 9999;
 }
 100% {
  position: absolute;
  opacity: 0;
  z-index: -9999;
 }
}
@keyframes seconds {
 0% {
  opacity: 1;
  z-index: 9999;
 }
 100% {
  position: absolute;
  opacity: 0;
  z-index: -9999;
 }
}
@keyframes seconds {
 0% {
  opacity: 1;
  z-index: 9999;
 }
 100% {
  position: absolute;
  opacity: 0;
  z-index: -9999;
 }
}
@-webkit-keyframes slideUp {
 0% {
  -webkit-transform: translateY(6.25rem);
  transform: translateY(6.25rem);
 }
 100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
@keyframes slideUp {
 0% {
  -webkit-transform: translateY(6.25rem);
  transform: translateY(6.25rem);
 }
 100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
@keyframes shake {
 10%,
 90% {
  transform: translate3d(-1px,0,0);
 }
 20%,
 80% {
  transform: translate3d(2px,0,0);
 }
 30%,
 50%,
 70% {
  transform: translate3d(-4px,0,0);
 }
 40%,
 60% {
  transform: translate3d(4px,0,0);
 }
}
@-webkit-keyframes nx-pulse {
 0% {
  box-shadow: 0 0 0 0 #ff962c;
 }
 100% {
  box-shadow: 0 0 0 20px rgba(255,150,44,0);
 }
}
@-moz-keyframes nx-pulse {
 0% {
  box-shadow: 0 0 0 0 #ff962c;
 }
 100% {
  box-shadow: 0 0 0 20px rgba(255,150,44,0);
 }
}
@keyframes nx-pulse {
 0% {
  box-shadow: 0 0 0 0 var(--secondary);
 }
 100% {
  box-shadow: 0 0 0 20px rgba(255,150,44,0);
 }
}
@-webkit-keyframes nx-fade-in {
 0%,
 100% {
  opacity: 0;
 }
 14%,
 40% {
  opacity: 1;
 }
}
@-moz-keyframes nx-fade-in {
 0%,
 100% {
  opacity: 0;
 }
 14%,
 40% {
  opacity: 1;
 }
}
@keyframes nx-fade-in {
 0%,
 100% {
  opacity: 0;
 }
 14%,
 40% {
  opacity: 1;
 }
}
.flex-display {
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flexbox;
 display: -ms-flex;
 display: flex;
}
.align-items-center {
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 -moz-align-items: center;
 -ms-align-items: center;
 align-items: center;
}
.experience_title {
 font-size: 40px;
}
.main_title {
 font-size: 36px;
}
.main_subtitle {
 font-size: 28px;
}
.content_title {
 font-size: 24px;
}
.content_subtitle {
 font-size: 18px;
}
.extra_size16 {
 font-size: 16px;
}
.default_size {
 font-size: 16px;
}
.medium_text {
 font-size: 13px;
}
.small_text {
 font-size: 12px;
}
.smallest_text {
 font-size: 11px;
}
.tiny_text {
 font-size: 9px;
}
.pos_rel {
 position: relative;
}
.pos_abs {
 position: absolute;
}
.italic {
 font-style: italic;
}
.normal {
 font-weight: normal;
}
p {
 margin: 0 0 1.2em;
 padding: 0;
}
ol,
ul {
 list-style: none;
}
h1 {
 font-size: 18px;
 margin-bottom: 5px;
 line-height: 1.2em;
}
h2 {
 margin-bottom: 5px;
}
label {
 display: block;
 margin-bottom: 2px;
}
.h40 {
 height: 40px;
}
.pt10 {
 padding-top: 10px;
}
.w400 {
 width: 400px;
}
.ml10 {
 margin-left: 10px;
}
.mb30 {
 margin-bottom: 30px;
}
.mt15 {
 margin-top: 15px;
}
.mt10 {
 margin-top: 10px;
}
.mbx10 {
 margin-bottom: -10px;
}
.center {
 text-align: center;
}
.hidden {
 display: none;
}
.bold {
 font-weight: bold;
}
.color_link {
 color: var(--secondary);
}
.no_box_shadow {
 box-shadow: none !important;
}
.dark_gray {
 color: var(--foreground);
}
.color_middle {
 color: var(--slate);
}
.color_white_f {
 color: #fff !important;
}
.color_white {
 color: #fff;
}
.color_light {
 color: var(--foreground);
}
.NxRCorners {
 -webkit-border-radius: 0.75rem;
 -moz-border-radius: 0.75rem;
 border-radius: 0.75rem;
}
.fl {
 float: left;
}
.fr {
 float: right;
}
.cb {
 clear: both;
}
.db {
 display: block !important;
}
.dib {
 display: inline-block;
}
.minh50 {
 min-height: 50px;
}
.backsize {
 background-size: cover;
 -o-background-size: cover;
 -webkit-background-size: cover;
}
.ng-cloak {
 display: none !important;
}
.btn {
 background: var(--secondary);
 color: var(--foreground);
 display: inline-block;
 border-radius: 0.75rem;
 text-decoration: none;
 padding: 6px 12px;
 margin-bottom: 0;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.42857143;
 white-space: nowrap;
 text-align: center;
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border: none;
}
.green.btn {
 background: #5dc083;
 text-shadow: 1px 2px 1px #368052;
}
.green.btn:active {
 background: #359258;
}
.clear.btn {
 background: none;
 text-shadow: 0px 1px 1px #CACACA;
 color: var(--secondary);
}
.clear.btn:hover {
 box-shadow: none;
}
.blue.btn {
 color: white;
 background: var(--primary);
}
.blue.btn:active {
 background: var(--primary);
}
.gray.btn {
 color: var(--foreground);
 background: none;
 border: 1px solid var(--primary);
 border-radius: 0.75rem;
}
.gray.btn:active {
 background: foreground;
}
.small.btn {
 padding: 5px 20px;
 font-size: 13px;
 line-height: 20px;
}
.large.btn {
 padding: 12px 40px;
 font-size: 15px;
 line-height: 20px;
}
.icn-checked-mark {
 max-width: 256px;
 max-height: 256px;
 background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAwIDQwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xOTkuOTk2LDBDODkuNzEzLDAsMCw4OS43MiwwLDIwMHM4OS43MTMsMjAwLDE5OS45OTYsMjAwUzQwMCwzMTAuMjgsNDAwLDIwMFMzMTAuMjc5LDAsMTk5Ljk5NiwweiBNMTk5Ljk5NiwzNzMuNzcgICAgQzEwNC4xOCwzNzMuNzcsMjYuMjMsMjk1LjgxNiwyNi4yMywyMDBjMC05NS44MTcsNzcuOTQ5LTE3My43NjksMTczLjc2Ni0xNzMuNzY5Yzk1LjgxNywwLDE3My43NzEsNzcuOTUzLDE3My43NzEsMTczLjc2OSAgICBDMzczLjc2OCwyOTUuODE2LDI5NS44MTIsMzczLjc3LDE5OS45OTYsMzczLjc3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0yNzIuNDA2LDEzNC41MjZMMTY5LjI3NSwyMzcuNjUybC00MS42ODktNDEuNjhjLTUuMTIzLTUuMTE3LTEzLjQyMi01LjEyLTE4LjU0NSwwLjAwMyAgICBjLTUuMTI1LDUuMTI1LTUuMTI1LDEzLjQyNSwwLDE4LjU0OGw1MC45NjMsNTAuOTU1YzIuNTYxLDIuNTU4LDUuOTE2LDMuODM4LDkuMjcxLDMuODM4czYuNzE5LTEuMjgsOS4yNzktMy44NDIgICAgYzAuMDA4LTAuMDExLDAuMDE0LTAuMDIyLDAuMDI3LTAuMDM1TDI5MC45NSwxNTMuMDcxYzUuMTI1LTUuMTIsNS4xMjUtMTMuNDI2LDAtMTguNTQ2ICAgIEMyODUuODI4LDEyOS40MDIsMjc3LjUyMywxMjkuNDAyLDI3Mi40MDYsMTM0LjUyNnoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
 background-size: contain;
 background-repeat: no-repeat;
 width: 60%;
 height: 60%;
}
.logo {
 background: url("/resources/images/global/networx-logo-black-v2.svg") no-repeat;
}
.menu-toggle {
 background: url("/resources/images/global/menu-toggle.svg") no-repeat;
}
.font {
 font-family: 'Inter', sans-serif;
}
.blue-btn {
 background: var(--primary);
 box-shadow: none;
 border-radius: 0.75rem;
 font-family: 'Inter', sans-serif;
 font-weight: bold;
 margin: 16px 0;
 padding: 10px;
 text-transform: initial;
 transition: 0.2s;
 width: 100%;
 font-size: 16px;
}
.blue-btn:hover {
 background: var(--primary);
 transition: 0.2s;
}
.blue-btn:active {
 background: var(--primary);
 transition: 0.2s;
}
.blue-btn:disabled {
 color: white;
 background: var(--primary-800);
}
.transition {
 transition: 0.2s;
}
body {
 font-family: 'Inter', sans-serif;
}
.homeowner-dashboard.lead-success-preview {
 color: var(--foreground);
 background: white;
}
.homeowner-dashboard.lead-success-preview .container,
.homeowner-dashboard.lead-success-preview .headerWrap .inner {
 width: unset;
 max-width: 963px;
 margin: auto;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview #simple-menu .icon-toggle {
  top: 14px;
 }
}
@media (max-width: 1000px) {
 .homeowner-dashboard.lead-success-preview .container {
  padding: 0 25px;
 }
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .container {
  padding: 0 15px;
 }
 .homeowner-dashboard.lead-success-preview .container h2 {
  font-size: 30px;
  text-align: center;
 }
 .homeowner-dashboard.lead-success-preview .container h2 .sub-title {
  color: var(--foreground);
  display: block;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  margin-top: 15px;
 }
}
@media (max-width: 300px) {
 .homeowner-dashboard.lead-success-preview .container {
  padding: 0 10px;
 }
}
.homeowner-dashboard.lead-success-preview .mainContent {
 margin: 0;
 width: inherit;
 min-height: unset;
 display: block;
}
.homeowner-dashboard.lead-success-preview .mainContent .inner {
 width: 100%;
}
.homeowner-dashboard.lead-success-preview .mainContent h2 {
 font-weight: 600;
 font-size: 36px;
 letter-spacing: -0.02em;
 margin: 30px 0;
 text-align: center;
 color: var(--foreground);
}
.homeowner-dashboard.lead-success-preview .mainContent h2 .sub-title {
 color: var(--foreground);
 display: block;
 font-size: 20px;
 font-weight: normal;
 margin-bottom: 40px;
}
.homeowner-dashboard.lead-success-preview .mainContent a {
 color: var(--secondary);
}
.homeowner-dashboard.lead-success-preview .index-section {
 padding: 26px 0;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .index-section {
  padding-bottom: 0;
 }
 .homeowner-dashboard.lead-success-preview .index-section h2 {
  margin: 25px 0;
  line-height: 38px;
 }
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper {
 background: linear-gradient(28deg,var(--primary),var(--foreground));
 color: white;
 text-align: center;
 line-height: 30px;
 position: relative;
 overflow: hidden;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .main-banner-wrapper {
  padding: 24px;
 }
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content {
 padding: 65px;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content {
  padding: 0;
 }
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content .icon-checkmark {
 display: block;
 background: url("/resources/images/networx/new-login/checkmark.svg") no-repeat;
 margin: 12px auto;
 width: 74px;
 height: 74px;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content .icon-checkmark {
  background: url("/resources/images/networx/new-login/checkmark.svg") no-repeat;
  background-size: contain;
  margin: 20px auto;
  width: 60px;
  height: 60px;
 }
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content h2 {
 color: white;
 margin: 24px 0;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content h2 {
  font-size: 30px;
  letter-spacing: -0.02em;
  margin: 25px 0;
  line-height: 38px;
 }
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content p {
 max-width: 573px;
 margin: auto;
 font-size: 20px;
 color: #F2F4F7;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content p {
  line-height: 28px;
  font-size: 18px;
  font-weight: normal;
  color: #D5E3FF;
 }
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content button {
 background: #FFFFFF;
 border: 1px solid #D0D5DD;
 border-radius: 0.75rem;
 padding: 13px 44px 13px 20px;
 margin: 50px 0 30px;
 color: var(--foreground);
 font-weight: bold;
 font-size: 16px;
 position: relative;
 transition: 0.2s;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content button {
  margin: 34px 0 15px;
 }
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content button:before {
 background: url("/resources/images/networx/new-login/arrow.svg") no-repeat center;
 content: '';
 position: absolute;
 right: 16px;
 width: 15px;
 height: 15px;
 margin-top: 2px;
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content button:hover {
 background: #F9FAFB;
 border: 1px solid #D0D5DD;
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content button:focus {
 background: #FFFFFF;
 border: 1px solid #D0D5DD;
 box-shadow: 0 1px 2px rgba(16,24,40,0.05), 0 0 0 4px #F2F4F733;
 transition: 0.2s;
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content button:active {
 background: #F2F4F7;
 border: 1px solid #D0D5DD;
}
@media (max-width: 300px) {
 .homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content button {
  padding: 13px 36px 13px 16px;
  font-size: 13px;
 }
 .homeowner-dashboard.lead-success-preview .main-banner-wrapper .main-banner-content button:before {
  margin-top: 0;
 }
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper .loading-div {
 background: #ffffffdb;
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 z-index: 1;
}
.homeowner-dashboard.lead-success-preview .main-banner-wrapper .loading-div img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 45px;
}
.homeowner-dashboard.lead-success-preview .matched-contractors {
 width: inherit;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list {
 display: flex;
 width: calc(100% + 32px);
 margin: 0 -17px;
 justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list {
  width: 100%;
  flex-wrap: wrap;
  margin: 40px 0 0 0;
 }
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item {
 color: var(--foreground);
 padding: 4px 17px;
 cursor: pointer;
 box-shadow: none;
 height: unset;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item {
  width: 100% !important;
  box-shadow: none;
  margin-bottom: 24px;
  padding: 0;
 }
 .homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item:last-child {
  margin-bottom: 0;
 }
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-head {
 background: #F2F4F7;
 border-radius: 0.75rem;
 padding: 20px 20px 25px;
 text-align: center;
 height: 100%;
 transition: 0.2s;
 flex-direction: column;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item:hover {
 text-decoration: none;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-info {
 padding: 0;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item a {
 display: block;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-logo {
 margin: 2px 0 22px;
 padding: 0;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-logo {
  min-height: 0;
 }
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-logo .logo-wrapper {
 width: 80px;
 height: 80px;
 box-shadow: none;
 border: none;
 margin: auto;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-logo .logo-wrapper {
  border-radius: 50%;
 }
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-logo .logo-wrapper >span {
 width: 90px;
 height: 90px;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-name {
 color: var(--foreground);
 font-size: 18px;
 font-weight: 600;
 line-height: 24px;
 max-width: 100%;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-name {
  margin-bottom: 0;
 }
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .company-phone {
 position: relative;
 padding: 12px 0 10px;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .company-phone {
  font-size: 16px;
 }
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-rating {
 color: var(--slate);
 text-decoration: none;
 font-size: 16px;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-rating svg {
 width: 118px;
 margin-bottom: 5px;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-rating svg .progress {
 fill: #D0D5DD;
 height: 100%;
 width: 100%;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item .contractor-rating svg .active {
 fill: var(--slate);
 height: 100%;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item:hover .contractor-head {
 background: #EAECF0;
 transition: 0.2s;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item:active .contractor-head {
 background: #ECF2FF;
 transition: 0.2s;
}
.homeowner-dashboard.lead-success-preview .matched-contractors .contractors-list .contractor-item:focus .contractor-head {
 background: #FFFFFF;
 box-shadow: 0px 1px 2px rgba(16,24,40,0.05), 0px 0px 0px 4px #F2F4F7;
 transition: 0.2s;
}
.homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons {
 width: 100%;
 margin: 42px 0 30px;
 display: grid;
 grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
 grid-gap: 1rem;
 justify-content: space-between;
}
@media (max-width: 996px) {
 .homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons {
  flex-wrap: wrap;
 }
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons {
  display: flex;
  grid-gap: 0;
  margin: 0;
 }
}
.homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons .project-item {
 width: 100%;
 margin: 0;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons .project-item {
  width: 33.3%;
 }
}
.homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons .project-item:first-child {
 margin-left: 0;
}
.homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons .project-item:last-child {
 margin-right: 0;
}
.homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons .project-item a {
 border-radius: 0.75rem;
 width: unset;
}
.homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons .project-item a span {
 font-size: 13px;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons .project-item a {
  height: 95px;
  box-shadow: 0 0 10px 0 #dcdcdc;
 }
}
@media (max-width: 300px) {
 .homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons .project-item a {
  margin: 5px;
  height: 75px;
 }
 .homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons .project-item a .service-icon {
  height: 28px;
  width: auto;
  margin: 0;
 }
 .homeowner-dashboard.lead-success-preview .top-projects.main .top-projects-icons .project-item a span {
  font-size: 12px;
  line-height: 13px;
 }
}
.homeowner-dashboard.lead-success-preview .our-projects {
 margin-bottom: 75px;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .our-projects {
  margin-bottom: 15px;
 }
}
.homeowner-dashboard.lead-success-preview .our-projects .top-projects-icons {
 flex-wrap: wrap;
 width: unset;
 padding: 0 10px;
 display: grid;
 grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
 grid-gap: 0;
 justify-content: space-between;
}
.homeowner-dashboard.lead-success-preview .our-projects .top-projects-icons .project-item {
 flex: 25%;
}
.homeowner-dashboard.lead-success-preview .our-projects .top-projects-icons .project-item a {
 width: inherit;
 height: 50px;
}
@media only screen and (max-width: 768px) {
 .homeowner-dashboard.lead-success-preview .our-projects .top-projects-icons .project-item a {
  box-shadow: none;
  flex-direction: row;
  width: inherit;
  height: 70px;
  justify-content: flex-start;
  height: 28px;
  margin: 10px 0;
 }
 .homeowner-dashboard.lead-success-preview .our-projects .top-projects-icons .project-item a .service-icon {
  height: 24px;
  width: auto;
 }
 .homeowner-dashboard.lead-success-preview .our-projects .top-projects-icons .project-item a span {
  padding-left: 18px;
  text-align: left;
 }
}
.homeowner-dashboard.lead-success-preview .footer_content {
 background: #F4F4F8;
 padding: 15px 0 30px;
 margin: 0;
}
.homeowner-login .mainContent,
.contractor-login .mainContent {
 margin: 0;
 width: 100%;
}
.homeowner-login .siteFooter,
.contractor-login .siteFooter {
 border: none;
 border-top: 1px solid var(--slate);
}
.homeowner-login #contractor_login_root,
.homeowner-login #ho_login_root,
.contractor-login #contractor_login_root,
.contractor-login #ho_login_root {
 display: flex;
 justify-content: center;
 min-height: unset;
 width: 100%;
 background: white;
 height: 100%;
}
@media only screen and (max-width: 768px) {
 .homeowner-login #contractor_login_root,
 .homeowner-login #ho_login_root,
 .contractor-login #contractor_login_root,
 .contractor-login #ho_login_root {
  height: calc(100vh - 100px);
 }
}
@media only screen and (min-width: 769px) {
 .homeowner-login #contractor_login_root,
 .homeowner-login #ho_login_root,
 .contractor-login #contractor_login_root,
 .contractor-login #ho_login_root {
  background: var(--primary);
  padding: 90px 0;
  min-height: 575px;
 }
}
.homeowner-login #contractor_login_root a,
.homeowner-login #ho_login_root a,
.contractor-login #contractor_login_root a,
.contractor-login #ho_login_root a {
 color: var(--secondary);
}
.homeowner-login #contractor_login_root .wrapper,
.homeowner-login #ho_login_root .wrapper,
.contractor-login #contractor_login_root .wrapper,
.contractor-login #ho_login_root .wrapper {
 position: relative;
}
@media only screen and (max-width: 768px) {
 .homeowner-login #contractor_login_root .wrapper,
 .homeowner-login #ho_login_root .wrapper,
 .contractor-login #contractor_login_root .wrapper,
 .contractor-login #ho_login_root .wrapper {
  background: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
 }
}
@media (orientation: landscape) {
 .homeowner-login #contractor_login_root .wrapper,
 .homeowner-login #ho_login_root .wrapper,
 .contractor-login #contractor_login_root .wrapper,
 .contractor-login #ho_login_root .wrapper {
  margin: 30px 0;
  height: unset;
 }
}
.homeowner-login #contractor_login_root .wrapper .spinner,
.homeowner-login #ho_login_root .wrapper .spinner,
.contractor-login #contractor_login_root .wrapper .spinner,
.contractor-login #ho_login_root .wrapper .spinner {
 position: absolute;
 left: 0;
 width: 100%;
 height: 100%;
 background: #ffffffde;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 0.75rem;
}
.homeowner-login #contractor_login_root .MuiCard-root,
.homeowner-login #ho_login_root .MuiCard-root,
.contractor-login #contractor_login_root .MuiCard-root,
.contractor-login #ho_login_root .MuiCard-root {
 border-radius: 0.75rem !important;
 width: 420px;
 padding: 45px 0 28px;
 text-align: center;
}
@media only screen and (max-width: 768px) {
 .homeowner-login #contractor_login_root .MuiCard-root,
 .homeowner-login #ho_login_root .MuiCard-root,
 .contractor-login #contractor_login_root .MuiCard-root,
 .contractor-login #ho_login_root .MuiCard-root {
  box-shadow: none;
  padding: 0;
  width: 100%;
 }
}
@media (orientation: landscape) {
 .homeowner-login #contractor_login_root .MuiCard-root,
 .homeowner-login #ho_login_root .MuiCard-root,
 .contractor-login #contractor_login_root .MuiCard-root,
 .contractor-login #ho_login_root .MuiCard-root {
  margin: auto;
  max-width: 420px;
 }
}
.homeowner-login #contractor_login_root .MuiCard-root .MuiCardContent-root,
.homeowner-login #ho_login_root .MuiCard-root .MuiCardContent-root,
.contractor-login #contractor_login_root .MuiCard-root .MuiCardContent-root,
.contractor-login #ho_login_root .MuiCard-root .MuiCardContent-root {
 padding: 10px 38px 2px 38px;
}
@media only screen and (max-width: 768px) {
 .homeowner-login #contractor_login_root .MuiCard-root .MuiCardContent-root,
 .homeowner-login #ho_login_root .MuiCard-root .MuiCardContent-root,
 .contractor-login #contractor_login_root .MuiCard-root .MuiCardContent-root,
 .contractor-login #ho_login_root .MuiCard-root .MuiCardContent-root {
  padding: 15px 15px 0 15px;
 }
}
.homeowner-login #contractor_login_root .MuiCard-root .MuiCardContent-root p.MuiTypography-root,
.homeowner-login #ho_login_root .MuiCard-root .MuiCardContent-root p.MuiTypography-root,
.contractor-login #contractor_login_root .MuiCard-root .MuiCardContent-root p.MuiTypography-root,
.contractor-login #ho_login_root .MuiCard-root .MuiCardContent-root p.MuiTypography-root {
 margin-bottom: 16px;
}
@media only screen and (min-width: 769px) {
 .homeowner-login #contractor_login_root .MuiCard-root .MuiCardContent-root .co-form,
 .homeowner-login #contractor_login_root .MuiCard-root .MuiCardContent-root .ho-form,
 .homeowner-login #ho_login_root .MuiCard-root .MuiCardContent-root .co-form,
 .homeowner-login #ho_login_root .MuiCard-root .MuiCardContent-root .ho-form,
 .contractor-login #contractor_login_root .MuiCard-root .MuiCardContent-root .co-form,
 .contractor-login #contractor_login_root .MuiCard-root .MuiCardContent-root .ho-form,
 .contractor-login #ho_login_root .MuiCard-root .MuiCardContent-root .co-form,
 .contractor-login #ho_login_root .MuiCard-root .MuiCardContent-root .ho-form {
  margin-top: 14px;
 }
}
.homeowner-login #contractor_login_root .MuiCard-root .MuiCardActions-root,
.homeowner-login #ho_login_root .MuiCard-root .MuiCardActions-root,
.contractor-login #contractor_login_root .MuiCard-root .MuiCardActions-root,
.contractor-login #ho_login_root .MuiCard-root .MuiCardActions-root {
 flex-direction: column;
 margin: 22px 0 10px;
 font-size: 14px;
}
.homeowner-login #contractor_login_root .MuiCard-root .MuiCardActions-root div:first-child,
.homeowner-login #ho_login_root .MuiCard-root .MuiCardActions-root div:first-child,
.contractor-login #contractor_login_root .MuiCard-root .MuiCardActions-root div:first-child,
.contractor-login #ho_login_root .MuiCard-root .MuiCardActions-root div:first-child {
 margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
 .homeowner-login #contractor_login_root .MuiCard-root .MuiCardActions-root,
 .homeowner-login #ho_login_root .MuiCard-root .MuiCardActions-root,
 .contractor-login #contractor_login_root .MuiCard-root .MuiCardActions-root,
 .contractor-login #ho_login_root .MuiCard-root .MuiCardActions-root {
  background: #F9FAFB;
  padding: 32px 0 44px;
  margin: 0;
 }
}
.homeowner-login #contractor_login_root .MuiCard-root .MuiDivider-root,
.homeowner-login #ho_login_root .MuiCard-root .MuiDivider-root,
.contractor-login #contractor_login_root .MuiCard-root .MuiDivider-root,
.contractor-login #ho_login_root .MuiCard-root .MuiDivider-root {
 margin-top: 24px;
}
.homeowner-login #contractor_login_root .MuiTypography-root,
.homeowner-login #ho_login_root .MuiTypography-root,
.contractor-login #contractor_login_root .MuiTypography-root,
.contractor-login #ho_login_root .MuiTypography-root {
 font-family: 'Inter', sans-serif;
 color: var(--foreground);
}
.homeowner-login #contractor_login_root .MuiTypography-h4,
.homeowner-login #ho_login_root .MuiTypography-h4,
.contractor-login #contractor_login_root .MuiTypography-h4,
.contractor-login #ho_login_root .MuiTypography-h4 {
 color: var(--foreground);
 font-size: 30px;
 font-weight: bold;
}
.homeowner-login #contractor_login_root .MuiButton-root,
.homeowner-login #ho_login_root .MuiButton-root,
.contractor-login #contractor_login_root .MuiButton-root,
.contractor-login #ho_login_root .MuiButton-root {
 background: var(--primary);
 box-shadow: none;
 border-radius: 0.75rem;
 font-family: 'Inter', sans-serif;
 font-weight: bold;
 margin: 16px 0;
 padding: 10px;
 text-transform: initial;
 transition: 0.2s;
 width: 100%;
 font-size: 16px;
}
.homeowner-login #contractor_login_root .MuiButton-root:hover,
.homeowner-login #ho_login_root .MuiButton-root:hover,
.contractor-login #contractor_login_root .MuiButton-root:hover,
.contractor-login #ho_login_root .MuiButton-root:hover {
 background: var(--primary);
 transition: 0.2s;
}
.homeowner-login #contractor_login_root .MuiButton-root:active,
.homeowner-login #ho_login_root .MuiButton-root:active,
.contractor-login #contractor_login_root .MuiButton-root:active,
.contractor-login #ho_login_root .MuiButton-root:active {
 background: var(--primary);
 transition: 0.2s;
}
.homeowner-login #contractor_login_root .MuiButton-root:disabled,
.homeowner-login #ho_login_root .MuiButton-root:disabled,
.contractor-login #contractor_login_root .MuiButton-root:disabled,
.contractor-login #ho_login_root .MuiButton-root:disabled {
 color: white;
 background: var(--primary-800);
}
.homeowner-login #contractor_login_root .MuiFormControl-root,
.homeowner-login #ho_login_root .MuiFormControl-root,
.contractor-login #contractor_login_root .MuiFormControl-root,
.contractor-login #ho_login_root .MuiFormControl-root {
 width: 100%;
}
.homeowner-login #contractor_login_root .MuiInputBase-root,
.homeowner-login #ho_login_root .MuiInputBase-root,
.contractor-login #contractor_login_root .MuiInputBase-root,
.contractor-login #ho_login_root .MuiInputBase-root {
 border-radius: 0.75rem;
 padding: 5px 12px;
 margin: 7px 0;
 font-size: 16px;
 font-weight: 500;
}
.homeowner-login #contractor_login_root .MuiInputBase-root input,
.homeowner-login #ho_login_root .MuiInputBase-root input,
.contractor-login #contractor_login_root .MuiInputBase-root input,
.contractor-login #ho_login_root .MuiInputBase-root input {
 border: none !important;
 font-family: 'Inter', sans-serif;
 color: var(--foreground);
 box-shadow: none;
}
@media only screen and (max-width: 768px) {
 .homeowner-login #contractor_login_root .MuiInputBase-root input,
 .homeowner-login #ho_login_root .MuiInputBase-root input,
 .contractor-login #contractor_login_root .MuiInputBase-root input,
 .contractor-login #ho_login_root .MuiInputBase-root input {
  height: unset;
  padding: 5px;
 }
}
.homeowner-login #contractor_login_root .MuiInputBase-root input::placeholder,
.homeowner-login #ho_login_root .MuiInputBase-root input::placeholder,
.contractor-login #contractor_login_root .MuiInputBase-root input::placeholder,
.contractor-login #ho_login_root .MuiInputBase-root input::placeholder {
 color: var(--slate);
 opacity: 1;
 font-weight: normal;
}
.homeowner-login #contractor_login_root .MuiInputBase-root .MuiOutlinedInput-notchedOutline,
.homeowner-login #ho_login_root .MuiInputBase-root .MuiOutlinedInput-notchedOutline,
.contractor-login #contractor_login_root .MuiInputBase-root .MuiOutlinedInput-notchedOutline,
.contractor-login #ho_login_root .MuiInputBase-root .MuiOutlinedInput-notchedOutline {
 border-color: #D0D5DD;
 border-style: solid;
 border-width: 1px;
 box-shadow: none;
 transition: 0.2s;
}
.homeowner-login #contractor_login_root .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.homeowner-login #ho_login_root .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.contractor-login #contractor_login_root .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.contractor-login #ho_login_root .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline {
 border-color: #76ACFF;
 border-style: solid;
 border-width: 1px;
 box-shadow: 0 0 0 4px #D5E3FF;
 transition: 0.2s;
}
.homeowner-login #contractor_login_root .MuiInputBase-root .icon-email,
.homeowner-login #ho_login_root .MuiInputBase-root .icon-email,
.contractor-login #contractor_login_root .MuiInputBase-root .icon-email,
.contractor-login #ho_login_root .MuiInputBase-root .icon-email {
 background: url("/resources/images/networx/new-login/email.svg") no-repeat center;
 width: 20px;
 height: 20px;
}
.homeowner-login #contractor_login_root .MuiInputBase-root .icon-password,
.homeowner-login #ho_login_root .MuiInputBase-root .icon-password,
.contractor-login #contractor_login_root .MuiInputBase-root .icon-password,
.contractor-login #ho_login_root .MuiInputBase-root .icon-password {
 background: url("/resources/images/networx/new-login/password.svg") no-repeat center;
 width: 20px;
 height: 20px;
}
.homeowner-login #contractor_login_root .MuiBox-root.helper,
.homeowner-login #ho_login_root .MuiBox-root.helper,
.contractor-login #contractor_login_root .MuiBox-root.helper,
.contractor-login #ho_login_root .MuiBox-root.helper {
 display: flex;
 text-align: left;
 justify-content: space-between;
 font-size: 14px;
 align-items: center;
 margin: 14px 0 10px;
}
.homeowner-login #contractor_login_root .MuiBox-root.helper .MuiFormControlLabel-root,
.homeowner-login #ho_login_root .MuiBox-root.helper .MuiFormControlLabel-root,
.contractor-login #contractor_login_root .MuiBox-root.helper .MuiFormControlLabel-root,
.contractor-login #ho_login_root .MuiBox-root.helper .MuiFormControlLabel-root {
 margin-left: 0;
}
.homeowner-login #contractor_login_root .MuiBox-root.helper .MuiFormControlLabel-root .MuiTypography-root,
.homeowner-login #ho_login_root .MuiBox-root.helper .MuiFormControlLabel-root .MuiTypography-root,
.contractor-login #contractor_login_root .MuiBox-root.helper .MuiFormControlLabel-root .MuiTypography-root,
.contractor-login #ho_login_root .MuiBox-root.helper .MuiFormControlLabel-root .MuiTypography-root {
 font-size: 14px;
 font-weight: 500;
}
.homeowner-login #contractor_login_root .MuiBox-root.helper .MuiSvgIcon-root,
.homeowner-login #ho_login_root .MuiBox-root.helper .MuiSvgIcon-root,
.contractor-login #contractor_login_root .MuiBox-root.helper .MuiSvgIcon-root,
.contractor-login #ho_login_root .MuiBox-root.helper .MuiSvgIcon-root {
 display: none;
}
.homeowner-login #contractor_login_root .MuiBox-root.helper .MuiCheckbox-root,
.homeowner-login #ho_login_root .MuiBox-root.helper .MuiCheckbox-root,
.contractor-login #contractor_login_root .MuiBox-root.helper .MuiCheckbox-root,
.contractor-login #ho_login_root .MuiBox-root.helper .MuiCheckbox-root {
 border-radius: 0.75rem;
 background: #ffffff;
 border: 1px solid var(--slate-200);
 margin-right: 10px;
}
.homeowner-login #contractor_login_root .MuiBox-root.helper .MuiCheckbox-root.Mui-checked,
.homeowner-login #ho_login_root .MuiBox-root.helper .MuiCheckbox-root.Mui-checked,
.contractor-login #contractor_login_root .MuiBox-root.helper .MuiCheckbox-root.Mui-checked,
.contractor-login #ho_login_root .MuiBox-root.helper .MuiCheckbox-root.Mui-checked {
 border: 1px solid var(--primary);
}
.homeowner-login #contractor_login_root .MuiBox-root.helper .MuiCheckbox-root.Mui-checked:before,
.homeowner-login #ho_login_root .MuiBox-root.helper .MuiCheckbox-root.Mui-checked:before,
.contractor-login #contractor_login_root .MuiBox-root.helper .MuiCheckbox-root.Mui-checked:before,
.contractor-login #ho_login_root .MuiBox-root.helper .MuiCheckbox-root.Mui-checked:before {
 position: absolute;
 content: '';
 background: url("/resources/images/networx/new-login/checkbox-checkmark.svg") no-repeat;
 background-size: contain;
 width: 12px;
 height: 10px;
}
.homeowner-login #contractor_login_root .MuiBox-root.helper a,
.homeowner-login #ho_login_root .MuiBox-root.helper a,
.contractor-login #contractor_login_root .MuiBox-root.helper a,
.contractor-login #ho_login_root .MuiBox-root.helper a {
 color: var(--secondary);
 font-weight: 600;
}
.homeowner-login #contractor_login_root .Mui-error.MuiInputBase-root .MuiSvgIcon-root,
.homeowner-login #ho_login_root .Mui-error.MuiInputBase-root .MuiSvgIcon-root,
.contractor-login #contractor_login_root .Mui-error.MuiInputBase-root .MuiSvgIcon-root,
.contractor-login #ho_login_root .Mui-error.MuiInputBase-root .MuiSvgIcon-root {
 fill: #F04438;
}
.homeowner-login #contractor_login_root .Mui-error.MuiInputBase-root .MuiOutlinedInput-notchedOutline,
.homeowner-login #ho_login_root .Mui-error.MuiInputBase-root .MuiOutlinedInput-notchedOutline,
.contractor-login #contractor_login_root .Mui-error.MuiInputBase-root .MuiOutlinedInput-notchedOutline,
.contractor-login #ho_login_root .Mui-error.MuiInputBase-root .MuiOutlinedInput-notchedOutline {
 border-color: #FDA29B;
 border-style: solid;
 border-width: 1px;
 box-shadow: none;
 transition: 0.2s;
}
.homeowner-login #contractor_login_root .Mui-error.MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.homeowner-login #ho_login_root .Mui-error.MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.contractor-login #contractor_login_root .Mui-error.MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.contractor-login #ho_login_root .Mui-error.MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline {
 border-width: 1px;
 border-color: #FDA29B;
 border-style: solid;
 box-shadow: 0 0 0 4px #FEE4E2;
 transition: 0.2s;
}
.homeowner-login #contractor_login_root .Mui-error.MuiFormHelperText-root,
.homeowner-login #ho_login_root .Mui-error.MuiFormHelperText-root,
.contractor-login #contractor_login_root .Mui-error.MuiFormHelperText-root,
.contractor-login #ho_login_root .Mui-error.MuiFormHelperText-root {
 color: #F04438;
 font-size: 14px;
 margin: -1px 0 5px;
}
.homeowner-login #contractor_login_root .MuiTypography-root.form-error,
.homeowner-login #ho_login_root .MuiTypography-root.form-error,
.contractor-login #contractor_login_root .MuiTypography-root.form-error,
.contractor-login #ho_login_root .MuiTypography-root.form-error {
 font-family: 'Inter', sans-serif;
 color: #F04438 !important;
}
.homeowner-login #contractor_login_root .forgot-pass form,
.homeowner-login #ho_login_root .forgot-pass form,
.contractor-login #contractor_login_root .forgot-pass form,
.contractor-login #ho_login_root .forgot-pass form {
 margin-top: 26px;
}
.homeowner-login #contractor_login_root .back,
.homeowner-login #ho_login_root .back,
.contractor-login #contractor_login_root .back,
.contractor-login #ho_login_root .back {
 color: var(--foreground);
 font-weight: 600;
 font-size: 14px;
 position: relative;
 display: block;
 max-width: 100px;
 margin: 12px auto;
}
.homeowner-login #contractor_login_root .back:before,
.homeowner-login #ho_login_root .back:before,
.contractor-login #contractor_login_root .back:before,
.contractor-login #ho_login_root .back:before {
 position: absolute;
 content: '';
 background: url("/resources/images/networx/new-login/arrow.svg") no-repeat;
 width: 15px;
 height: 15px;
 left: -25px;
 transform: rotate(180deg);
 filter: brightness(0);
 margin-top: 2px;
 opacity: .7;
}
.homeowner-login #contractor_login_root .spinner,
.homeowner-login #ho_login_root .spinner,
.contractor-login #contractor_login_root .spinner,
.contractor-login #ho_login_root .spinner {
 position: sticky;
 z-index: 10;
 width: 60px;
 left: 50%;
}
.homeowner-login #contractor_login_root .spinner img,
.homeowner-login #ho_login_root .spinner img,
.contractor-login #contractor_login_root .spinner img,
.contractor-login #ho_login_root .spinner img {
 width: 100%;
}
.g-recaptcha {
 margin-top: 20px;
 margin-bottom: 10px;
 transform-origin: left;
}
.headerWrap .inner,
.siteFooter .inner {
 width: unset;
 max-width: 963px;
 margin: auto;
}
@media (max-width: 1000px) and (min-width: 769px) {
 .headerWrap>.inner>ul>li.nav-item>a {
  padding: 0 5px;
  font-size: 13px;
 }
 .headerWrap .login-area .btn {
  font-size: 13px;
 }
 .headerWrap .inner,
 .siteFooter .inner {
  padding: 0 10px;
 }
 .siteFooter .bottom-footer ul li a {
  margin: 0 5px;
 }
 .siteFooter .footer-center-col,
 .siteFooter .footer-center-col ul {
  text-align: center;
  width: unset;
 }
 .siteFooter .footer-center-col li,
 .siteFooter .footer-center-col ul li {
  width: 118px;
 }
 .siteFooter .footer-center-col li img,
 .siteFooter .footer-center-col ul li img {
  width: 45%;
 }
 .siteFooter .bottom-footer {
  padding-left: 10px;
 }
}
.siteFooter .bottom-footer ul li a,
.siteFooter .bottom-footer ul li {
 font-size: 13px;
}
.siteFooter .inner {
 display: flex;
}
.page-header {
 display: none;
}
@media only screen and (min-width: 769px) {
 .g-recaptcha {
  transform: scale(1.13);
 }
}
.form-error-wrap {
 padding-bottom: 10px;
}