/*
  Renzo public website UI foundation.
  Loaded only by resources/views/website/layouts/app.blade.php after existing website CSS.
*/

:root {
  --renzo-orange: #ea501c;
  --renzo-white: #ffffff;
  --renzo-dark: #2c2c2c;
  --renzo-muted: #4f4f4f;
  --renzo-border: #b2b2b2;
  --renzo-bg-soft: #f7f8fa;
  --renzo-radius-sm: 6px;
  --renzo-radius-md: 8px;
  --renzo-radius-lg: 14px;
  --renzo-shadow-sm: 0 4px 14px rgba(31, 41, 51, 0.08);
  --renzo-shadow-md: 0 12px 30px rgba(31, 41, 51, 0.12);
  --renzo-transition: 180ms ease;
}

html {
  min-width: 0;
}

body {
  background: var(--renzo-bg-soft);
  color: var(--renzo-dark);
  font-family: "Roboto", "Open Sans", Arial, sans-serif;
  line-height: 1.55;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}

html,
body {
  max-width: 100%;
}

html[dir="rtl"] body {
  font-family: "Noto Naskh Arabic", "Roboto", Arial, sans-serif;
}

a {
  color: inherit;
  transition: color var(--renzo-transition), background-color var(--renzo-transition), border-color var(--renzo-transition), box-shadow var(--renzo-transition), transform var(--renzo-transition);
}

a:hover,
a:focus {
  color: var(--renzo-orange);
}

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

.content-body,
.contentspace {
  color: var(--renzo-dark);
}

.contentspace {
  margin-top: 48px;
  margin-bottom: 48px;
}

.content-body {
  padding-top: 28px;
  padding-bottom: 32px;
}

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

.content-body h1,
.content-body h2,
.contentspace h1,
.contentspace h2,
.x-devs-title,
.x-props-title,
.x-projects-title,
.x-daily-title,
.x-section-title {
  color: var(--renzo-dark);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 2.1rem;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
}

.x-devs-title,
.x-props-title,
.x-projects-title,
.x-daily-title,
.x-section-title {
  position: relative;
  padding-inline-start: 14px;
}

.x-devs-title::before,
.x-props-title::before,
.x-projects-title::before,
.x-daily-title::before,
.x-section-title::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.18em;
  bottom: 0.18em;
  width: 4px;
  border-radius: 99px;
  background: var(--renzo-orange);
}

.specialdescription,
.specialdescription2,
.developerdescz,
.x-dev-desc,
.x-prop-breadcrumb,
.x-breadcrumb {
  color: var(--renzo-muted);
}

.content-body .card,
.contentspace .card,
.form-box.card,
.card2,
.x-prop-card,
.x-seo-dev-card,
.x-marketing-card,
.x-connect-band {
  border: 1px solid var(--renzo-border);
  border-radius: var(--renzo-radius-lg);
  box-shadow: var(--renzo-shadow-sm);
  background: var(--renzo-white);
}

.content-body .card,
.contentspace .card,
.form-box.card,
.card2 {
  overflow: hidden;
}

.x-prop-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  transition: transform var(--renzo-transition), box-shadow var(--renzo-transition), border-color var(--renzo-transition);
}

.x-prop-card:hover {
  border-color: rgba(234, 80, 28, 0.28);
  box-shadow: var(--renzo-shadow-md);
  transform: translateY(-2px);
}

.x-prop-media {
  display: block;
  background: #eef0f3;
  overflow: hidden;
}

.x-prop-media img,
.x-prop-card > a:first-child img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.x-prop-card .x-dev-avatar,
.x-prop-card img.x-dev-avatar {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.x-prop-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 5px;
  padding: 11px;
}

.x-prop-title {
  color: var(--renzo-dark);
    line-height: 14px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    color: #282828;
    margin: 8px 0 8px;
    text-transform: capitalize;
    letter-spacing: 0px;
}

.x-prop-title:hover {
  color: var(--renzo-orange);
}

.x-prop-breadcrumb,
.x-breadcrumb {
  font-size: 0.88rem;
  line-height: 1.4;
}

.x-prop-specs {
  color: var(--renzo-muted);
  font-size: 0.92rem;
}

.x-spec i,
.x-prop-breadcrumb i,
.x-breadcrumb i {
  color: var(--renzo-orange);
}

.x-prop-footer {
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--renzo-border);
}

.x-prop-price {
  color: var(--renzo-dark);
  font-weight: 800;
}

.x-prop-cta {
  min-width: 0;
}

.x-icon-round {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%;
  text-decoration: none;
  color: var(--renzo-white);
  box-shadow: 0 6px 14px rgba(31, 41, 51, 0.12);
}

.x-icon-round:hover,
.x-icon-round:focus {
  color: var(--renzo-white);
  transform: translateY(-1px);
}

.x-call {
  background: var(--renzo-orange);
}

.x-wa {
  background: #25d366;
}

.content-body .btn,
.contentspace .btn,
.custom-modal .btn,
.btn-all,
.project-chat,
.x-btn-meeting {
  min-height: 42px;
  border-radius: var(--renzo-radius-md);
  font-weight: 700;
  transition: color var(--renzo-transition), background-color var(--renzo-transition), border-color var(--renzo-transition), box-shadow var(--renzo-transition), transform var(--renzo-transition);
}

.content-body .btn:hover,
.contentspace .btn:hover,
.custom-modal .btn:hover,
.btn-all:hover,
.project-chat:hover,
.x-btn-meeting:hover {
  transform: translateY(-1px);
}

.btn-all,
.x-btn-meeting,
.content-body .btn-primary,
.contentspace .btn-primary {
  border-color: var(--renzo-orange);
  background: var(--renzo-orange);
  color: var(--renzo-white);
}

.btn-all:hover,
.btn-all:focus,
.x-btn-meeting:hover,
.x-btn-meeting:focus,
.content-body .btn-primary:hover,
.content-body .btn-primary:focus,
.contentspace .btn-primary:hover,
.contentspace .btn-primary:focus {
  border-color: #d24617;
  background: #d24617;
  color: var(--renzo-white);
}

.project-chat {
  border-color: #178c52;
}

.content-body .form-control,
.content-body .form-select,
.contentspace .form-control,
.contentspace .form-select,
.form-box .form-control,
.form-box .form-select,
.form-box select,
.form-box input,
.form-box textarea {
  min-height: 18px;
  border-color: var(--renzo-border);
  border-radius: var(--renzo-radius-md);
  color: var(--renzo-dark);
  box-shadow: none;
}

.content-body textarea.form-control,
.contentspace textarea.form-control,
.form-box textarea {
  min-height: 110px;
}

.content-body .form-control:focus,
.content-body .form-select:focus,
.contentspace .form-control:focus,
.contentspace .form-select:focus,
.form-box .form-control:focus,
.form-box .form-select:focus,
.form-box select:focus,
.form-box input:focus,
.form-box textarea:focus {
  border-color: rgba(234, 80, 28, 0.55);
  box-shadow: 0 0 0 0.2rem rgba(234, 80, 28, 0.12);
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  min-height: 44px;
  border-color: var(--renzo-border);
  border-radius: var(--renzo-radius-md);
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus {
  border-color: rgba(234, 80, 28, 0.55);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px;
  color: var(--renzo-dark);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  min-height: 42px;
}

.badge,
.x-tag,
.x-chip,
.x-status,
.x-filter-chip {
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0;
}

.badge.bg-light,
.x-tag,
.x-chip,
.x-filter-chip {
  border: 1px solid var(--renzo-border);
  background: var(--renzo-white);
  color: var(--renzo-dark);
}

.breadcrumb {
  align-items: center;
  border: 1px solid var(--renzo-border);
  border-radius: var(--renzo-radius-md);
  background: var(--renzo-white) !important;
  color: var(--renzo-muted);
      gap: 5px;
}

.breadcrumb a {
  color: var(--renzo-dark);
  text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb .active {
  color: var(--renzo-orange);
}

.pagination {
  gap: 6px;
  justify-content: center;
  flex-wrap: wrap;
}

.pagination .page-link {
  min-width: 40px;
  border-color: var(--renzo-border);
  border-radius: var(--renzo-radius-sm);
  color: var(--renzo-white);
  text-align: center;
  box-shadow: none;
  background-color: #232323;
}

.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination .page-item.active .page-link {
  border-color: var(--renzo-orange);
  background: #ea501c;
  color: var(--renzo-white);
  box-shadow: none;
}

.x-filter-scroll,
.form-box {
  scrollbar-color: rgba(234, 80, 28, 0.55) transparent;
}

.x-filter-scroll label,
.form-box label {
  color: var(--renzo-dark);
}

.x-seo-dev-card,
.x-connect-band,
.x-marketing-card {
  overflow: hidden;
}

.x-seo-dev-card .btn,
.x-connect-band .btn,
.x-marketing-card .btn {
  min-width: 120px;
}

html[dir="rtl"] .x-prop-specs .me-1,
html[dir="rtl"] .x-prop-cta .me-2 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}

html[dir="rtl"] .breadcrumb {
  direction: rtl;
}

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 12px;
  padding-left: 28px;
  text-align: right;
}

@media (max-width: 1199.98px) {
  .contentspace {
    margin-top: 42px;
    margin-bottom: 42px;
  }

  .x-prop-body {
    padding: 15px;
  }
}

@media (max-width: 991.98px) {
  .contentspace {
    margin-top: 36px;
    margin-bottom: 36px;
  }

  .content-body {
    padding-top: 22px;
  }

  .x-prop-footer {
    align-items: flex-start !important;
    flex-direction: column;
  }

  .x-prop-cta {
    width: 100%;
    flex-wrap: wrap;
  }

  .x-prop-cta .btn {
    flex: 1 1 auto;
  }
}

@media (max-width: 767.98px) {
  body {
    font-size: 15px;
  }

  .contentspace {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .content-body {
      padding: 5px;
  }

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

  .x-prop-body {
    padding: 14px;
  }

  .x-prop-title {
    font-size: 1rem;
  }

  .content-body .btn,
  .contentspace .btn,
  .custom-modal .btn,
  .btn-all,
  .project-chat,
  .x-btn-meeting {
    min-height: 44px;
  }

  .breadcrumb {
    font-size: 0.9rem;
    line-height: 1.5;
  }

      .newbackgrounds {
        padding: 19px 2px;
    }
}

@media (max-width: 575.98px) {
  .x-newprop-detail-shell{
     padding: 5px!important;
  }
    .newbackgrounds {
        padding: 19px 2px;
    }
  .contentspace {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .content-body > .container,
  .contentspace > .container {
    padding-right: 14px;
    padding-left: 14px;
  }

  .card2,
  .form-box.card,
  .x-prop-card,
  .x-seo-dev-card,
  .x-connect-band,
  .x-marketing-card {
    border-radius: var(--renzo-radius-md);
  }

  .x-prop-media img,
  .x-prop-card > a:first-child img {
    aspect-ratio: 4 / 3;
  }

  .x-icon-round {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }

  .x-prop-cta {
    gap: 8px !important;
  }

  .x-prop-cta .btn {
    width: 100%;
  }

  .pagination .page-link {
    min-width: 36px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* Homepage Launches Section */
.renzo-home-hero,
.renzo-home-hero *,
.x-home-launches-section,
.x-home-launches-section *,
.x-props,
.x-props *,
.x-devs,
.x-devs *,
.x-daily,
.x-daily * {
  box-sizing: border-box;
}

.renzo-home-hero,
.x-home-launches-section,
.x-props,
.x-devs,
.x-daily {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

.x-home-launches-section .container,
.x-props > .container,
.x-devs > .container,
.x-daily > .container,
.x-home-launches-section .newbackgrounds,
.x-props .newbackgrounds,
.x-devs .newbackgrounds,
.x-daily .newbackgrounds {
  max-width: 100%;
  min-width: 0;
}

.x-home-launches-section .swiper,
.x-home-launches-section .swiper-container,
.x-home-launches-section .x-proj-swiper,
.x-props .swiper,
.x-props .swiper-container,
.x-props .x-props-swiper,
.x-devs .swiper,
.x-devs .swiper-container,
.x-devs .x-devs-swiper,
.x-daily .swiper,
.x-daily .swiper-container,
.x-daily .x-daily-swiper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.x-home-launches-section .swiper-wrapper,
.x-props .swiper-wrapper,
.x-devs .swiper-wrapper,
.x-daily .swiper-wrapper {
  min-width: 0;
  max-width: none;
}

.x-home-launches-section .swiper-slide,
.x-home-launches-section .x-home-launches-slide,
.x-props .swiper-slide,
.x-devs .swiper-slide,
.x-daily .swiper-slide {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.x-home-launches-section .x-home-launch-card,
.x-props .x-prop-card,
.x-devs .x-prop-card,
.x-daily .x-prop-card {
  width: 100%;
  max-width: 100%;
}

.x-home-launches-section {
  position: relative;
}

.x-home-launches-section .x-home-launches-shell {
  position: relative;
  padding: 28px;
  border: 1px solid rgba(234, 80, 28, 0.12);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(234, 80, 28, 0.08), rgba(255, 255, 255, 0) 34%),
    var(--renzo-white);
  box-shadow: 0 18px 45px rgba(31, 41, 51, 0.08);
  overflow: hidden;
}

.x-home-launches-section .x-home-launches-shell::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 28px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: var(--renzo-orange);
  opacity: 0.9;
}

.x-home-launches-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.x-home-launches-title-wrap {
  min-width: 0;
}

.x-home-launches-title {
  font-size: clamp(1.45rem, 2.2vw, 2.15rem);
  line-height: 1.15;
  margin: 0;
}

.x-home-launches-subtitle {
  max-width: 620px;
  margin-top: 8px;
  margin-bottom: 0;
  color: var(--renzo-muted);
  font-size: 0.98rem;
  line-height: 1.6;
}

.x-home-launches-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid rgba(234, 80, 28, 0.34);
  border-radius: 999px;
  background: var(--renzo-white);
  color: var(--renzo-orange);
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 10px 22px rgba(234, 80, 28, 0.08);
}

.x-home-launches-all:hover,
.x-home-launches-all:focus {
  border-color: var(--renzo-orange);
  background: var(--renzo-orange);
  color: var(--renzo-white);
  transform: translateY(-1px);
}

.x-home-launches-grid {
  margin-top: 22px;
}

.x-home-launches-section .x-proj-swiper {
  padding: 6px 2px 10px;
  overflow: hidden;
}

.x-home-launches-section .swiper-wrapper {
  align-items: stretch;
}

.x-home-launches-slide {
  height: auto;
}

.x-home-launch-card {
  min-height: 100%;
  border-color: rgba(31, 41, 51, 0.1);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(31, 41, 51, 0.09);
  isolation: isolate;
}

.x-home-launch-card:hover {
  border-color: rgba(234, 80, 28, 0.34);
  box-shadow: 0 18px 38px rgba(31, 41, 51, 0.13);
  transform: translateY(-4px);
}

.x-home-launch-card-media {
  position: relative;
  border-radius: 18px 18px 0 0;
  background:
    linear-gradient(135deg, rgba(234, 80, 28, 0.14), rgba(31, 41, 51, 0.08)),
    #eef0f3;
  overflow: hidden;
}

.x-home-launch-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(31, 41, 51, 0), rgba(31, 41, 51, 0.18));
  pointer-events: none;
}

.x-home-launch-card-media img {
  width: 100%;
  aspect-ratio: 16 / 10.5;
  object-fit: cover;
  transition: transform 420ms ease;
}

.x-home-launch-card:hover .x-home-launch-card-media img {
  transform: scale(1.045);
}

.x-home-launch-card-body {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    "title"
    "specs"
    "frame"
    "actions";
  align-items: stretch;
  gap: 11px;
  padding: 17px;
}

.x-home-launch-card .x-launch-meta-row {
  grid-area: frame;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 10px;
  border: 1px solid rgba(31, 41, 51, 0.08);
  border-radius: 14px;
  background: rgba(247, 248, 250, 0.9);
}

.x-home-launch-card .x-launch-dev-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100%;
}

.x-home-launches-section .x-home-launch-card i {
  margin-right: 6px;
}

html[dir="rtl"] .x-home-launches-section .x-home-launch-card i,
[dir="rtl"] .x-home-launches-section .x-home-launch-card i {
  margin-right: 0;
  margin-left: 6px;
}

.x-home-launch-location {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  color: var(--renzo-muted);
  font-size: 0.84rem;
  font-weight: 700;
}

.x-home-launch-card .x-launch-area {
  justify-content: flex-start;
  margin: 0;
  max-width: 100%;
  text-align: start;
}

.x-home-launch-location::before {
  content: none;
}

.x-home-launch-location i {
  color: var(--renzo-orange);
  font-size: 0.95rem;
  line-height: 1;
}

.x-home-launch-location span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.x-home-launch-devline {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.x-home-launch-devline .x-dev-avatar {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border: 2px solid var(--renzo-white);
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(31, 41, 51, 0.12);
}

.x-home-launch-devline .x-dev-name {
  color: var(--renzo-dark);
  font-size: 0.84rem;
  font-weight: 800;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.x-home-launch-card .x-prop-title,
.x-home-launch-card .x-launch-title {
     line-height: 14px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    color: #282828;
    margin: 8px 0 8px;
    text-transform: capitalize;
    letter-spacing: 0px;
}

.x-home-launch-title-link {
  grid-area: title;
  display: block;
  color: inherit;
  text-decoration: none;
}

.x-home-launch-title-link:hover,
.x-home-launch-title-link:focus {
  text-decoration: none;
}

.x-home-launches-section .x-launch-price {
    flex: 0 0 auto !important;
    margin: 0 !important;
    color: #424242 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
    text-align: end !important;
    white-space: nowrap !important;
}

.x-home-launches-section .x-launch-price strong {
    color: var(--renzo-orange) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.x-home-launch-specs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px !important;
  font-size: 0.86rem;
}

.x-home-launch-card .x-launch-top-info,
.x-home-launch-card .x-launch-specs {
  grid-area: specs;
  margin-top: 0;
  min-width: 0;
}

.x-home-launch-specs .x-spec {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 34px;
    padding: 7px 9px;
    border: 1px solid rgba(31, 41, 51, 0.08);
    border-radius: 999px;
    background: #fbfbfc;
    color: var(--renzo-dark);
    font-weight: 600;
    font-size: 12px;
}

.x-home-launch-card .x-launch-spec-pill {
  flex: 0 1 auto;
  max-width: 100%;
}

.x-launch-spec-pill {
  width: auto !important;
  max-width: 100%;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.x-home-launch-specs .x-spec i {
  margin: 0 !important;
}

.x-home-launch-footer {
  grid-area: actions;
  display: flex;
  justify-content: space-between;
  align-items: stretch !important;
  gap: 0;
  padding-top: 0;
  border-top-color: rgba(31, 41, 51, 0.09);
}

.x-home-launch-card .x-launch-bottom {
  justify-self: stretch;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.x-home-launch-card .x-launch-bottom .x-prop-price {
  display: none;
}

.x-home-launch-actions,
.x-home-launch-card .x-launch-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 8px;
  justify-content: stretch;
  width: 100%;
}

.x-home-launch-actions .x-icon-round {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  height: 42px;
  min-width: 0;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 10px 18px rgba(37, 211, 102, 0.2);
}

.x-home-launch-actions .x-icon-round::after {
  content: attr(aria-label);
  color: var(--renzo-white);
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1;
}

.x-home-launch-actions .x-icon-round i {
  color: var(--renzo-white);
  font-size: 18px;
  margin: 0;
}

.x-home-launch-actions .project-chat,
.x-home-launch-actions .x-btn-meeting {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  width: 100%;
  padding: 9px 10px;
  border-radius: 999px;
  font-size: 0.88rem;
  line-height: 1;
  white-space: nowrap;
  color: var(--renzo-white) !important;
}

.x-home-launch-actions .project-chat i,
.x-home-launch-actions .x-btn-meeting i {
  color: var(--renzo-white) !important;
}

.x-home-launch-actions .project-chat:hover,
.x-home-launch-actions .project-chat:focus,
.x-home-launch-actions .x-btn-meeting:hover,
.x-home-launch-actions .x-btn-meeting:focus {
  border-color: #d24617 !important;
  background: #d24617 !important;
  color: var(--renzo-white) !important;
}

.x-home-launch-actions .x-btn-meeting {
  margin: 0;
}

.x-home-launch-actions br {
  display: none;
}

.x-home-launch-empty {
  min-height: 340px;
  padding: 28px;
  border-style: dashed;
  background: linear-gradient(135deg, rgba(234, 80, 28, 0.06), var(--renzo-white));
}

.x-home-launches-section #xProjSwiper .x-proj-prev,
.x-home-launches-section #xProjSwiper .x-proj-next {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(234, 80, 28, 0.18);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  color: var(--renzo-orange);
  box-shadow: 0 12px 24px rgba(31, 41, 51, 0.14);
}

.x-home-launches-section #xProjSwiper .x-proj-prev::after,
.x-home-launches-section #xProjSwiper .x-proj-next::after {
  color: var(--renzo-orange);
  font-size: 15px;
  font-weight: 900;
}

.x-home-launches-section #xProjSwiper .x-proj-prev:hover,
.x-home-launches-section #xProjSwiper .x-proj-next:hover {
  background: var(--renzo-orange);
}

.x-home-launches-section #xProjSwiper .x-proj-prev:hover::after,
.x-home-launches-section #xProjSwiper .x-proj-next:hover::after {
  color: var(--renzo-white);
}

html[dir="rtl"] .x-home-launches-section,
[dir="rtl"] .x-home-launches-section {
  text-align: right;
}

html[dir="rtl"] .x-home-launch-card-body,
[dir="rtl"] .x-home-launch-card-body {
  grid-template-areas:
    "title"
    "specs"
    "frame"
    "actions";
}

html[dir="rtl"] .x-home-launches-all i,
[dir="rtl"] .x-home-launches-all i {
  margin-right: 6px !important;
  margin-left: 0 !important;
}

@media (max-width: 1199.98px) {
  .x-home-launches-section .x-home-launches-shell {
    padding: 24px;
  }

  .x-home-launch-actions .project-chat,
  .x-home-launch-actions .x-btn-meeting {
    padding-inline: 11px;
    font-size: 0.84rem;
  }
}

@media (max-width: 991.98px) {
  .x-home-launches-head {
    align-items: flex-start !important;
  }

  .x-home-launch-card .x-prop-title {
    min-height: 0;
  }

  .x-home-launch-footer {
    flex-direction: column;
  }

  .x-home-launch-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 767.98px) {
  .x-home-launches-section .x-home-launches-shell {
    padding: 20px;
    border-radius: 18px;
  }

  .x-home-launches-head {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .x-home-launches-all {
    width: 100%;
  }

  .x-home-launches-section .swiper-slide,
  .x-home-launches-section .x-home-launches-slide,
  .x-props .swiper-slide,
  .x-devs .swiper-slide,
  .x-daily .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
  }

  .x-home-launch-card-body {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "specs"
      "frame"
      "actions";
    padding: 15px;
  }

  html[dir="rtl"] .x-home-launch-card-body,
  [dir="rtl"] .x-home-launch-card-body {
    grid-template-areas:
      "title"
      "specs"
      "frame"
      "actions";
  }

  .x-home-launch-card .x-launch-bottom {
    justify-self: stretch;
    width: 100%;
  }

  .x-home-launch-actions {
    justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .x-home-launches-section .x-home-launches-shell {
    padding: 22px 6px;
  }

  .x-home-launches-shell::before {
    inset-inline: 16px;
  }

  .x-home-launches-subtitle {
    font-size: 0.92rem;
  }

  .x-home-launch-card {
    border-radius: var(--renzo-radius-md);
  }

  .x-home-launch-card-media {
    border-radius: var(--renzo-radius-md) var(--renzo-radius-md) 0 0;
  }

  .x-home-launch-card-media img {
    aspect-ratio: 4 / 3;
  }

  .x-home-launch-card .x-launch-meta-row {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .x-home-launch-card .x-launch-dev-info {
    max-width: 100%;
    width: 100%;
  }

  .x-home-launches-section .x-launch-price {
    width: 100% !important;
    text-align: start !important;
    white-space: normal !important;
  }

  .x-home-launch-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px !important;
  }

  .x-home-launch-actions .x-icon-round {
    grid-row: auto;
  }

  .x-home-launch-actions .project-chat,
  .x-home-launch-actions .x-btn-meeting {
    width: 100%;
    min-width: 0;
  }

  .x-launch-specs,
  .x-home-launch-specs,
  .x-launch-top-info {
    display: flex !important;
    align-items: center;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
  }

  .x-home-launch-specs .x-spec,
  .x-launch-spec-pill {
    width: auto !important;
    flex: 0 0 auto !important;
    min-width: 0;
    padding-inline: 10px;
    font-size: 12px;
    justify-content: center;
  }

  .x-launch-area {
    max-width: 100%;
  }
}

/* Header Refinements */
.x-topbar {
  position: relative;
  z-index: 1031;
  background: var(--renzo-orange) !important;
  color: var(--renzo-white) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

.x-topbar-inner {
  min-height: 42px;
}

.x-topbar a {
  color: var(--renzo-white) !important;
}

.x-topbar-phone,
.x-topbar-icon,
.x-topbar-store {
  transition: var(--renzo-transition);
}

.x-topbar-phone:hover,
.x-topbar-icon:hover,
.x-topbar-store:hover {
  color: var(--renzo-white) !important;
  opacity: 0.9;
}

.x-topbar-icon,
.x-topbar-store {
  border: 1px solid rgba(255, 255, 255, 0.22);
}

#header.renzo-site-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%;
  background: var(--renzo-white);
}

#header.renzo-site-header .x-main-nav {
  min-height: 76px;
  padding: 0 !important;
  border-bottom: 1px solid rgba(18, 24, 33, 0.08);
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 10px 28px rgba(18, 24, 33, 0.08) !important;
  backdrop-filter: blur(12px);
}

#header.renzo-site-header .x-main-nav-inner {
  min-height: 76px;
  gap: 18px;
}

#header.renzo-site-header .navbar-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
}

#header.renzo-site-header .navbar-brand img {
  width: auto;
  height: 48px !important;
  max-width: 138px;
  padding: 8px 10px !important;
  border: 1px solid rgba(234, 80, 28, 0.12);
  border-radius: 10px !important;
  background: var(--renzo-white);
  box-shadow: 0 6px 18px rgba(18, 24, 33, 0.08) !important;
  object-fit: contain;
}

#header.renzo-site-header .x-desktop-menu {
  min-width: 0;
}

#header.renzo-site-header .x-desktop-nav {
  align-items: center;
  gap: 4px;
  min-width: 0;
}

#header.renzo-site-header .x-desktop-nav .nav-link,
#header.renzo-site-header .x-header-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 999px;
  color: var(--renzo-dark) !important;
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-decoration: none;
  transition: var(--renzo-transition);
  white-space: nowrap;
}

#header.renzo-site-header .x-desktop-nav .nav-link {
  padding: 10px 13px !important;
}

#header.renzo-site-header .x-header-control {
  gap: 7px;
  padding: 9px 12px !important;
  border: 1px solid var(--renzo-border);
  background: var(--renzo-white);
}

#header.renzo-site-header .x-desktop-nav .nav-link:hover,
#header.renzo-site-header .x-desktop-nav .nav-link:focus,
#header.renzo-site-header .x-desktop-nav .nav-link.active,
#header.renzo-site-header .x-header-control:hover,
#header.renzo-site-header .x-header-control:focus,
#header.renzo-site-header .x-header-control.active {
  color: var(--renzo-orange) !important;
  background: rgba(234, 80, 28, 0.08);
  box-shadow: none;
}

#header.renzo-site-header .x-desktop-nav .nav-link.active,
#header.renzo-site-header .x-header-control.active {
  border-color: rgba(234, 80, 28, 0.24);
  font-weight: 800;
}

#header.renzo-site-header .x-header-actions {
  flex: 0 0 auto;
  gap: 10px;
  min-width: 0;
}

#header.renzo-site-header .chatandlang {
  gap: 8px;
}

#header.renzo-site-header .chat-dropdown {
  margin-right: 0 !important;
}

#header.renzo-site-header .chat-icon {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  padding: 0 !important;
  border: 1px solid rgba(234, 80, 28, 0.24) !important;
  border-radius: 50% !important;
  background: rgba(234, 80, 28, 0.08) !important;
  color: var(--renzo-orange) !important;
  transition: var(--renzo-transition);
}

#header.renzo-site-header .chat-icon:hover,
#header.renzo-site-header .chat-icon:focus {
  background: var(--renzo-orange) !important;
  color: var(--renzo-white) !important;
  box-shadow: 0 10px 22px rgba(234, 80, 28, 0.22) !important;
}

#header.renzo-site-header .chat-badge {
  top: -3px;
  right: -3px;
  min-width: 18px;
  min-height: 18px;
  border: 2px solid var(--renzo-white);
  background: #d92d20;
  color: var(--renzo-white);
  font-size: 0.7rem;
}

#header.renzo-site-header .x-lang-switch,
#header.renzo-site-header .x-user-menu {
  margin-right: 0 !important;
}

#header.renzo-site-header .x-lang-switch img,
#header.renzo-site-header .x-user-menu img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
}

#header.renzo-site-header .dropdown-menu {
    min-width: 250px;
    max-width: 100%;
    margin-top: 12px;
    padding: 8px;
    border: 1px solid var(--renzo-border);
    border-radius: var(--renzo-radius-md);
    box-shadow: var(--renzo-shadow-md);
}

#header.renzo-site-header .dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  border-radius: var(--renzo-radius-sm);
  color: var(--renzo-dark);
  font-weight: 650;
  transition: var(--renzo-transition);
}

#header.renzo-site-header .dropdown-item:hover,
#header.renzo-site-header .dropdown-item:focus {
  background: rgba(234, 80, 28, 0.08);
  color: var(--renzo-orange);
}

#header.renzo-site-header .dropdown-item img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
}

#header.renzo-site-header .x-mobile-toggle {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0 !important;
  border: 1px solid rgba(234, 80, 28, 0.24) !important;
  border-radius: 50% !important;
  background: rgba(234, 80, 28, 0.08) !important;
  color: var(--renzo-orange) !important;
  box-shadow: none !important;
  transition: var(--renzo-transition);
}

#header.renzo-site-header .x-mobile-toggle:hover,
#header.renzo-site-header .x-mobile-toggle:focus {
  background: var(--renzo-orange) !important;
  color: var(--renzo-white) !important;
}

#header.renzo-site-header .x-mobile-menu {
  width: min(86vw, 360px);
  max-width: 100vw;
  border-left: 1px solid var(--renzo-border);
  background: var(--renzo-white);
}

#header.renzo-site-header .x-mobile-menu .offcanvas-header {
  min-height: 74px;
  border-bottom: 1px solid var(--renzo-border);
}

#header.renzo-site-header .x-mobile-menu .offcanvas-title {
  color: var(--renzo-dark);
  font-weight: 800;
}

#header.renzo-site-header .x-mobile-menu .btn-close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--renzo-bg-soft);
  opacity: 1;
}

#header.renzo-site-header .x-mobile-menu .offcanvas-body {
  padding: 14px;
  overflow-x: hidden;
}

#header.renzo-site-header .x-mobile-menu .navbar-nav {
  gap: 6px;
}

#header.renzo-site-header .x-mobile-menu .nav-link {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 48px;
  padding: 12px 14px !important;
  border: 1px solid transparent;
  border-radius: var(--renzo-radius-md);
  color: var(--renzo-dark) !important;
  font-weight: 750;
  line-height: 1.25;
  transition: var(--renzo-transition);
}

#header.renzo-site-header .x-mobile-menu .nav-link:hover,
#header.renzo-site-header .x-mobile-menu .nav-link:focus,
#header.renzo-site-header .x-mobile-menu .nav-link.active {
  border-color: rgba(234, 80, 28, 0.18);
  background: rgba(234, 80, 28, 0.08);
  color: var(--renzo-orange) !important;
}

#header.renzo-site-header .x-mobile-menu .nav-link img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
}

html[dir="rtl"] .x-topbar-phone,
html[dir="rtl"] #header.renzo-site-header .x-desktop-nav .nav-link,
html[dir="rtl"] #header.renzo-site-header .x-header-control,
html[dir="rtl"] #header.renzo-site-header .dropdown-item,
html[dir="rtl"] #header.renzo-site-header .x-mobile-menu .nav-link {
  direction: rtl;
}

html[dir="rtl"] #header.renzo-site-header .chat-dropdown,
html[dir="rtl"] #header.renzo-site-header .x-lang-switch,
html[dir="rtl"] #header.renzo-site-header .x-user-menu {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[dir="rtl"] #header.renzo-site-header .x-mobile-toggle {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
}

html[dir="rtl"] #header.renzo-site-header .x-mobile-menu {
  text-align: right;
  border-right: 1px solid var(--renzo-border);
  border-left: 0;
}

@media (max-width: 1199.98px) {
  #header.renzo-site-header .x-main-nav-inner {
    gap: 12px;
  }

  #header.renzo-site-header .x-desktop-nav .nav-link {
    padding-right: 9px !important;
    padding-left: 9px !important;
    font-size: 0.88rem;
  }

  #header.renzo-site-header .x-header-control {
    padding-right: 10px !important;
    padding-left: 10px !important;
    font-size: 0.88rem;
  }
}

@media (max-width: 991.98px) {
  #header.renzo-site-header .x-main-nav,
  #header.renzo-site-header .x-main-nav-inner {
    min-height: 70px;
  }

  #header.renzo-site-header .navbar-brand img {
    height: 44px !important;
    max-width: 126px;
  }

  #header.renzo-site-header .x-header-actions {
    margin-left: auto;
  }

  html[dir="rtl"] #header.renzo-site-header .x-header-actions {
    margin-right: auto;
    margin-left: 0;
  }
}

@media (max-width: 767.98px) {
  .x-topbar-inner {
    min-height: 38px;
    gap: 10px;
  }

  .x-topbar-right {
    gap: 8px !important;
  }

  .x-topbar-icon,
  .x-topbar-store {
    width: 32px !important;
    height: 32px !important;
  }

  #header.renzo-site-header .x-main-nav-inner {
    padding-right: 14px;
    padding-left: 14px;
  }

  #header.renzo-site-header .x-mobile-menu .offcanvas-body {
    padding: 12px;
  }
}

@media (max-width: 575.98px) {
  .x-topbar {
    font-size: 0.82rem !important;
  }

  .x-topbar-phone-text {
    max-width: 128px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .x-topbar-social {
    display: none !important;
  }

  #header.renzo-site-header .x-main-nav,
  #header.renzo-site-header .x-main-nav-inner {
    min-height: 66px;
  }

  #header.renzo-site-header .navbar-brand img {
    height: 42px !important;
    max-width: 118px;
    padding: 7px 9px !important;
  }

  #header.renzo-site-header .x-mobile-toggle {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }

  #header.renzo-site-header .x-mobile-menu {
    width: min(90vw, 340px);
  }
}

/* Footer Refinements */
footer.renzo-site-footer {
  position: relative;
  overflow: hidden;
  margin-top: 72px !important;
  padding: 66px 0 28px !important;
  border-top: 0 !important;
  background:
    linear-gradient(135deg, rgba(234, 80, 28, 0.14), transparent 34%),
    linear-gradient(180deg, #14171c 0%, #0d1015 100%) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 15px !important;
}

footer.renzo-site-footer::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: var(--renzo-orange);
}

footer.renzo-site-footer .x-footer-inner {
  position: relative;
  z-index: 1;
}

footer.renzo-site-footer .x-footer-grid {
  row-gap: 34px !important;
}

footer.renzo-site-footer .x-footer-brand {
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--renzo-radius-md);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
}

footer.renzo-site-footer .x-footer-logo {
  width: auto;
  height: 46px !important;
  object-fit: contain;
}

footer.renzo-site-footer .x-footer-about {
  max-width: 440px;
  color: rgba(255, 255, 255, 0.7) !important;
  line-height: 1.8 !important;
}

footer.renzo-site-footer .x-footer-socials {
  gap: 10px !important;
}

footer.renzo-site-footer .x-circle-icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--renzo-white) !important;
  box-shadow: none;
  transition: var(--renzo-transition) !important;
}

footer.renzo-site-footer .x-circle-icon:hover,
footer.renzo-site-footer .x-circle-icon:focus {
  border-color: rgba(234, 80, 28, 0.7);
  background: var(--renzo-orange) !important;
  color: var(--renzo-white) !important;
  transform: translateY(-2px);
}

footer.renzo-site-footer .x-dot-sep {
  width: 7px !important;
  height: 7px !important;
  margin: 0 4px !important;
  background: var(--renzo-orange) !important;
  box-shadow: 0 0 0 5px rgba(234, 80, 28, 0.12);
}

footer.renzo-site-footer .x-foot-contact {
  display: grid;
  gap: 10px;
  max-width: 430px;
  margin-top: 22px !important;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--renzo-radius-lg);
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.78) !important;
  opacity: 1 !important;
}

footer.renzo-site-footer .x-foot-contact-item {
  gap: 11px !important;
  margin-bottom: 0 !important;
}

footer.renzo-site-footer .x-foot-contact i {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  margin-top: 0 !important;
  border-radius: 50%;
  background: rgba(234, 80, 28, 0.14);
  color: var(--renzo-orange);
  opacity: 1 !important;
}

footer.renzo-site-footer .x-foot-contact a,
footer.renzo-site-footer .x-foot-contact span {
  color: rgba(255, 255, 255, 0.78) !important;
  line-height: 1.65;
}

footer.renzo-site-footer .x-foot-contact a:hover,
footer.renzo-site-footer .x-foot-contact a:focus {
  color: var(--renzo-white) !important;
  text-decoration: none !important;
}

footer.renzo-site-footer .x-footer-links-wrap {
  min-width: 0;
}

footer.renzo-site-footer .x-footer-section {
  min-width: 0;
}

footer.renzo-site-footer .x-foot-title {
  position: relative;
  margin-bottom: 16px !important;
  padding-bottom: 11px;
  color: var(--renzo-white) !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  letter-spacing: 0;
}

footer.renzo-site-footer .x-foot-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: var(--renzo-orange);
}

footer.renzo-site-footer .x-foot-links {
  display: grid;
  gap: 9px;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

footer.renzo-site-footer .x-foot-links li {
  margin-bottom: 0 !important;
}

footer.renzo-site-footer .x-foot-links a {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 32px;
  color: rgba(255, 255, 255, 0.72) !important;
  font-weight: 650;
  line-height: 1.45;
  text-decoration: none !important;
  overflow-wrap: anywhere;
  transition: var(--renzo-transition);
}

footer.renzo-site-footer .x-foot-links a:hover,
footer.renzo-site-footer .x-foot-links a:focus {
  color: var(--renzo-white) !important;
  transform: translateX(4px);
}

footer.renzo-site-footer .x-foot-hr {
  height: 1px !important;
  margin: 34px 0 20px !important;
  border: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
}

footer.renzo-site-footer .x-footer-bottom {
  color: rgba(255, 255, 255, 0.64) !important;
  text-align: center;
}

footer.renzo-site-footer .x-footer-bottom p {
  color: inherit;
}

footer.renzo-site-footer .x-footer-apps {
  flex-wrap: wrap;
  justify-content: center;
}

footer.renzo-site-footer .x-madeby span {
  color: rgba(255, 255, 255, 0.72) !important;
  font-weight: 700;
}

html[dir="rtl"] footer.renzo-site-footer,
[dir="rtl"] footer.renzo-site-footer {
  text-align: right;
}

html[dir="rtl"] footer.renzo-site-footer .x-foot-title::after,
[dir="rtl"] footer.renzo-site-footer .x-foot-title::after {
  right: 0;
  left: auto;
}

html[dir="rtl"] footer.renzo-site-footer .x-foot-links a:hover,
html[dir="rtl"] footer.renzo-site-footer .x-foot-links a:focus,
[dir="rtl"] footer.renzo-site-footer .x-foot-links a:hover,
[dir="rtl"] footer.renzo-site-footer .x-foot-links a:focus {
  transform: translateX(-4px);
}

@media (max-width: 1199.98px) {
  footer.renzo-site-footer {
    padding-top: 58px !important;
  }

  footer.renzo-site-footer .x-footer-about,
  footer.renzo-site-footer .x-foot-contact {
    max-width: 100%;
  }
}

@media (max-width: 991.98px) {
  footer.renzo-site-footer {
    margin-top: 56px !important;
    padding-top: 50px !important;
  }

  footer.renzo-site-footer .x-footer-brand-col {
    text-align: center;
  }

  footer.renzo-site-footer .x-footer-about {
    margin-right: auto;
    margin-left: auto;
  }

  footer.renzo-site-footer .x-footer-socials {
    justify-content: center;
  }

  footer.renzo-site-footer .x-foot-contact {
    margin-right: auto;
    margin-left: auto;
    text-align: initial;
  }
}

@media (max-width: 767.98px) {
  footer.renzo-site-footer {
    margin-top: 46px !important;
    padding: 44px 0 24px !important;
  }

  footer.renzo-site-footer .x-footer-link-grid {
    row-gap: 26px !important;
  }

  footer.renzo-site-footer .x-foot-links a {
    min-height: 38px;
  }

  footer.renzo-site-footer .x-footer-bottom {
    gap: 14px !important;
  }
}

@media (max-width: 575.98px) {
  footer.renzo-site-footer {
    margin-top: 38px !important;
    padding-top: 38px !important;
  }

  footer.renzo-site-footer .x-footer-inner {
    padding-right: 14px;
    padding-left: 14px;
  }

  footer.renzo-site-footer .x-footer-logo {
    height: 40px !important;
  }

  footer.renzo-site-footer .x-footer-section {
    flex: 0 0 100%;
    max-width: 100%;
  }

  footer.renzo-site-footer .x-foot-title {
    margin-bottom: 12px !important;
  }

  footer.renzo-site-footer .x-foot-links {
    gap: 5px;
  }

  footer.renzo-site-footer .x-foot-links a {
    width: 100%;
    min-height: 42px;
  }

  footer.renzo-site-footer .x-circle-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
  }

  footer.renzo-site-footer .x-foot-contact {
    padding: 14px;
  }
}

/* Homepage Hero Refinements */
.renzo-home-hero {
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 38px !important;
  margin-left: 0 !important;
  padding: 0 !important;
  overflow-x: clip;
}

.renzo-home-hero .x-home-hero-container {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

.renzo-home-hero .x-home-hero-frame {
  --bs-gutter-x: 0;
  position: relative;
  width: 100% !important;
  max-width: none !important;
  min-height: 620px;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding:54px 0 70px;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: #121821 !important;
}

.renzo-home-hero .x-home-hero-inner {
  position: relative;
  z-index: 2;
  width: 90% !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
  min-width: 0;
}

.renzo-home-hero .x-home-hero-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
 linear-gradient(90deg, rgb(234 80 28 / 24%) 0%, rgb(255 87 34 / 93%) 42%, rgb(234 80 28 / 0%) 100%), linear-gradient(180deg, rgb(10 13 18 / 0%) 0%, rgb(234 80 28 / 0%) 100%);
 }

.renzo-home-hero .x-home-hero-bg-col {
  position: absolute !important;
  inset: 0;
  z-index: 0;
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  padding: 0 !important;
  flex: none !important;
  pointer-events: none;
}

.renzo-home-hero .x-home-hero-bg {
  width: 100%;
  height: 100%;
  border-radius: 0 !important;
  overflow: hidden;
  text-align: initial;
}

.renzo-home-hero .x-home-hero-bg picture {
  display: block;
  width: 100%;
  height: 100%;
}

.renzo-home-hero .x-home-hero-img {
  width: 100% !important;
  height: 100% !important;
  min-height: 620px;
  border-radius: 0 !important;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.04) contrast(1.02);
}

.renzo-home-hero .x-home-hero-content {
  position: relative;
  z-index: 3;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  flex: 0 0 100% !important;
}

.renzo-home-hero .x-home-hero-copy {
  width: 100%;
  max-width: none !important;
}

.renzo-home-hero .x-hero-title {
  max-width: 1000px;
  margin-bottom: 18px !important;
  color: var(--renzo-white) !important;
  font-size: 35px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: 0;
}

.renzo-home-hero .x-hero-desc {
  max-width: 900px;
  margin-bottom: 26px !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}

.renzo-home-hero .x-home-search-card {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-top: 45px !important;
  margin-bottom: 0 !important;
  padding: 0 35px 35px !important;
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-radius: var(--renzo-radius-lg) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(14px);
  z-index: 4;
}

.renzo-home-hero .x-home-search-tabs {
  display: inline-flex;
  gap: 6px;
  padding: 6px;
  margin: -24px 0 20px;
  border: 1px solid rgba(234, 80, 28, 0.14);
  border-radius: 999px;
  background: var(--renzo-white);
  box-shadow: 0 12px 26px rgba(18, 24, 33, 0.12);
}

.renzo-home-hero .x-home-search-tab {
  min-width: 96px;
  min-height: 42px;
  padding: 9px 20px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--renzo-dark);
  font-weight: 800;
  transition: var(--renzo-transition);
}

.renzo-home-hero .x-home-search-tab:hover,
.renzo-home-hero .x-home-search-tab:focus,
.renzo-home-hero .x-home-search-tab.active {
  background: var(--renzo-orange);
  color: var(--renzo-white);
}

.renzo-home-hero .x-home-search-panel {
  display: none;
}

.renzo-home-hero .x-home-search-panel.active {
  display: block;
  width: 100%;
  min-width: 0;
}

.renzo-home-hero .x-home-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
}

.renzo-home-hero .x-home-search-input {
  width: 100%;
  min-width: 0;
  height: 58px !important;
  padding-inline: 50px 18px !important;
  border: 1px solid rgba(18, 24, 33, 0.12) !important;
  border-radius: 999px !important;
  background: var(--renzo-white) !important;
  color: var(--renzo-dark) !important;
  font-size: 0.98rem;
  font-weight: 650;
  box-shadow: none !important;
}

.renzo-home-hero .x-home-search-input:focus {
  border-color: rgba(234, 80, 28, 0.58) !important;
  box-shadow: 0 0 0 0.22rem rgba(234, 80, 28, 0.13) !important;
}

.renzo-home-hero .x-search-icon {
  z-index: 2;
  inset-inline-start: 18px;
  color: var(--renzo-orange) !important;
}

.renzo-home-hero .x-search-hint {
  color: var(--renzo-muted) !important;
  font-size: 0.92rem !important;
  line-height: 1.55;
  margin-bottom: 16px !important;
}

.renzo-home-hero .x-home-search-grid {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr) minmax(190px, 1fr) minmax(132px, 0.6fr);
  gap: 12px;
  align-items: end;
}

.renzo-home-hero .x-home-search-grid-rent {
  grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr) minmax(190px, 1fr) minmax(132px, 0.6fr);
}

.renzo-home-hero .x-home-search-grid-rent .x-home-search-field-main {
  grid-column: 1 / -1;
}

.renzo-home-hero .x-home-search-field {
  position: relative;
  min-width: 0;
}

.renzo-home-hero .x-home-search-field label {
  display: block;
  margin-bottom: 7px;
  color: var(--renzo-dark);
  font-size: 0.78rem;
  font-weight: 850;
}

.renzo-home-hero .x-home-main-search-label {
  display: block;
  margin-bottom: 7px;
  color: var(--renzo-dark);
  font-size: 0.78rem;
  font-weight: 850;
}

.renzo-home-hero .x-home-filter-select,
.renzo-home-hero .x-home-filter-toggle,
.renzo-home-hero .x-home-search-submit {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 50px;
    border-radius: var(--renzo-radius-md);
    font-weight: 600;
    letter-spacing: .8px;
}

.renzo-home-hero .x-home-filter-select,
.renzo-home-hero .x-home-filter-toggle {
  border: 1px solid var(--renzo-border);
  background: var(--renzo-white);
  color: var(--renzo-dark);
}

.renzo-home-hero .x-home-filter-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 13px;
}

.renzo-home-hero .x-home-filter-toggle:hover,
.renzo-home-hero .x-home-filter-toggle:focus,
.renzo-home-hero .x-home-filter-select:focus {
  border-color: rgba(234, 80, 28, 0.5);
  box-shadow: 0 0 0 0.18rem rgba(234, 80, 28, 0.1);
}

.renzo-home-hero .x-home-search-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  background: var(--renzo-orange);
  color: var(--renzo-white);
  box-shadow: 0 14px 24px rgba(234, 80, 28, 0.24);
}

.renzo-home-hero .x-home-search-submit:hover,
.renzo-home-hero .x-home-search-submit:focus {
  background: #d84414;
  color: var(--renzo-white);
}

.renzo-home-hero .x-home-filter-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 1060;
  width: min(320px, 88vw);
  padding: 14px;
  border: 1px solid var(--renzo-border);
  border-radius: var(--renzo-radius-md);
  background: var(--renzo-white);
  box-shadow: var(--renzo-shadow-md);
}

.renzo-home-hero .x-home-filter-menu.open {
  display: block;
}

.renzo-home-hero .x-home-filter-group + .x-home-filter-group {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--renzo-border);
}

.renzo-home-hero .x-home-filter-group > span {
  display: block;
  margin-bottom: 8px;
  color: var(--renzo-dark);
  font-weight: 800;
}

.renzo-home-hero .x-home-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.renzo-home-hero .x-home-filter-pill {
  min-width: 42px;
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid var(--renzo-border);
  border-radius: 999px;
  background: var(--renzo-white);
  color: var(--renzo-dark);
  font-weight: 800;
}

.renzo-home-hero .x-home-filter-pill:hover,
.renzo-home-hero .x-home-filter-pill:focus,
.renzo-home-hero .x-home-filter-pill.active {
  border-color: var(--renzo-orange);
  background: rgba(234, 80, 28, 0.1);
  color: var(--renzo-orange);
}

.renzo-home-hero .x-home-price-menu.open {
  display: grid;
  gap: 10px;
}

.renzo-home-hero .x-home-price-menu .form-control {
  min-height: 44px;
  border-color: var(--renzo-border);
  border-radius: var(--renzo-radius-sm);
}

.renzo-home-hero .x-home-apply-price {
  min-height: 42px;
  border: 0;
  border-radius: var(--renzo-radius-sm);
  background: var(--renzo-orange);
  color: var(--renzo-white);
  font-weight: 800;
}

.renzo-home-hero .x-home-suggest {
  top: calc(100% + 8px) !important;
  z-index: 1055;
  border: 1px solid var(--renzo-border) !important;
  border-radius: var(--renzo-radius-md) !important;
  box-shadow: var(--renzo-shadow-md) !important;
}

.renzo-home-hero .x-suggestion-item {
  min-height: 46px;
  border-color: var(--renzo-border);
  transition: var(--renzo-transition);
}

.renzo-home-hero .x-suggestion-item:hover,
.renzo-home-hero .x-suggestion-item.active {
  background: rgba(234, 80, 28, 0.08) !important;
}

/* Homepage Meeting Tab and Login Modal */
.renzo-home-hero .x-home-search-tabs {
  flex-wrap: wrap;
}

.renzo-home-hero .x-home-meeting-panel {
  width: 100%;
}

.renzo-home-hero .x-home-meeting-shell {
  position: relative;
  min-height: 360px;
}

.renzo-home-hero .x-home-meeting-form-wrap {
  transition: filter var(--renzo-transition), opacity var(--renzo-transition);
}

.renzo-home-hero .x-home-meeting-shell.is-locked .x-home-meeting-form-wrap {
  filter: blur(4px);
  opacity: 0.56;
  pointer-events: none;
  user-select: none;
}

.renzo-home-hero .x-home-meeting-lock {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.renzo-home-hero .x-home-meeting-lock-card {
  display: grid;
  justify-items: center;
  gap: 12px;
  width: min(360px, 100%);
  padding: 24px;
  border: 1px solid rgba(234, 80, 28, 0.2);
  border-radius: var(--renzo-radius-lg);
  background: rgba(255, 255, 255, 0.96);
  color: var(--renzo-dark);
  text-align: center;
  box-shadow: var(--renzo-shadow-md);
}

.renzo-home-hero .x-home-meeting-lock-card i {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(234, 80, 28, 0.1);
  color: var(--renzo-orange);
  font-size: 1.2rem;
}

.renzo-home-hero .x-home-meeting-lock-card p {
  margin: 0;
  color: var(--renzo-dark);
  font-size: 1rem;
  font-weight: 850;
}

.renzo-home-hero .x-meeting-login-trigger,
.x-home-login-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border: 0;
  border-radius: 999px;
  background: var(--renzo-orange);
  color: var(--renzo-white);
  font-weight: 850;
  box-shadow: 0 12px 22px rgba(234, 80, 28, 0.24);
}

.renzo-home-hero .x-meeting-login-trigger {
  min-width: 148px;
  padding: 10px 22px;
}

.renzo-home-hero .x-meeting-login-trigger:hover,
.renzo-home-hero .x-meeting-login-trigger:focus,
.x-home-login-submit:hover,
.x-home-login-submit:focus {
  background: #d84414;
  color: var(--renzo-white);
}

.renzo-home-hero .x-meet-card {
  width: 100%;
  padding: 20px;
  border: 1px solid rgba(18, 24, 33, 0.08);
  border-radius: var(--renzo-radius-lg);
  background: rgba(255, 255, 255, 0.86);
}

.renzo-home-hero .x-meet-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 14px;
  align-items: center;
  margin-bottom: 16px;
}

.renzo-home-hero .x-meet-icon {
  grid-row: span 2;
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(234, 80, 28, 0.1);
  color: var(--renzo-orange);
  font-size: 1.15rem;
}

.renzo-home-hero .x-meet-title {
  margin: 0;
  color: var(--renzo-dark);
  font-size: 1.35rem;
  font-weight: 850;
  line-height: 1.25;
}

.renzo-home-hero .x-meet-sub {
  margin: 0;
  color: var(--renzo-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}

.renzo-home-hero .x-meet-form {
  display: grid;
  gap: 12px;
}

.renzo-home-hero .x-row-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.renzo-home-hero .x-row-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.renzo-home-hero .x-field {
  min-width: 0;
}

.renzo-home-hero .x-label {
  display: block;
  margin-bottom: 7px;
  color: var(--renzo-dark);
  font-size: 0.8rem;
  font-weight: 850;
}

.renzo-home-hero .req {
  color: var(--renzo-orange);
}

.renzo-home-hero .x-input,
.renzo-home-hero .x-select {
  width: 100%;
  min-height: 48px;
  padding: 10px 13px;
  border: 1px solid var(--renzo-border);
  border-radius: var(--renzo-radius-md);
  background: var(--renzo-white);
  color: var(--renzo-dark);
  font-weight: 650;
  outline: 0;
  transition: var(--renzo-transition);
}

.renzo-home-hero .x-input:focus,
.renzo-home-hero .x-select:focus {
  border-color: rgba(234, 80, 28, 0.55);
  box-shadow: 0 0 0 0.2rem rgba(234, 80, 28, 0.12);
}

.renzo-home-hero .x-input:disabled,
.renzo-home-hero .x-select:disabled,
.renzo-home-hero .x-btn-submit:disabled {
  cursor: not-allowed;
}

.renzo-home-hero .x-error {
  min-height: 18px;
  margin-top: 4px;
  color: #d92d20;
  font-size: 0.78rem;
  font-weight: 700;
}

.renzo-home-hero .x-btn-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(260px, 100%);
  min-height: 50px;
  margin-top: 2px;
  border: 0;
  border-radius: 999px;
  background: var(--renzo-orange);
  color: var(--renzo-white);
  font-weight: 850;
  box-shadow: 0 14px 24px rgba(234, 80, 28, 0.24);
}

.renzo-home-hero .x-btn-submit:hover,
.renzo-home-hero .x-btn-submit:focus {
  background: #d84414;
}

body.x-home-login-modal-open {
  overflow: hidden;
}

.x-home-login-modal[hidden] {
  display: none !important;
}

.x-home-login-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.x-home-login-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 13, 18, 0.68);
  backdrop-filter: blur(7px);
}

.x-home-login-modal-dialog {
  position: relative;
  z-index: 1;
  width: min(540px, 100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--renzo-radius-lg);
  background: var(--renzo-white);
  color: var(--renzo-dark);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.32);
}

.x-home-login-modal-close {
  position: absolute;
  top: 14px;
  inset-inline-end: 14px;
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--renzo-border);
  border-radius: 50%;
  background: var(--renzo-white);
  color: var(--renzo-dark);
  transition: var(--renzo-transition);
}

.x-home-login-modal-close:hover,
.x-home-login-modal-close:focus {
  border-color: rgba(234, 80, 28, 0.35);
  background: rgba(234, 80, 28, 0.08);
  color: var(--renzo-orange);
}

.x-home-login-modal-head {
  display: grid;
  justify-items: center;
  gap: 8px;
  margin-bottom: 22px;
  padding-inline: 28px;
  text-align: center;
}

.x-home-login-modal-icon {
  display: inline-grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(234, 80, 28, 0.1);
  color: var(--renzo-orange);
  font-size: 1.3rem;
}

.x-home-login-modal-head h2 {
  margin: 0;
  color: var(--renzo-dark);
  font-size: 1.55rem;
  font-weight: 850;
  line-height: 1.25;
}

.x-home-login-modal-head p {
  margin: 0;
  color: var(--renzo-muted);
  line-height: 1.55;
}

.x-home-login-form {
  display: grid;
  gap: 14px;
}

.x-home-login-field label {
  display: block;
  margin-bottom: 7px;
  color: var(--renzo-dark);
  font-size: 0.84rem;
  font-weight: 850;
}

.x-home-login-input-wrap {
  position: relative;
}

.x-home-login-input-wrap i {
  position: absolute;
  top: 50%;
  inset-inline-start: 15px;
  z-index: 1;
  color: var(--renzo-orange);
  transform: translateY(-50%);
}

.x-home-login-input-wrap .form-control {
  min-height: 50px;
  padding-inline: 44px 14px;
  border-color: var(--renzo-border);
  border-radius: var(--renzo-radius-md);
  color: var(--renzo-dark);
  font-weight: 650;
  box-shadow: none;
}

.x-home-login-input-wrap .form-control:focus {
  border-color: rgba(234, 80, 28, 0.55);
  box-shadow: 0 0 0 0.2rem rgba(234, 80, 28, 0.12);
}

.x-home-login-error {
  display: block;
  margin-top: 6px;
  color: #d92d20;
  font-size: 0.82rem;
  font-weight: 750;
  line-height: 1.35;
}

.x-home-login-meta,
.x-home-login-remember,
.x-home-login-register {
  display: flex;
  align-items: center;
  gap: 10px;
}

.x-home-login-meta {
  justify-content: space-between;
  flex-wrap: wrap;
  color: var(--renzo-muted);
  font-size: 0.9rem;
}

.x-home-login-meta a,
.x-home-login-register a {
  color: var(--renzo-orange);
  font-weight: 800;
  text-decoration: none;
}

.x-home-login-remember {
  margin: 0;
  cursor: pointer;
}

.x-home-login-remember input {
  width: 17px;
  height: 17px;
  accent-color: var(--renzo-orange);
}

.x-home-login-submit {
  width: 100%;
}

.x-home-login-register {
  justify-content: center;
  flex-wrap: wrap;
  color: var(--renzo-muted);
  font-size: 0.92rem;
}

html[dir="rtl"] .renzo-home-hero .x-meet-card,
[dir="rtl"] .renzo-home-hero .x-meet-card,
html[dir="rtl"] .x-home-login-modal,
[dir="rtl"] .x-home-login-modal {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .x-home-login-modal-head,
[dir="rtl"] .x-home-login-modal-head {
  text-align: center;
}

html[dir="rtl"] .x-home-login-input-wrap .form-control,
[dir="rtl"] .x-home-login-input-wrap .form-control {
  padding-inline: 14px 44px;
}

html[dir="rtl"] .renzo-home-hero .x-home-hero-frame,
[dir="rtl"] .renzo-home-hero .x-home-hero-frame {
  direction: rtl;
}

html[dir="rtl"] .renzo-home-hero .x-home-hero-frame::before,
[dir="rtl"] .renzo-home-hero .x-home-hero-frame::before {
  background:
    linear-gradient(270deg, rgba(10, 13, 18, 0.86) 0%, rgba(10, 13, 18, 0.72) 42%, rgba(10, 13, 18, 0.34) 100%),
    linear-gradient(180deg, rgba(10, 13, 18, 0.14) 0%, rgba(10, 13, 18, 0.64) 100%);
}

html[dir="rtl"] .renzo-home-hero .x-home-search-input,
[dir="rtl"] .renzo-home-hero .x-home-search-input {
  padding-inline: 18px 50px !important;
}

html[dir="rtl"] .renzo-home-hero .x-search-icon,
[dir="rtl"] .renzo-home-hero .x-search-icon {
  inset-inline-start: auto;
  inset-inline-end: 18px;
}

html[dir="rtl"] .renzo-home-hero .x-home-filter-menu,
[dir="rtl"] .renzo-home-hero .x-home-filter-menu {
  right: 0;
  left: auto;
  text-align: right;
}

@media (max-width: 1199.98px) {
  .renzo-home-hero .x-home-hero-frame {
    min-height: 570px;
    padding-top: 78px;
    padding-bottom: 112px;
  }

  .renzo-home-hero .x-home-hero-img {
    min-height: 570px;
  }

  .renzo-home-hero .x-hero-title {
    font-size: 46px !important;
  }

  .renzo-home-hero .x-home-search-grid,
  .renzo-home-hero .x-home-search-grid-rent {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .renzo-home-hero .x-row-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .renzo-home-hero .x-home-hero-inner {
    width: 92% !important;
  }

  .renzo-home-hero .x-home-hero-frame {
    min-height: 0;
    padding: 68px 0 104px;
  }

  .renzo-home-hero .x-home-hero-img {
    min-height: 100%;
  }

  .renzo-home-hero .x-home-hero-content {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  .renzo-home-hero .x-hero-title {
    font-size: 42px !important;
  }

  .renzo-home-hero .x-home-search-card {
    width: 100%;
    transform: translateY(64px);
  }

  .renzo-home-hero .x-meet-card {
    padding: 18px;
  }

  .renzo-home-hero .x-row-3 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .renzo-home-hero {
    margin-bottom: 100px !important;
  }

  .renzo-home-hero .x-home-hero-inner {
    width: calc(100% - 24px) !important;
  }

  .renzo-home-hero .x-home-hero-frame {
    padding: 52px 0 96px;
  }

  .renzo-home-hero .x-hero-title {
    font-size: 34px !important;
    line-height: 1.16 !important;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .renzo-home-hero .x-hero-desc {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  .renzo-home-hero .x-home-search-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 18px !important;
    overflow: hidden;
    transform: translateY(58px);
  }

  .renzo-home-hero .x-home-search-input {
    height: 54px !important;
    font-size: 0.94rem;
  }

  .renzo-home-hero .x-home-search-tabs {
    display: flex;
    width: 100%;
    margin-top: -34px;
    max-width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
    scrollbar-width: thin;
  }

  .renzo-home-hero .x-home-search-tab {
    flex: 1 1 0;
    min-width: 0;
    padding-right: 10px;
    padding-left: 10px;
    white-space: nowrap;
  }

  .renzo-home-hero .x-home-search-grid,
  .renzo-home-hero .x-home-search-grid-rent {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .renzo-home-hero .x-home-filter-menu {
    max-width: 100%;
  }

  .renzo-home-hero .x-row-2 {
    grid-template-columns: 1fr;
  }

  .renzo-home-hero .x-meet-head {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .renzo-home-hero .x-meet-icon {
    grid-row: auto;
  }

  .renzo-home-hero .x-btn-submit {
    width: 100%;
  }

  .renzo-home-hero .x-home-filter-menu {
    position: static;
    width: 100%;
    margin-top: 8px;
  }

  .x-home-login-modal {
    padding: 16px;
  }

  .x-home-login-modal-dialog {
    max-height: calc(100vh - 32px);
    padding: 24px;
  }
}

@media (max-width: 575.98px) {
  .renzo-home-hero {
    margin-bottom: 94px !important;
  }

  .renzo-home-hero .x-home-hero-inner {
    width: calc(100% - 24px) !important;
  }

  .renzo-home-hero .x-home-hero-frame {
    padding: 42px 0 90px;
  }

  .renzo-home-hero .x-hero-title {
    font-size: 29px !important;
  }

  .renzo-home-hero .x-hero-desc {
    margin-bottom: 20px !important;
  }

  .renzo-home-hero .x-home-search-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 14px !important;
    border-radius: var(--renzo-radius-md) !important;
    transform: translateY(54px);
  }

  .renzo-home-hero .x-meet-card {
    padding: 14px;
    border-radius: var(--renzo-radius-md);
  }

  .renzo-home-hero .x-home-meeting-lock {
    padding: 12px;
  }

  .renzo-home-hero .x-home-meeting-lock-card {
    padding: 20px 16px;
  }

  .renzo-home-hero .x-home-search-input {
    min-width: 0;
    max-width: 100%;
    height: 52px !important;
    padding-inline-end: 14px !important;
  }

  html[dir="rtl"] .renzo-home-hero .x-home-search-input,
  [dir="rtl"] .renzo-home-hero .x-home-search-input {
    padding-inline-start: 14px !important;
  }

  .x-home-login-modal {
    padding: 12px;
  }

  .x-home-login-modal-dialog {
    padding: 22px 16px 18px;
    border-radius: var(--renzo-radius-md);
  }

  .x-home-login-modal-head {
    padding-inline: 36px;
  }

}

@media (min-width: 1600px) {
  .renzo-home-hero .x-home-hero-inner {
    width: min(90vw, 1500px) !important;
  }
}

/* Final homepage hero background owner */
.renzo-home-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #121821 !important;
}

.renzo-home-hero .x-home-hero-container {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 620px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #121821 !important;
  background-image:
    linear-gradient(90deg, rgb(234 80 28 / 24%) 0%, rgb(255 87 34 / 93%) 42%, rgb(234 80 28 / 0%) 100%),
    linear-gradient(180deg, rgb(10 13 18 / 0%) 0%, rgb(234 80 28 / 0%) 100%),
    var(--hero-desk) !important;
  background-size: cover, cover, cover !important;
  background-position: center center, center center, center center !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
}

.renzo-home-hero .x-home-hero-frame {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 620px;
  margin: 0 !important;
  padding: 54px 0 70px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.renzo-home-hero .x-home-hero-frame::before,
.renzo-home-hero .x-home-hero-frame::after {
  content: none !important;
  display: none !important;
}

.renzo-home-hero .x-home-hero-bg-col,
.renzo-home-hero .x-home-hero-bg,
.renzo-home-hero .x-home-hero-bg picture,
.renzo-home-hero .x-home-hero-img {
  display: none !important;
}

.renzo-home-hero .x-home-hero-inner {
  position: relative !important;
  z-index: 2 !important;
  width: 90% !important;
  max-width: 1500px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  min-width: 0 !important;
}

.renzo-home-hero .x-home-hero-content,
.renzo-home-hero .x-home-hero-copy,
.renzo-home-hero .x-home-search-card {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 767.98px) {
  .renzo-home-hero {
    margin-bottom: 28px !important;
  }

  .renzo-home-hero .x-home-hero-container {
    min-height: auto !important;
    background-image:
      linear-gradient(90deg, rgb(234 80 28 / 24%) 0%, rgb(255 87 34 / 93%) 42%, rgb(234 80 28 / 0%) 100%),
      linear-gradient(180deg, rgb(10 13 18 / 0%) 0%, rgb(234 80 28 / 0%) 100%),
      var(--hero-mobile) !important;
    background-size: cover, cover, cover !important;
    background-position: center center, center center, center center !important;
  }

  .renzo-home-hero .x-home-hero-frame {
    min-height: auto !important;
    height: auto !important;
    padding: 38px 0 34px !important;
    background: transparent !important;
  }

  .renzo-home-hero .x-home-hero-inner {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }

  .renzo-home-hero .x-home-search-card {
    transform: none !important;
    margin-top: 68px !important;
  }
}

@media (max-width: 575.98px) {
  .renzo-home-hero .x-home-hero-frame {
    padding: 34px 0 30px !important;
  }

  .renzo-home-hero .x-home-search-card {
    margin-top: 64px !important;
  }
}

/* Home page search dropdown unclipping - final cascade */
.renzo-home-hero,
.renzo-home-hero .x-home-hero-container,
.renzo-home-hero .x-home-hero-frame,
.renzo-home-hero .x-home-hero-inner,
.renzo-home-hero .x-home-hero-content,
.renzo-home-hero .x-home-search-card,
.renzo-home-hero .x-home-search-grid,
.renzo-home-hero .x-home-search-grid-rent,
.renzo-home-hero .x-home-search-field,
.renzo-home-hero .x-home-filter-dropdown {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

.renzo-home-hero .x-home-filter-dropdown {
  position: relative !important;
  z-index: 50 !important;
}

.renzo-home-hero .x-home-filter-dropdown:focus-within,
.renzo-home-hero .x-home-filter-dropdown:has(.x-home-filter-menu.open) {
  z-index: 100000 !important;
}

.renzo-home-hero .x-home-filter-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 99999 !important;
  min-width: 320px !important;
  width: 100% !important;
  max-width: min(420px, 90vw) !important;
  max-height: none !important;
  overflow: visible !important;
  background: #fff !important;
  border: 1px solid #e6e8ee !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.16) !important;
}

html[dir="rtl"] .renzo-home-hero .x-home-filter-menu,
[dir="rtl"] .renzo-home-hero .x-home-filter-menu {
  right: 0 !important;
  left: auto !important;
}

@media (max-width: 991.98px) {
  .renzo-home-hero .x-home-filter-menu {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 8px !important;
  }
}

/* Homepage responsive overflow final guard */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.x-home-launches-section,
.x-props,
.x-devs,
.x-marketing,
.x-daily,
.x-seo-dev {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.renzo-home-hero *,
.x-home-launches-section *,
.x-props *,
.x-devs *,
.x-marketing *,
.x-daily *,
.x-seo-dev * {
  min-width: 0;
}

/* Swiper wrapper parents must not become wider than viewport */
.x-proj-swiper-wrap,
.x-props-swiper-wrap,
.x-devs-swiper-wrap,
.x-daily-swiper-wrap {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

/* Swiper viewport */
.x-proj-swiper,
.x-props-swiper,
.x-devs-swiper,
.x-daily-swiper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

/* Let Swiper control slide width, only prevent content overflow */
.x-proj-swiper .swiper-slide,
.x-props-swiper .swiper-slide,
.x-devs-swiper .swiper-slide,
.x-daily-swiper .swiper-slide {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Cards/images must stay inside slide */
.x-proj-swiper .x-prop-card,
.x-props-swiper .x-prop-card,
.x-devs-swiper .x-prop-card,
.x-daily-swiper .x-prop-card,
.x-proj-swiper img,
.x-props-swiper img,
.x-devs-swiper img,
.x-daily-swiper img {
  max-width: 100%;
}

/* Mobile section padding protection */
@media (max-width: 767.98px) {
  .x-home-launches-section .x-home-launches-shell,
  .x-props > .container,
  .x-devs > .container,
  .x-daily > .container,
  .x-marketing > .container,
  .x-seo-dev > .container {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    margin-right: auto;
    margin-left: auto;
  }

  .x-proj-swiper,
  .x-props-swiper,
  .x-devs-swiper,
  .x-daily-swiper {
    width: 100%;
    max-width: 100%;
  }
}

/* First Homepage Hero - Mobile Responsive Fix */
@media (max-width: 767.98px) {
  .renzo-home-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 92px !important;
    overflow: hidden !important;
    background: #121821;
  }

  .renzo-home-hero .x-home-hero-container,
  .renzo-home-hero .x-home-hero-frame,
  .renzo-home-hero .x-home-hero-bg-col,
  .renzo-home-hero .x-home-hero-bg,
  .renzo-home-hero .x-home-hero-bg picture,
  .renzo-home-hero .x-home-hero-img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .renzo-home-hero .x-home-hero-frame {
    margin: 0 !important;
    padding: 42px 0 88px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: #121821 !important;
  }

  .renzo-home-hero .x-home-hero-bg-col {
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .renzo-home-hero .x-home-hero-bg,
  .renzo-home-hero .x-home-hero-bg picture {
    min-height: 100%;
  }

  .renzo-home-hero .x-home-hero-img {
    min-height: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
  }

  .renzo-home-hero .x-home-hero-inner {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .renzo-home-hero .x-hero-title {
    max-width: 100% !important;
    font-size: 30px !important;
    line-height: 1.18 !important;
    margin-bottom: 16px !important;
    overflow-wrap: normal;
    word-break: normal;
  }

  .renzo-home-hero .x-hero-desc {
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin-bottom: 22px !important;
  }

  .renzo-home-hero .x-home-search-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 76px !important;
    padding: 0 14px 18px !important;
    border-radius: 14px !important;
    overflow: visible !important;
    transform: none !important;
  }

  /* Clean 3 tabs as equal segmented control */
  .renzo-home-hero .x-home-search-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    width: 100% !important;
    max-width: 100% !important;
    margin: -22px 0 22px !important;
    padding: 4px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(18, 24, 33, 0.14);
  }

  .renzo-home-hero .x-home-search-tab {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 8px 6px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-align: center;
    white-space: nowrap;
  }

  .renzo-home-hero .x-home-search-grid,
  .renzo-home-hero .x-home-search-grid-rent {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .renzo-home-hero .x-home-search-wrap,
  .renzo-home-hero .x-home-search-input,
  .renzo-home-hero .x-home-filter-select,
  .renzo-home-hero .x-home-filter-toggle,
  .renzo-home-hero .x-home-search-submit {
    max-width: 100% !important;
  }
}

@media (max-width: 575.98px) {
  .renzo-home-hero .x-home-hero-frame {
    padding-top: 38px !important;
    padding-bottom: 84px !important;
  }

  .renzo-home-hero .x-home-hero-inner {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }

  .renzo-home-hero .x-hero-title {
    font-size: 29px !important;
  }

  .renzo-home-hero .x-home-search-card {
    margin-top: 72px !important;
    padding: 0 12px 16px !important;
  }

  .renzo-home-hero .x-home-search-tab {
    font-size: 13px !important;
    min-height: 40px !important;
  }
}
 /* Hero image layer fix - keep real picture as background */
.renzo-home-hero .x-home-hero-frame {
  position: relative !important;
  overflow: hidden !important;
  background: #121821 !important;
}

.renzo-home-hero .x-home-hero-bg-col {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  flex: none !important;
  pointer-events: none !important;
}

.renzo-home-hero .x-home-hero-bg,
.renzo-home-hero .x-home-hero-bg picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}

.renzo-home-hero .x-home-hero-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Orange overlay over the image */
.renzo-home-hero .x-home-hero-frame::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgb(234 80 28 / 24%) 0%, rgb(255 87 34 / 93%) 42%, rgb(234 80 28 / 0%) 100%),
    linear-gradient(180deg, rgb(10 13 18 / 0%) 0%, rgb(234 80 28 / 0%) 100%) !important;
}

/* Content above image and overlay */
.renzo-home-hero .x-home-hero-inner {
  position: relative !important;
  z-index: 2 !important;
}

.renzo-home-hero .x-home-hero-content,
.renzo-home-hero .x-home-hero-copy,
.renzo-home-hero .x-home-search-card {
  position: relative !important;
}

/* Mobile height: let the frame grow with content, and image follows full height */
@media (max-width: 767.98px) {
  .renzo-home-hero .x-home-hero-frame {
    min-height: auto !important;
    height: auto !important;
    padding: 38px 0 90px !important;
  }

  .renzo-home-hero .x-home-hero-img {
    min-height: 100% !important;
    height: 100% !important;
  }
}

/* Final homepage hero background owner - final cascade */
.renzo-home-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: #121821 !important;
}

.renzo-home-hero .x-home-hero-container {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 620px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background-color: #121821 !important;
  background-image:
    linear-gradient(90deg, rgb(234 80 28 / 24%) 0%, rgb(255 87 34 / 93%) 42%, rgb(234 80 28 / 0%) 100%),
    linear-gradient(180deg, rgb(10 13 18 / 0%) 0%, rgb(234 80 28 / 0%) 100%),
    var(--hero-desk) !important;
  background-size: cover, cover, cover !important;
  background-position: center center, center center, center center !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
}

.renzo-home-hero .x-home-hero-frame {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 620px;
  margin: 0 !important;
  padding: 54px 0 70px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.renzo-home-hero .x-home-hero-frame::before,
.renzo-home-hero .x-home-hero-frame::after {
  content: none !important;
  display: none !important;
}

.renzo-home-hero .x-home-hero-bg-col,
.renzo-home-hero .x-home-hero-bg,
.renzo-home-hero .x-home-hero-bg picture,
.renzo-home-hero .x-home-hero-img {
  display: none !important;
}

.renzo-home-hero .x-home-hero-inner {
  position: relative !important;
  z-index: 2 !important;
  width: 90% !important;
  max-width: 1500px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  min-width: 0 !important;
}

.renzo-home-hero .x-home-hero-content,
.renzo-home-hero .x-home-hero-copy,
.renzo-home-hero .x-home-search-card {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 767.98px) {
  .renzo-home-hero {
    margin-bottom: 28px !important;
  }

  .renzo-home-hero .x-home-hero-container {
    min-height: auto !important;
    background-image:
linear-gradient(90deg, rgb(234 80 28) 0%, rgb(255 87 34 / 98%) 42%, rgb(234 80 28 / 0%) 100%), linear-gradient(180deg, rgb(234 80 28) 0%, rgb(234 80 28 / 0%) 100%), var(--hero-mobile) !important;
    background-size: cover, cover, cover !important;
    background-position: center center, center center, center center !important;
  }

  .renzo-home-hero .x-home-hero-frame {
    min-height: auto !important;
    height: auto !important;
    padding: 38px 0 34px !important;
    background: transparent !important;
  }

  .renzo-home-hero .x-home-hero-inner {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }

  .renzo-home-hero .x-home-search-card {
    transform: none !important;
    margin-top: 68px !important;
  }
}

@media (max-width: 575.98px) {
  .renzo-home-hero .x-home-hero-frame {
    padding: 34px 0 30px !important;
  }

  .renzo-home-hero .x-home-search-card {
    margin-top: 64px !important;
  }
}


.finshingb{
    background-color: #f2ff00!important;


}

     /* New Properties desktop horizontal filter */
        @media (min-width: 992px) {
            .x-newprops-filter-top,
            .x-newprops-filter-top .left-part,
            .x-newprops-filter-top .form-box {
                width: 100% !important;
                overflow: visible !important;
            }

            .x-newprops-filter-top .form-box {
                border-radius: 18px !important;
            }

            .x-newprops-filter-row {
                display: grid !important;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 14px !important;
                align-items: end !important;
                overflow: visible !important;
            }

            .x-newprops-filter-field {
                margin-bottom: 0 !important;
                min-width: 0 !important;
                overflow: visible !important;
            }

            .x-newprops-filter-field .form-label,
            .x-newprops-filter-field label {
                margin-bottom: 7px !important;
                font-weight: 800 !important;
                font-size: 14px !important;
                color: #202833 !important;
            }

            .x-newprops-filter-field .form-select,
            .x-newprops-filter-field .form-control {
                min-height: 48px !important;
                border-radius: 12px !important;
            }

            .x-newprops-filter-action {
                margin-bottom: 0 !important;
                min-width: 0 !important;
                display: flex !important;
                align-items: end !important;
            }

            .x-newprops-filter-action .filter-btn {
                min-height: 48px !important;
                border-radius: 12px !important;
                font-weight: 800 !important;
                width: 100% !important;
            }

            .x-newprops-results-full {
                width: 100% !important;
            }
        }

        @media (min-width: 992px) and (max-width: 1199.98px) {
            .x-newprops-filter-row {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        .x-newprops-filter-top,
        .x-newprops-filter-top .left-part,
        .x-newprops-filter-top .form-box,
        .x-newprops-filter-row,
        .x-newprops-filter-field,
        .x-newprops-filter-field.filter-group,
        .x-newprops-filter-top .filter-content {
            overflow: visible !important;
        }

        .x-newprops-dropdown {
            position: relative !important;
            overflow: visible !important;
            z-index: 20;
        }

        .x-newprops-dropdown-toggle {
            width: 100%;
            min-height: 48px;
            border: 1px solid #dee2e6;
            border-radius: 12px;
            background: #fff;
            color: #202833;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 10px 12px;
            font-weight: 700;
            text-align: start;
        }

        .x-newprops-dropdown-toggle:hover,
        .x-newprops-dropdown.is-open .x-newprops-dropdown-toggle {
            border-color: #ea501c;
            box-shadow: 0 0 0 3px rgba(234, 80, 28, .12);
        }

        .x-newprops-dropdown-menu {
            position: absolute !important;
            top: calc(100% + 8px) !important;
            left: 0 !important;
            right: auto !important;
            z-index: 99999 !important;
            display: none;
            min-width: 320px;
            width: 100%;
            max-width: min(420px, 90vw);
            max-height: none !important;
            overflow: visible !important;
            padding: 14px;
            border: 1px solid #e6e8ee;
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 14px 35px rgba(15, 23, 42, .16);
        }

        .x-newprops-dropdown.is-open .x-newprops-dropdown-menu {
            display: block;
        }

        .x-newprops-dropdown.is-open {
            z-index: 100000 !important;
        }

        html[dir="rtl"] .x-newprops-dropdown-menu,
        [dir="rtl"] .x-newprops-dropdown-menu {
            right: 0 !important;
            left: auto !important;
        }

        .x-newprops-pill-group + .x-newprops-pill-group {
            margin-top: 12px;
        }

        .x-newprops-pill-label {
            margin-bottom: 8px;
            color: #202833;
            font-size: 13px;
            font-weight: 800;
        }

        .x-newprops-pills {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .x-newprops-pill {
            min-width: 38px;
            min-height: 36px;
            border: 1px solid #dee2e6;
            border-radius: 999px;
            background: #fff;
            color: #202833;
            font-weight: 800;
        }

        .x-newprops-pill:hover,
        .x-newprops-pill.is-active {
            border-color: #ea501c;
            background: #ea501c;
            color: #fff;
        }

        .x-newprop-card {
            height: 100%;
            overflow: hidden;
            border: 1px solid #e5e7eb;
            border-radius: 22px;
            background: #fff;
            box-shadow: 0 14px 35px rgba(15, 23, 42, .08);
            transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
        }

        .x-newprop-card:hover {
            transform: translateY(-3px);
            border-color: rgba(234, 80, 28, .28);
            box-shadow: 0 20px 42px rgba(15, 23, 42, .12);
        }

        .x-newprop-media {
            position: relative;
            display: block;
            overflow: hidden;
            width: 100%;
            aspect-ratio: 16 / 10;
            border-radius: 22px 22px 0 0;
            background: #f1f5f9;
        }



        .x-newprop-card:hover .x-newprop-media img {
            transform: scale(1.035);
        }

        .x-newprop-dev-badge {
            position: absolute;
            top: 18px;
            left: 18px;
            z-index: 2;
            display: inline-flex;
            align-items: center;
            max-width: calc(100% - 36px);
            gap: 10px;
            padding: 8px 14px 8px 8px;
            border: 1px solid rgba(255, 255, 255, .52);
            border-radius: 14px;
            background: rgba(234, 80, 28, .94);
            color: #fff;
            box-shadow: 0 12px 26px rgba(234, 80, 28, .25);
        }

        .x-newprop-dev-logo {
            width: 38px;
            height: 38px;
            flex: 0 0 38px;
            border-radius: 50%;
            object-fit: contain;
            background: #fff;
            border: 2px solid rgba(255, 255, 255, .85);
        }

        .x-newprop-dev-badge span {
          min-width: 0;
          overflow: hidden;
          color: #fff;
          font-size: 12px;
          letter-spacing: .5px;
          font-weight: 700;
          line-height: 1;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        .x-newprop-body {
            padding: 22px 24px 24px;
        }

        .x-newprop-title {
        margin: 0 0 16px;
        color: #282828;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.25;
        letter-spacing: 0;
        text-transform: capitalize;
        }

        .x-newprop-bedbath-row,
        .x-newprop-info-row {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
        }

        .x-newprop-bedbath-row {
            margin-bottom: 18px;
        }

        .x-newprop-bedbath-pill {
            display: inline-flex;
            align-items: center;
            gap: 3px;
            min-height: 42px;
            padding: 9px 15px;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            background: #fff;
            color: #334155;
            font-size: 12px;
            font-weight: 700;
            line-height: 1.2;
            box-shadow: 0 4px 12px rgba(15, 23, 42, .03);
        }

        .x-newprop-bedbath-pill i {
            color: #ea501c;
            font-size: 16px;
        }

        .x-newprop-info-row {
            margin-bottom: 12px;
            color: #334155;
            font-size: 12px;
            font-weight: 600;
            line-height: 1.2;
        }

        .x-newprop-info-item {
            display: inline-flex;
            align-items: center;
            min-width: 0;
            gap: 6px;
        }

        .x-newprop-info-item:not(:last-child)::after {
            content: "";
            width: 1px;
            height: 18px;
            margin-left: 5px;
            border-radius: 0;
            background: #e5e7eb;
        }

        .x-newprop-info-item i {
            color: #ea501c;
            font-size: 17px;
        }

        .x-newprop-separator {
            border: 0;
            border-top: 1px solid #e5e7eb;
            margin: 14px 0;
        }

        .x-newprop-price-frame {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 12px 14px;
            border: 1px solid rgba(234, 80, 28, .18);
            border-radius: 14px;
            background: #fff7ed;
        }

        .x-newprop-price-icon {
         display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        flex: 0 0 36px;
        border-radius: 12px;
        background: #ea501c;
        color: #fff;
        font-size: 21px;
        box-shadow: 0 10px 20px rgba(234, 80, 28, .22);
        }

        .x-newprop-price-value {
            display: block;
            color: #282828;
            font-size: 12px;
            font-weight: 950;
            line-height: 1.15;
            letter-spacing: 0;
        }

        html[dir="rtl"] .x-newprop-dev-badge,
        [dir="rtl"] .x-newprop-dev-badge {
            right: 16px;
            left: auto;
            padding: 6px 7px 6px 11px;
        }

        html[dir="rtl"] .x-newprop-info-item:not(:last-child)::after,
        [dir="rtl"] .x-newprop-info-item:not(:last-child)::after {
            margin-right: 4px;
            margin-left: 0;
        }

        @media (max-width: 575.98px) {
            .x-newprop-media {
                aspect-ratio: 16 / 10;
            }

            .x-newprop-dev-badge {
                top: 12px;
                left: 12px;
                max-width: calc(100% - 24px);
                padding: 7px 11px 7px 7px;
                font-size: 12px;
            }

            html[dir="rtl"] .x-newprop-dev-badge,
            [dir="rtl"] .x-newprop-dev-badge {
                right: 12px;
                left: auto;
            }

            .x-newprop-body {
                padding: 18px;
            }

            .x-newprop-title {
                font-size: 16px;
            }

            .x-newprop-price-frame {
                align-items: flex-start;
            }

            .x-newprop-price-icon {
                width: 44px;
                height: 44px;
                flex-basis: 44px;
            }

            .x-newprop-price-value {
                font-size: 14px;
            }

            .x-newprop-dev-logo {
                width: 32px;
                height: 32px;
                flex-basis: 32px;
            }
        }

        .x-prop-topline {
            margin-bottom: 8px;
            min-width: 0;
        }

        .x-prop-dev-project {
            min-width: 0;
            flex: 1 1 auto;
        }

        .x-prop-dev-logo {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            object-fit: contain;
            background: #fff;
            border: 1px solid #eef1f4;
            flex: 0 0 auto;
        }

        .x-prop-breadcrumb {
            min-width: 0;
        }

        .x-prop-info-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-top: 12px;
            flex-wrap: wrap;
        }

        .x-prop-info-item {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: #334155;
            font-size: 13px;
            font-weight: 800;
            line-height: 1.2;
        }

        .x-prop-info-item i {
            color: #ea501c;
        }

        .x-prop-separator {
            border: 0;
            border-top: 1px solid #e5e7eb;
            margin: 12px 0 10px;
        }

        .x-prop-price-frame {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 10px;
            padding: 11px 13px;
            border: 1px solid #e5e7eb;
            border-radius: 16px;
            background: #f8fafc;
        }

        .x-prop-price-label {
            color: #64748b;
            font-size: 13px;
            font-weight: 800;
            line-height: 1.25;
        }

        .x-prop-price-value {
            color: #1f2937;
            font-size: 14px;
            font-weight: 900;
            line-height: 1.3;
            text-align: end;
        }

        @media (max-width: 420px) {


            .x-prop-price-frame {
                align-items: flex-start;
                flex-direction: column;
                gap: 4px;
            }

            .x-prop-price-value {
                text-align: start;
            }
        }

        #xMobileFilter .x-newprops-dropdown-menu {
            position: relative !important;
            top: auto !important;
            right: auto !important;
            left: auto !important;
            min-width: 100% !important;
            width: 100% !important;
            max-width: 100% !important;
            margin-top: 8px;
            box-shadow: 0 10px 24px rgba(31, 41, 55, .10);
        }

        #xMobileFilter .x-newprops-dropdown,
        #xMobileFilter .filter-group {
            overflow: visible !important;
        }

        /* subtle visual feedback while a select is loading */
        .filter-input.is-loading,
        .form-select.is-loading {
            opacity: .75;
            cursor: wait;
        }

/* New Property Price Alignment */
.x-newprop-price-frame {
    display: flex;
    align-items: center !important;
    gap: 10px;
}

.x-newprop-price-icon {
    position: static !important;
    inset: auto !important;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.x-newprop-price-value {
    flex: 0 1 auto;
    min-width: 0;
    width: auto !important;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 0 !important;
    padding-left: 0 !important;
    line-height: 1.35;
    text-align: inherit;
}

[dir="rtl"] .x-newprop-price-frame {
    text-align: right;
}

[dir="rtl"] .x-newprop-price-value {

    text-align: right;
}

[dir="ltr"] .x-newprop-price-frame {
    justify-content: flex-start !important;
    text-align: left;
}

[dir="ltr"] .x-newprop-price-value {

    text-align: left;
}

.priceins{
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0px!important;
    transition: 0.3s ease-in-out;
    margin-bottom: 0!important;
    gap: 1px;
}

.project-chat {
            background-color: #09b149!important;
             background: #09b149!important;

  border-color: #09b149!important;
  background:  #09b149!important;
        }

        .project-chat:hover, .project-chat:focus,.project-chat:active  {
            background-color: #098337!important;
             background: #098337!important;
              border-color: #098337!important;
            background:  #098337!important;
        }

        .badgeo {
              background-color:var(--renzo-orange) !important;
        }
        .text-o{
          color: var(--renzo-dark);
        }

/* Shared Public Page Shell and Breadcrumb */
.x-meeting-page {
  width: 100%;
}

.x-meeting-page-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  padding-right: clamp(16px, 2.5vw, 38px);
  padding-left: clamp(16px, 2.5vw, 38px);
}

.x-meeting-page-card {
  background: #fff;
  border: 1px solid #eef1f5;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  padding: clamp(16px, 2vw, 28px);
}

.x-meeting-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.x-meeting-breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #334155;
  text-decoration: none;
}

.x-meeting-breadcrumb a:hover,
.x-meeting-breadcrumb a:focus {
  color: #ea501c;
  text-decoration: none;
}

.x-meeting-breadcrumb > i {
  color: #94a3b8;
  font-size: 11px;
}

.x-meeting-breadcrumb > span {
  color: #ea501c;
}

html[dir="rtl"] .x-meeting-breadcrumb,
[dir="rtl"] .x-meeting-breadcrumb {
  text-align: right;
}

@media (max-width: 575.98px) {
  .x-meeting-page-card {
    border-radius: 14px;
    padding: 14px;
  }

  .x-meeting-breadcrumb {
    gap: 6px;
    font-size: 12px;
  }
  .x-rental-favorite {
    width: 23px;
    height: 28px;}
}


/* Developer Card Logo and Name Order */
.x-dev-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.x-dev-card-head.is-ltr {
  direction: ltr;
  flex-direction: row;
  text-align: left;
}

.x-dev-card-head.is-rtl {
  direction: rtl;
  flex-direction: row;
  text-align: right;
}

.x-dev-card-logo {
  flex: 0 0 auto;
}

.x-dev-card-name {
  flex: 1 1 auto;
  min-width: 0;
}

.x-dev-card-name .x-prop-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Project Details Description Typography */
.x-project-detail-shell .developer-desc-wrapper {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.x-project-detail-shell .developerdescz {
  max-width: 100%;
  font-size: 16px;
  line-height: 1.85;
  color: #4b5563;
  overflow-wrap: anywhere;
  word-break: normal;
}

.x-project-detail-shell .developerdescz p,
.x-project-detail-shell .developerdescz div,
.x-project-detail-shell .developerdescz span,
.x-project-detail-shell .developerdescz li {
  font-size: inherit;
  line-height: inherit;
}

.x-project-detail-shell .developerdescz h1,
.x-project-detail-shell .developerdescz h2,
.x-project-detail-shell .developerdescz h3,
.x-project-detail-shell .developerdescz h4,
.x-project-detail-shell .developerdescz h5,
.x-project-detail-shell .developerdescz h6 {
  line-height: 1.45;
  margin: 0 0 10px;
  color: #25282d;
}

.x-project-detail-shell .developerdescz ul,
.x-project-detail-shell .developerdescz ol {
  margin: 10px 0;
  padding-inline-start: 22px;
}

[dir="rtl"] .x-project-detail-shell .developerdescz ul,
[dir="rtl"] .x-project-detail-shell .developerdescz ol {
  padding-inline-start: 0;
  padding-inline-end: 22px;
}

.x-project-detail-shell .developerdescz img,
.x-project-detail-shell .developerdescz table {
  max-width: 100%;
}

@media (max-width: 575.98px) {
  .x-project-detail-shell.x-home-launches-section, .x-home-launches-section{
    padding:5px;
  }
  .x-project-detail-shell .card.x-home-launches-shell {
    padding: 16px !important;
  }

  .x-project-detail-shell h4.text-o {
    margin-bottom: 12px !important;
    font-size: 20px !important;
    line-height: 1.35;
  }

  .x-project-detail-shell .developerdescz {
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  .x-project-detail-shell .developerdescz p,
  .x-project-detail-shell .developerdescz div,
  .x-project-detail-shell .developerdescz span,
  .x-project-detail-shell .developerdescz strong,
  .x-project-detail-shell .developerdescz b,
  .x-project-detail-shell .developerdescz li {
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  .x-project-detail-shell .developerdescz h1,
  .x-project-detail-shell .developerdescz h2,
  .x-project-detail-shell .developerdescz h3 {
    font-size: 18px !important;
    line-height: 1.45 !important;
  }

  .x-project-detail-shell .developerdescz h4,
  .x-project-detail-shell .developerdescz h5,
  .x-project-detail-shell .developerdescz h6 {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }

  .x-project-detail-shell .developerdescz ul,
  .x-project-detail-shell .developerdescz ol {
    margin: 8px 0;
  }

  .x-project-detail-shell .developerdescz li {
    margin-bottom: 6px;
  }

            .content-body h1,
            .content-body h2,
            .contentspace h1,
            .contentspace h2,
            .x-devs-title,
            .x-props-title,
            .x-projects-title,
            .x-daily-title,
            .x-section-title {
              color: var(--renzo-dark);
              font-weight: 800;
              letter-spacing: 0;
              line-height: 1.8rem;
              font-family: "Roboto", sans-serif;
              font-size: 16px;
            }
            .specialdescription2 {
          font-size: 13px;
          font-weight: 600;
          color: #484848;
          line-height: 1.8rem;
      }
}

.x-newprop-detail-shell{
  margin-top: 45px;
  margin-bottom: 45px;
}

.chat-menu .developer-avatar {
    width: 25px!important;
     height: 25px!important;
  }
  .unread-badge {
    font-size: 12px!important;
    padding: 2px 5px!important;

}
.developer-item > .project-chat{
  border-color:var(--renzo-dark) !important;
    background: var(--renzo-dark) !important;
}
.chat-menu .developer-name{
  color: #fff!important;
}

.phonenone{
    display: none;
}