/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
    }

    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --color-red-600: #e40014;
    --color-green-600: #00a544;
    --color-green-700: #008138;
    --color-blue-600: #155dfc;
    --color-blue-700: #1447e6;
    --color-gray-100: #f3f4f6;
    --color-gray-300: #d1d5dc;
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-700: #364153;
    --color-gray-800: #1e2939;
    --color-white: #fff;
    --spacing: .25rem;
    --container-lg: 32rem;
    --container-6xl: 72rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-geist-sans);
    --default-mono-font-family: var(--font-geist-mono);
  }

  @supports (color: color(display-p3 0 0 0)) {
    :root, :host {
      --color-red-600: color(display-p3 .830323 .140383 .133196);
      --color-green-600: color(display-p3 .243882 .640824 .294808);
      --color-green-700: color(display-p3 .198355 .501799 .245335);
      --color-blue-600: color(display-p3 .174493 .358974 .950247);
      --color-blue-700: color(display-p3 .1379 .274983 .867624);
      --color-gray-100: color(display-p3 .953567 .956796 .964321);
      --color-gray-300: color(display-p3 .822033 .835264 .858521);
      --color-gray-400: color(display-p3 .605734 .630385 .680158);
      --color-gray-500: color(display-p3 .421287 .446085 .504784);
      --color-gray-700: color(display-p3 .219968 .253721 .318679);
      --color-gray-800: color(display-p3 .125854 .159497 .216835);
    }
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-700: lab(47.0329% -47.0239 31.4788);
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-blue-700: lab(36.9089% 35.0961 -85.6872);
      --color-gray-100: lab(96.1596% -.0823438 -1.13575);
      --color-gray-300: lab(85.1236% -.612259 -3.7138);
      --color-gray-400: lab(65.9269% -.832707 -8.17473);
      --color-gray-500: lab(47.7841% -.393182 -10.0268);
      --color-gray-700: lab(27.1134% -.956401 -12.3224);
      --color-gray-800: lab(16.1051% -1.18239 -11.7533);
    }
  }
}

@layer base {
  *, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::-webkit-file-upload-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }

  ::-webkit-file-upload-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }

  :where(select:-webkit-any([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:-moz-any([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:-webkit-any([multiple], [size])) optgroup option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 20px;
  }

  :where(select:-moz-any([multiple], [size])) optgroup option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 20px;
  }

  :where(select:is([multiple], [size])) optgroup option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 20px;
  }

  :where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 20px;
  }

  :where(select:-moz-any([multiple], [size])) optgroup option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 20px;
  }

  :where(select:is([multiple], [size])) optgroup option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 20px;
  }

  :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button {
    margin-right: 4px;
  }

  :not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
    margin-right: 4px;
  }

  :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
    margin-right: 4px;
  }

  :-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button {
    margin-left: 4px;
  }

  :-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
    margin-left: 4px;
  }

  :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
    margin-left: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .top-1\/2 {
    top: 50%;
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .z-10 {
    z-index: 10;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

  .table {
    display: table;
  }

  .h-\[32px\] {
    height: 32px;
  }

  .h-\[180px\] {
    height: 180px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-\[32px\] {
    width: 32px;
  }

  .w-full {
    width: 100%;
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .items-center {
    align-items: center;
  }

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

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
  }

  :where(.space-x-2 > :not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-right: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-right: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-right: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-left: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-left: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-left: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .bg-\[\#2050f5\] {
    background-color: #2050f5;
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-400 {
    background-color: var(--color-gray-400);
  }

  .bg-green-600 {
    background-color: var(--color-green-600);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/80 {
    background-color: rgba(255, 255, 255, .8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-cover {
    background-size: cover;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .text-center {
    text-align: center;
  }

  .text-right {
    text-align: right;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-white {
    color: var(--color-white);
  }

  .italic {
    font-style: italic;
  }

  .underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-70 {
    opacity: .7;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, .1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, .1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  @media (hover: hover) {
    .hover\:bg-\[\#4c72f6\]:hover {
      background-color: #4c72f6;
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }
  }

  @media (hover: hover) {
    .hover\:bg-green-700:hover {
      background-color: var(--color-green-700);
    }
  }

  @media (hover: hover) {
    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, .1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}

:root {
  --background: #fff;
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

.slider-wrapper {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.slider-image {
  width: 100%;
}

.slide-img {
  border-radius: 8px;
  width: 100%;
}

.slider-btn {
  color: #fff;
  cursor: pointer;
  z-index: 10;
  background: rgba(0, 0, 0, .4);
  border: none;
  border-radius: 50%;
  padding: 8px 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.slider-btn.left {
  left: 10px;
}

.slider-btn.right {
  right: 10px;
}

.slider-dots {
  text-align: center;
  margin-top: 8px;
}

.dot {
  cursor: pointer;
  background: #ccc;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  display: inline-block;
}

.dot.active {
  background: #000;
}

.linkedin-grid {
  width: 100%;
  display: block;
}

.grid-container {
  border-radius: 0;
  gap: 6px;
  display: grid;
  overflow: hidden;
}

.grid-1 {
  grid-template-columns: 1fr;
}

.grid-2 {
  grid-template-columns: 1fr 1fr;
}

.grid-3 {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 2fr 1fr;
}

.grid-3 .grid-item:first-child {
  grid-row: span 2;
}

.grid-4 {
  grid-template-columns: 1fr 1fr;
}

.banner-div, .search-container, .home-input-cover {
  overflow: visible !important;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/styles/header.css [app-client] (css) */
@font-face {
  font-family: Avenir-Book;
  src: url("../media/Avenir-Book.8e4845cb.woff");
}

@font-face {
  font-family: Avenir-Black;
  src: url("../media/Avenir-Black.d257bb91.woff");
}

@font-face {
  font-family: Avenir-medium;
  src: url("../media/Avenir-Medium.ede2f79e.woff");
}

.seeker-dashboard1 .header-div, .directory .header-div, .prov-dashboard .header-div, .public .header-div {
  background: #fff;
}

.prov-dashboard .header, .public .header {
  background: #fff;
  padding-top: 0;
}

.seeker-dashboard1 .header .containers, .prov-dashboard .header .containers, .directory .header .containers, .public .header .containers {
  width: 100%;
  max-width: 100%;
  padding-left: 250px;
  padding-right: 250px;
}

body:has(.e-from-homesearch) .header .containers {
  width: 100%;
  max-width: 100%;
  padding-left: 250px;
  padding-right: 250px;
}

.seeker-dashboard1 .header .header-div, .prov-dashboard .header .header-div, .directory .header .header-div, .public .header .header-div {
  padding-left: 0;
  padding-right: 0;
}

.seeker-dashboard1 .loged-inn-div > .loged-inn-div, .prov-dashboard .loged-inn-div > .loged-inn-div, .directory .loged-inn-div > .loged-inn-div, .public .loged-inn-div > .loged-inn-div {
  background: #fff;
}

body:has(.e-from-homesearch) .loged-inn-div > .loged-inn-div {
  background: #fff;
}

.seeker-dashboard1 .loged-inn-div > .loged-inn-div:hover, .prov-dashboard .loged-inn-div > .loged-inn-div:hover, .directory .loged-inn-div > .loged-inn-div:hover, .public .loged-inn-div > .loged-inn-div:hover {
  background: #f1f3fa;
}

body:has(.e-from-homesearch) .loged-inn-div > .loged-inn-div:hover {
  background: #f1f3fa;
}

.seeker-dashboard1 .header, .directory .header {
  padding-top: 0;
}

.header {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  width: 100%;
  padding: 50px 0 0;
  transition: all .4s ease-in-out;
}

.header-div {
  background: #f1f3fa;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 22px 30px;
  display: flex;
}

.header-text p {
  font-size: 14px;
}

.header-logo {
  width: 100px;
}

.header-col1 {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.header-text {
  margin-left: 30px;
  margin-right: 30px;
}

.header-logo a {
  border: none;
  outline: none;
  width: 100%;
}

.header-logo a img {
  object-fit: contain;
  width: 100%;
}

.languade-switcher-div button {
  background: none;
  border: none;
}

.header-col2 {
  align-items: center;
  display: flex;
}

.header.fixedtop {
  z-index: 9999;
  background: #fff;
  border-bottom: 1px solid #ebeaea;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
}

.header.fixedtop .header-div {
  background-color: #fff;
}

body {
  position: relative;
}

.desk-header {
  display: block;
}

.mob-header {
  display: none;
}

.mob-menu {
  cursor: pointer;
  margin-left: 10px;
}

.mobile-menu-overlay {
  z-index: 9999;
  background: #fff;
  width: 100%;
  height: 100vh;
  padding: 30px 20px;
  transition: top .4s ease-in-out;
  position: fixed;
  top: -150%;
  left: 0;
  overflow-y: auto;
}

.mobile-menu-overlay.open {
  top: 0;
}

.mobile-menu-header {
  background: #f1f3fa;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  display: flex;
  position: relative;
}

.mobile-menu-header .tabs {
  gap: 10px;
  margin: 0 10px 0 auto;
  display: flex;
}

.mobile-menu-header .tabs button.active, .mobile-menu-header .tabs button:hover {
  background: #fff;
}

.mobile-menu-header .tabs button {
  color: #000;
  cursor: pointer;
  background: #f1f3fa;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 6px 10px;
  font-family: Avenir-medium;
  font-size: 16px;
}

.menu-list li:hover a {
  color: #2050f5;
}

.close-btn11 {
  cursor: pointer;
}

.menu-list {
  gap: 10px;
  margin-top: 20px;
  padding: 0;
  list-style: none;
}

.menu-list li {
  border-bottom: 1px solid #ebeaea;
  padding: 20px;
  font-family: Avenir-medium;
  font-size: 16px;
  line-height: 1;
}

.menu-list li.active {
  background: #eff6ff;
}

.menu-list li.active a {
  color: #2050f5;
}

.filter-box {
  margin-top: 20px;
  font-size: 16px;
}

.mob-header .filter-section > p {
  width: 100%;
  margin-bottom: 0;
}

.mob-header .filter-section {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.mob-header .filter-section .checkbox-label {
  margin-right: 20px;
}

.mob-header .filter-section .checkbox-label:last-child {
  margin-right: 0;
}

button.close-btn11 {
  font-size: 19px;
}

@media (max-width: 1340px) {
  .seeker-dashboard1 .header .containers, .prov-dashboard .header .containers, .directory .header .containers, .public .header .containers {
    padding-left: 220px;
    padding-right: 220px;
  }

  body:has(.e-from-homesearch) .header .containers {
    padding-left: 220px;
    padding-right: 220px;
  }
}

@media (min-width: 1025px) and (max-width: 1240px) {
  .seeker-dashboard1 .header .containers, .prov-dashboard .header .containers, .directory .header .containers, .public .header .containers {
    padding-left: 20px;
    padding-right: 20px;
  }

  body:has(.e-from-homesearch) .header .containers {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1024px) {
  .header-text {
    margin-left: 14px;
    margin-right: 14px;
  }

  .header {
    padding: 30px 0 60px;
  }

  .header.fixedtop .header-div {
    padding: 22px 0;
  }

  .header-div {
    padding: 22px;
  }
}

@media (min-width: 901px) and (max-width: 1024px) {
  .seeker-dashboard1 .header .containers, .prov-dashboard .header .containers, .directory .header .containers, .public .header .containers {
    padding-left: 30px;
    padding-right: 30px;
  }

  body:has(.e-from-homesearch) .header .containers {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 900px) {
  .mob-header .filter-container {
    border: none;
    width: 100%;
    padding: 0;
    display: block;
    position: static;
  }

  .desk-header {
    display: none;
  }

  .mob-header {
    display: block;
  }

  .div2h {
    align-items: center;
    display: flex;
  }

  .public .header.fixedtop {
    padding-bottom: 0;
  }

  .seeker-dashboard1 .header, .prov-dashboard .header, .directory .header, .public .header {
    border-bottom: 1px solid #ebeaea;
    padding-bottom: 0;
  }

  body:has(.e-from-homesearch) .header {
    border-bottom: 1px solid #ebeaea;
    padding-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .seeker-dashboard1 .header .containers, .prov-dashboard .header .containers, .directory .header .containers, .public .header .containers {
    padding-left: 30px;
    padding-right: 30px;
  }

  body:has(.e-from-homesearch) .header .containers {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .header.fixedtop .header-div {
    padding: 15px 0;
  }

  .seeker-dashboard1 .header, .prov-dashboard .header, .directory .header, .public .header {
    padding-bottom: 0;
  }

  .header-div {
    padding: 12px 12px 12px 20px;
  }

  .header {
    padding: 20px 0 40px;
  }

  .header-text {
    margin: 0;
    display: none;
  }

  .seeker-dashboard1 .header .containers, .prov-dashboard .header .containers, .directory .header .containers, .public .header .containers {
    padding-left: 5%;
    padding-right: 5%;
  }

  body:has(.e-from-homesearch) .header .containers {
    padding-left: 5%;
    padding-right: 5%;
  }

  .header-logo {
    width: 80px;
  }

  .mobile-menu-header .tabs {
    margin: 0;
  }
}

@media (max-width: 390px) {
  .mob-menu-logo {
    width: 80px;
  }

  .mob-menu-logo img {
    width: 100%;
  }

  .mobile-menu-header .tabs button {
    padding: 6px 8px;
  }
}

/* [project]/src/app/styles/home.css [app-client] (css) */
@font-face {
  font-family: Avenir-Book;
  src: url("../media/Avenir-Book.8e4845cb.woff");
}

@font-face {
  font-family: Avenir-Black;
  src: url("../media/Avenir-Black.d257bb91.woff");
}

@font-face {
  font-family: Avenir-medium;
  src: url("../media/Avenir-Medium.ede2f79e.woff");
}

@font-face {
  font-family: Avenir-heavy;
  src: url("../media/Avenir-Heavy.f4dbe169.woff");
}

@font-face {
  font-family: poppins-regular;
  src: url("../media/Poppins-Regular.5ec9c1ce.woff");
}

@font-face {
  font-family: poppins-medium;
  src: url("../media/Poppins-Medium.0e645241.woff");
}

:root {
  --primary-color: #2050f5;
  --secondary-color: #1b1b25;
  --bg-color: #f1f3fa;
  --warning: #e2da1e;
  --sucess: #1ee288;
  --error-color: #ea1525;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  transition: all .5s ease-in-out;
}

p {
  color: var(--secondary-color);
  font-size: 18px;
}

strong {
  font-family: Avenir-medium;
}

.torrance-card-info strong {
  color: #1b1b25;
  font-family: poppins-medium;
  font-weight: normal;
}

.project-info p strong {
  color: #1b1b25;
  margin-right: 14px;
  font-family: poppins-medium;
  font-weight: normal;
}

.project-desc p strong {
  color: #1b1b25;
  margin: 10px 0;
  font-family: poppins-medium;
  font-weight: normal;
  display: inline-block;
}

.project-info .info-left p:first-child, .project-info .info-right p:first-child {
  margin: 0 0 10px;
}

.e-proj-info1 .col-info3 .col-info4 strong {
  white-space: nowrap;
}

.col-info3 {
  display: flex;
}

.banner-div p {
  font-size: 18px;
}

button {
  transition: all .5s ease-in-out;
}

.containers {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}

.homeslider-div .containers {
  width: 90%;
  max-width: none;
}

body {
  color: #000;
  background: #fff;
  font-family: Avenir-Book;
}

button:focus, a:focus {
  border: none !important;
  outline: none !important;
}

.banner-div h2 {
  color: var(--secondary-color);
  float: left;
  width: 100%;
  margin: 0 0 22px;
  font-family: Avenir-Black;
  font-size: 64px;
  line-height: 1.4;
}

.banner-div p {
  float: left;
  width: 100%;
  margin: 0 0 40px;
  font-family: Avenir-Book;
}

.banner-div {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  margin-top: 70px;
  margin-bottom: 80px;
}

.search-container {
  background: #fff;
  border-radius: 8px;
  align-items: center;
  width: 100%;
  max-width: 768px;
  margin: 30px auto 0;
  padding: 0;
  display: flex;
}

.search-container input {
  color: #333;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  padding: 12px 16px;
  font-size: 14px;
}

.search-container input::placeholder {
  color: #aaa;
}

.ready-div {
  padding-bottom: 80px;
}

.readt-sec {
  color: #fff;
  padding: 0;
}

.bg-blue1 {
  background: linear-gradient(to top, #2050f5 0%, #2050f5 50%, #fff 50%, #fff 100%);
}

.bg-dark-blue {
  background: var(--primary-color);
  padding: 80px 0 0;
}

.ready-div h2 {
  max-width: 560px;
  margin: 0 0 20px;
  font-size: 40px;
}

.ready-div p {
  max-width: 560px;
}

.b-text h4 {
  color: var(--secondary-color);
  margin-bottom: 12px;
  font-family: Avenir-medium;
  font-size: 21px;
}

.blue-card {
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blue-card .b-card {
  width: 23.5%;
}

.blue-card .b-img img {
  width: 100%;
}

.cards-wrapp {
  margin: 0;
}

.ready-div h3 {
  margin: 0 0 12px;
  font-size: 64px;
  line-height: 1.3;
}

.ready-div h3 span, .ready-div p span {
  display: block;
}

.ready-div p {
  color: #fff;
}

.ready-div h6 {
  color: #fff;
  font-size: 14px;
}

.business-div1 h3 {
  color: var(--secondary-color);
  margin: 0 0 12px;
  font-size: 48px;
  line-height: 1.3;
}

.business-div1 p {
  max-width: 473px;
}

.faq-container {
  border-top: 1px solid #ddd;
}

.faq-title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2rem;
}

.faq-item {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.faq-item:last-child {
  border-bottom: none;
}

.faq-question {
  text-align: left;
  cursor: pointer;
  color: #fff;
  background: none;
  border: none;
  outline: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  font-size: 32px;
  display: flex;
}

.faq-question .icon {
  font-size: 44px;
  font-weight: bold;
  transition: transform .3s;
}

.faq-answer {
  max-height: 0;
  transition: all .5s ease-in-out;
  overflow: hidden;
}

.faq-answer p {
  color: #fff;
  margin: 0 0 10px;
}

.faq-item.active .faq-answer {
  max-height: 200px;
}

.faq-item.active .faq-question .icon {
  color: #fff;
  transform: rotate(180deg);
}

.accod-btn a {
  font-size: 14px;
}

.accod-btn {
  justify-content: flex-end;
  display: flex;
}

.faq-section .arrow {
  color: #000;
  margin-right: 5px;
}

.faq-section .arrow:after {
  content: "➞";
  -o-transition: transform .3s ease-out;
  padding-left: 8px;
  transition: transform .3s ease-out;
  display: inline-block;
}

.faq-section .arrow:hover {
  color: var(--primary-color);
}

.faq-section .arrow:hover:after {
  transform: translateX(4px);
}

.business-wrap {
  background: #f1f3f9;
  padding: 100px 0 400px;
}

.businerr-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.business-div1 {
  width: 60%;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.business-div2 {
  width: 32%;
  position: relative;
}

.business-b-out {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  transform: translateY(10px);
}

.business-b-out:first-child {
  margin-top: 0;
}

.business-b-out:nth-child(2) {
  margin-top: -140px;
  transform: translateY(140px);
}

.business-b-out:nth-child(3) {
  margin-top: -140px;
  transform: translateY(270px);
}

.business-block {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  margin: 0 0 30px;
  padding: 30px 30px 60px;
  box-shadow: 0 0 0 1px rgba(14, 63, 126, .06), 0 1px 1px -.5px rgba(42, 51, 70, .03), 0 2px 2px -1px rgba(42, 51, 70, .04), 0 3px 3px -1.5px rgba(42, 51, 70, .04), 0 5px 5px -2.5px rgba(42, 51, 70, .03), 0 10px 10px -5px rgba(42, 51, 70, .03), 0 24px 24px -8px rgba(42, 51, 70, .03);
}

.business-block:hover {
  border: 1px solid var(--primary-color);
  box-shadow: 0 10px 30px rgba(60, 131, 246, .2);
}

.text-support p {
  min-height: 96px;
}

.content-top {
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 40px;
  display: flex;
}

.outer-imgb {
  width: 80px;
}

.outer-imgb img {
  width: 100%;
  display: block;
}

.content-top h3 {
  width: calc(100% - 80px);
  color: var(--secondary-color);
  padding-left: 18px;
  font-family: Avenir-heavy;
  font-size: 19px;
}

.content-top h3 span {
  display: block;
}

.business-section {
  width: 100%;
  overflow-x: hidden;
}

.block_top {
  color: #fff;
  background: #213f29;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 400px;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
}

.next_block {
  color: #fff;
  background: #213f29;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 400px;
  margin-top: 0;
  margin-bottom: 50px;
  display: flex;
}

.cards {
  height: 100vh;
  position: relative;
}

.custom-card {
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  margin-bottom: 50px;
  transition: transform .5s, opacity .5s;
  display: flex;
  position: absolute;
  box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}

.card1 {
  z-index: 2;
  background-color: #008b8b;
}

.card2 {
  z-index: 3;
  background-color: #f0f8ff;
}

.card3 {
  z-index: 4;
  background-color: green;
}

.spacer {
  height: 50vh;
}

.faq-section {
  background: var(--primary-color);
  float: left;
  width: 100%;
  padding: 100px 0;
  position: relative;
}

.faq-section h3 {
  color: #fff;
  margin: 0 0 50px;
  font-size: 64px;
  line-height: 1.3;
}

.faq-section h3 span {
  display: block;
}

.faq-answer {
  opacity: 0;
  max-height: 0;
  transition: max-height .35s;
  overflow: hidden;
}

.faq-answer.open {
  opacity: 1;
  max-height: 600px;
  animation: .35s forwards faqUltraSmoothOpen;
}

@keyframes faqUltraSmoothOpen {
  0% {
    opacity: 0;
    transform: translateY(-12px);
  }

  40% {
    opacity: .4;
    transform: translateY(-6px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.faq-answer {
  transition: max-height .55s, opacity .45s;
}

.form-c h3 {
  text-align: center;
  color: var(--secondary-color);
  margin: 50px 0 20px;
  font-family: Avenir-Black;
  font-size: 36px;
  line-height: 1.2;
}

.form-c p {
  text-align: center;
}

.form-c {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.form-c form {
  margin-top: 40px;
}

.btn-cvr {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 20px 0 0;
  display: flex;
}

.btn-cvr .login-btn {
  width: 100%;
  max-width: 450px;
}

.b-card .b-img {
  border-radius: 11px;
  overflow: hidden;
}

.div-c1 {
  margin-right: auto;
}

.chooseplan h3 {
  text-align: center;
  font-family: Avenir-medium;
  font-size: 28px;
}

.business-div21 {
  flex-wrap: wrap;
  display: flex;
}

.get-listedpage .business-b-out {
  width: 32%;
  margin-bottom: 10px;
  margin-right: 2%;
  margin-top: 0 !important;
  position: static !important;
  transform: none !important;
}

.get-listedpage .business-div21 .business-b-out:nth-child(2n) {
  transform: translateY(-40px) !important;
}

.get-listedpage .business-b-out .business-block {
  height: 100%;
  box-shadow: none;
  padding-bottom: 0;
}

.get-listedpage .business-b-out:nth-child(2n) {
  transform: translateY(-30px);
}

.get-listedpage .business-b-out:nth-child(3n) {
  margin-right: 0;
}

.pricing-container {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.pricing-card {
  background: #fff;
  border: 1px solid #e4e8ef;
  border-radius: 16px;
  width: 41%;
  margin: 0 .9%;
  padding: 30px 30px 150px;
  transition: all .3s;
  position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
}

.chooseplan {
  background: linear-gradient(to top, #f1f3fa 0%, rgba(241, 243, 250, 0) 100%);
  padding-bottom: 200px;
  display: none;
}

.highlighted {
  border: 1.5px solid #2563eb;
  box-shadow: 0 5px 18px rgba(37, 99, 235, .2);
}

.plan-title {
  margin-bottom: 8px;
  font-size: 1.3rem;
  font-weight: 600;
}

.price {
  color: #000;
  font-size: 48px;
}

.per-month {
  color: #888;
  font-size: 1rem;
  font-weight: 400;
}

hr {
  border: none;
  border-top: 1px solid #e5e5e5;
  margin: 20px 0;
}

.features {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.features li {
  color: #000;
  margin: 10px 0;
  padding-left: 28px;
  position: relative;
}

.features li:before {
  content: "";
  background: url("../media/checkimg.57044ce3.svg") center / contain no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  left: 0;
}

.features button.info-btn {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
}

.features button.info-btn img {
  object-fit: contain;
}

.recommended {
  color: #2050f5;
  background: #e0ebff;
  border-radius: 4px;
  padding: 5px 24px;
  font-family: Avenir-medium;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  top: -10px;
  left: 94px;
  transform: translateX(-50%);
}

.g-list .banner-div h2 span {
  display: block;
}

.g-list .banner-div > p {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.g-list .banner-div p {
  margin-left: auto;
  margin-right: auto;
  max-width: 735px;
  margin-bottom: 10px;
}

.chooseplan h3 {
  color: #000;
  margin: 0 0 50px;
  font-family: Avenir-medium;
  font-size: 48px;
}

.pricing-card h3 {
  text-align: left;
  margin: 0 0 20px;
  font-family: Avenir-Book;
  font-size: 24px;
  font-weight: normal;
}

.banner-wrapp.g-list {
  float: left;
  width: 100%;
}

.how-help {
  text-align: center;
  float: left;
  background: #f1f3fa;
  width: 100%;
  padding: 80px 0;
}

.ch-col {
  float: left;
  background: #f1f3fa;
  width: 100%;
  padding-top: 160px;
}

.how-help h2 {
  color: #000;
  margin: 0 0 20px;
  font-size: 48px;
  line-height: 1.3;
}

.how-help p {
  max-width: 425px;
  margin-left: auto;
  margin-right: auto;
}

.build-outer {
  text-align: center;
  float: left;
  width: 100%;
  padding: 80px 0 150px;
  overflow: hidden;
}

.buildimg-outer img {
  width: 100%;
}

.buildimg-outer {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.build1 h4 {
  color: #000;
  margin: 0 0 14px;
  font-size: 32px;
  line-height: 1.3;
}

.build1 {
  z-index: 9;
  position: relative;
}

.build1 p {
  max-width: 571px;
  margin: 0 auto 30px;
}

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

.build-card .img-b {
  z-index: 99;
  width: 63%;
  position: relative;
}

.build-card .text-areab {
  width: 28%;
}

.h-outer {
  float: left;
  width: 100%;
  padding: 100px 0;
}

.build-card .img-b img {
  width: 100%;
}

.h-div .h-div1:first-child .build-card {
  flex-direction: row-reverse;
}

.text-areab h4 {
  color: #000;
  margin: 0 0 14px;
  font-size: 32px;
  line-height: 1.3;
}

.build-grad {
  position: relative;
}

.h-div .h-div1 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.h-div .h-div1:first-child:first-child {
  margin-bottom: 100px;
  position: relative;
}

.h-div .h-div1:first-child:first-child:after {
  content: "";
  z-index: -1;
  background: url("../media/bg1.84870b42.jpg") center / cover no-repeat;
  width: 63%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: 0%;
}

.h-div .h-div1:nth-child(2) {
  position: relative;
}

.h-div .h-div1:nth-child(2):after {
  content: "";
  z-index: 9;
  background: url("../media/bg2.12fc8f7d.jpg") center / cover no-repeat;
  border-radius: 0 30px 30px 0;
  width: 39%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0;
}

.build-grad:after {
  content: "";
  z-index: -1;
  background: url("../media/bg3.2a278340.jpg") center / cover no-repeat;
  width: 120%;
  height: 55%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sp-banner {
  background: url("../media/signup-bg.3ab80007.jpg") center / cover no-repeat;
}

.serv-signup .header {
  padding: 0;
}

.serv-signup .header-div {
  background: #fff;
  padding: 30px;
}

.sp-banner {
  padding: 80px 0 200px;
}

.provider-intro p {
  color: #e5e5e5;
}

.provider-intro h3 {
  color: #fff;
  margin: 0 0 20px;
  font-family: Avenir-Black;
  font-size: 30px;
}

.provider-intro p span {
  display: block;
}

.company-form h2 {
  color: #000;
  margin: 0 0 20px;
  font-family: Avenir-Black;
  font-size: 22px;
}

.company-form h3 span {
  color: #838289;
}

.company-form h3 {
  color: #000;
  margin: 0 0 10px;
  font-family: Avenir-Black;
  font-size: 20px;
}

.serv-prov-form {
  padding: 50px;
  background: #fff;
  border-radius: 20px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  transform: translateY(-149px);
}

.feedback-wrapper {
  position: relative;
}

.arc-act1 button {
  cursor: pointer;
}

.serv-prov-form {
  z-index: 1;
  position: relative;
}

.serv-prov-form:after {
  content: "";
  filter: blur(18px);
  pointer-events: none;
  z-index: -1;
  background: rgba(0, 0, 0, .65);
  border-radius: 50%;
  width: 100%;
  height: 20px;
  position: absolute;
  top: -28px;
  left: 0;
}

.step {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  transition: opacity .8s, transform .8s;
  position: absolute;
  transform: translateY(30px);
}

.step.show {
  opacity: 1;
  visibility: visible;
  transition-delay: .1s;
  position: relative;
  transform: translateY(0);
}

.tab-wrapper {
  color: #000;
  min-height: 80vh;
  margin-top: 70px;
  display: flex;
}

.tab-nav {
  border-right: 1px solid #e0e0e0;
  width: 270px;
  margin: 0;
  padding: 0 40px;
  list-style: none;
}

.tab-nav li {
  margin: 0 0 10px;
}

.tab-nav li button {
  text-align: left;
  cursor: pointer;
  border-radius: 12px;
  width: 100%;
  padding: 12px 20px;
  font-size: 16px;
  transition: all .4s ease-in-out;
}

.tab-nav li button.active {
  color: #2050f5;
  background: #f0f2fb;
  font-family: Avenir-medium;
}

.tab-content-wrap {
  flex: 1;
  position: relative;
}

.tab-wrapper7 .tab-content-wrap {
  overflow: hidden;
}

.tab-panel {
  opacity: 1;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  transform: translateY(40px);
}

.tab-panel.show {
  opacity: 1;
  visibility: visible;
  position: relative;
  transform: translateY(0);
}

.intro-tab {
  margin: 0 0 30px;
}

.tab-content-wrap h3 {
  margin: 0 0 10px;
  font-family: Avenir-Black;
  font-size: 28px;
  line-height: 1;
}

.provider-intro {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.tab-content-wrap.serv-seeker {
  max-width: 1340px;
}

.tab-content-wrap.serv-seeker .tab-panel {
  width: 100%;
  max-width: 1260px;
}

.seeker-tab-content {
  width: 100%;
}

.seeker-col1 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.tooltip-text {
  visibility: hidden;
  opacity: 0;
  color: #333;
  text-align: center;
  white-space: nowrap;
  z-index: 10;
  white-space: pre-wrap;
  text-align: left;
  background-color: #f5f6fe;
  border-radius: 6px;
  width: 366px;
  padding: 15px;
  font-size: 16px;
  transition: opacity .3s;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
}

.info-btn:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.business-div21 .content-top h3 {
  padding-left: 16px;
}

.contact-div .form-c p {
  font-size: 20px;
}

.g-listbanner {
  margin-top: 100px;
}

.banner-div.g-listbanner {
  float: left;
  width: 100%;
}

.g-list .banner-div > p {
  max-width: 100%;
  margin: 0;
}

.banner-wrapp.g-list .containers {
  display: flex;
}

.loged-inn-div {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  display: flex;
  position: relative;
}

.loged-inn-div > .loged-inn-div {
  background: #f1f3fa;
  border-radius: 10px;
  padding: 10px 50px 10px 30px;
}

.loged-inn-div > .loged-inn-div:hover, .header.fixedtop .loged-inn-div > .loged-inn-div {
  background: #fff;
}

.header.fixedtop .loged-inn-div > .loged-inn-div:hover {
  background: #f1f3fa;
}

.loged-inn-div > .loged-inn-div:after {
  content: "";
  background: url("../media/arr-down.b0313f4a.svg") 50% / contain no-repeat;
  width: 20px;
  height: 20px;
  transition: transform .3s;
  position: absolute;
  top: 12px;
  right: 6px;
}

.loged-inn-div > .loged-inn-div.open:after {
  transform: rotate(180deg);
}

.user-logo img {
  border-radius: 50%;
}

.user-name p {
  color: #333;
  margin: 0;
  font-size: 14px;
}

.user-dropdown {
  z-index: 100;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  flex-direction: column;
  min-width: 150px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 50px;
  right: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}

.user-dropdown a, .user-dropdown button {
  text-align: left;
  color: #333;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  padding: 10px 16px;
  font-family: Avenir-medium;
  font-size: 17px;
}

.user-dropdown a:hover, .user-dropdown button:hover {
  color: #2050f5;
  background: #f0f2fb;
}

.user-name p {
  font-family: Avenir-medium;
  font-size: 18px;
}

.user-logo {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.user-logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.form-grp.select-grp {
  position: relative;
}

.form-grp.select-grp .arrow {
  color: #555;
  pointer-events: none;
  font-size: 12px;
  position: absolute;
  top: 60px;
  right: 14px;
  transform: translateY(-50%);
}

.form-grp {
  flex-flow: column wrap;
  margin: 20px 0 0;
  display: flex;
}

.form-grp label.dark {
  font-family: Avenir-medium;
}

.form-grp label {
  color: #1b1b25;
  margin-bottom: 4px;
}

.form-grp.prev-disabled label {
  color: #d0d0d2;
}

.form-grp.prev-disabled input {
  color: #d0d0d2;
  border: 2px solid #ededf5;
}

.multi-select-input {
  min-height: 68px;
}

.multi-select-input.has-selected {
  flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.company-left input {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  line-height: 1;
  background: url("../media/check-icon-white.a39b166b.svg") center / 20px no-repeat !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.company-left input:focus, .company-left input:hover {
  border: none;
  box-shadow: none !important;
}

.form-grp input.warnning-msg {
  background-color: #fff;
  border-color: #f1c40f !important;
  box-shadow: 0 0 8px rgba(241, 196, 15, .6) !important;
}

.form-grp select.warnning-msg {
  background-color: #fff !important;
  border-color: #f1c40f !important;
  box-shadow: 0 0 8px rgba(241, 196, 15, .6) !important;
}

.form-grp textarea.warnning-msg, .form-grp .multi-select-input.warnning-msg {
  background-color: #fff;
  border-color: #f1c40f !important;
  box-shadow: 0 0 8px rgba(241, 196, 15, .6) !important;
}

.multi-select-input, .form-grp input, .form-grp select, .form-grp textarea {
  color: #000;
  -webkit-appearance: none;
  background: #fff;
  border: 2px solid #d7dbec;
  border-radius: 4px;
  padding: 20px 15px;
  transition: all .5s ease-in-out;
}

.form-grp select, .form-grp select:focus, .form-grp select:hover {
  background: #fff url("../media/arrow1.21ca12ab.svg") 98% / 10px no-repeat !important;
}

.public-project-page .form-grp select {
  color: #bdbdc0;
}

.public-project-page .form-grp select, .public-project-page .form-grp select:focus, .public-project-page .form-grp select:hover {
  cursor: pointer;
  background: url("../media/arrow1.21ca12ab.svg") 0 0 / 10px no-repeat;
  padding-right: 28px;
  background-position: 94% !important;
}

.e-from-homesearch .form-grp select, .e-from-homesearch .form-grp select:focus, .e-from-homesearch .form-grp select:hover {
  background: url("../media/arrow1.21ca12ab.svg") 0 0 / 10px no-repeat;
  background-position: 94% !important;
}

.e-from-homesearch .form-grp select {
  color: #bdbdc0;
}

.form-grp select:focus, .form-grp input:focus, .form-grp textarea:focus {
  border-color: var(--primary-color);
  background: #fff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .2);
}

.form-grp select:hover, .form-grp input:hover, .form-grp textarea:hover {
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .2);
}

.css-1p3m7a8-multiValue {
  color: #374151;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  align-items: center;
  padding: 8px 16px;
  display: inline-flex;
  background: none !important;
  border-radius: 30px !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 14px !important;
}

.css-9jq23d {
  font-size: 14px !important;
}

.css-1dyz3mf {
  gap: 8px !important;
  padding: 0 !important;
}

.css-tj5bde-Svg {
  fill: #898989 !important;
  stroke: #898989 !important;
}

.css-v7duua:hover {
  color: #898989 !important;
  background-color: #fff !important;
}

.react-select__indicator.react-select__clear-indicator.css-1xc3v61-indicatorContainer, .react-select__indicators {
  display: none !important;
}

.css-1u9des2-indicatorSeparator {
  display: none;
}

.react-select__control {
  color: #000;
  -webkit-appearance: none;
  background: #fff;
  padding: 18px 15px;
  background: url("../media/arrow1.21ca12ab.svg") 98% / 10px no-repeat !important;
  border: 2px solid #d7dbec !important;
  border-radius: 4px !important;
  transition: all .5s ease-in-out !important;
}

.react-select__control:focus {
  border-color: var(--primary-color);
  background: #fff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .2);
}

.company-card.active .company-left input {
  border: none;
  width: 22px;
  height: 22px;
  background: url("../media/tik-blue.cbe8b27e.svg") center / 20px no-repeat !important;
}

.css-1xc3v61-indicatorContainer {
  position: relative !important;
  right: -12px !important;
}

.react-select__control:has(.react-select__value-container--is-multi.react-select__value-container--has-value) {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.react-select__control:hover {
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .2);
}

.react-select__control .react-select__input-container {
  margin: 0 !important;
  padding: 0 !important;
}

.react-select__value-container {
  padding: 0;
}

.react-select__control .css-hlgwow {
  padding-left: 0;
  padding-right: 0;
}

.react-select__multi-value__label {
  color: #374151;
  background-color: #fff;
  border-radius: 24px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  display: inline-flex;
}

.company-profile1 .select-grp.form-grp input:focus, .company-profile1 .select-grp.form-grp input:hover {
  box-shadow: none;
  border: none;
}

.company-profile1 .select-grp.form-grp input {
  box-shadow: none;
  cursor: pointer;
  border: none;
  width: 22px;
  height: 22px;
}

.intro-tab h3 {
  margin: 0 0 12px;
  font-family: Avenir-Black;
  font-size: 28px;
}

.house-card {
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.house-card-info {
  padding-left: 20px;
}

.house-card-info h2 {
  color: #171725;
  margin: 0 0 10px;
  font-family: Avenir-Black;
  font-size: 26px;
  line-height: 1.3;
}

.repeat-house-div .slick-track {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.house-card-logo {
  border-radius: 4px;
  align-items: center;
  width: 184px;
  display: flex;
}

ul.tab-nav1 {
  border-bottom: 1px solid #e0e0e0;
  flex-wrap: wrap;
  gap: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  display: flex;
}

.tab-nav1 button {
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
  padding: 10px 20px;
}

.tab-nav1 button.active {
  background: #f6f6f7;
  font-weight: bold;
}

.tab-nav1 a {
  cursor: pointer;
  color: #171725;
  background: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  font-family: Avenir-medium;
  font-weight: 700;
  display: inline-block;
}

.tab-nav1 a.active {
  background: #f6f6f7;
}

.torrance-div .torrance-card {
  width: 32.6%;
  margin: 0 1% 20px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.torrance-div .torrance-card:nth-child(3n) {
  margin-right: 0;
}

.torrance-card-image-wrap img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
  width: 100%;
  display: block;
}

.torrance-slider-wrapper .torrance-card-image-wrap img {
  aspect-ratio: 16 / 9;
}

.torrance-card-image-wrap {
  position: relative;
}

.torrance-card-image-wrap:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .6) 40%, rgba(0, 0, 0, .05) 60%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.torrance-card-badge {
  color: #fff;
  z-index: 9;
  border: 1px solid #fff;
  border-radius: 19px;
  padding: 10px 20px;
  line-height: 1;
  position: absolute;
  bottom: 10px;
  left: 18px;
}

.torrance-card-info {
  padding: 18px;
}

.torrance-card-info h3 {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  line-clamp: 1.2;
  color: #171725;
  -webkit-box-orient: vertical;
  margin: 0 0 10px;
  font-family: Avenir-medium;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
}

.torrance-card-info p {
  margin: 0 0 10px;
  font-family: poppins-regular;
  font-size: 15px;
}

.torrance-card-desc {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.torrance-div {
  flex-wrap: wrap;
  display: flex;
}

.all-proj {
  transform: all .5s ease-in-out;
}

.add-projects {
  display: none;
}

.all-proj.hide .add-projects {
  display: block;
}

.all-proj.hide .torrance-div {
  display: none;
}

.upload-box {
  text-align: center;
  cursor: pointer;
  border: 2px dashed #2050f5;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  padding: 20px;
  display: flex;
}

.upload-box p {
  color: gray;
  font-size: 13px;
}

.upload-box span {
  color: gray;
  font-size: 12px;
}

.proj-form1 .upload-box h3 {
  font-family: Avenir-Book;
  font-size: 14px;
}

.upload-icon {
  margin: 0 auto 20px;
}

.up-img-outer {
  width: 100%;
}

.up-img-outer img {
  margin: 0 auto;
}

.containers-limit {
  padding-left: 250px;
  padding-right: 250px;
}

.faq-question p {
  text-align: left;
  cursor: pointer;
  color: #fff;
  background: none;
  border: none;
  outline: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  font-size: 32px;
  display: flex;
}

.house-card p.house-card-desc {
  word-wrap: break-word;
}

.spd-outer .slick-slide {
  padding: 0 5px;
}

.spd-outer .slick-list {
  margin: 0 -5px;
}

.house-div {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.house-div .h-logodiv {
  width: 100px;
}

.house-div button.house-card-btn {
  display: none;
}

.house-div .house-card-info h2 {
  line-height: 1.2;
}

.house-div .house-card {
  margin-bottom: 0;
}

.house-div .house-card-info {
  width: calc(100% - 184px);
  padding-top: 30px;
  padding-bottom: 30px;
}

span.font-bold-in {
  font-family: Avenir-Black;
}

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

.smallwithptag.revs {
  flex-direction: row-reverse;
}

.smallwithptag small {
  line-height: 1;
}

.smallwithptag p {
  margin-top: 10px;
  font-family: Avenir-Black;
  line-height: 1.2;
  font-size: 12px !important;
}

.details {
  width: 80%;
  margin: 20px 0 0;
  display: flex;
}

.det1 {
  width: 48%;
}

.d-row {
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 10px;
  display: flex;
}

.repeat-house-div {
  border-top: 1px solid #e0e0e0;
  padding-top: 70px;
  padding-bottom: 70px;
}

.intro-div h3 {
  margin: 0 0 15px;
  font-family: Avenir-Black;
  font-size: 30px;
}

.intro-div {
  margin-bottom: 60px;
}

.filter-container {
  background-color: #fff;
  border-right: 1px solid #e0e0e0;
  border-radius: 8px;
  width: 250px;
  padding: 0 20px;
}

.spd-outer1 {
  padding: 0;
}

.filter-title {
  color: #1f2937;
  letter-spacing: .5px;
  margin: 0 0 15px;
  font-family: Avenir-Black;
  font-size: 18px;
  font-weight: 700;
}

.filter-section {
  margin-bottom: 24px;
}

.section-label {
  color: #bdbdc0;
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 400;
}

.filter-section .section-label {
  color: #bdbdc0;
}

.select-wrapper.form-grp {
  margin-top: 0;
}

.select-wrapper {
  width: 100%;
  position: relative;
}

.tags-container {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.tag {
  color: #374151;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  display: inline-flex;
}

.tag-text {
  font-family: Avenir-medium;
  font-weight: 500;
}

.tag-close {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 14px;
  display: flex;
}

.checkbox-label {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.custom-checkbox {
  display: none;
}

.filter-section .checkbox-label input {
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  padding: 0;
  font-size: 0;
  line-height: 1;
  background: url("../media/check-icon-white.a39b166b.svg") center / 20px no-repeat !important;
}

.filter-section .checkbox-label.selected input {
  border: none;
  width: 22px;
  height: 22px;
  font-size: 0;
  background: url("../media/tik-blue.cbe8b27e.svg") center / 20px no-repeat !important;
}

.filter-section .checkbox-label {
  gap: 4px !important;
}

.form-c {
  position: relative;
}

.form-c .contact-error p {
  padding-left: 22px;
  position: relative;
}

.form-c .contact-success {
  color: #00a056;
  background-color: #fff;
  border: 1px solid #00a056;
  border-radius: 10px;
  max-width: 300px;
  max-height: 50px;
  padding: 15px 20px;
  position: absolute;
  top: 15px;
  right: -152px;
  box-shadow: 0 0 8px rgba(46, 204, 113, .3);
}

.contact-success p:before {
  content: "";
  background: url("../media/tik.417bb7e7.svg") 0 0 / contain no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 0;
}

.contact-success p {
  color: #00a056;
  padding-left: 20px;
  line-height: 1;
  position: relative;
}

.form-c .contact-error {
  color: red;
  background-color: #fff;
  border: 1px solid red;
  border-radius: 10px;
  max-width: 434px;
  padding: 15px 20px;
  position: absolute;
  top: 102px;
  right: -152px;
  box-shadow: 0 0 8px rgba(231, 76, 60, .6);
}

.contact-error p:before {
  content: "";
  background: url("../media/warning-icon.f40ec699.svg") 0 0 / contain no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 7px;
  left: 0;
}

.sidebar-div1 {
  flex-wrap: wrap;
  display: flex;
}

.outline-row {
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 20px;
  display: flex;
}

.outline-items {
  border: 1px solid #000;
  border-radius: 24px;
  padding: 10px 20px;
  font-family: Avenir-medium;
}

.outline-items p {
  font-size: 14px;
  line-height: 1.1;
}

.detail-card .house-card-info {
  padding-top: 20px;
  padding-bottom: 20px;
}

.detailpage {
  padding: 50px 0;
}

.detcol-1 {
  width: 70%;
}

.detcol-2 {
  width: 30%;
  padding-left: 0;
}

.about-content h3 {
  color: #171725;
  margin: 0 0 8px;
  font-family: Avenir-Black;
  font-size: 23px;
  line-height: 1.03;
}

.about-content {
  margin: 0 0 50px;
}

.businesscontainer h2 {
  color: #171725;
  margin: 0 0 8px;
  font-family: Avenir-Black;
  font-size: 23px;
}

.info-label {
  margin: 0 0 10px;
  font-family: Avenir-medium;
  font-size: 20px;
}

.info-label span {
  font-size: 18px;
}

.info1 {
  width: 50%;
}

.info-grid {
  display: flex;
}

.info2 {
  padding-left: 60px;
}

.info-value a {
  display: block;
}

.info-item {
  margin: 0 0 20px;
}

.serv-div h2 {
  color: #171725;
  margin: 0 0 30px;
  font-family: Avenir-Black;
  font-size: 23px;
}

.serv-div {
  max-width: 780px;
  margin: 20px 0;
}

.businesscontainer {
  max-width: 780px;
}

.build-col {
  background: #fafbff;
  border-radius: 10px;
  flex-wrap: wrap;
  margin: 0 0 20px;
  display: flex;
}

.build-col1 {
  width: 50%;
  padding: 25px 16px;
}

.build-col2 {
  border-left: 1px solid #e0e0e0;
}

.para-serv {
  margin: 40px 0 0;
}

.torrence-slider .slick-slide {
  padding: 0 5px;
}

.torrence-slider .slick-list {
  margin: 0 -5px;
}

.torrance-slider-wrapper {
  margin: 0 auto;
  padding: 60px 0;
  position: relative;
}

.arrow-btn:has(svg) {
  cursor: pointer;
  z-index: 10;
  background: #fff;
  border: none;
  border-radius: 50%;
  padding: 8px;
  transition: all .3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
}

.arrow-btn:hover {
  background: #f3f3f3;
}

.torrance-slider-wrapper .arrow-btn.prev {
  left: -49px;
}

.torrance-slider-wrapper .arrow-btn.next {
  right: -49px;
}

.torrance-card {
  background: #fff;
  transition: transform .3s, box-shadow .3s;
  overflow: hidden;
}

.torrance-card-img {
  width: 100%;
  height: 240px;
  position: relative;
  overflow: hidden;
}

.torrance-card-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.category-badge {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  bottom: 12px;
  left: 12px;
}

.torrance-card-info {
  background: #fff;
  padding: 20px;
}

.torrance-slider-wrapper .torrance-card {
  border-radius: 0 0 7px 7px;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.torrance-slider-wrapper .swiper-slide {
  margin-bottom: 10px;
}

.torrance-slider-wrapper .slick-slide {
  padding: 0 5px;
}

.torrance-slider-wrapper .slick-list {
  margin: 0 -5px;
}

.info-value span {
  display: block;
}

.info-value a {
  color: #2050f5;
  word-wrap: break-word;
  font-family: Avenir-medium;
  text-decoration: underline;
}

.info-value a:hover {
  text-decoration: none;
}

.business-div1 h3 span {
  display: block;
}

.detcol {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.project-card {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  width: 100%;
  max-width: 250px;
  padding: 24px;
  font-family: Inter, Arial, sans-serif;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
}

.card-title {
  color: #111;
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 600;
}

.company-name {
  color: #555;
  margin-bottom: 20px;
  font-size: 15px;
}

.project-label {
  color: #222;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

.select-wrapper {
  margin-bottom: 20px;
  position: relative;
}

.project-select {
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  width: 100%;
  padding: 12px 40px 12px 14px;
  font-size: 14px;
  transition: border-color .3s;
}

.project-select:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(92, 59, 255, .15);
}

.arrow {
  color: #555;
  pointer-events: none;
  font-size: 12px;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}

.prov-pro-img img {
  object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  display: block;
}

.prov-pro-img {
  width: 90%;
  margin: 0 0 25px;
}

.project-details h2 {
  color: #171725;
  margin: 0 0 20px;
  font-family: Avenir-Black;
  font-size: 32px;
  line-height: 1.2;
}

.project-details h3 {
  color: #171725;
  margin: 20px 0;
  font-family: Avenir-Black;
  font-size: 23px;
  line-height: 1;
}

.project-details {
  margin: 0 0 25px;
}

.scope-section {
  color: #333;
  margin-top: 32px;
  font-family: Inter, Arial, sans-serif;
}

.scope-title {
  color: #171725;
  margin-bottom: 16px;
  font-family: Avenir-Black;
  font-size: 20px;
}

.scope-list {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.scope-item {
  color: #444;
  background: #f9f9ff;
  border: 1px solid #f0f0f5;
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 15px;
  transition: background .3s, transform .2s;
}

.scope-item:hover {
  background: #f2f0ff;
  transform: translateY(-2px);
}

.profile-page {
  margin: 70px 0 0;
}

.proj-details {
  margin-top: 50px;
}

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

.proj-grid2 {
  width: 48%;
}

.proj-col1 {
  margin: 0 0 20px;
}

.proj-col1 p strong {
  color: #171725;
  letter-spacing: .07px;
  margin: 0 0 10px;
  font-size: 19px;
  line-height: 1;
}

.proj-col1 p:first-child {
  margin: 0 0 10px;
}

.add-newformouter h2 {
  color: #171725;
  margin: 0 0 10px;
  font-family: Avenir-Black;
  font-size: 28px;
  line-height: 1;
}

form small {
  color: #a3a3a7;
  margin: 10px 0 0;
}

.add-newformouter {
  max-width: 800px;
}

.budget-calc {
  background: #fafbff;
  margin: 10px 0 0;
  padding: 40px 30px 25px;
}

.budget-calculator {
  display: flex;
}

.budget-calculator .bud-col1 {
  width: 50%;
}

.bud-row {
  margin: 0 0 15px;
}

.bud-row p strong {
  margin: 0 0 6px;
  font-size: 17px;
  display: block;
}

.budget-calc h2 {
  margin: 0 0 16px;
}

.create-btn {
  justify-content: flex-end;
  display: flex;
}

.create-btn-container {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.listing-ul li {
  color: #a3a3a7;
  margin: 0 0 20px;
  padding: 0 0 0 12px;
  font-size: 13px;
  position: relative;
}

.listing-ul li:last-child {
  margin-bottom: 0;
}

.listing-ul li:before {
  content: "•";
  color: #a3a3a7;
  font-size: 10px;
  line-height: normal;
  position: absolute;
  top: 3px;
  left: -1px;
}

.add-newformouter .radio-group {
  margin: 30px 0 0;
}

.add-newformouter .radio-group h5 {
  margin: 0 0 20px;
  font-family: Avenir-Black;
}

.listing-styleouter h5 {
  margin: 0 0 10px;
  font-family: Avenir-Black;
}

.listing-style {
  flex-wrap: wrap;
  margin: 0 0 20px;
  display: flex;
}

.radio-row {
  align-items: center;
  display: flex;
}

.radio-col {
  margin-right: 20px;
}

.radio-option input {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

.company-profile1 {
  width: 100%;
  max-width: 850px;
}

.select-grp .dropdown {
  width: 100%;
  box-shadow: none;
  border: none;
  padding-top: 20px;
  position: static;
}

.select-grp .dropdown-option {
  align-items: center;
  width: max-content;
  line-height: 1;
  display: flex;
}

button.remove-tag {
  cursor: pointer;
}

.dropdown-option input {
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  padding: 0;
  font-size: 0;
  line-height: 1;
  background: url("../media/check-icon-white.a39b166b.svg") center / 20px no-repeat !important;
}

.dropdown-option.selected input {
  border: none;
  width: 22px;
  height: 22px;
  font-size: 0;
  background: url("../media/tik-blue.cbe8b27e.svg") center / 20px no-repeat !important;
}

.dropdown-option input:focus {
  box-shadow: none;
}

.dropdown-option {
  margin-bottom: 10px;
}

.house-card-edit-btn {
  width: 20px;
  height: 20px;
  background: url("../media/edit-btn.5e755481.svg") center / 20px no-repeat !important;
  font-size: 0 !important;
}

button.cance-button {
  width: 30px;
  height: 30px;
  font-size: 0;
  background: url("../media/remove-btn.a75bee0a.svg") center / 30px no-repeat !important;
}

button.save-btn {
  width: 30px;
  height: 30px;
  font-size: 0;
  background: url("../media/save-btn.7b6e01a0.svg") center / 30px no-repeat !important;
}

.image-remove-btn {
  cursor: pointer;
  width: 20px;
  height: 20px;
  font-size: 0;
  position: absolute;
  top: -16px;
  right: -16px;
  background: url("../media/close-blue.6af52258.svg") center / 20px no-repeat !important;
}

.remove-btn1 {
  color: #fff;
  background: #2050f5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 10px;
  display: flex;
  position: absolute;
  top: 0;
  left: 100px;
}

.svcrow {
  border: 2px solid #d7dbec;
  border-radius: 4px;
  flex-wrap: wrap;
  margin-top: 25px;
  display: flex;
}

.svc1 {
  border-right: 2px solid #d7dbec;
  width: 50%;
  padding: 20px 15px;
}

.svc1 input {
  width: 100%;
  padding: 0 !important;
}

.svc2 {
  border-right: none;
  justify-content: space-between;
  width: 50%;
  padding: 20px 15px;
  display: flex;
  position: relative;
}

.svc2 select {
  border: none;
}

.svc2 select:focus {
  border: none;
  outline: none;
}

button.removeservice {
  cursor: pointer;
  background: #f1f3fa;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  transition: all .2s ease-in-out;
  position: absolute;
  top: -16px;
  right: -18px;
}

button.removeservice:hover {
  color: #fff;
  background: #2050f5;
}

.remodeling-card {
  border: 1px solid #eee;
  border-radius: 10px;
  width: 32.3%;
  margin-bottom: 1.5%;
  margin-right: 1.5%;
  padding: 20px 20px 80px;
  position: relative;
}

.remodeling-card .proposals {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.remodeling-card:nth-child(3n) {
  margin-right: 0;
}

.more-option-btn {
  width: 20px;
  height: 20px;
}

.remodel-div1 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px;
  display: flex;
}

.remodel-div1 h4 {
  color: #53d8a7;
  line-height: 1.2;
}

.remodel-div1 h4.text-private, .featured-card-hilight .remodel-div1 h4 {
  color: #2050f5;
}

.remodel-col1 {
  gap: 16px;
  width: 100%;
  margin: 0 0 6px;
  display: flex;
}

.remodel-col1 .re-col1:first-child p {
  font-family: Avenir-medium;
}

.re-col1 {
  width: 50%;
}

.remodeling-card h5 {
  margin: 0 0 10px;
  font-family: Avenir-medium;
  font-size: 22px;
  line-height: 1.2;
}

.proposals {
  border: 1px solid #2050f5;
  border-radius: 30px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 15px 0 0;
  padding: 12px 20px;
}

.proposals p {
  color: #2050f5;
  line-height: 1;
}

.remodeling-div {
  flex-wrap: wrap;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.svc-outer {
  margin: 0 0 30px;
}

.form-grp.form-grp1 input {
  min-width: 330px;
  padding: 10px 15px;
}

.edt-up {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.save-outer {
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

.proj-form1 {
  margin: 40px 0 0;
}

.proj-form1 h3 {
  margin-bottom: 10px;
  font-family: Avenir-Black;
  font-size: 24px;
  line-height: 1.3;
}

.torrance-slider-wrapper h2 {
  color: #171725;
  margin: 0 0 30px;
  font-family: Avenir-Black;
  font-size: 23px;
}

.after-edit .status-card {
  width: 100%;
  max-width: 250px;
}

.after-edit {
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

button.show-more {
  color: var(--primary-color);
  cursor: pointer;
  padding-right: 20px;
  font-family: Avenir-medium;
  display: inline-block;
  position: relative;
}

button.show-more:after {
  content: "";
  z-index: 99;
  background: url("../media/bluearrow-down.813d66ad.svg") center / contain no-repeat;
  width: 23px;
  height: 23px;
  position: absolute;
  right: 0;
  background-size: 17px !important;
}

.project-card1 {
  background-color: #fff;
  padding: 40px 55px;
  transition: box-shadow .2s;
}

.public-project-page .intro-tab {
  max-width: 800px;
  padding: 0 55px;
}

.project-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.project-header h3 {
  color: #171725;
  margin: 0 0 10px;
  font-family: Avenir-Black;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}

.project-info {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 70%;
  margin-bottom: 15px;
  display: flex;
}

.public-project-page {
  position: relative;
}

.public-project-page:after {
  content: "";
  background-color: #e0e0e0;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.public-project-page:has(.pagination-div):after {
  height: calc(100% - 75px);
}

.filter-container {
  border: none;
  width: 250px;
  padding: 0 20px;
  position: absolute;
  top: 0;
  right: -251px;
}

.form-grp.wrap-select input {
  max-width: 800px;
  padding-left: 60px;
  background: url("../media/search-icon.1c41f6bc.svg") 18px / 30px no-repeat !important;
}

.form-grp.wrap-select {
  width: 100%;
  max-width: 800px;
  margin: 0 55px 40px;
  padding-left: 0;
  padding-right: 0;
}

.public-proj .sidebar-pages {
  padding-left: 0;
}

.listing-div .project-card1 {
  border-bottom: 1px solid #e0e0e0;
}

.listing-div {
  border-top: 1px solid #e0e0e0;
}

.project-user {
  font-size: 18px;
}

.det-intro1 h2 {
  margin: 12px 0;
  padding: 0 0 0 20px;
  font-family: Avenir-Black;
  font-size: 25px;
  line-height: 1;
}

.det-intro1 {
  align-items: center;
  margin: 0 0 30px;
  display: flex;
}

.details-card {
  margin: 40px 0 0;
}

.details-card h3 {
  margin: 12px 0;
  font-family: Avenir-Black;
  font-size: 34px;
  line-height: 1;
}

.details-card h4 {
  margin-top: 24px;
  font-family: Avenir-Black;
  font-size: 22px;
}

.proj-meta1 {
  margin: 0 0 10px;
  display: flex;
}

.project-meta {
  max-width: 400px;
  margin: 20px 0 0;
}

.proj-metacol {
  width: 50%;
}

p.project-status {
  color: #40d29a;
}

p.project-status2 {
  color: #2050f5;
}

.project-details {
  flex-wrap: wrap;
  display: flex;
}

.proj-det1 {
  width: 100%;
}

.editbtn-div {
  justify-content: flex-end;
  display: flex;
}

.line-divide {
  background: #e0e0e0;
  width: 100%;
  height: 1px;
}

.proposal-div {
  max-width: 1000px;
  margin-top: 30px;
}

.company-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding: 16px 20px;
  transition: all .5s ease-in-out;
  display: flex;
  position: relative;
}

.company-left {
  flex: 1;
  align-items: center;
  gap: 12px;
  padding-right: 10px;
  display: flex;
}

.company-logo {
  object-fit: cover;
  border-radius: 8px;
  width: 70px;
  height: 70px;
}

.company-info h4 {
  margin: 0;
  font-family: Avenir-medium;
  font-size: 16px;
  font-weight: 700;
}

.company-info p {
  color: #b5b2b2;
  margin-top: 4px;
  font-size: 14px;
}

.company-right {
  text-align: right;
}

.company-date {
  color: #666;
  margin: 0 0 5px;
  font-size: 14px;
}

.company-duration {
  color: #000;
  font-family: Avenir-medium;
  font-size: 14px;
  font-weight: 700;
}

.company-card:hover .view-btn {
  display: inline-block;
}

.popup-overlay {
  z-index: 99;
  background: rgba(0, 0, 0, .45);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.popup-box {
  text-align: center;
  background: #fff;
  border-radius: 12px;
  width: 320px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.company-card:hover .company-right .right-text {
  display: none;
}

.company-card:hover .company-right .with-btn {
  display: block;
}

.lead-btn {
  margin-left: auto;
  padding-right: 0;
}

.proposal-box {
  text-align: left;
  background: #fff;
  border-radius: 12px;
  max-width: 100%;
  height: auto;
  max-height: calc(90vh - 120px);
  margin: 0 auto;
  padding-right: 30px;
  position: relative;
  overflow-y: auto;
}

.proposal-header {
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
  display: flex;
}

.proposal-header img {
  object-fit: cover;
  border-radius: 10px;
  width: 90px;
  height: 90px;
}

.proposal-logo {
  object-fit: cover;
  border-radius: 10px;
}

.proposal-info p {
  margin: 0 0 6px !important;
}

.proposal-info h3 {
  color: #1e1e1e;
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 600;
}

.proposal-info p {
  color: #555;
  margin: 2px 0;
  font-size: 14px;
}

.modal-overlay.proposal-popup:has(.e-propstt2) .proposal-header {
  margin-bottom: 50px;
}

.proposal-details {
  background: #fafbff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 30px;
}

.proposal-details h4 {
  color: #171725;
  margin-bottom: 10px;
  font-family: Avenir-Black;
  font-size: 23px;
  font-weight: 700;
}

.proposal-details h4 span.public-text {
  color: #53d8a7;
}

.proposal-details h4 span.private-text {
  color: #2050f5;
}

.clarification-board {
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  padding: 0 30px;
}

.comments-wrapper {
  box-sizing: border-box;
  border-radius: 10px;
  max-width: 800px;
  margin-top: 50px;
}

.comments-wrapper h3 {
  color: #171725;
  margin-bottom: 25px;
  font-family: Avenir-Black;
  font-size: 23px;
  font-weight: 700;
}

.clarity-intro {
  flex-wrap: wrap;
  margin: 0 0 32px;
  display: flex;
}

.clarity-detail h4 {
  font-family: Avenir-medium;
  font-size: 17px;
}

.clarity-detail h4 span {
  margin-left: 10px;
  padding-left: 8px;
  font-family: Avenir-Book;
  font-size: 12px;
  position: relative;
}

.clarity-detail h4 span:before {
  content: "•";
  color: #000;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.clarify-text {
  font-size: 16px;
  margin: 0 !important;
}

.clarity-detail {
  width: calc(100% - 90px);
  padding: 0 0 0 12px;
}

.clarify-actions {
  width: 100%;
}

.clarify-title {
  color: #171725;
  margin-bottom: 10px;
  font-family: Avenir-Black;
  font-size: 23px;
  font-weight: 700;
}

.clar-div {
  align-items: center;
  margin: 0 0 20px;
  display: flex;
}

.clarify-input {
  align-items: center;
  width: 100%;
  display: flex;
}

.clarify-replies {
  width: 100%;
  padding-left: 30px;
}

.comment-box {
  width: 100%;
  display: flex;
}

.comment-content {
  width: calc(100% - 90px);
  padding-left: 12px;
}

.clarify-comment {
  width: 100%;
}

.clarify-actions {
  gap: 30px;
  margin: 5px 0 0;
  display: flex;
}

.clarify-actions button {
  cursor: pointer;
  align-items: flex-end;
  gap: 8px;
  height: 18px;
  display: flex;
}

.clarify-actions button span {
  font-size: 16px;
  line-height: 1;
}

.user-img-cover {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  overflow: hidden;
}

.user-img-cover img {
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

.clarify-input .form-grp {
  flex: 1;
  margin-top: 0;
  padding: 0 8px;
}

.cont-lead {
  margin: 0 0 20px;
}

.proposal-details h4 span {
  color: var(--primary-color);
  text-transform: capitalize;
  padding-left: 10px;
  font-family: Avenir-Book;
  font-size: 16px;
  font-weight: normal;
}

.proposal-popup h5 {
  margin: 0 0 10px;
  font-family: poppins-medium;
  font-size: 18px;
}

.detail-row {
  max-width: 520px;
  margin-bottom: 8px;
  display: flex;
}

.detail-row .detail-col11:first-child {
  width: 154px;
}

.detail-row span {
  color: #000;
  font-family: poppins-medium;
}

.proposal-popup h5.scratch-text {
  font-family: Avenir-Black;
}

.detail-row p {
  color: #444;
  margin: 0;
}

.proposal-letter h5 {
  margin-top: 22px;
  margin-bottom: 8px;
}

.proposal-letter p {
  color: #666;
  font-size: 14px;
  line-height: 1.5;
}

.proposal-attachment {
  margin-top: 20px;
}

.proposal-attachment .attachment-link {
  color: #2563eb;
  margin-top: 5px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.proposal-attachment .attachment-link:hover {
  text-decoration: underline;
}

.proposal-actions {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.proposal-attachment a {
  color: #4c72f6;
  text-decoration: underline;
}

.proposal-attachment a:hover {
  color: #4c72f6;
  text-decoration: none;
}

.proposal-attachment h5 {
  margin-bottom: 10px;
}

.proposal-popup .close-btn {
  background: #f1f3fa url("../media/close-x.7dadcda0.svg") 50% / 20px no-repeat;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin: 0;
  display: flex;
  position: absolute;
  top: 14px;
  right: 14px;
}

.proposal-popup .close-btn:hover {
  background: #4c72f6 url("../media/close-x.7dadcda0.svg") 50% / 20px no-repeat;
}

.seeker-div.e-onacc3 {
  position: relative;
}

.proposal-info {
  padding-left: 20px;
}

.my-account-form {
  width: 100%;
}

.profile-container {
  max-width: 500px;
}

.profile-actions {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.profile-up {
  z-index: 99;
  align-items: center;
  gap: 20px;
  display: flex;
  position: relative;
}

.seeker-col1 h2 span {
  color: #77767d;
}

.profile-container small span {
  display: block;
}

.seeker-col1 .my-account-form h2 {
  margin: 0 0 40px;
}

.company-profile1.upload-page {
  max-width: 900px;
}

.upload-area {
  max-width: 850px;
}

.upload-area > div {
  flex-wrap: wrap;
  display: flex;
}

.upload-area > div > div {
  width: 32%;
  height: 220px;
  margin-bottom: 1.9%;
  margin-right: 1.9%;
  position: relative;
}

.upload-area > div > div:nth-child(3n) {
  margin-right: 0;
}

.upload-area > div > div img {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.grid-upload {
  flex-wrap: wrap;
  display: flex;
}

.grid-upload > div {
  width: 32%;
  margin-bottom: 2%;
  margin-right: 2%;
}

.grid-upload > div:nth-child(3n) {
  margin-right: 0;
}

.project-details.detailed {
  width: 90%;
  display: block;
}

.profile-page .back-bth {
  margin-bottom: 30px;
  position: static;
}

.back-bth {
  cursor: pointer;
}

.sucess-img-text {
  color: #00c363;
  justify-content: center;
  align-items: center;
  gap: 10px;
  line-height: 1;
  display: flex;
}

.after-update-1 {
  width: 100%;
}

.after-update {
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

.profile-page p, .prov-dashboard p {
  color: #404040;
}

.img-cover-up {
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
}

.project-type {
  font-size: 18px;
}

.img-cover-up img {
  margin: 0 auto;
  height: auto !important;
}

button.img-onclose {
  cursor: pointer;
  color: #000;
  background: #f1f3fa;
  border: none;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  font-size: 14px;
  position: absolute;
  top: -9px;
  right: -6px;
}

button.img-onclose:hover {
  color: #fff;
  background: #2050f5;
}

.setas-cover {
  color: #fff;
  cursor: pointer;
  background: #ccc;
  border-radius: 6px;
  padding: 8px 28px;
  font-size: 11px;
  line-height: 1;
  position: absolute;
  top: 5px;
  left: 10px;
}

.setas-cover.cover-btn {
  background: #2050f5;
}

.torrance-slider-wrapper .slick-track {
  margin-left: 0;
  margin-right: 0;
}

.project-inner1, .wrapper-inputpublic .form-grp {
  max-width: 800px;
}

.form-grp.listing-styleouter .view-btn {
  display: block;
}

.company-left button.remove-btn {
  cursor: pointer;
  background: #f1f3fa;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 10px;
  line-height: 1;
  display: flex;
}

.company-left button.remove-btn:hover {
  background: #2050f5;
}

.selected-section h3 {
  margin: 10px 0 20px;
}

.listing-ul {
  margin: 0 0 20px;
}

.svc1 input:focus {
  border: none;
  outline: none;
}

.leads-table th {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

.leads-table th:first-child {
  padding-left: 0;
}

.leads-table thead tr {
  color: #404040;
  padding: 20px 0;
}

.leads-table tbody tr {
  border-bottom: 1px solid #e0e0e0;
}

.leads-table tr {
  display: flex;
}

.leads-table tbody tr {
  padding: 18px 0;
}

.leads-table tbody tr td {
  color: #404040;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Avenir-medium;
  font-size: 16px;
  display: flex;
}

.leads-table td.lead-name {
  align-items: center;
  gap: 12px;
  display: flex;
}

.leads-table tbody tr td:first-child {
  padding-left: 0;
}

.leads-table span.project-type {
  color: #404040;
  border: 1.3px solid #404040;
  border-radius: 30px;
  padding: 7px 13px;
  font-family: Avenir-medium;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}

.highlightedd {
  border-radius: 30px;
  padding: 10px 14px;
  line-height: 1;
}

.leads-table span.bg-blue {
  background: #dbffee;
  color: #404040 !important;
}

.leads-table span.bg-yellow {
  background: #fffcbe;
  color: #404040 !important;
}

.leads-table span.bg-purple {
  background: #d8e1ff;
  color: #404040 !important;
}

.leads-table span.bg-pink {
  background: #ffd3d3;
  color: #404040 !important;
}

.leads-table span.viewed {
  background: #f2f2f2;
  color: #404040 !important;
}

.lead-col {
  width: 240px;
}

.project-col {
  width: 258px;
}

.date-col {
  width: 130px;
}

.email-col {
  width: 284px;
}

.mob-col {
  width: 200px;
}

.status-col {
  width: 194px;
}

.communication-col {
  width: 100px;
}

.send-proposal form {
  max-width: 800px;
}

.upload-doc input {
  display: block;
}

.upload-box h3 {
  margin: 10px 0;
  font-family: Avenir-Book;
  line-height: 1.3;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 16px !important;
}

.upload-box p {
  color: #666;
  margin: 5px 0;
  font-size: 12px;
  line-height: 1 !important;
}

.upload-box span {
  color: #999;
  margin-top: 9px;
  font-size: 11px;
  line-height: 1.1;
  display: block;
}

.send-proposal .intro-tab {
  position: relative;
}

.send-proposal .intro-tab h3 {
  padding-left: 60px;
}

.send-proposal button.back-bth {
  position: absolute;
  top: 0;
  left: 0;
}

.serv-list-f .multi-select-input .tag {
  display: none;
}

.edit-proposalpage form {
  max-width: 800px;
}

.edit-ph-col3 {
  margin-left: auto;
}

.edit-proposal-header {
  max-width: 800px;
  margin-top: 20px;
}

a.pro-snd {
  color: #fff;
  background: #2050f5;
  border-radius: 38px;
  padding: 10px 15px;
}

.add-proj-up {
  position: relative;
}

.form-c:has(.contact-error) form {
  margin-top: 80px;
}

p.torrance-card-desc {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0 0 15px;
  display: -webkit-box;
  overflow: hidden;
}

.profile-up img {
  aspect-ratio: 16 / 16;
  object-fit: cover;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.pagination.outer {
  justify-content: center;
  margin: 40px 0 50px;
  display: flex;
}

.pagination.outer .pagenumber {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  line-height: 1;
  display: flex;
}

.pagination.outer .pagenumber.active {
  background: #e5e8ef;
  border: none;
}

.pagination.outer .pagenumber.current-pg {
  background: #e5e8ef;
}

.pagination-div {
  gap: 10px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.pagination button.prev-btn, .pagination button.next-btn {
  cursor: pointer;
  background: #e5e8ef;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.spd-outer1 .intro-div {
  max-width: 800px;
}

.info-left, .info-right {
  width: 46%;
}

.e-proj-info1 {
  margin-top: 15px;
}

.house-div3 {
  width: 91px;
}

.project-card1 .house-card {
  flex-wrap: nowrap;
  width: calc(100% - 100px);
  margin-bottom: 0;
}

.e-public-card .house-card {
  flex-wrap: wrap;
}

.e-public-card .house-card h3, .e-public-card .house-card p {
  width: 100%;
}

.arc-community-sec {
  background: #fff;
  padding: 100px 0;
}

.popup-overlay1.e-must-log {
  z-index: 9999;
  background: rgba(0, 0, 0, .8);
}

.e-must-log .popup-box4 {
  background: #fff;
  border-radius: 15px;
  padding: 30px;
}

.e-must-log .popup-box4 h3 {
  font-family: Avenir-medium;
  font-size: 28px;
}

.popup-overlay1 {
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.arc-actions .popup-box {
  background: #fff;
  border-radius: 7px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
}

.comment-input {
  background: #fff;
  border: 2px solid #d7dbec;
  border-radius: 8px;
  width: 100%;
  min-height: 50px;
  padding: 10px;
  transition: all .5s ease-in-out;
}

.comment-input:hover {
  box-shadow: 0 0 0 1px rgba(99, 102, 241, .2);
}

.comment-input:focus {
  border-color: var(--primary-color);
  background: #fff;
  outline: none;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, .2);
}

.popup-buttons {
  justify-content: flex-end;
  gap: 10px;
  margin-top: 15px;
  display: flex;
}

.submit-btn {
  color: #fff;
  background: #000;
  border: none;
  border-radius: 6px;
  padding: 6px 14px;
}

.arc-cover {
  margin-left: auto;
  margin-right: auto;
}

.arc-div-outer {
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  max-width: 800px;
  margin-bottom: 40px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}

.arc-cover h3 {
  text-align: center;
  color: #000;
  margin: 0 0 12px;
  font-size: 60px;
  line-height: 1.3;
}

.arc-cover p {
  text-align: center;
}

.arch-intro {
  margin: 0 0 40px;
}

.arc-div1 {
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}

.arc-top-btn {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: none;
}

.arc-top-btn img {
  width: 100%;
  height: 100%;
}

.arc-profile-sec {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  position: relative;
}

.arc-profile-sec img {
  object-fit: cover;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.name-follow-row {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.arc-head-text {
  width: calc(100% - 50px);
  padding-left: 15px;
  position: relative;
}

.arc-head-text h4 {
  font-size: 16px;
  font-weight: bold;
}

.cred h6 {
  font-size: 14px;
}

.cred {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.arch-dis p {
  text-align: left;
}

.arch-dis {
  margin: 0 20px 20px;
}

.action-listed {
  border-top: 1px solid #ebeaea;
  border-bottom: 1px solid #ebeaea;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}

.arc-actions {
  flex-wrap: wrap;
  padding: 20px 0;
  display: flex;
  position: relative;
}

.arc-actions .arc-act1 button:hover span {
  color: var(--primary-color);
}

.arc-actions .arc-act1 button:hover img.hov-ss {
  display: block;
}

.arc-actions .arc-act1 button:hover img.not-hov-ss, img.hov-ss {
  display: none;
}

.arc-actions .arc-act1 button.liked-btn:hover img.not-hov-ss {
  display: block;
}

.arc-actions .arc-act1 button.liked-btn:hover img.hov-ss {
  display: none;
}

.popup-box {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s, visibility .2s;
  position: absolute;
  bottom: -20px;
  left: 178px;
}

.arc-act1.share-arc:hover .popup-box {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.arc-act1 {
  justify-content: center;
  gap: 2px;
  width: 33.33%;
  display: flex;
}

.arc-img img {
  object-fit: cover;
  width: 100%;
}

.popup-box h3 {
  margin: 0 0 20px;
  font-size: 22px;
}

.share-icons {
  justify-content: center;
  gap: 8px;
  display: flex;
}

.share-icon1 {
  border-radius: 50%;
  width: 30px;
}

.share-icon1:last-child {
  margin-right: 0;
}

button.send-arrow {
  background: var(--primary-color);
  cursor: pointer;
  border-radius: 50%;
  padding: 9px;
}

button.send-arrow:hover {
  background: #4c72f6;
}

.arc-div1.e-arc11 {
  width: 100%;
}

.e-arc11 .arc-head-text h4 {
  margin: 0;
}

.commented-sec {
  background: #f9fafb;
  width: 100%;
  padding: 20px;
}

.e-arc11 .arc-profile-sec {
  justify-content: space-between;
  width: 100%;
}

span.time-now {
  width: 100%;
  margin: 0;
  padding-left: 66px;
  font-size: 13px;
  display: block;
}

.e-arc11 .arc-porofile {
  width: 40px;
}

.e-arc11 .arc-head-text {
  text-align: left;
  background: #fff;
  border-radius: 5px;
  width: calc(100% - 50px);
  padding: 15px;
}

.e-arc11 .arc-head-text p {
  text-align: left;
}

.post-comment {
  align-items: center;
  gap: 10px;
  display: flex;
}

.arc-img {
  transition: all .5s ease-in-out;
  overflow: hidden;
}

.arc-img img {
  cursor: pointer;
  transition: all .5s ease-in-out;
}

.spd-outer {
  position: relative;
}

.repeat-house-div .slick-slide {
  padding-left: 5px;
  padding-right: 5px;
}

.repeat-house-div .slick-list {
  margin: 0 -5px;
}

.filter-section select {
  box-sizing: border-box;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.detcol-1 {
  width: 70%;
  padding-right: 30px;
}

.delete-modal-buttons {
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 14px 0 0;
  display: flex;
}

.delete-modal {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px;
}

.inner-delimg2:has(.dark-btn) {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px;
}

.deleteimg-poupoutr {
  z-index: 9;
  background: #fff;
  border-radius: 10px;
  width: 93%;
  height: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}

.deleteimg-poupoutr:has(.dark-btn) {
  height: auto;
}

.company-profile .h-logodiv:has(.dark-btn) img {
  filter: blur(1px);
  transition: filter .3s;
}

.deleteimg-poupoutr p {
  text-align: center;
  font-size: 14px;
}

.filter-section .checkbox-label {
  font-family: Avenir-medium;
}

.btn-cvr.on-signup, .btn-cvr.two-btns {
  justify-content: flex-end;
}

.header-provider {
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.main-h {
  border-bottom: 1px solid #ebeaea;
}

.user-info22 {
  align-items: center;
  display: flex;
}

.user-info11 {
  width: 50px;
  height: 50px;
}

.user-info2 {
  padding-left: 10px;
}

.user-info2 p {
  font-size: 16px;
  font-weight: bold;
}

.user-info2 span {
  font-size: 15px;
}

.stats-section {
  flex-wrap: wrap;
  margin-top: 0;
  display: flex;
}

.stat-card {
  border: 1px solid #ebeaea;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 19.2%;
  margin-bottom: 10px;
  margin-right: 1%;
  padding: 20px;
  display: flex;
}

.stat-card:last-child {
  margin-right: 0;
}

.stat-icon {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.stat-icon.bg-blue {
  background: #dbeafe;
}

.stat-icon.bg-pink {
  background: #fee2e2;
}

.stat-icon.bg-green {
  background: #dcfce7;
}

.stat-icon.bg-purple {
  background: #f3e8ff;
}

.stat-value {
  font-size: 30px;
  font-weight: 700;
}

.tab-nav4 {
  border: 1px solid #ebeaea;
  border-radius: 4px;
  gap: 30px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 15px;
  display: flex;
}

.tab-sec8 {
  margin-top: 50px;
}

.tab-content-wrap2 {
  margin-top: 40px;
  position: relative;
}

.tab-wrapper7 .tab-content-wrap2 {
  overflow: hidden;
}

.tab-content-wrap2 h2 {
  font-family: Avenir-Black;
  font-size: 30px;
}

.publish-div {
  gap: 2%;
  width: 100%;
  margin: 30px 0 0;
  display: flex;
}

.e-upload {
  margin-top: 20px;
  width: 100% !important;
}

.e-upload.upload-box {
  border: none;
}

.upload-cover44 {
  border: 2px dashed #2050f5;
  border-radius: 8px;
  margin-top: 20px;
}

.logout-icon {
  padding-left: 10px;
}

.tab-nav4 button {
  cursor: pointer;
  align-items: center;
  gap: 7px;
  display: flex;
}

.tab-nav4 button.active {
  color: #2050f5;
}

.tab-content-wrap2 .tab-panel {
  border: 1px solid #ebeaea;
  border-radius: 10px;
  width: 100%;
  padding: 40px;
}

.post-div {
  display: flex;
}

.col-actions {
  align-items: center;
  gap: 30px;
  margin: 20px 0 0;
  display: flex;
}

.col-act1 {
  cursor: pointer;
  align-items: center;
  gap: 4px;
  display: flex;
}

.post-col3 {
  flex-shrink: 0;
  width: 115px;
  padding-left: 15px;
  display: flex;
}

.post-col1 {
  flex-shrink: 0;
  width: 150px;
}

.post-col1 img {
  border-radius: 7px;
  width: 100%;
}

.post-col2 {
  width: calc(100% - 150px);
  padding-left: 20px;
}

.post-col3 h6 {
  font-size: 12px;
}

.statusbar {
  background: #fff;
  border-radius: 7px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px;
  position: absolute;
}

.statusbar p {
  align-items: center;
  display: flex;
}

.statusbar p span {
  flex-shrink: 0;
  width: 16px;
}

.statusbar.statusbar-sucess {
  border: 1px solid #00a056;
  box-shadow: 0 0 8px rgba(46, 204, 113, .3);
}

.statusbar.statusbar-sucess p {
  color: #00a056;
}

.statusbar.statusbar-err {
  border: 1px solid red;
  box-shadow: 0 0 8px rgba(231, 76, 60, .3);
}

.statusbar.statusbar-err p {
  color: red;
}

.statusbar p {
  align-items: center;
  gap: 4px;
  display: flex;
  font-size: 18px !important;
}

.e-post-suss {
  position: absolute;
  top: 10px;
  right: 10px;
}

.contactbar {
  top: 97px;
  right: -160px;
}

.btn-cvr.get-in {
  justify-content: flex-end;
  align-items: flex-end;
}

.btn-cvr.add-proj42 {
  justify-content: flex-end;
}

.preview-wrapper .back-bth {
  margin-bottom: 30px;
  position: static;
}

.preview-wrapper .project-details.detailed {
  width: 90%;
}

.proj-det1 {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.detail44 {
  width: 100%;
}

.detail55 {
  position: absolute;
  top: 160px;
  right: 0;
}

.detail44 .budget-calc {
  width: 70%;
  margin-top: 30px;
}

.edit-proj-up form, .add-proj-up form {
  max-width: 800px;
}

.budget-calc h2 {
  color: #171725;
  margin: 0 0 20px;
  font-family: Avenir-Black;
  font-size: 32px;
  line-height: 1.2;
}

.seeker-preview .project-details.detailed {
  width: 90%;
}

.seeker-preview .back-btn {
  margin-bottom: 30px;
  position: static;
}

.lead-search {
  width: calc(100% - 100px);
}

.lead-search input {
  width: 100%;
  padding: 15px 20px;
}

.lead-search-cover {
  justify-content: space-between;
  align-items: center;
  margin: 0 0 30px;
  display: flex;
}

.lead-search.form-grp {
  margin-top: 0;
}

.sidebar-pages:has(.public-project-page) {
  padding-left: 0;
}

.smallwithptag.e-leadspoup4 {
  justify-content: flex-end;
}

.arc-act1 button {
  align-items: center;
  gap: 8px;
  display: flex;
}

.torrance-slider-wrapper .torrance-card-desc, .torrance-card-desc {
  min-height: 45px;
}

.serv-prov-form .form-grp.select-grp input {
  cursor: pointer;
  border: none;
  border-radius: 0;
  padding: 0;
}

.serv-prov-form .form-grp.select-grp input:hover {
  box-shadow: none;
}

.serv-prov-form .form-grp.select-grp input:focus {
  box-shadow: none;
  border: none;
}

.build-col1 p {
  line-height: 1.1;
}

.edit-btn-cover {
  width: -moz-fit-content;
  width: fit-content;
}

.home-input-cover input {
  border: 1px solid #e0e0e0;
}

.home-input-cover {
  gap: 8px;
  width: calc(100% - 137px);
  padding-right: 8px;
  display: flex;
}

.home-input-cover input {
  padding-left: 35px;
  padding-top: 17px;
  padding-bottom: 17px;
}

.home-input-cover .home-input1:first-child input {
  background: url("../media/grey-location.5d8aca4d.svg") 10px / 25px no-repeat !important;
}

.home-input-cover .home-input1:nth-child(2) input {
  background: url("../media/category-variety.cb4079f1.svg") 10px / 17px no-repeat !important;
}

.company-form .select-grp .dropdown, .company-profile1 .select-grp .dropdown {
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
  gap: 5px;
  width: 100%;
  display: grid;
}

.proposal-info p.ph-number-info {
  margin-bottom: 0 !important;
}

.company-info {
  width: calc(100%-102px);
}

.e-user-detail-card.detail-card .house-card-info {
  width: calc(100% - 184px);
}

.e-user-detail-card.house-card {
  flex-wrap: nowrap;
}

.details-card55 h3 {
  color: #171725;
  margin: 0 0 10px;
  font-family: Avenir-Black;
  font-size: 32px;
  line-height: 1.2;
}

.details-card55 h4 {
  color: #171725;
  margin: 30px 0 20px;
  font-family: Avenir-Black;
  font-size: 23px;
  line-height: 1;
}

.proj-metacol p strong {
  color: #4b5563;
  font-family: poppins-medium;
  font-weight: normal;
}

.replay-open .form-grp {
  width: 100%;
  margin: 0 0 10px;
}

.detail88 {
  width: 70%;
}

.detail77 {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.back-btn {
  cursor: pointer;
}

.detail-page-intro .house-card-logo {
  border: none;
  padding: 0;
}

.edit-proposalpage .back-bth {
  position: static;
}

.torrance-slider-wrapper .slick-track {
  flex-wrap: wrap;
  padding-bottom: 20px;
  display: flex;
}

.torrance-slider-wrapper .slick-track > div, .torrance-slide {
  height: inherit;
}

.torrance-slider-wrapper .slick-track > div > div {
  background: #fff;
  border-radius: 0 0 6px 6px;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.repeat-house-div .slick-slider button {
  cursor: pointer;
}

.onprov-page1 .custom-checkbox {
  border: none;
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("../media/check-icon-white.a39b166b.svg") center / 20px no-repeat !important;
}

.onprov-page1 .custom-checkbox.checked {
  width: 22px;
  height: 22px;
  background: url("../media/tik-blue.cbe8b27e.svg") center / 20px no-repeat !important;
}

.e-get-intro11 .back-btn {
  position: static;
}

.house-card-logo img {
  border-radius: 8px;
  width: 100%;
}

.docs-listed {
  flex-wrap: wrap;
}

.docs-listed > div {
  width: 30.6%;
  margin-bottom: 14px;
  margin-right: 2%;
  overflow: hidden;
}

.docs-listed > div > a {
  width: 100%;
  height: 100%;
}

.docs-listed > div > a img {
  object-fit: cover;
  border: 1px solid #ccc;
  border-radius: 8px;
  height: 100%;
}

.docs-listed > div:nth-child(3n) {
  margin-right: 0;
}

.docs-listed > div img {
  object-fit: cover;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  width: 100% !important;
}

.replay-open {
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 30px;
  display: flex;
}

.form-grp textarea.clarify-textarea2 {
  box-sizing: border-box;
  min-height: 52px;
  padding: 0 6px;
  line-height: 1.5;
}

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

.homeslider-div h2 {
  color: var(--secondary-color);
  margin: 0 0 30px;
  font-size: 42px;
  line-height: 1.3;
}

.left-static {
  background: var(--primary-color);
  color: #fff;
  border-radius: 15px;
  align-items: center;
  width: 240px;
  margin: 0 0 10px;
  padding: 23px;
  display: flex;
  position: relative;
}

.right-slidepart {
  width: calc(100% - 240px);
  padding-left: 25px;
}

.left-static h3 {
  font-size: 20px;
}

.featured-slider-wrapper {
  position: relative;
}

button.featured-prev {
  z-index: 99;
  cursor: pointer;
  background: #fff url("../media/left-arrow4.2e89e53e.svg") center / 20px no-repeat;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 0;
  display: flex;
  position: absolute;
  top: 50%;
  left: -17px;
  transform: translateY(-50%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
}

button.featured-next {
  z-index: 99;
  cursor: pointer;
  background: #fff url("../media/right-arrow4.feda96e6.svg") center / 20px no-repeat;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 0;
  display: flex;
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
}

.homeslider-div {
  padding: 100px 0;
}

.slider-arr3 {
  background: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 0;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.service-slider-wrapper {
  width: 100%;
  position: relative;
}

.service-card {
  text-align: center;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(14, 63, 126, .06), 0 1px 1px -.5px rgba(42, 51, 70, .03), 0 2px 2px -1px rgba(42, 51, 70, .04), 0 3px 3px -1.5px rgba(42, 51, 70, .04), 0 5px 5px -2.5px rgba(42, 51, 70, .03), 0 10px 10px -5px rgba(42, 51, 70, .03), 0 24px 24px -8px rgba(42, 51, 70, .03);
}

.service-card__image img {
  object-fit: cover;
  width: 100%;
}

.service-card__content {
  background: var(--primary-color);
  width: 100%;
  padding: 12px 10px;
  transition: all .5s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
}

.service-card {
  transition: all .5s ease-in-out;
}

.service-prev, .service-next {
  cursor: pointer;
  z-index: 10;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.service-prev {
  left: -18px;
}

.service-next {
  right: -18px;
}

.arc-act1 img {
  cursor: pointer;
  transition: all .5s ease-in-out;
}

.arc-act1 span {
  cursor: pointer;
}

.arc-cover .disc88 p {
  text-align: left;
}

.arc-cover .disc88 {
  margin-top: 10px;
}

.arc-act1.share-arc {
  position: relative;
}

.cred .time-ago2:before {
  content: "•";
  margin-right: 8px;
  font-size: 12px;
  line-height: 1;
}

.e-upload .cover-upload, .proposal-div .company-card {
  cursor: pointer;
}

.post-covered {
  margin: 20px 0 0;
}

.post-outer {
  margin: 0 0 40px;
}

.grid-item {
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.grid-item img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.arc-div1.e-arc11 .arc-head-text {
  padding: 0 0 0 15px;
}

.form-grp .react-select__control input, .form-grp .react-select__control input:focus {
  box-shadow: none;
  border: none;
}

.e-sendprop {
  position: absolute;
  top: 0;
  right: 0;
}

.tab-nav4 button.active img.def-stimg, img.active-st-img {
  display: none;
}

.tab-nav4 button.active img.active-st-img {
  display: block;
}

.e-page-part {
  position: relative;
}

.onedit4 {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.input-with-icon input {
  width: 100%;
}

.input-with-icon {
  position: relative;
}

.input-with-icon .eye-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 23px;
  right: 18px;
}

.input-with-icon input {
  width: 100%;
  padding-right: 44px;
}

.proposal-div .company-card {
  min-height: 118px;
}

.proposal-div .company-right {
  text-align: right;
  align-items: center;
  gap: 10px;
  display: flex;
}

.det-intro1 button {
  cursor: pointer;
}

.e-propstt2 {
  position: absolute;
  top: 74px;
  right: 30px;
}

.e-chpass4, .e-prop-edit66 {
  position: absolute;
  top: 0;
  right: 0;
}

.edit-proposalpage {
  position: relative;
}

.single-post-wrapper {
  margin-top: 100px;
}

img.hov-ss {
  display: none;
}

.editbtn-div {
  justify-content: flex-start;
  width: 30%;
  display: flex;
}

.prov-dashboard.public-proj:has(.pagination-div) .sidebarul {
  height: calc(100% - 127px);
}

.seeker-dashboard1:has(.pagination-div) .sidebarul {
  height: calc(100% - 127px);
}

.input-field.email-invalid {
  border-color: #e74c3c;
  position: relative;
  box-shadow: 0 0 8px rgba(231, 76, 60, .6);
}

.form-grp input.email-invalid:focus {
  border-color: #e74c3c;
  box-shadow: 0 0 8px rgba(231, 76, 60, .6);
}

.input-field.email-invalid:after {
  content: "";
  background: url("../media/warning-icon.f40ec699.svg") 0 0 / contain no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  right: 0;
}

.form-grp:has(.email-invalid) label {
  position: relative;
}

.form-grp:has(.email-invalid) label:after {
  content: "";
  z-index: 9999;
  background: url("../media/warning-icon.f40ec699.svg") 0 0 / 15px no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 54px;
  right: 15px;
}

.form-grp.witheye:has(.email-invalid) label:after {
  right: 45px;
}

.company-right .right-text, .faq-question1 {
  padding-right: 10px;
}

.service-card {
  background: var(--primary-color);
  flex-direction: column;
  height: 100%;
  margin: 0 0 10px;
  padding-bottom: 48px;
  display: flex;
  position: relative;
}

.service-card__image {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

.service-card__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.e-slider-detailed22, .e-sliderdetailed-44 {
  margin-top: 60px;
}

.form-grp.e-view-only44 label {
  margin: 0 0 10px;
  font-family: Avenir-medium;
  font-size: 18px;
}

.form-grp.e-view-only44 {
  max-width: 850px;
}

.e-viewonly .back-bth {
  margin-bottom: 30px;
}

.e-r-attach {
  flex-wrap: wrap;
  display: flex;
}

.e-r-attach img:nth-child(3n) {
  margin-right: 0;
}

.e-r-attach img {
  width: 32%;
  height: 220px;
  margin-bottom: 1.9%;
  margin-right: 1.9%;
  position: relative;
}

.e-vie-proposaltop {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dark-strong2 {
  font-family: Avenir-medium;
  font-size: 18px;
}

.light-strong2 {
  font-size: 18px;
}

.public-project-page.e-from-homesearch .intro-tab {
  padding-left: 0;
  padding-right: 0;
}

.e-from-homesearch .form-grp.wrap-select {
  margin-left: 0;
  margin-right: 0;
}

.e-from-homesearch .project-card1 {
  padding-left: 0;
}

.e-from-homesearch .form-grp.wrap-select {
  padding-left: 0;
  padding-right: 0;
}

body:has(.e-from-homesearch) .sidebarul {
  border: none;
}

.featured-slider-wrapper .swiper-wrapper {
  display: flex;
}

.featured-slider-wrapper .swiper-wrapper > div {
  height: inherit;
}

.featured-slider-wrapper .swiper-wrapper > div > div {
  height: 100%;
}

.input-in7 {
  flex: 1;
  position: relative;
}

.input-in7 input {
  width: 100%;
}

.service-card__content h4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: anywhere;
  color: #fff;
  max-height: 1.4em;
  line-height: 1.4;
  transition: max-height .4s;
  overflow: hidden;
}

.service-card:hover .service-card__content h4 {
  white-space: normal;
  max-height: 200px;
}

.remodel-col1 p:first-child span {
  font-family: poppins-medium;
}

.remodel-col1 p {
  color: #4a4a4a;
  font-size: 16px;
}

.edit-pagerr2 {
  justify-content: flex-end;
  display: flex;
}

.docs-listed .pdfclass img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
}

.docs-listed .pdfclass, .docs-listed .pdfclass a {
  width: 100%;
  height: 100%;
}

.pdfclass {
  height: 100%;
}

.pdfclass img {
  object-fit: contain !important;
}

.company-profile {
  padding-top: 18px;
}

.e-dit-proj55 {
  top: 10px;
  left: 0;
  right: 100px;
  left: inherit;
  position: absolute;
}

.sidebar-pages:has(.add-newformouter) {
  position: relative;
}

.create-time {
  margin-left: auto;
}

span.count-number {
  margin-right: 3px;
}

.preview-list {
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
  max-width: 800px;
  margin-top: 40px;
  display: flex;
}

.preview-list .preview-wrapper {
  width: 32%;
  margin-bottom: 1.9%;
  margin-right: 1.9%;
  position: relative;
}

.preview-list .preview-wrapper img {
  border-radius: 10px;
  height: 220px;
}

.preview-list .preview-wrapper:nth-child(3n) {
  margin-right: 0;
}

.torrance-slider-wrapper .swiper-slide {
  padding-left: 1px;
  padding-right: 1px;
}

@media (max-width: 1740px) {
  .homeslider-div .containers {
    width: 96%;
  }
}

@media (max-width: 1540px) {
  .project-info {
    width: 90%;
  }

  .torrance-card-badge {
    padding: 8px;
    font-size: 11px;
    left: 14px;
  }
}

@media (max-width: 1440px) {
  .recent-proj .slick-list {
    margin: 0 35px;
  }

  .form-grp.wrap-select {
    margin-left: 0;
    margin-right: 0;
    padding-left: 55px;
    padding-right: 55px;
  }

  .popup-box {
    left: inherit;
    bottom: -84px;
    right: 0;
  }

  .arc-act1.share-arc .popup-box {
    box-shadow: none;
    background: none;
    border-radius: 0;
    padding: 30px 0 0;
  }

  .arc-act1.share-arc .popup-box .poup-box-out2 {
    background: #fff;
    border-radius: 7px;
    padding: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
  }
}

@media (max-width: 1340px) {
  .info-value {
    font-size: 15px;
  }

  .info-label span {
    font-size: 17px;
  }

  .containers-limit {
    padding-left: 220px;
    padding-right: 220px;
  }

  .form-grp.wrap-select {
    margin-left: 0;
    margin-right: 0;
  }

  .public-project-page .intro-tab {
    padding-left: 25px;
    padding-right: 25px;
  }

  .form-grp.wrap-select {
    margin: 0 0 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .build-col1 p {
    font-size: 15px;
  }

  .filter-container {
    width: 220px;
  }

  .sidebar-div1 {
    padding-right: 220px;
  }

  .spd-outer1 {
    width: calc(100% - 220px);
  }

  .spd-outer1 .intro-div {
    margin-bottom: 25px;
    padding: 0 25px;
  }

  .project-card1 {
    padding: 25px;
  }

  .project-info {
    width: 100%;
  }

  .project-inner1 {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 1240px) {
  .e-dit-proj55 {
    right: 30px;
  }

  .contactbar {
    top: 97px;
    right: 0;
  }

  .form-c form:has(.contactbar) {
    margin-top: 80px;
  }

  .containers-limit {
    padding-left: 20px;
    padding-right: 20px;
  }

  .torrance-slider-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .t-slider:has(.arrow-btn > svg) {
    padding-left: 40px;
    padding-right: 40px;
  }

  .torrance-slider-wrapper .arrow-btn.prev, .torrance-slider-wrapper .arrow-btn.next {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: flex;
  }

  .torrance-slider-wrapper .arrow-btn.prev {
    left: 0;
  }

  .torrance-slider-wrapper .arrow-btn.next {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: flex;
    right: 0;
  }

  .torrance-slider-wrapper .arrow-btn.prev svg, .torrance-slider-wrapper .arrow-btn.next svg {
    width: 15px;
    height: 15px;
  }

  .g-listbanner {
    margin-top: 80px;
  }

  .containers {
    width: 94%;
  }

  .business-div21 .content-top h3 span {
    display: inline;
  }

  .business-div21 .content-top {
    margin: 0 0 20px;
  }

  .get-listedpage .business-b-out {
    width: 32.6%;
    margin-right: 1%;
  }

  .business-div21 .content-top h3 {
    font-size: 18px;
  }

  .form-c .contact-error p {
    padding-left: 20px;
    font-size: 18px;
  }

  .form-c .contact-error {
    max-width: 390px;
    top: 104px;
    right: -89px;
  }

  .project-info {
    width: 100%;
  }

  .content-top h3 span {
    display: inline;
  }

  button.removeservice {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
    top: -9px;
    right: 0;
  }

  .detail88 {
    width: 100%;
  }

  .detail44 .budget-calc {
    width: 80%;
  }

  .homeslider-div .containers {
    width: 94%;
  }

  .stat-card {
    width: 24.2%;
  }
}

@media (min-width: 1025px) and (max-width: 1240px) {
  .house-div.project-inner1 {
    flex-wrap: wrap;
  }

  .project-card1 .house-card {
    width: 100%;
  }

  .house-div3 {
    margin-top: 20px;
  }

  .stat-card:nth-child(4n) {
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
  .e-dit-proj55 {
    right: 30px;
  }

  .e-r-detail2 .detcol-1 {
    margin-top: 0;
  }

  .stat-card {
    width: 32.6%;
  }

  .single-post-wrapper {
    margin-top: 0;
  }

  .house-div.project-inner1 .house-card-logo {
    width: 140px;
  }

  .house-div.project-inner1 .house-card-info {
    width: calc(100% - 140px);
  }

  .torrance-card-info {
    padding: 15px;
  }

  .project-details.detailed {
    width: 90%;
  }

  .preview-wrapper .project-details.detailed {
    width: 100%;
  }

  .detail-card .house-card-info {
    padding: 0 0 0 20px;
  }

  .profile-page {
    margin-top: 0;
  }

  .text-support p {
    min-height: 96px;
  }

  .business-block {
    padding: 30px;
  }

  .about-content h3, .businesscontainer h2 {
    font-size: 21px;
  }

  .serv-div h2 {
    margin: 0 0 20px;
    font-size: 21px;
  }

  .build-col1 {
    padding: 20px;
  }

  .banner-div {
    margin-top: 20px;
  }

  .business-wrap {
    padding: 80px 0 345px;
  }

  .faq-section {
    padding: 80px 0;
  }

  .ready-div {
    padding-bottom: 80px;
  }

  .bg-dark-blue {
    padding-top: 80px;
  }

  .blue-card {
    justify-content: space-around;
    gap: 0;
  }

  .blue-card .b-card {
    width: 32.2%;
  }

  .business-div2 {
    width: 40%;
  }

  .arc-cover h3, .banner-div h2, .ready-div h3, .business-div1 h3, .faq-section h3 {
    font-size: 46px;
  }

  .faq-question {
    font-size: 30px;
  }

  .faq-question .icon {
    font-size: 38px;
  }

  .pricing-card {
    width: 44%;
  }

  .faq-item {
    padding: 10px 0;
  }

  .build-outer {
    padding: 80px 0;
  }

  .h-outer {
    padding: 80px 0 0;
  }

  .ch-col {
    padding-top: 118px;
  }

  .h-div .h-div1:first-child:first-child {
    margin-bottom: 80px;
  }

  .banner-div.g-listbanner {
    margin: 10px auto 90px;
  }

  .how-help h2 {
    font-size: 46px;
  }

  .text-areab h4 {
    font-size: 28px;
  }

  .outer-imgb {
    width: 70px;
  }

  .business-div21 .content-top h3 {
    padding-left: 10px;
  }

  .buildimg-outer {
    width: 94%;
    max-width: 100%;
  }

  .form-c h3 {
    font-size: 34px;
  }

  .btn-cvr {
    justify-content: center;
  }

  .form-c .contact-error {
    top: 104px;
    right: 0;
  }

  .intro-div h3 {
    margin: 0 0 10px;
    font-size: 26px;
  }

  .house-card-info h2 {
    margin: 0 0 10px;
    font-size: 24px;
  }

  .sidebar-div1 {
    margin-top: 0;
  }

  .intro-tab h3 {
    font-size: 26px;
  }

  .build1 h4 {
    font-size: 28px;
  }

  .torrance-slider-wrapper {
    padding-bottom: 0;
  }

  .info2 {
    padding-left: 30px;
  }

  .add-btn {
    margin-top: 0;
  }

  .project-card {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 14px;
    display: flex;
  }

  .profile-page .detcol-1 {
    margin-top: 0;
  }

  .prov-pro-img {
    margin: 0 0 20px;
  }

  .back-bth {
    width: 30px;
    height: 30px;
  }

  .h-div .h-div1:nth-child(2):after {
    width: 34%;
  }

  .torrance-card-info h3 {
    font-size: 20px;
  }

  .proposals {
    margin: 10px 0 0;
    padding: 15px;
  }

  .add-newformouter .radio-group h5 {
    margin: 0 0 10px;
  }

  .e-user-detail-card.detail-card .house-card-info {
    padding-left: 20px;
  }

  .seeker-preview .detcol-1 {
    margin-top: 0;
  }

  .budget-calc h2 {
    font-size: 30px;
  }

  .seeker-col1 h2 {
    font-size: 26px;
  }

  .detcol-2.after-edit {
    width: 100%;
    max-width: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .detcol-1 {
    margin-top: 80px;
  }

  .project-card {
    max-width: 100%;
    box-shadow: none;
    border: none;
    row-gap: 4px;
    padding: 0;
    display: flex;
  }

  .after-edit .status-card {
    width: 100%;
    max-width: 100%;
  }

  .e-r-detail2 .detcol-1 {
    width: 100%;
  }

  .detail77 {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .e-prov-erdetail .detcol-1 {
    padding-top: 70px;
  }

  .detail88 {
    width: 100%;
  }

  .upload-box p {
    margin: 2px 0;
    font-size: 9.1px !important;
  }

  .upload-box span {
    font-size: 8px;
  }

  .arc-community-sec, .homeslider-div {
    padding: 70px 0;
  }

  .homeslider-div h2 {
    font-size: 38px;
  }

  .homeslider-div .containers {
    width: 94%;
  }

  .e-slider-detailed22, .e-sliderdetailed-44 {
    margin-top: 0;
  }
}

@media (min-width: 901px) and (max-width: 1024px) {
  .stat-card:nth-child(3n) {
    margin-right: 0;
  }

  .sidebar-div1 {
    padding-right: 20px;
  }

  .e-public-card .info-left, .e-public-card .info-right {
    width: 100%;
  }

  .spd-outer1 {
    border-right: none;
  }

  .remodeling-card {
    padding: 12px 12px 70px;
  }

  .remodeling-card .proposals {
    bottom: 12px;
    left: 12px;
  }

  .detail44 .budget-calc {
    width: 90%;
  }

  .house-div3 {
    margin-top: 10px;
  }

  .house-div.project-inner1 {
    flex-wrap: wrap;
  }

  .project-card1 .house-card {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .status-card.fixoned {
    position: absolute;
    top: 40px;
  }

  .profile-page:has(.fixoned) .project-details.detailed {
    margin-top: 43px;
  }

  .col-actions {
    gap: 20px;
  }

  .col-act1 {
    gap: 2px;
  }

  .text-support p {
    min-height: 135px;
  }

  .public-project-page:after {
    display: none;
  }

  .seeker-preview .back-btn {
    width: 30px;
    height: 30px;
  }

  .proposal-box {
    padding-right: 20px;
  }

  .proposal-info {
    padding-left: 20px;
  }

  .proposal-details {
    padding: 20px;
  }

  .prov-pro-img {
    margin: 0 0 15px;
  }

  .detcol-1, .detcol-2, .after-update-1 {
    width: 100%;
  }

  .after-update {
    justify-content: flex-start;
    margin-top: 35px;
  }

  .detcol-2 {
    padding-left: 0;
  }

  .after-update-1 {
    max-width: 100%;
  }

  .profile-page {
    margin-top: 50px;
  }

  .content-top {
    margin: 0 0 20px;
  }

  .content-top h3 {
    width: calc(100% - 70px);
  }

  .pricing-card {
    width: 48%;
  }

  .faq-question p {
    font-size: 28px;
  }

  .outer-imgb {
    width: 60px;
  }

  .business-div21 .content-top h3 {
    font-size: 17px;
  }

  .business-b-out:nth-child(2) {
    margin-top: -120px;
    transform: translateY(120px);
  }

  .business-b-out:nth-child(3) {
    margin-top: -120px;
    transform: translateY(228px);
  }

  .filter-container {
    display: none;
  }

  .sidebar-div1 {
    padding-right: 0;
  }

  .wrap-select {
    margin-left: 0;
    margin-right: 0;
  }

  .public-project-page .intro-tab {
    padding-left: 0;
    padding-right: 0;
  }

  .spd-outer1 {
    border-right: none;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .project-card1 {
    padding-left: 0;
    padding-right: 0;
  }

  .spd-outer1 .intro-div {
    max-width: 100%;
  }

  .sidebar-div1 {
    margin-top: 0;
  }

  .pagination.outer {
    margin: 20px 0 0;
  }

  .pagination.outer .pagenumber {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }

  .pagination button.prev-btn, .pagination button.next-btn {
    width: 30px;
    height: 30px;
  }

  .pagination button.prev-btn img, .pagination button.next-btn img {
    width: 12px;
    height: 12px;
  }

  .outr {
    display: none;
  }

  .public-project-page {
    border-right: none;
  }

  .sidebar-pages, .form-grp.wrap-select {
    padding-left: 0;
    padding-right: 0;
  }

  .build-card .text-areab {
    width: 34%;
  }

  .build-card .img-b {
    width: 61%;
  }

  .house-card, .about-content {
    margin-bottom: 40px;
  }

  .business-block {
    padding: 30px 20px 25px;
  }

  .proj-grid {
    max-width: 600px;
  }

  .detcol-1 {
    padding-right: 0;
  }

  .project-details h3 {
    margin: 18px 0 10px;
    font-size: 21px;
  }

  .project-details h2 {
    font-size: 30px;
  }

  .project-details {
    margin: 0 0 15px;
  }

  .proj-details {
    margin-top: 0;
  }

  .status-card {
    margin-bottom: 20px;
  }

  .h-div .h-div1:nth-child(2) .img-b:after {
    width: 50%;
  }

  .company-profile1.upload-page button.save-btn1 {
    margin-left: 0;
    margin-right: 0;
  }

  ul.tab-nav1 {
    gap: 10px;
  }

  .upload-area > div > div {
    height: 200px;
  }

  .edit-proj-up .company-profile1 button.save-btn1 {
    margin-left: 0;
    margin-right: 0;
  }

  .preview-wrapper .detcol-1 {
    margin-top: 0;
  }

  .preview-wrapper .project-details.detailed {
    width: 100%;
  }

  .add-newformouter h2 {
    font-size: 25px;
  }

  .seeker-preview .project-details.detailed {
    width: 100%;
  }

  .details-card55 h3 {
    font-size: 30px;
  }

  .details-card55 h4 {
    font-size: 21px;
  }

  .detail55 {
    top: 190px;
    right: inherit;
    position: absolute;
    left: 0;
  }

  .detail44 .budget-calc {
    width: 90%;
  }

  .det-intro1 {
    flex-wrap: wrap;
  }

  .det-intro1 h2 {
    width: 100%;
    padding: 0;
  }

  .e-get-intro11 .bck-btn img {
    width: 30px;
    height: 30px;
  }

  .e-get-intro11 .bck-btn {
    margin: 0 0 30px;
  }

  .e-get-intro11 {
    margin: 0 0 20px;
  }

  .det-intro1.e-get-intro11 h2 {
    margin: 0;
  }

  .back-btn {
    margin-bottom: 30px;
  }

  .back-btn img {
    width: 30px;
    height: 30px;
  }

  .det-intro1 h2 {
    font-size: 24px;
  }

  .send-proposal button.back-bth {
    position: static;
    top: 0;
    left: 0;
  }

  .send-proposal .intro-tab h3 {
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .stat-card:nth-child(3n) {
    margin-right: 0;
  }

  .containers-limit {
    padding-left: 30px;
    padding-right: 30px;
  }

  .business-div21 .content-top h3 {
    padding-left: 0;
  }

  .h-div .h-div1:first-child:first-child:after, .h-div .h-div1:nth-child(2):after {
    display: none;
  }

  .h-div .h-div1:first-child.img-b, .h-div .h-div1:nth-child(2) .img-b {
    position: relative;
  }

  .h-div .h-div1:first-child .img-b:after {
    content: "";
    z-index: -1;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 60%, #fff 100%), url("../media/bg1.84870b42.jpg") center / cover no-repeat;
    width: 63%;
    height: 100%;
    position: absolute;
    top: 0%;
    right: 0%;
  }

  .h-div .h-div1:nth-child(2) .img-b:after {
    content: "";
    z-index: 9;
    background: url("../media/bg2.12fc8f7d.jpg") center / cover no-repeat;
    border-radius: 0 30px 30px 0;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0;
  }

  .build-card .img-b img {
    z-index: 99;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
  }

  .h-div .h-div1 .build-card {
    align-items: flex-start;
  }

  .h-div .h-div1 .containers {
    width: 100%;
  }

  .h-div .h-div1:first-child .build-card .img-b {
    padding-right: 3%;
  }

  .spd-outer1 .intro-div {
    padding-left: 0;
    padding-right: 0;
  }

  .h-div .h-div1:first-child .build-card .text-areab, .h-div .h-div1:nth-child(2) .build-card .img-b {
    padding-left: 3%;
  }

  .h-div .h-div1:nth-child(2) .build-card .text-areab {
    padding-right: 3%;
  }

  .company-profile1 {
    max-width: 100%;
  }

  .statusbar p {
    font-size: 17px !important;
  }
}

@media (max-width: 767px) {
  .e-prov-erdetail .detcol-1 {
    padding-top: 60px;
  }

  .post-div {
    flex-wrap: wrap;
  }

  .post-col2 {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }

  .e-dit-proj55 {
    right: 5%;
  }

  .remodeling-card h5 {
    font-size: 20px;
  }

  .tab-content-wrap2 .tab-panel:has(.statusbar) {
    padding-top: 60px;
  }

  .tab-content-wrap2 .tab-panel {
    padding: 20px;
  }

  .torrance-slider-wrapper {
    padding-top: 30px;
  }

  .search-container {
    flex-wrap: wrap;
  }

  .home-input-cover {
    width: 100%;
  }

  .modal-overlay.proposal-popup:has(.e-propstt2) .proposal-header {
    margin-bottom: 80px;
  }

  .e-propstt2 {
    top: 120px;
    right: 20px;
  }

  .single-post-wrapper {
    margin-top: 0;
  }

  .seeker-col1 {
    flex-wrap: wrap;
  }

  .proj-text {
    width: 100%;
    margin: 0 0 20px;
  }

  .remodeling-div {
    margin-top: 30px;
  }

  .lead-btn {
    margin-left: 0;
  }

  .house-card-info {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .house-div {
    align-items: flex-start;
  }

  .proposal-popup h5 {
    font-size: 16px;
  }

  .proposal-details h4 {
    margin-bottom: 8px;
    font-size: 22px;
  }

  .proposal-popup h5 {
    margin-bottom: 8px;
  }

  .proposal-info {
    width: calc(100% - 110px);
  }

  .detail-row p {
    font-size: 15px;
  }

  .proposal-header {
    flex-wrap: wrap;
  }

  .statusbar p {
    font-size: 17px !important;
  }

  .project-details h2 {
    margin: 0 0 14px;
    font-size: 28px;
  }

  .containers-limit {
    padding-left: 5%;
    padding-right: 5%;
  }

  .text-support p {
    min-height: 77px;
  }

  .spd-outer1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .spd-outer1 .intro-div, .project-card1 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .build-card .img-b img {
    padding-left: 5%;
    padding-right: 5%;
  }

  .containers {
    width: 90%;
  }

  .faq-section, .business-wrap {
    padding: 50px 0;
  }

  .ready-div {
    padding-bottom: 50px;
  }

  .bg-dark-blue {
    padding-top: 50px;
  }

  .blue-card {
    justify-content: space-between;
    gap: 0;
  }

  .blue-card .b-card {
    width: 32%;
  }

  .business-div1 {
    width: 100%;
    margin: 0 0 50px;
    position: static;
  }

  .business-div2 {
    width: 100%;
  }

  .bg-blue1 {
    background: var(--primary-color);
    padding-top: 50px;
    transform: translateY(4px);
  }

  .business-block {
    width: 100%;
    max-width: 378px;
    margin-left: auto;
    margin-right: auto;
  }

  .arc-cover h3, .banner-div h2, .ready-div h3, .business-div1 h3, .faq-section h3 {
    font-size: 36px;
  }

  .faq-section h3 {
    line-height: 1.4;
  }

  .b-text h4 {
    margin: 0 0 10px;
    font-size: 19px;
  }

  .faq-question {
    font-size: 24px;
  }

  .faq-question .icon {
    font-size: 30px;
  }

  .banner-div {
    margin: 0 0 50px;
  }

  .faq-question p {
    font-size: 22px;
  }

  .faq-section h3 {
    margin: 0 0 40px;
  }

  .business-div1 h3 span {
    display: inline;
  }

  .b-text h4 {
    color: #fff;
  }

  .business-wrap {
    padding-bottom: 266px;
  }

  .get-listedpage .business-b-out {
    width: 70%;
  }

  .business-div21 {
    justify-content: center;
    width: 100%;
  }

  .get-listedpage .business-b-out .business-block {
    width: 100%;
  }

  .get-listedpage .business-div21 .business-b-out:nth-child(2n) {
    transform: none !important;
  }

  .get-listedpage .business-b-out {
    margin-bottom: 20px;
  }

  .build-card .text-areab, .build-card .img-b {
    width: 100%;
  }

  .h-div .h-div1:first-child .build-card, .h-div .h-div1:nth-child(2) .build-card {
    flex-direction: column-reverse;
  }

  .build-outer {
    padding: 55px 0;
  }

  .h-div .h-div1:first-child:first-child:after, .h-div .h-div1:nth-child(2):after {
    display: none;
  }

  .h-div .h-div1 {
    padding: 0;
  }

  .build-card .text-areab {
    margin: 0 0 30px;
  }

  .build-card .img-b {
    padding: 40px 0;
    position: relative;
  }

  .h-div .h-div1:first-child.img-b, .h-div .h-div1:nth-child(2) .img-b {
    position: relative;
  }

  .h-div .h-div1:first-child .img-b:after {
    content: "";
    z-index: -1;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 60%, #fff 100%), url("../media/bg1.84870b42.jpg") center / cover no-repeat;
    width: 63%;
    height: 100%;
    position: absolute;
    top: 0%;
    right: 0%;
  }

  .h-div .h-div1:nth-child(2) .img-b:after {
    content: "";
    z-index: 9;
    background: url("../media/bg2.12fc8f7d.jpg") center / cover no-repeat;
    border-radius: 0 30px 30px 0;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0;
  }

  .build-card .img-b img {
    z-index: 99;
    position: relative;
  }

  .banner-div.g-listbanner {
    margin: 20px 0 50px;
  }

  .how-help {
    padding: 50px 0;
  }

  .ch-col {
    padding: 0 0 55px;
  }

  .h-outer {
    padding: 50px 0 0;
  }

  .get-listedpage .business-b-out:last-child .business-block {
    margin-bottom: 0;
  }

  .get-listedpage .business-b-out:last-child {
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  .get-listedpage .business-b-out:last-child .business-block {
    padding-bottom: 30px;
  }

  .how-help h2 {
    font-size: 36px;
  }

  .text-areab h4 {
    font-size: 22px;
  }

  .rev-f {
    flex-flow: column-reverse wrap;
    width: 100%;
    display: flex;
  }

  .business-div21 .content-top h3 {
    font-size: 19px;
  }

  .h-div1 .containers {
    width: 100%;
    max-width: 100%;
  }

  .h-div1 .containers .text-areab {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .buildimg-outer {
    width: 90%;
    max-width: 100%;
  }

  .form-c h3 {
    margin: 10px 0 14px;
    font-size: 32px;
  }

  .form-c form {
    margin-top: 20px;
  }

  .form-grp input, .form-grp textarea, .form-grp select {
    padding: 15px;
  }

  .multi-select-input {
    min-height: 58px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .multi-select-input.has-selected {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .contact-div .form-c p {
    font-size: 17px;
  }

  .form-c .contact-error {
    padding: 15px;
    top: 87px;
  }

  .user-name p {
    font-size: 14px;
  }

  .loged-inn-div > .loged-inn-div {
    padding: 10px 36px 10px 30px;
  }

  .house-div .house-card-info {
    width: 100%;
    padding: 15px 0 15px 15px;
  }

  .wrap-select input {
    padding-left: 40px;
    background-position-x: 10px !important;
    background-size: 20px !important;
  }

  .build1 h4 {
    font-size: 22px;
  }

  .detcol-2.after-edit {
    right: 0;
  }

  .upload-area > div > div {
    width: 48.7%;
  }

  .project-card1 .house-card {
    margin-bottom: 20px;
  }

  .upload-area > div > div:nth-child(3n) {
    margin-right: 1.9%;
  }

  .upload-area > div > div:nth-child(2n) {
    margin-right: 0;
  }

  .setas-cover {
    padding: 6px 16px;
  }

  .img-cover-up {
    width: 30px;
    height: 30px;
  }

  .upload-area > div > div {
    margin-bottom: 2.5%;
    margin-right: 2.5%;
  }

  .torrance-div .torrance-card {
    width: 49.5%;
  }

  .torrance-div .torrance-card:nth-child(2n) {
    margin-right: 0;
  }

  .torrance-div .torrance-card:nth-child(3n) {
    margin-right: 1%;
  }

  .remodeling-card:nth-child(3n) {
    margin-right: 1.5%;
  }

  .remodeling-card:nth-child(2n) {
    margin-right: 0%;
  }

  .remodeling-card {
    width: 49%;
  }

  .add-newformouter h2 {
    font-size: 24px;
  }

  .listing-ul li {
    margin: 0 0 10px;
  }

  .company-left {
    gap: 8px;
  }

  .budget-calc h2, .details-card55 h3 {
    font-size: 28px;
  }

  .detail-card .house-card-info {
    padding: 0 0 0 15px;
  }

  .detcol-1 {
    margin-top: 60px;
  }

  .house-div {
    flex-wrap: wrap;
  }

  .project-card1 .house-card {
    width: 100%;
  }

  .sp-banner {
    padding-top: 50px;
  }

  .provider-intro h3 {
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 1.2;
  }

  .serv-prov-form {
    padding: 30px;
  }

  .company-form h2 {
    font-size: 20px;
    line-height: 1.2;
  }

  .company-form h3 {
    font-size: 18px;
  }

  .form-grp {
    margin: 15px 0 0;
  }

  .company-profile1 .select-grp .dropdown {
    grid-template-columns: repeat(1, 1fr);
  }

  .arc-community-sec {
    padding: 50px 0;
  }

  .homeslider-div h2 {
    font-size: 30px;
  }

  .arch-intro {
    margin: 0 0 20px;
  }

  .arc-act1.share-arc .popup-box .poup-box-out2 {
    padding: 10px 14px;
  }

  p {
    font-size: 17px;
  }

  .homeslider-div {
    padding: 50px 0;
  }

  .homeslider-div .containers {
    width: 90%;
  }

  .arc-act1 button {
    gap: 4px;
  }

  .left-static h3 {
    font-size: 18px;
  }

  .business-div1 h3 {
    text-align: center;
  }

  .e-slider-detailed22 .house-card-info {
    margin-top: 20px;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  .b-text h4 {
    font-size: 18px;
  }

  .stat-card:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 600px) {
  .e-r-detail2 .house-card-info {
    margin-top: 20px;
  }

  .e-user-detail-card.detail-card .house-card-info {
    width: 100%;
    padding-left: 0;
  }

  .e-user-detail-card.house-card {
    flex-wrap: wrap;
  }

  .statusbar p {
    font-size: 16px !important;
  }

  .project-card1 .house-card {
    flex-wrap: wrap;
  }

  .house-div .house-card-info {
    padding-left: 0;
  }

  .house-div.project-inner1 .house-card-info {
    width: 100%;
    padding: 0;
  }

  .detcol-1 {
    margin-top: 70px;
  }

  .house-card {
    flex-wrap: wrap;
  }

  .detail-card .house-card-info {
    width: 100%;
    padding-left: 0;
  }

  .house-card-info {
    margin-top: 15px;
  }

  .outline-row {
    margin: 0 0 10px;
  }

  .company-form .select-grp .dropdown {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }

  .prov-pro-img {
    width: 100%;
  }

  .house-card-info {
    width: 100%;
    padding-left: 0;
  }

  .blue-card .b-card {
    width: 80%;
    margin: 0 auto 40px;
  }

  .blue-card .b-card:last-child {
    margin-bottom: 0;
  }

  .business-block {
    width: 80%;
  }

  .faq-item {
    padding: 4px 0;
  }

  .get-listedpage .business-b-out {
    width: 80%;
  }

  .info-left, .info-right {
    width: 100%;
  }

  .project-info {
    margin-bottom: 5px;
  }

  .project-info p strong {
    margin-right: 9px;
  }

  .e-public-card .house-card {
    margin: 0 0 10px;
  }

  .upload-area > div > div {
    height: 180px;
  }

  button.img-onclose {
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    font-size: 10px;
    line-height: 1;
    display: flex;
    top: -4px;
    right: -5px;
  }

  .smallwithptag small {
    font-size: 11px;
  }

  .smallwithptag p {
    font-size: 12px !important;
  }

  .company-logo {
    width: 65px;
    height: 65px;
  }

  .company-info h4 {
    font-size: 14px;
  }

  .scope-title {
    font-size: 18px;
  }

  .proj-col1 p strong {
    font-size: 16px;
  }

  .proj-col1 p:first-child {
    margin: 0 0 5px;
  }

  .docs-listed > div:nth-child(3n) {
    margin-right: 2%;
  }

  .docs-listed > div:nth-child(2n) {
    margin-right: 0;
  }

  .docs-listed > div {
    width: 48.9%;
  }

  .left-static {
    width: 100%;
  }

  .right-slidepart {
    width: 100%;
    padding-left: 0;
  }

  .share-icons {
    gap: 6px;
  }

  .popup-box {
    width: 200px;
  }

  .cred {
    gap: 8px;
  }

  .arc-profile-sec img {
    width: 40px;
    height: 40px;
  }

  .arc-head-text {
    width: calc(100% - 40px);
    padding-left: 10px;
  }

  .arc-act1 {
    width: -moz-fit-content;
    width: fit-content;
    display: block;
  }

  .arc-actions {
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-input-cover {
    padding-right: 0;
  }

  .banner-div p {
    margin: 0 0 20px;
  }

  .business-div1 h3 {
    font-size: 35px;
  }

  .business-div1 h3 br {
    display: none;
  }

  .slider-arr3 {
    top: 50%;
    transform: translateY(-50%);
  }

  .left-static {
    padding-right: 60px;
  }

  .faq-section h3 span {
    display: inline;
  }

  .faq-section h3 {
    font-size: 35px;
  }

  .arc-act1 span {
    font-size: 14px;
    line-height: 1;
  }

  .proposal-details {
    padding: 15px;
  }

  .clarification-board {
    padding: 0 15px;
  }

  .clarify-input .form-grp {
    padding: 0 8px 0 6px;
  }

  .edit-proj-up:has(.edit-proj-sucess) .proj-form1 {
    margin-top: 70px;
  }

  .col-actions span.count-text {
    display: none;
  }
}

@media (min-width: 481px) and (max-width: 600px) {
  .stat-card:nth-child(2n) {
    margin-right: 0;
  }

  .stat-card {
    width: 49%;
  }
}

@media (min-width: 400px) and (max-width: 480px) {
  .stat-card:nth-child(2n) {
    margin-right: 0;
  }

  .stat-card {
    width: 49%;
  }
}

@media (max-width: 480px) {
  .ready-div h3 span {
    display: inline;
  }

  .name-follow-row {
    margin-top: 40px;
  }

  .search-container input::placeholder {
    font-size: 16px;
  }

  .ready-div h3 br {
    display: none;
  }

  .banner-div h2 {
    font-size: 33px;
  }

  .statusbar.e-propstt2 {
    padding: 10px 6px;
  }

  .statusbar.e-propstt2 p {
    gap: 2px;
  }

  .statusbar.e-propstt2 p span {
    width: 14px;
  }

  .statusbar.e-propstt2 p {
    font-size: 14px !important;
  }

  .home-input-cover {
    flex-wrap: wrap;
    gap: 0;
  }

  .home-input-cover input:first-child {
    flex: unset;
    width: 100%;
    margin: 0;
  }

  .home-input-cover input:nth-child(2) {
    flex: unset;
    width: 100%;
  }

  .e-propstt2 {
    top: 230px;
    right: 20px;
  }

  .arc-actions {
    padding-left: 14px;
    padding-right: 14px;
  }

  .arc-div1 {
    padding: 14px;
  }

  .arch-dis {
    margin: 0 14px 14px;
  }

  .action-listed {
    padding: 14px;
  }

  .arc-head-text {
    width: 100%;
    margin: 10px 0 0;
    padding-left: 0;
  }

  .upload-box span {
    margin-top: 5px;
  }

  .proposal-info {
    gap: 10px;
    width: 100%;
    padding-left: 0;
  }

  .detail-row {
    flex-wrap: wrap;
  }

  .detail-col11 {
    width: 100%;
  }

  .detail-row .detail-col11:first-child {
    margin-bottom: 10px;
  }

  .business-b-out:nth-child(3) {
    margin-top: -100px;
    transform: translateY(200px);
  }

  .business-b-out:nth-child(2) {
    margin-top: -100px;
    transform: translateY(100px);
  }

  .house-div3, .business-block {
    width: 100%;
  }

  .search-container button {
    padding: 15px 20px;
  }

  .blue-card .b-card {
    width: 100%;
  }

  .business-wrap {
    padding-bottom: 260px;
  }

  .business-b-out {
    margin-top: 0;
    transform: translateY(0);
  }

  .text-support p {
    min-height: 128px;
  }

  .get-listedpage .business-b-out {
    width: 100%;
    margin-right: 0;
  }

  .contact-div .form-c p {
    font-size: 14px;
  }

  .contact-error p:before {
    width: 13px;
    height: 13px;
  }

  .form-c .contact-error p {
    padding-left: 17px;
  }

  .contact-error p:before {
    top: 5px;
  }

  .form-c .contact-error {
    padding: 10px 6px;
    top: 90px;
  }

  .info1 {
    width: 100%;
  }

  .info-grid {
    flex-wrap: wrap;
  }

  .info2 {
    padding-left: 0;
  }

  .build-col1 {
    width: 100%;
    padding: 8px 14px;
  }

  .build-col2 {
    border: none;
  }

  .form-grp.form-grp1 input {
    width: 100%;
    max-width: 100%;
    min-width: unset;
  }

  .tab-nav1 button {
    padding: 10px 15px;
    font-size: 15px;
  }

  .upload-box h3 {
    margin: 6px 0;
    font-size: 12px !important;
  }

  .img-cover-up {
    width: 24px;
    height: 24px;
  }

  .upload-box p {
    font-size: 9px !important;
  }

  .upload-box span {
    font-size: 7px;
  }

  .upload-area > div > div {
    height: 140px;
  }

  .torrance-div .torrance-card {
    width: 100%;
    margin-right: 0;
  }

  .torrance-div .torrance-card:nth-child(2n), .torrance-div .torrance-card:nth-child(3n) {
    margin-right: 0;
  }

  .remodeling-card {
    width: 100%;
    margin-right: 0;
  }

  .smallwithptag small {
    font-size: 10px;
  }

  .smallwithptag p {
    font-size: 11px !important;
  }

  .company-info h4 {
    font-size: 13px;
  }

  .company-card {
    padding: 12px;
  }

  .company-logo {
    width: 55px;
    height: 55px;
  }

  .company-left {
    gap: 5px;
  }

  .company-left button.remove-btn {
    width: 18px;
    height: 18px;
    font-size: 8px;
  }

  .budget-calculator .bud-col1 {
    width: 100%;
  }

  .budget-calculator {
    flex-wrap: wrap;
  }

  .detail44 .budget-calc {
    padding: 25px 25px 10px;
  }

  .proj-meta1 {
    flex-wrap: wrap;
  }

  .proj-metacol {
    width: 100%;
  }

  .proj-metacol:first-child {
    margin-bottom: 10px;
  }

  .proposal-page .company-card {
    flex-wrap: wrap;
  }

  .proposal-page .company-card .company-left {
    width: 100%;
  }

  .proposal-page .company-right {
    text-align: left;
    width: 100%;
    height: 47px;
    margin: 20px 0 0;
  }

  .company-left {
    padding-right: 0;
  }

  .provider-intro h3 {
    font-size: 26px;
  }

  .serv-prov-form {
    padding: 30px 20px;
  }

  .docs-listed > div {
    width: 100%;
    margin-right: 0;
  }

  .right-slidepart {
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq-question p {
    font-size: 20px;
  }

  .arc-profile-sec img {
    position: absolute;
    top: 0;
    left: 0;
  }

  .follow-btn-div {
    position: absolute;
    top: 1px;
    right: 0;
  }

  .cred .time-ago2:before {
    margin-right: 7px;
  }

  .input-in7 {
    flex: unset;
    width: 100%;
  }
}

@media (max-width: 400px) {
  .stat-card {
    width: 100%;
    margin-right: 0;
  }

  .clarify-input, .clar-div {
    flex-wrap: wrap;
  }

  .clarify-input .form-grp {
    flex: unset;
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 399px) {
  .banner-div h2 {
    margin: 0 0 10px;
    font-size: 26px;
  }

  .arc-cover h3 {
    font-size: 30px;
  }

  .ready-div h3 {
    font-size: 29px;
  }

  .faq-section h3 {
    font-size: 30px;
  }

  .business-div1 h3 {
    font-size: 28px;
  }

  .homeslider-div h2 {
    font-size: 29px;
  }
}

@media (max-width: 395px) {
  .edit-proj-sucess.statusbar {
    padding: 6px;
  }

  .edit-proj-sucess.statusbar p {
    gap: 3px;
  }

  .edit-proj-sucess.statusbar p span {
    width: 13.2px;
  }

  .edit-proj-sucess.statusbar p {
    font-size: 13px !important;
  }
}

@media (max-width: 390px) {
  .smallwithptag {
    flex-wrap: wrap;
  }
}

@media (max-width: 358px) {
  .form-c .contact-error {
    top: 110px;
  }

  .proj-grid2 {
    width: 100%;
    max-width: 100%;
  }

  .create-time h6 {
    font-size: 13px;
  }
}

/* [project]/src/app/styles/footer.css [app-client] (css) */
@font-face {
  font-family: Avenir-Book;
  src: url("../media/Avenir-Book.8e4845cb.woff");
}

@font-face {
  font-family: Avenir-Black;
  src: url("../media/Avenir-Black.d257bb91.woff");
}

@font-face {
  font-family: Avenir-medium;
  src: url("../media/Avenir-Medium.ede2f79e.woff");
}

.seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers, .public .footer-container.containers {
  justify-content: flex-start;
  gap: 9%;
  width: 100%;
  max-width: 100%;
  padding-left: 250px;
  padding-right: 250px;
}

body:has(.e-from-homesearch) .footer .containers {
  justify-content: flex-start;
  gap: 9%;
  width: 100%;
  max-width: 100%;
  padding-left: 250px;
  padding-right: 250px;
}

.footer {
  color: #000;
  float: left;
  background-color: #fff;
  width: 100%;
  padding: 100px 0 30px;
  font-family: Avenir-Book;
}

.footer-container {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 120px;
  display: flex;
}

.logo {
  letter-spacing: .5px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
}

.footer p {
  color: #555;
  margin: 5px 0;
  font-size: 18px;
  line-height: 1.6;
}

.footer-column h4 {
  margin-bottom: 10px;
  font-family: Avenir-medium;
  font-size: 19px;
}

.footer-column ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-column ul li {
  margin: 5px 0;
}

.footer-column ul li a {
  color: #555;
  text-transform: capitalize;
  font-size: 18px;
  text-decoration: none;
  transition: color .3s;
}

.footer-column ul li a:hover {
  color: #000;
}

.social-icons {
  gap: 15px;
  margin-top: 15px;
  display: flex;
}

.footer-line {
  border: none;
  border-top: 1px solid #e5e5e5;
  margin: 0 0 20px;
}

.footer-bottom {
  color: #555;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  display: flex;
  position: relative;
}

.language-switcher {
  position: relative;
}

.lang-btn {
  cursor: pointer;
  color: #333;
  background: none;
  border: none;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  display: flex;
}

.flag-icon {
  border-radius: 50%;
}

.arrow-icon {
  stroke-width: 2px;
  margin-top: 1px;
}

.dropdown {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  position: absolute;
  bottom: 25px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.dropdown-item {
  cursor: pointer;
  background: #fff;
  border: none;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  font-size: 13px;
  transition: background .3s;
  display: flex;
}

.dropdown-item:hover {
  background: #f5f5f5;
}

.footer-logo {
  width: 100px;
  margin: 0 0 30px;
}

.footer-logo a img {
  width: 100%;
  display: block;
}

.footer-about.footer-column span {
  display: block;
}

.f-ss {
  background: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.footer-container.containers > div:last-child {
  margin-right: 0 !important;
}

.public .footer-container.containers {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 250px;
  padding-right: 250px;
}

.f-ss:hover img {
  transform: rotate(360deg);
}

.f-ss img {
  cursor: pointer;
  transition: all .5s ease-in-out;
}

@media (max-width: 1900px) {
  .seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers, .public .footer-container.containers {
    justify-content: flex-start;
    gap: 6%;
  }

  body:has(.e-from-homesearch) .footer .containers {
    justify-content: flex-start;
    gap: 6%;
  }
}

@media (max-width: 1702px) {
  .seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers {
    gap: 4%;
  }

  body:has(.e-from-homesearch) .footer .containers {
    gap: 4%;
  }

  .seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers, .public .footer-container.containers {
    justify-content: space-between;
    gap: 0;
  }

  body:has(.e-from-homesearch) .footer .containers {
    justify-content: space-between;
    gap: 0;
  }
}

@media (max-width: 1600px) {
  .seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers {
    gap: 2%;
  }

  body:has(.e-from-homesearch) .footer .containers {
    gap: 2%;
  }
}

@media (max-width: 1500px) {
  .footer-container.containers > div:last-child {
    margin-right: 0%;
  }

  .public .footer-container.containers, .seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers {
    gap: 0;
  }

  body:has(.e-from-homesearch) .footer-container.containers {
    gap: 0;
  }

  .seeker-dashboard1 .footer .footer-about.footer-column, .prov-dashboard .footer .footer-about.footer-column, .directory .footer .footer-about.footer-column {
    max-width: 250px;
  }

  body:has(.e-from-homesearch) .footer .footer-about.footer-column {
    max-width: 250px;
  }

  .seeker-dashboard1 .footer .footer-about.footer-column span, .prov-dashboard .footer .footer-about.footer-column span, .directory .footer .footer-about.footer-column span {
    display: inline;
  }

  body:has(.e-from-homesearch) .footer .footer-about.footer-column span {
    display: inline;
  }
}

@media (max-width: 1400px) {
  .seeker-dashboard1 .footer .footer-about.footer-column, .prov-dashboard .footer .footer-about.footer-column, .directory .footer .footer-about.footer-column {
    max-width: 168px;
  }

  body:has(.e-from-homesearch) .footer .footer-about.footer-column {
    max-width: 168px;
  }
}

@media (min-width: 1441px) and (max-width: 1660px) {
  .public .footer-container.containers, .seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers {
    justify-content: space-between;
  }

  body:has(.e-from-homesearch) .footer-container.containers {
    justify-content: space-between;
  }
}

@media (min-width: 1341px) and (max-width: 1440px) {
  .public .footer-container.containers, .seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers {
    justify-content: space-between;
  }

  body:has(.e-from-homesearch) .footer-container.containers {
    justify-content: space-between;
  }
}

@media (min-width: 1241px) and (max-width: 1340px) {
  .public .footer-container.containers {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 220px;
    padding-right: 220px;
  }

  .public .footer-container.containers, .seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers {
    justify-content: space-between;
    padding-left: 220px;
    padding-right: 220px;
  }

  body:has(.e-from-homesearch) .footer-container.containers {
    justify-content: space-between;
    padding-left: 220px;
    padding-right: 220px;
  }
}

@media (min-width: 1025px) and (max-width: 1240px) {
  .public .footer-container.containers, .seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers {
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  body:has(.e-from-homesearch) .footer .containers {
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .footer-container {
    margin-bottom: 90px;
  }
}

@media (max-width: 1024px) {
  .footer {
    padding: 80px 0 20px;
  }

  .footer-container {
    margin-bottom: 80px;
  }
}

@media (min-width: 901px) and (max-width: 1024px) {
  .public .footer-container.containers {
    justify-content: space-between;
    gap: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers {
    justify-content: space-between;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  body:has(.e-from-homesearch) .footer .containers {
    justify-content: space-between;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .footer-about.footer-column {
    width: 27.4%;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .footer-container.containers > div {
    margin-right: 2.4% !important;
  }

  .footer-container {
    justify-content: space-between;
  }

  .seeker-dashboard1 .footer .containers, .prov-dashboard .footer .containers, .directory .footer .containers {
    justify-content: space-between;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  body:has(.e-from-homesearch) .footer .containers {
    justify-content: space-between;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width: 900px) {
  .footer-about.footer-column {
    width: 100%;
    max-width: 100%;
    margin: 0 0 40px;
  }

  .footer-about.footer-column span {
    display: inline;
  }
}

@media (max-width: 767px) {
  .footer p, .footer-column ul li a {
    font-size: 16px;
  }

  .footer-column h4 {
    font-size: 17px;
  }

  body:has(.e-from-homesearch) .footer .containers {
    padding-left: 5%;
    padding-right: 5%;
  }

  .footer-about.footer-column span {
    display: inline;
  }

  .seeker-dashboard1 .footer .footer-about.footer-column, .prov-dashboard .footer .footer-about.footer-column, .directory .footer .footer-about.footer-column {
    max-width: 100% !important;
  }

  body:has(.e-from-homesearch) .footer .footer-about.footer-column {
    max-width: 100% !important;
  }

  .footer {
    padding-top: 50px;
  }

  .footer-logo {
    margin: 0 0 15px;
  }

  .footer-container {
    margin-bottom: 50px;
  }

  .public .footer-container.containers, .prov-dashboard .footer .containers, .seeker-dashboard1 .footer .containers {
    justify-content: space-between;
    padding-left: 5%;
    padding-right: 5%;
  }

  body:has(.e-from-homesearch) .footer .footer-container.containers {
    justify-content: space-between;
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media (max-width: 600px) {
  .footer-about.footer-column {
    width: 100%;
  }

  .footer-column.f-links {
    width: 50%;
    margin: 0 0 20px;
  }

  .footer-container {
    margin-bottom: 10px;
  }

  .footer {
    padding-bottom: 15px;
  }

  .footer-line {
    margin: 0 0 15px;
  }

  .footer-column.f-links {
    width: 50%;
  }

  .footer-container.containers > div.footer-column.f-links {
    margin-right: 0;
  }
}

/* [project]/src/app/styles/languageswitcher.css [app-client] (css) */
.language-switcher {
  display: none;
  position: relative;
}

.lang-btn {
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  transition: background .2s ease-in-out;
  display: flex;
}

.lang-text {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

.lang-arrow {
  color: #4b5563;
}

.lang-dropdown {
  z-index: 10;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  width: 112px;
  margin-top: 8px;
  position: absolute;
  right: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.lang-option {
  color: #374151;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  display: flex;
}

.lang-option:hover {
  background: #f3f4f6;
}

@media (max-width: 600px) {
  .lang-text {
    display: none;
  }
}

@media (max-width: 480px) {
  .header .language-switcher {
    margin-left: 10px;
    margin-right: 10px;
  }
}

/* [project]/src/app/styles/rtl.css [app-client] (css) */
body[dir="rtl"] {
  text-align: right;
  direction: rtl;
}

body[dir="rtl"] .header, body[dir="rtl"] .footer {
  flex-direction: row-reverse;
}

/* [project]/src/app/styles/login.css [app-client] (css) */
@font-face {
  font-family: Avenir-Book;
  src: url("../media/Avenir-Book.8e4845cb.woff");
}

@font-face {
  font-family: Avenir-Black;
  src: url("../media/Avenir-Black.d257bb91.woff");
}

@font-face {
  font-family: Avenir-medium;
  src: url("../media/Avenir-Medium.ede2f79e.woff");
}

@font-face {
  font-family: Avenir-heavy;
  src: url("../media/Avenir-Heavy.f4dbe169.woff");
}

:root {
  --primary-color: #2050f5;
  --secondary-color: #1b1b25;
  --bg-color: #f1f3fa;
  --warning: #e2da1e;
  --sucess: #1ee288;
  --error-color: #ea1525;
}

.google-btn {
  color: #000;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 100%;
  margin: 0 0 20px;
  padding: 20px 15px;
  font-family: Avenir-Black;
  display: flex;
}

button.apple-btn {
  color: #fff;
  cursor: pointer;
  background: #000;
  border: 1px solid #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 100%;
  margin: 20px 0 10px;
  padding: 20px 15px;
  font-family: Avenir-Black;
  display: flex;
}

button.apple-btn:hover {
  background: #46454c;
}

button.back-bth {
  cursor: pointer;
  width: 40px;
  position: absolute;
  top: 40px;
  left: 60px;
}

.login-btn {
  background: var(--primary-color);
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
  margin: 20px 0;
  padding: 20px 15px;
  font-family: Avenir-Black;
  display: block;
}

.login-btn:hover {
  background: #4c72f6;
}

.form-grp input, .form-grp textarea {
  color: #000;
  background: #fff;
  border: 2px solid #d7dbec;
  border-radius: 4px;
  padding: 20px 15px;
  transition: all .5s ease-in-out;
}

.form-grp input:focus, .form-grp textarea:focus {
  border-color: var(--primary-color);
  background: #fff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .2);
}

.form-grp input:hover, .form-grp textarea:hover {
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .2);
}

.login-body .header {
  display: none;
}

.logincol1 {
  width: 30%;
  position: relative;
}

.logo-div {
  cursor: pointer;
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
}

.logincol2 {
  width: 70%;
  position: relative;
}

.login-divider {
  flex-wrap: wrap;
  margin: 0 0 100px;
  display: flex;
}

.logincol1 .bg-cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.logincol2 h2 {
  color: var(--secondary-color);
  margin: 0 0 30px;
  font-family: Avenir-Black;
  font-size: 36px;
}

.login-container {
  max-width: 640px;
  margin-top: 120px;
  padding-left: 150px;
}

.form-grp {
  flex-flow: column wrap;
  margin: 20px 0 0;
  display: flex;
}

.form-grp label {
  color: #1b1b25;
  margin-bottom: 4px;
}

.forget-pass {
  color: var(--primary-color);
  float: left;
  margin: 15px 0 40px;
  font-size: 13px;
  text-decoration: underline;
}

.signup-text a, .register-text a {
  color: #000;
  font-family: Avenir-Black;
  text-decoration: underline;
  transition: all .4s ease-in-out;
}

.signup-text a:hover, .register-text a:hover {
  text-decoration: none;
}

.signup-text, .register-text {
  text-align: center;
  color: #a3a3a7;
  margin: 0 0 10px;
}

.statusbar .e-login-page p {
  text-align: left;
  align-items: flex-end;
}

.statusbar.e-login-page .statusbar-err p {
  color: red;
  text-align: left;
}

.login-form input::placeholder {
  color: #a3a3a7;
  font-size: 16px;
}

form small {
  color: #a3a3a7;
  margin: 10px 0 0;
}

.divider {
  height: 40px;
  position: relative;
}

.divider .line1 {
  z-index: 9;
  background: #000;
  width: 100%;
  height: .1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.divider h6 {
  z-index: 99;
  color: #a3a3a7;
  background: #fff;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

p.terms {
  text-align: center;
  color: #a3a3a7;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 9px;
}

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

.formcol2 .form-grp {
  width: 48%;
}

.signuppage .form-grp span {
  color: #a3a3a7;
  max-width: 300px;
  margin-top: 12px;
  font-size: 13px;
}

.forgot-pass p {
  color: #a3a3a7;
  margin: 0 0 15px;
}

.login-container .form-grp span {
  color: #a3a3a7;
  max-width: 300px;
  margin-top: 12px;
  font-size: 13px;
}

.bg-cover {
  height: 100%;
}

.login-success {
  color: #00a056;
  background-color: #fff;
  border: 1px solid #00a056;
  border-radius: 10px;
  max-width: 300px;
  max-height: 50px;
  padding: 15px 20px;
  position: absolute;
  top: 40px;
  right: 100px;
  box-shadow: 0 0 8px rgba(46, 204, 113, .3);
}

.login-success p {
  color: #00a056;
  padding-left: 20px;
  line-height: 1;
  position: relative;
}

.login-success p:before {
  content: "";
  background: url("../media/tik.417bb7e7.svg") 0 0 / contain no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 0;
}

.invalid-login {
  color: #e74c3c;
  border: 1px solid #e74c3c;
  border-radius: 10px;
  max-width: 300px;
  max-height: 50px;
  padding: 15px 20px;
  position: absolute;
  top: 40px;
  right: 100px;
}

.invalid-login p {
  color: #e74c3c;
  padding-left: 20px;
  line-height: 1;
  position: relative;
}

.invalid-login p:before {
  content: "";
  background: url("../media/warning-icon.f40ec699.svg") 0 0 / contain no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 0;
}

span.eye-icon {
  width: 20px;
  position: absolute;
  right: 0;
}

input#password {
  padding-right: 40px;
}

.login-form .form-grp {
  position: relative;
}

span.eye-icon {
  position: absolute;
  top: 40px;
  right: 15px;
}

.form-grp:has(.email-invalid) .eye-icon {
  top: 38px;
  right: 44px;
}

.logo-div.for-mob {
  display: none;
}

.input-wrapper input {
  width: 100%;
}

@media (max-width: 1240px) {
  .login-container {
    padding-left: 70px;
  }

  .login-divider {
    margin: 0 0 30px;
  }
}

@media (max-width: 1024px) {
  button.back-bth {
    width: 30px;
    height: 30px;
  }

  .login-container {
    margin-top: 98px;
    padding-left: 70px;
    padding-right: 70px;
  }

  .form-grp input, .form-grp textarea, .login-btn, button.apple-btn, .google-btn {
    padding: 15px;
  }

  .logincol2 h2 {
    margin: 0 0 20px;
    font-size: 32px;
  }

  .forget-pass {
    margin: 15px 0;
  }
}

.password-wrapper input {
  width: 100%;
}

.login-container .form-grp span.eye-icon {
  cursor: pointer;
  margin-top: 0;
  position: absolute;
  top: 52px;
  right: 20px;
}

@media (max-width: 767px) {
  .login-success {
    top: 70px;
    right: 10px;
  }

  .login-container .form-grp span.eye-icon {
    top: 48px;
  }

  .logincol1 {
    display: none;
  }

  .logincol2 {
    width: 100%;
  }

  .logo-div.for-mob {
    width: 100%;
    padding: 8px 5%;
    display: block;
  }

  button.back-bth {
    top: 80px;
    left: 5%;
  }

  .login-container {
    margin-top: 130px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .login-divider {
    margin: 0 0 20px;
  }

  .logincol2 h2 {
    margin: 0 0 10px;
    font-size: 30px;
  }

  .fogot-poup .modal-content {
    padding: 40px;
  }
}

@media (max-width: 600px) {
  .formcol2 .form-grp {
    width: 100%;
  }
}

@media (max-width: 480px) {
  p.terms {
    max-width: 100%;
  }
}

/* [project]/src/app/styles/popup.css [app-client] (css) */
@font-face {
  font-family: Avenir-Book;
  src: url("../media/Avenir-Book.8e4845cb.woff");
}

@font-face {
  font-family: Avenir-Black;
  src: url("../media/Avenir-Black.d257bb91.woff");
}

@font-face {
  font-family: Avenir-medium;
  src: url("../media/Avenir-Medium.ede2f79e.woff");
}

@font-face {
  font-family: Avenir-heavy;
  src: url("../media/Avenir-Heavy.f4dbe169.woff");
}

.thank-btn {
  color: #000;
  cursor: pointer;
  background: none;
  border: 2px solid #000;
  border-radius: 4px;
  width: 350px;
  margin: 20px 0 0;
  padding: 15px 20px;
  font-family: Avenir-Black;
}

.thank-btn:hover {
  color: #fff;
  background: #000;
}

.modal-overlay {
  z-index: 9999;
  background-color: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.modal-content {
  text-align: center;
  background: #fff;
  border-radius: 16px;
  width: 100%;
  min-width: 800px;
  max-width: 660px;
  padding: 70px 50px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, .15);
}

.modal-content.providesucess {
  min-width: 660px;
  padding: 60px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.modal-content .providesucess h2, .modal-content.providesucess h2 {
  color: #111827;
  margin-bottom: 12px;
  font-family: Avenir-Black;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.modal-content p {
  color: #4b5563;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.4;
}

.proposal-popup .modal-content p {
  margin-bottom: 0;
}

.proposal-popup .modal-content {
  width: 800px;
  height: auto;
  max-height: 90vh;
  padding: 70px 50px 30px;
  position: relative;
}

.close-btnn1 {
  background: var(--primary-color);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  margin: 20px auto 0;
  padding: 12px 30px;
  font-weight: 600;
  transition: background .3s;
}

.close-btnn1:hover {
  background: #4c72f6;
}

.project-edit-popup h3 {
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
  color: #37a770 !important;
}

.proposal-popup.public-poup .modal-content {
  height: auto;
  max-height: 90vh;
  overflow: auto;
}

.public-poup .proposal-view {
  color: #2563eb;
  cursor: pointer;
  border: 2px solid #2563eb;
  border-radius: 8px;
  padding: 12px 40px;
  font-family: Avenir-Black;
  font-size: 19px;
  line-height: 1;
  transition: all .2s ease-in-out;
  display: block;
}

.public-poup .proposal-view span {
  color: #000;
  text-align: center;
  margin: 5px 0 0;
  font-family: Avenir-medium;
  font-size: 12px;
  display: block;
}

.add-sucess {
  color: #00a056;
  background-color: #fff;
  border: 1px solid #00a056;
  border-radius: 5px;
  padding: 15px 20px;
  box-shadow: 0 0 8px rgba(46, 204, 113, .3);
}

.add-sucess p {
  color: #00a056;
  align-items: center;
  gap: 6px;
  font-size: 20px;
  line-height: 1;
  display: flex;
}

.add-proj-sucess {
  max-width: 434px;
  max-height: 50px;
  position: absolute;
  top: -88px;
  right: 0;
}

.edit-proj-up {
  position: relative;
}

.edit-proj-sucess {
  position: absolute;
  top: -98px;
  right: 0;
}

.add-sucess span img {
  position: relative;
  top: -2px;
}

.fogot-poup .modal-content {
  min-width: 418px;
  max-width: 530px;
  padding: 50px;
}

.fogot-poup h2 {
  margin: 0 0 20px;
  font-family: Avenir-Black;
  font-size: 24px;
  line-height: 1;
}

.myaccount-suc {
  position: absolute;
  top: 0;
  right: 0;
}

a.proposal-view {
  color: #2563eb;
  cursor: pointer;
  border: 2px solid #2563eb;
  border-radius: 8px;
  margin-left: auto;
  margin-right: 0;
  padding: 12px 40px;
  font-family: Avenir-Black;
  font-size: 19px;
  line-height: 1;
  transition: all .2s ease-in-out;
}

a.proposal-view:focus {
  border: 2px solid #2563eb !important;
}

.statusmsg-div1.comp-prof .error-msg {
  border: 1px solid red;
  color: red !important;
  box-shadow: 0 0 8px rgba(255, 0, 0, .3) !important;
}

.statusmsg-div1.comp-prof.success-msg {
  color: #00a056 !important;
  border: 1px solid #00a056 !important;
}

.statusmsg-div1.comp-prof p:before {
  display: none !important;
}

.statusmsg-div1.comp-prof p {
  gap: 8px;
  display: flex;
  padding: 0 !important;
}

.statusmsg-div1 {
  z-index: 999;
  position: absolute;
  top: -70px;
  right: 100px;
}

.statusmsg-div1 p {
  color: #00a056;
  padding-left: 20px;
  line-height: 1;
  position: relative;
}

.statusmsg-div1 p:before {
  content: "";
  background: url("../media/tik.417bb7e7.svg") 0 0 / contain no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 0;
}

.overlay {
  color: #fff;
  background: rgba(0, 0, 0, .33);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.img-modal-overlay {
  background: rgba(0, 0, 0, .75);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  top: 0;
  left: 0;
  z-index: 9999 !important;
  position: fixed !important;
}

.img-modal-content {
  max-width: 800px;
  max-height: 90vh;
  position: relative;
}

.modal-image {
  border-radius: 10px;
  width: 100%;
  height: auto;
}

.modal-prev, .modal-next {
  cursor: pointer;
  z-index: 10000;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.modal-prev {
  background: #fff url("../media/left-arrow4.2e89e53e.svg") center / 20px no-repeat;
}

.modal-next {
  background: #fff url("../media/right-arrow4.feda96e6.svg") center / 20px no-repeat;
}

.modal-prev:hover, .modal-next:hover {
  opacity: .7;
}

.modal-prev {
  left: -60px;
}

.modal-next {
  right: -60px;
}

.modal-close {
  color: #fff;
  cursor: pointer;
  z-index: 10001;
  background: none;
  border: none;
  font-size: 28px;
  position: absolute;
  top: -40px;
  right: -40px;
}

.modal-box {
  background: #fff;
  border-radius: 5px;
  padding: 30px;
}

.modal-box button.modal-btn.delete.dark-btn {
  margin-right: 10px;
}

.modal-box button.modal-btn {
  border-radius: 6px;
  padding: 7px 20px;
}

.modal-box .modal-actions {
  margin-top: 10px;
}

.post-covered .overlay {
  font-size: 13px;
}

@media (max-width: 1024px) {
  .img-modal-content {
    max-width: 750px;
  }

  .modal-prev {
    left: -40px;
  }

  .modal-next {
    right: -40px;
  }

  .modal-close {
    top: -47px;
    right: -37px;
  }

  .statusmsg-div1 {
    right: 30px;
  }
}

@media (max-width: 900px) {
  .proposal-popup .modal-content {
    max-width: unset;
    min-width: unset;
    width: 94%;
    padding: 70px 10px 30px 30px;
  }

  .modal-content.providesucess {
    min-width: auto;
    max-width: 480px;
    padding: 40px;
  }

  .img-modal-content {
    max-width: 650px;
  }

  .modal-prev {
    left: -40px;
  }

  .modal-next {
    right: -40px;
  }
}

@media (max-width: 767px) {
  .statusmsg-div1 {
    top: -53px;
    right: 0;
  }

  .company-profile1:has(.statusmsg-div1) {
    margin-top: 70px;
  }

  .modal-content.providesucess h2 {
    font-size: 28px;
  }

  .fogot-poup .modal-content {
    padding: 40px;
  }

  .thank-btn {
    margin: 10px 0 0;
    padding: 12px 20px;
  }

  .public-poup .proposal-view {
    padding: 12px 20px;
  }

  .img-modal-content {
    max-width: 80%;
  }

  .modal-prev, .modal-next {
    width: 25px;
    height: 25px;
  }

  .modal-prev {
    left: -30px;
    right: -30px;
  }

  .edit-proj-sucess {
    top: -33px;
  }
}

@media (max-width: 600px) {
  .edit-proj-sucess {
    top: -56px;
  }

  .fogot-poup .modal-content {
    max-width: unset !important;
    min-width: unset !important;
    width: 90% !important;
  }

  .modal-content.providesucess {
    max-width: 460px;
  }

  .fogot-poup h2 {
    margin: 0 0 10px;
    font-size: 22px;
  }

  .myaccount-suc {
    margin-top: 20px;
    position: static;
  }

  .add-sucess p {
    font-size: 17px;
  }

  .modal-prev {
    left: -32px;
  }

  .modal-next {
    right: -32px;
  }

  .modal-close {
    font-size: 20px;
    top: -33px;
    right: -26px;
  }

  .proposal-popup .modal-content {
    padding: 70px 10px 20px 20px;
  }

  .proposal-box {
    padding-right: 10px;
  }
}

@media (max-width: 480px) {
  .thank-btn {
    width: 100%;
    margin: 0;
  }

  .fogot-poup .modal-content {
    padding: 40px 30px;
  }

  .modal-content.providesucess {
    max-width: unset;
    width: 90%;
    padding: 40px 20px;
  }

  .img-modal-content {
    max-width: 76%;
  }
}

/* [project]/src/app/styles/btn.css [app-client] (css) */
@font-face {
  font-family: Avenir-Book;
  src: url("../media/Avenir-Book.8e4845cb.woff");
}

@font-face {
  font-family: Avenir-Black;
  src: url("../media/Avenir-Black.d257bb91.woff");
}

@font-face {
  font-family: Avenir-medium;
  src: url("../media/Avenir-Medium.ede2f79e.woff");
}

@font-face {
  font-family: Avenir-heavy;
  src: url("../media/Avenir-Heavy.f4dbe169.woff");
}

:root {
  --primary-color: #2050f5;
  --secondary-color: #1b1b25;
  --bg-color: #f1f3fa;
  --warning: #e2da1e;
  --sucess: #1ee288;
  --error-color: #ea1525;
}

.header-div .h-btn {
  background: var(--primary-color);
  color: #fff;
  border-radius: 5px;
  padding: 10px 26px;
  font-family: Avenir-Black;
  font-size: 14px;
  display: inline-block;
}

.header-div .h-btn:hover {
  background: #4c72f6;
}

.fixedtop .header-div .h-login {
  border: 1px solid #dcdcdc;
}

.fixedtop .header-div .h-login:hover {
  border: 1px solid #fff;
}

.header-div .h-login {
  color: #000;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 0 14px;
  padding: 10px 26px;
  font-family: Avenir-Black;
  font-size: 14px;
  display: inline-block;
}

.header-div .h-login:hover {
  background: #fafafa;
}

.search-container button {
  color: #fff;
  cursor: pointer;
  background: #bfbfbf;
  border: none;
  border-radius: 8px;
  padding: 15px 40px;
  font-family: Avenir-Black;
  font-size: 18px;
  transition: background .3s;
}

.search-container button.active-btn {
  color: #fff;
  background: var(--primary-color);
}

.search-container button.active-btn:hover {
  background: #4c72f6;
}

.signup-btn {
  color: var(--secondary-color);
  background: #fff;
  border-radius: 4px;
  margin: 30px 0;
  padding: 20px 45px;
  font-family: Avenir-Black;
  display: inline-block;
}

.signup-btn:hover {
  background: #fafafa;
}

.get-listed {
  color: #fff;
  background: var(--primary-color);
  border-radius: 5px;
  margin: 30px 0 0;
  padding: 10px 27px;
  font-family: Avenir-Black;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.get-listed:hover {
  background: #4c72f6;
}

.g-listed {
  color: #fff;
  background: var(--primary-color);
  cursor: pointer;
  border-radius: 5px;
  margin: 30px 0 0;
  padding: 10px 27px;
  font-family: Avenir-Black;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.g-listed:hover {
  background: #4c72f6;
}

.btn-outline, .btn-filled {
  cursor: pointer;
  border: 1.5px solid #2563eb;
  border-radius: 10px;
  width: calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  font-weight: 600;
  transition: all .3s;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

.btn-outline {
  color: #2563eb;
  background: none;
}

.btn-filled {
  color: #fff;
  background: #2563eb;
}

.btn-filled:hover {
  background: #4c72f6;
}

.btn-continue {
  color: #fff;
  cursor: pointer;
  background: #acacb0;
  border-radius: 4px;
  padding: 10px 40px;
  font-family: Avenir-Black;
}

button.btn-submit {
  color: #fff;
  background: var(--primary-color);
  cursor: pointer;
  border-radius: 5px;
  margin: 30px 0 0;
  padding: 10px 60px;
  font-family: Avenir-medium;
  font-size: 17px;
  font-weight: 400;
  display: inline-block;
}

button.btn-submit:hover {
  background: #4c72f6;
}

button.btn-back {
  color: #000;
  cursor: pointer;
  border: 1px solid #d7dbec;
  border-radius: 5px;
  margin: 30px 20px 0 0;
  padding: 10px 60px;
  font-family: Avenir-medium;
}

button.btn-back:hover {
  border: 1px solid #fff;
}

.btn-home {
  cursor: pointer;
  color: #fff;
  background: var(--primary-color);
  border: 1.5px solid #2563eb;
  border-radius: 10px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
}

.btn-home:hover {
  background: #4c72f6;
}

button.new-proj {
  background: var(--primary-color);
  white-space: nowrap;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  padding: 18px 26px;
  font-family: Avenir-Black;
  font-size: 16px;
  display: inline-block;
}

button.new-proj:hover {
  background: #4c72f6;
}

.btn-cvr.feetbackcvr {
  justify-content: flex-end;
}

button.house-card-btn {
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
  margin: 20px 0;
  padding: 10px 20px;
  font-family: Avenir-Black;
  border: 2px solid #000 !important;
}

button.house-card-btn:hover {
  color: #fff;
  background: #000;
}

.add-proj {
  color: #2050f5;
  cursor: pointer;
  text-transform: capitalize;
  background: #fff;
  border-radius: 8px;
  margin: 20px 0;
  padding: 10px 20px;
  font-family: Avenir-Black;
  border: 2px solid #2050f5 !important;
}

.add-proj:focus {
  border: 2px solid #2050f5 !important;
}

.detail-btn {
  background: var(--primary-color);
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  padding: 18px 26px;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}

.detail-btn:hover {
  background: #4c72f6;
}

button.public-btn {
  cursor: pointer;
  color: #2563eb;
  background: none;
  border-radius: 7px;
  padding: 12px 60px;
  font-size: 16px;
  font-weight: 600;
  transition: all .3s;
  border: 1.5px solid #2563eb !important;
}

button.private-btn {
  cursor: pointer;
  color: #000;
  background: none;
  border-radius: 7px;
  margin-right: 14px;
  padding: 12px 60px;
  font-weight: 600;
  transition: all .3s;
  border: 1px solid #d7dbec !important;
}

button.private-btn.active, button.public-btn.active {
  color: #fff;
  background: #2563eb;
  border: 1px solid #2563eb;
}

button.save-btn1 {
  letter-spacing: .4px;
  border-radius: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px 0;
  padding: 12px 85px;
  font-family: Avenir-medium;
  font-weight: 700;
  display: block;
}

button.save-btn1.save-account {
  border: 2px solid var(--primary-color);
  padding: 12px 60px;
  font-size: 16px;
}

button.save-btn1.save-account:hover {
  border: 2px solid #4c72f6;
}

button.save-btn1:hover {
  background: #4c72f6;
}

.change-btn {
  color: #000;
  cursor: pointer;
  background: none;
  border-radius: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px 0;
  padding: 12px 40px;
  font-family: Avenir-Black;
  display: block;
  border: 2px solid #000 !important;
}

.change-btn:focus {
  border: 2px solid #000 !important;
}

.change-btn:hover {
  color: #fff;
  background: #000;
}

.upload-btn {
  white-space: nowrap;
  color: #000;
  cursor: pointer;
  z-index: 9;
  background: none;
  border-radius: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px 0;
  padding: 12px 40px;
  font-family: Avenir-Black;
  display: block;
  position: relative;
  border: 2px solid #000 !important;
}

.upload-btn:hover {
  color: #fff;
  background: #000;
  border: 2px solid #000 !important;
}

.upload-btn:focus {
  border: 2px solid #000 !important;
}

.details-btn {
  color: #fff;
  cursor: pointer;
  background-color: #2050f5;
  border: none;
  border-radius: 4px;
  padding: 10px 24px;
  font-family: Avenir-medium;
  font-size: 14px;
  transition: background .2s;
}

.details-btn:hover {
  background: #4c72f6;
}

.close-btn {
  color: #fff;
  cursor: pointer;
  background: #2563eb;
  border: none;
  border-radius: 6px;
  margin-top: 16px;
  padding: 8px 16px;
  font-weight: 500;
}

.close-btn:hover {
  background: #4c72f6;
}

button.close-poup {
  color: #fff;
  cursor: pointer;
  background: var(--primary-color);
  border-radius: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
  padding: 12px 40px;
  display: block;
}

button.close-poup:hover {
  background: #4c72f6;
}

.create-btn {
  border-radius: 5px;
  margin: 30px 0 0;
  padding: 10px 50px;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.dark-btn {
  color: #fff;
  background: var(--primary-color);
  cursor: pointer;
  border: 2px solid var(--primary-color);
}

.dark-btn:hover {
  background: #4c72f6;
  border: 2px solid #4c72f6 !important;
}

.dark-lined-btn {
  color: var(--primary-color);
  outline: 2px solid var(--primary-color);
  cursor: pointer;
  background: #fff;
}

.dark-lined-btn:hover {
  color: #fff;
  background: var(--primary-color);
  cursor: pointer;
}

.preview-btn {
  letter-spacing: .4px;
  border-radius: 5px;
  margin: 20px 15px 20px 0;
  padding: 12px 85px;
  font-family: Avenir-medium;
  font-size: 16px;
  font-weight: 700;
}

.preview-btn:hover {
  background: var(--primary-color);
  color: #fff;
}

.send-prop-btn {
  text-align: center;
  border-radius: 5px;
  width: 100%;
  margin-top: 30px;
  padding: 15px 20px;
  font-family: Avenir-Black;
  display: block;
}

.create-btn.invite-btn {
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: Avenir-medium;
  font-size: 16px;
}

.cancel-btn1, .reject-btn, .accept-btn {
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  padding: 14px 60px;
  font-family: Avenir-medium;
  line-height: 1;
  transition: all .2s ease-in-out;
}

.cancel-btn1 {
  color: #000;
  background: #fff;
  border: 1px solid #e0e0e0;
}

.reject-btn {
  background: #ff3b3b;
}

.reject-btn:hover {
  background: #d32f2f;
}

button.follow-btn {
  cursor: pointer;
  font-family: Avenir-medium;
}

button.follow-btn:hover {
  color: #2563eb;
}

.accept-btn {
  background: #2563eb;
}

.accept-btn:hover {
  background: #4c72f6;
}

.load-more {
  color: #fff;
  background: var(--primary-color);
  cursor: pointer;
  border-radius: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 27px;
  font-family: Avenir-Black;
  font-size: 13px;
  font-weight: 400;
  display: block;
}

.load-more:hover {
  background: #4c72f6;
}

.send-btn {
  background: var(--primary-color);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  font-weight: 600;
  transition: background .3s;
}

.send-btn:hover {
  background: #4c72f6;
}

.add-btn {
  width: 100%;
  color: var(--primary-color);
  cursor: pointer;
  background: none;
  border: none;
  margin-top: 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: color .3s;
}

.add-btn:hover {
  text-decoration: underline;
}

.delete-btn4 {
  color: #ea5c5c;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
}

.delete-btn4:hover {
  text-decoration: none;
}

.delete-modal-buttons button {
  border-radius: 5px;
  padding: 12px 18px;
  font-family: Avenir-medium;
  font-size: 14px;
  line-height: 1;
}

.deleteimg-poupoutr button {
  border-radius: 5px;
  padding: 9px 18px;
  font-family: Avenir-medium;
  font-size: 14px;
  line-height: 1;
}

button.publish {
  border-radius: 5px;
  flex: 1;
  padding: 10px 27px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}

button.clear-btn {
  padding: 10px 27px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ebeaea;
  border-radius: 5px;
  padding: 10px 27px;
  font-size: 16px;
}

button.clear-btn:hover {
  background: #fafafa;
  border: 1px solid #fafafa;
}

a.edit-details {
  color: #2563eb;
  cursor: pointer;
  background: none;
  border: 2px solid #2563eb;
  border-radius: 10px;
  padding: 10px 80px;
  font-family: Avenir-medium;
  height: auto !important;
}

a.edit-details:focus {
  border: 2px solid #2563eb !important;
}

a.edit-details:hover {
  color: #fff;
  background-color: #2563eb;
}

.e-search {
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 8px;
  padding: 15px 20px;
  font-family: Avenir-medium;
  font-size: 15px;
}

button.clear-btn3 {
  color: #000;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ebeaea;
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 8px;
  padding: 15px 20px;
  font-family: Avenir-medium;
  font-size: 15px;
}

button.clear-btn3:hover {
  background: #fafafa;
  border: 1px solid #fafafa;
}

.view-btn {
  color: #fff;
  cursor: pointer;
  background: #2563eb;
  border: none;
  border-radius: 6px;
  margin-right: 6px;
  padding: 10px 14px;
  font-family: Avenir-medium;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  transition: background .3s;
  display: none;
}

.view-btn:hover {
  background: #2563eb;
}

.edit-proposalpage .send-prop {
  color: #2563eb;
  cursor: pointer;
  background: none;
  border: 2px solid #2563eb;
  border-radius: 10px;
  padding: 10px 80px;
  font-family: Avenir-medium;
  height: auto !important;
}

.edit-proposalpage .send-prop:hover {
  color: #fff;
  background-color: #2563eb;
}

.post-btn {
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: 12px 24px;
  font-family: Avenir-Black;
  font-size: 16px;
  transition: background .2s;
}

.post-btn.dark-btn {
  border: 2px solid var(--primary-color);
}

.replay-open .dark-btn {
  margin-right: 8px;
}

.view-btn-chat {
  background-color: var(--primary-color);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background .3s;
}

.view-btn-chat:hover {
  background-color: #2563eb;
}

button.login-btn4 {
  border-radius: 6px;
  width: 100%;
  margin: 18px 0 0;
  padding: 10px;
  font-family: Avenir-medium;
}

.send-prop-btn.e-onedit2 {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 10px;
  padding-left: 60px;
  padding-right: 60px;
}

.send-prop-btn.secondary-btn.e-onedit2 {
  color: #000;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ebeaea;
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 8px;
  padding: 17px 60px;
  font-family: Avenir-medium;
  font-size: 15px;
}

.send-prop-btn.secondary-btn.e-onedit2:hover {
  background: #fafafa;
  border: 1px solid #fafafa;
}

@media (max-width: 1240px) {
  .header-div .h-login {
    margin-left: 10px;
    margin-right: 10px;
  }

  a.edit-details, .edit-proposalpage .send-prop {
    padding: 10px 60px;
  }
}

@media (max-width: 1024px) {
  .add-btn {
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 0 0 10px;
  }

  .send-btn {
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 40px;
    padding-right: 40px;
  }

  .add-btn {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: #fff;
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 600;
  }

  .add-btn:hover {
    background: var(--primary-color);
    color: #fff;
    text-decoration: none;
  }
}

@media (max-width: 900px) {
  button.save-btn1, .preview-btn {
    padding: 10px 50px;
  }

  a.edit-details, .edit-proposalpage .send-prop {
    padding: 10px 40px;
  }
}

@media (max-width: 767px) {
  .get-listed {
    margin: 10px 0 0;
  }

  .signup-btn {
    margin: 20px 0;
  }

  .send-btn {
    padding: 12px 30px;
    font-size: 14px;
  }

  .add-btn {
    font-size: 14px;
  }

  .torrance-card-info {
    padding: 15px;
  }

  .torrance-card-info h3 {
    font-size: 19px;
  }

  .torrance-card-info p {
    margin: 0 0 8px;
    font-size: 14px;
  }

  button.save-btn1, .preview-btn {
    padding: 10px 40px;
  }

  a.proposal-view {
    margin-left: 0;
    padding: 12px 20px;
    font-size: 16px;
  }

  .proposal-actions .cancel-btn1, .proposal-actions .accept-btn {
    padding-left: 20px;
    padding-right: 20px;
  }

  button.new-proj {
    font-size: 14px;
  }

  button.private-btn, button.public-btn {
    padding: 12px 30px;
  }

  .create-btn {
    margin: 10px 0 0;
    padding: 10px 30px;
  }

  button.save-btn1.save-account {
    padding: 12px 40px;
  }

  .reject-btn {
    padding-left: 20px;
    padding-right: 20px;
  }

  button.btn-back, button.btn-submit {
    margin-top: 10px;
  }

  .search-container button {
    margin: 8px auto 0;
    font-size: 16px;
  }

  .get-listed {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .business-div1 h3 br {
    display: none;
  }
}

@media (max-width: 600px) {
  .header-div .h-btn, .header-div .h-login {
    padding: 10px 15px;
  }

  button.house-card-btn {
    margin-top: 3px;
  }

  button.btn-back {
    margin-right: 10px;
  }

  button.btn-submit, .btn-continue, button.btn-back {
    padding: 10px 30px;
  }

  .home-input-cover input {
    padding-left: 24px;
    padding-right: 10px;
  }

  .home-input-cover input:first-child, .home-input-cover input:nth-child(2) {
    background-position-x: 3px !important;
    background-size: 20px !important;
  }

  .home-input-cover input::placeholder {
    font-size: 13px;
  }

  .clar-div .post-btn {
    padding: 12px 20px;
  }

  .send-prop-btn.e-onedit2 {
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .send-prop-btn.secondary-btn.e-onedit2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 480px) {
  .banner-div p {
    font-size: 17px;
  }

  .search-container button {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .header-div .h-btn {
    display: none;
  }

  .header-div .h-login {
    margin: 0;
  }

  button.save-btn1, .preview-btn {
    padding: 10px 20px;
  }

  .preview-btn {
    margin-right: 10px;
  }

  a.proposal-view {
    padding: 12px 20px;
    font-size: 15px;
  }

  .profile-actions {
    gap: 8px;
  }

  button.save-btn1.save-account, .change-btn, .profile-container .upload-btn {
    padding: 12px 25px;
  }

  .home-input-cover input:first-child, .home-input-cover input:nth-child(2) {
    background-position-x: 10px !important;
    background-size: 25px !important;
  }

  .home-input-cover input {
    padding-left: 40px;
  }

  .home-input-cover input::placeholder {
    font-size: 15px;
  }
}

@media (max-width: 400px) {
  .clar-div .post-btn {
    margin-top: 10px;
    padding: 8px 20px;
  }

  .send-prop-btn.e-onedit2, .send-prop-btn.secondary-btn.e-onedit2 {
    padding-left: 25px;
    padding-right: 25px;
  }
}

/* [project]/src/app/styles/serviceprovidersignup.css [app-client] (css) */
.error-text {
  color: #e11d48;
  margin-top: 4px;
  font-size: .85rem;
  font-weight: 500;
}

.btn-continue.btn-active {
  opacity: 1;
  cursor: pointer;
  background-color: #2050f5;
}

.btn-continue.btn-active:hover {
  background-color: #4c72f6;
}

/*# sourceMappingURL=src_app_533546c1._.css.map*/