/* **** HERO SECTION *****/
.section-hero {
  padding: 1.5rem;
}

.hero-container {
  max-width: 100%;
  width: 100%;
  padding: 6rem 4rem;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  margin: 0 auto;
}

.hero-content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
  row-gap: 4rem;
  column-gap: 1rem;
}

.hero-search {
  width: 41.5rem;
  display: flex;
  overflow: hidden;
  border-radius: 0.5rem;
  flex-direction: column;
  background-color: var(--GRAY-50);
}

.hero-main-search {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  padding: 2rem;
}

.hero-main-search-form {
  width: 100%;
  display: flex;
  gap: 2.5rem;
}

.hero-main-search-form-col {
  gap: 0.75rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.hero-search-row {
  gap: 0.5rem;
  display: flex;
  /* display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 1rem; */
}

/* TODO: FIX THIS CHIP INPUT **/

.hero-input-row {
  gap: 0.25rem;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}

.hero-chip {
  width: 2.75rem;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 0.5rem;
  background-color: var(--WHITE-1);
}

.hero-chip-color {
  color: var(--BLUE-300);
  height: auto;
  text-align: left;
  line-height: 1.5rem;
}

.hero-frame-buttonbase {
  gap: 0.5rem;
  display: flex;
  padding: 0.625rem 1rem;
  overflow: hidden;
  flex-grow: 1;
  box-shadow: var(--SHADOW-SM);
  align-items: center;
  border-color: var(--BLUE-300);
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.5rem;
  justify-content: center;
  background-color: var(--WHITE-1);
}

.hero-main-search-submit-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.hero-main-search-submit-row .btn-primary,
.object-search-btns-box .btn-primary {
  width: 10rem;
}

.hero-secondary-search {
  display: flex;
  gap: 1.25rem;
  padding: 1.25rem 0 0;
  border-top: 1px solid var(--GRAY-300);
}

.hero-information {
  gap: 2.125rem;
  width: 31.5rem;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.hero-stats-container {
  gap: 2rem;
  display: flex;
  align-items: flex-start;
}

.hero-stat-box {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.filter-wrapped-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  column-gap: 1rem;
  row-gap: 0.5rem !important;
}

.filter-wrapped-links.bigger-row-gap {
  row-gap: 1rem !important;
}

/***** PRIVACY POLICY SECTION *****/

.section-privacy-policy {
  padding: 0 0 6rem 0;
}

.privacy-container {
  max-width: 42.5rem;
}

.privacy-container h2 {
  font-family: "Inter", sans-serif;
}

.privacy-container h2:not(:first-child) {
  margin-top: 4rem;
}

.privacy-container p {
  margin-top: 1.5rem;
}

.privacy-container ul {
  padding-left: 1.5rem;
  margin-top: 1.5rem;
}

/***** NEW ADS SECTION *****/

.section-new-ads {
  padding: 2.5rem 0 4rem 0;
}

.new-ads-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

.new-ads-heading-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.carousel-navigation {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.section-new-ads {
  .swiper-button-next,
  .swiper-button-prev,
  .swiper-pagination {
    position: relative;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {
    display: none;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: unset;
    width: unset;
    height: unset;
    margin-top: unset;
    right: unset;
    left: unset;
  }

  .swiper-button-next svg,
  .swiper-button-prev svg {
    width: unset;
    height: unset;
    object-fit: unset;
  }

  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    opacity: unset;
  }

  .swiper-button-next.swiper-button-disabled .btn-nav,
  .swiper-button-prev.swiper-button-disabled .btn-nav {
    cursor: not-allowed;
  }

  .swiper-button-next.swiper-button-disabled .btn-nav path,
  .swiper-button-prev.swiper-button-disabled .btn-nav path {
    stroke: var(--GRAY-400);
  }

  .swiper-pagination {
    left: unset;
    top: unset;
    bottom: unset;
    width: unset;
    display: flex;
    gap: 0.5rem;
  }

  .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
    background: var(--GRAY-400);
    opacity: 1;
    margin: 0 !important;
  }

  .swiper-pagination-bullet-active {
    background: var(--BLUE-500);
  }
}

.new-ads-carousel-container {
  display: flex;
  gap: 1.25rem;
  width: 100%;
}

.new-ad-card {
  display: flex;
  flex-direction: column;
  width: 18.75rem;
  background: var(--WHITE-1);
  border: 1px solid var(--GRAY-300);
  border-radius: 0.5rem;
  overflow: hidden;
  text-decoration: none;
}

.new-ad-card:hover {
  box-shadow: var(--SHADOW-LG);
}

.new-ad-card-image {
  height: 15rem;
  position: relative;
}

.new-ad-info-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem;
  gap: 0.75rem;
}

.new-ad-info-container > .body-s-regular {
  color: var(--GRAY-700);
}

.new-ad-info-container > .body-l-medium {
  color: var(--BLACK-999);
}

.new-ad-price-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
}

.new-ad-price-row > .body-xl-bold {
  color: var(--BLUE-500);
}

.new-ad-price-row > .body-s-regular {
  color: var(--GRAY-700);
}

.new-ad-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.new-ad-detail-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.new-ad-detail-row > .body-m-regular {
  color: var(--GRAY-700);
}

.new-ad-separator {
  width: 1px;
  height: 1.25rem;
  background-color: var(--GRAY-300);
}

.location-wrap {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.location-wrap > .body-m-regular {
  color: var(--GRAY-700);
}

/***** OBJECT VIEW SECTION *****/

.section-obj-view {
  padding: 4rem 0 0;
}

.container-object {
  align-items: flex-start !important;
}

.obj-descriptions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  border-bottom: 1px solid var(--GRAY-300);
  width: 100%;
}

.back-link-box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}

.back-link-box .link-m {
  gap: 0.5rem !important;
}

.obj-breadcrumbs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.breadcrumb-link {
  color: var(--GRAY-500);
  text-decoration: none;
}

.breadcrumb-active-link,
.info-pair-value {
  color: var(--GRAY-900) !important;
  font-weight: 500;
}

.breadcrumb-actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  min-width: 20rem;
}

.obj-gallery-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.obj-gallery-div {
  margin-left: -1rem;
  position: relative;
}

.obj-gallery::part(pagination) {
  margin: -5rem auto 0;
  padding: 0.25rem;
  max-width: 80%;
  background-color: #00000060;
  border-radius: 0.5rem;
  gap: 0.25rem;
  align-items: center;
}

.object-block-many sl-carousel-item {
  height: 100%;
  position: relative;
}

.object-block-many sl-carousel::part(pagination) {
  position: absolute;
  padding: 0.25rem;
  background-color: #00000060;
  border-radius: 0.5rem;
  gap: 0.25rem;
  align-items: center;
  bottom: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  max-width: 80%;
}

.obj-gallery::part(pagination-item),
.object-block-many sl-carousel::part(pagination-item) {
  height: 0.375rem;
  width: 0.375rem;
  background-color: var(--GRAY-300);
}

.obj-gallery::part(pagination-item--active),
.object-block-many sl-carousel::part(pagination-item--active) {
  background-color: var(--WHITE-1);
  height: 0.5rem;
  width: 0.5rem;
}

.object-block-many sl-carousel::part(navigation-button--previous) {
  position: absolute;
  left: 0;
  top: 0;
}

.object-block-many sl-carousel::part(navigation-button--next) {
  position: absolute;
  right: 0;
  top: 0;
}

.chevrons-block {
  position: absolute;
  width: 90%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.chevron-btn {
  opacity: 0;
  padding: 0.5rem 0.75rem;
  background-color: var(--WHITE-1);
  border-radius: 0.325rem;
  border: 1px solid var(--GRAY-300);
  cursor: pointer;
}

.obj-gallery-div:hover .chevron-btn,
.new-ad-card:hover .chevron-btn {
  opacity: 1;
}

.obj-right-block {
  display: flex;
  flex-direction: row;
  width: 30rem;
}

.obj-bottom-block {
  display: none;
}

.obj-gallery-previews {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 30rem;
}

.card-image {
  width: 14.75rem;
  height: 8.85rem;
  position: relative;
}

.card-image img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.carousel-image-overlay {
  position: absolute;
  border-radius: 0.5rem;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000060;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 20;
}

.gallery-init-btn {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.gallery-init-btn:hover {
  color: var(--WHITE-1);
  text-decoration: none;
}

.photos-count {
  color: var(--WHITE-1);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.25rem;
  font-family: "Clash Display";
}

.photos-count-label {
  color: var(--WHITE-1);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin-top: -10px;
}

.container-obj-main-details {
  padding: 1.5rem 0;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
}

.obj-details-line {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 2rem;
  align-items: center;
  width: 100%;
}

.obj-info-pair {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 0.25rem;
  align-items: center;
}

.obj-info-pair-v {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.clients-card-content-container .obj-info-pair-v {
  align-items: flex-start !important;
}

.v-s-gap {
  gap: 0.25rem;
}

.info-pair-label {
  color: var(--GRAY-700) !important;
}

.obj-details-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.obj-details-flex {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4rem;
  max-width: 50rem;
}

.obj-price-details-flex {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1rem;
  align-items: center;
}

.obj-price-row,
.obj-badges-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.obj-price-row {
  gap: 2rem;
}

.obj-badges-row {
  gap: 1rem;
}

#sticky-badges {
  /* box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03); */
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}

#sticky-badges .obj-badges-row {
  gap: 0.5rem;
  padding: 0.5rem 0;
}

#sticky_broker_container {
  position: relative;
  height: 1px;
  width: 100%;
  background-color: transparent;
}

#sticky_broker {
  position: absolute;
  right: 0;
  top: 20px;
}

.obj-price-value {
  font-family: "Clash Display";
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 2.75rem;
  letter-spacing: 0.02em;
  color: var(--BLUE-500);
}

.obj-price-divided {
  line-height: 2.75rem;
  color: var(--GRAY-500);
}
.obj-full-title {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: var(--GRAY-900);
}

.obj-grey-label {
  color: var(--GRAY-700);
}

.obj-grey-value {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #344754;
}

sl-divider.obj-info-v-divider {
  --width: 2px;
  --spacing: 1rem;
  height: 3.25rem;
}

.obj-broker-offset {
  width: 7rem;
}

.obj-broker-big,
.obj-broker-small {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  background-color: var(--GRAY-50);
  border: 1px solid var(--GRAY-300);
  border-radius: 0.5rem;
  padding: 1.5rem;
}

.obj-broker-big {
  width: 23rem;
}

.obj-broker-small {
  width: 17rem;
}

.obj-broker-avatar::part(base),
.obj-broker-avatar::part(image) {
  width: 4.5rem;
  height: 4.5rem;
}

.broker-name {
  text-decoration: none;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: var(--BLUE-500);
}

.broker-subtitle {
  color: var(--GRAY-700);
}

.obj-grey-link {
  font-weight: 500;
  color: var(--GRAY-900);
  text-decoration: none;
}

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

.broker-blue-link {
  font-weight: 600;
  color: var(--BLUE-500);
  text-decoration: none;
}

.wider {
  width: 100%;
  gap: 0.75rem;
}

.obj-title {
  font-family: "Clash Display";
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.2rem;
  letter-spacing: 0.02em;
  color: var(--GRAY-900);
}

.obj-desc-items,
.obj-desc-lists {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.obj-desc-lists {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  max-height: auto;
  position: relative;
  transition: max-height 0.5s ease-in-out;
}
.obj-desc-lists.closed {
  max-height: 10rem;
  overflow: hidden;
}

.obj-desc-lists.closed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background: linear-gradient(rgba(255, 255, 255, 0), var(--WHITE-1));
  transition: background 0.5s ease-in-out;
}

.obj-list-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
}

.obj-hvstart {
  justify-content: flex-start;
  align-items: flex-start;
}

.param-pair {
  width: 48%;
}

.param-label,
.param-value {
  width: 50%;
}

.offer-price-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 20rem;
}

.btn-bank-link {
  border: 1px solid var(--GRAY-300);
  border-radius: 0.5rem;
  width: 16rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-bank-link:hover {
  background-color: var(--GRAY-50);
}

#luminor-dialog::part(title) {
  font-family: "Clash Display";
  color: var(--GRAY-900);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
}

#luminor-dialog::part(close-button) {
  font-family: "Clash Display";
  color: var(--GRAY-900);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
}

#luminor-dialog::part(overlay) {
  background-color: #00000080;
}

.luminor-button-section {
  border: 1px solid var(--GRAY-300);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem 1.5rem;
}

.luminor-btn {
  text-decoration: none;
}

#map {
  width: 100%;
  height: 20rem;
}

/***** CLIENTS LOOK SECTION *****/

.section-clients-look {
  padding: 6rem 0;
}

.section-clients-look.objects {
  background-color: var(--GRAY-50);
}

.clients-container {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.clients-heading-container {
  display: flex;
  justify-content: space-between;
}

.clients-look-carousel-container {
  display: flex;
  gap: 1.25rem;
}

.section-clients-look {
  .swiper-button-next,
  .swiper-button-prev,
  .swiper-pagination {
    position: relative;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {
    display: none;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: unset;
    width: unset;
    height: unset;
    margin-top: unset;
    right: unset;
    left: unset;
  }

  .swiper-button-next svg,
  .swiper-button-prev svg {
    width: unset;
    height: unset;
    object-fit: unset;
  }

  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    opacity: unset;
  }

  .swiper-button-next.swiper-button-disabled .btn-nav,
  .swiper-button-prev.swiper-button-disabled .btn-nav {
    cursor: not-allowed;
  }

  .swiper-button-next.swiper-button-disabled .btn-nav path,
  .swiper-button-prev.swiper-button-disabled .btn-nav path {
    stroke: var(--GRAY-400);
  }

  .swiper-pagination {
    left: unset;
    top: unset;
    bottom: unset;
    width: unset;
    display: flex;
    gap: 0.5rem;
  }

  .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
    background: var(--GRAY-400);
    opacity: 1;
    margin: 0 !important;
  }

  .swiper-pagination-bullet-active {
    background: var(--BLUE-500);
  }
}

.mobile-pagination {
  display: none;
  align-self: center;
}

.clients-look-card {
  display: flex;
  flex-direction: column;
  width: 23.75rem;
  background: var(--WHITE-1);
  border: 1px solid var(--GRAY-300);
  border-radius: 0.5rem;
  padding: 1.25rem 1rem;
  gap: 1.25rem;
}

.clients-card-details-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.clients-card-content-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.client-card-header,
.new-ad-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new-ad-card-header {
  position: absolute;
  top: 0.5rem;
  left: 50%;
  width: 90%;
  transform: translateX(-50%);
}

.new-ad-card-header img {
  width: 32px;
  height: 32px;
}

.new-ad-badge {
  color: var(--WHITE-1);
  background-color: var(--BLUE-300);
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
}

.client-detail-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.5rem;
  row-gap: 0.25rem;
}

.client-separator {
  height: 1.5rem;
  width: 1px;
  background-color: var(--GRAY-300);
}

.clients-card-content-container .body-m-regular {
  max-height: none;
  height: auto;
}

.clients-card-content-container .body-m-regular.closed {
  max-height: 4.625rem;
  overflow: hidden;
}

/***** MARKETING SECTION *****/
.section-marketing {
  padding: 1rem 1.5rem 1.5rem 1.5rem;
}

.marketing-container {
  max-width: 100%;
  width: 100%;
  height: 37.5rem;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  margin: 0 auto;

  display: flex;
  align-items: center;
  padding: 0 4rem;
}

.marketing-content {
  background-color: var(--BLUE-700);
  border-radius: 1rem;
  padding: 3rem;

  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 31.25rem;
  max-width: 100%;
  align-items: flex-start;
}

/***** MARKETING SECTION 2 *****/

.section-marketing.s-m--2 {
  padding: 1rem 1.5rem 3rem 1.5rem;
}

.s-m--2 .marketing-container {
  justify-content: flex-end;
}

.s-m--2 .marketing-content {
  width: 34.375rem;
}

/***** SERVICES SECTION *****/

.section-blog-other,
.section-services {
  padding: 6rem 0;
  background-color: var(--GRAY-100);
}

.services-container {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.services-heading-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.services-carousel-container {
  display: flex;
  align-items: center;
}

.section-services {
  .swiper-button-next,
  .swiper-button-prev,
  .swiper-pagination {
    position: relative;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {
    display: none;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: unset;
    width: unset;
    height: unset;
    margin-top: unset;
    right: unset;
    left: unset;
  }

  .swiper-button-next svg,
  .swiper-button-prev svg {
    width: unset;
    height: unset;
    object-fit: unset;
  }

  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    opacity: unset;
  }

  .swiper-button-next.swiper-button-disabled .btn-nav,
  .swiper-button-prev.swiper-button-disabled .btn-nav {
    cursor: not-allowed;
  }

  .swiper-button-next.swiper-button-disabled .btn-nav path,
  .swiper-button-prev.swiper-button-disabled .btn-nav path {
    stroke: var(--GRAY-400);
  }

  .swiper-pagination {
    left: unset;
    top: unset;
    bottom: unset;
    width: unset;
    display: flex;
    gap: 0.5rem;
  }

  .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
    background: var(--GRAY-400);
    opacity: 1;
    margin: 0 !important;
  }

  .swiper-pagination-bullet-active {
    background: var(--BLUE-500);
  }
}

.service-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 2rem 1.75rem;
  width: 25rem;
  height: 32.5rem;
  /* background: linear-gradient(
    180deg,
    rgba(3, 59, 99, 0) -8.2%,
    rgba(3, 59, 99, 0.99) 100%
  ); */
  /* background-size: cover; */
  /* background-position: center; */
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}

.service-card .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(3, 59, 99, 0) -8.2%,
    rgba(3, 59, 99, 0.99) 100%
  );
  z-index: -1;
}

.service-card .card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
}

.service-card .card-information {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.service-card .body-m-semibold.white {
  text-decoration: none;
}

.service-card .body-m-semibold.white:hover {
  text-decoration: underline;
}

/***** FEATURES SECTION *****/

.section-features {
  padding: 6rem 0;
}

.section-features--inverted {
  background-color: var(--GRAY-200);

  .feature-card {
    background: var(--GRAY-100);
  }
}

.features-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}

.features-grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr 1fr 1fr;
}

.feature-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  gap: 1.25rem;
  background: var(--GRAY-100);
  border-radius: 0.5rem;
  text-align: center;
}

.feature-icon {
  width: 3rem;
  height: 3rem;
  background: var(--BLUE-500);
  border-radius: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.feature-icon path {
  stroke: var(--GRAY-50);
}

.feature-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.section-features .feature-card .body-m-regular {
  color: var(--GRAY-700);
}

.partners-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3.5rem 2rem;
  gap: 1.25rem;
  width: 100%;
  background: var(--BLUE-700);
  border-radius: 1rem;
}

.partners-row {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 3rem;
  row-gap: 1.25rem;
  flex-wrap: wrap;
}

/***** CAREER SECTION *****/

.section-career {
  padding: 6rem 0;
  background-color: var(--GRAY-100);
}

.career-container {
  display: flex;
  gap: 4rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

.career-image {
  width: 39.375rem;
  height: 41.5rem;
  border-radius: 1.25rem;
}

.career-content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
  flex: 1;
  min-width: 40%;
}

.career-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem 1.5rem 0.75rem 1.5rem;
  gap: 2.5rem;
  background: var(--WHITE-1);
  border: 1px solid var(--GRAY-300);
  border-radius: 1rem;
  width: 100%;
}

/* .job-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
} */

.job-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.job-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
}

.job-detail {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--GRAY-700);
}

.job-detail svg path {
  stroke: var(--GRAY-400);
}

.job-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  position: relative;
  max-height: auto;
  transition: max-height 0.5s ease-in-out;
}

.job-content.closed {
  max-height: 22rem;
  overflow: hidden;
}

.job-content.closed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background: linear-gradient(rgba(255, 255, 255, 0), var(--WHITE-1));
  transition: background 0.5s ease-in-out;
}

.job-content-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.job-content-block .body-m-semibold {
  color: var(--GRAY-900);
}

.aligned-list {
  padding-left: 1.5rem;
  margin: 0;
  list-style-position: outside;
}

.banner-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 2.5rem 2rem;
  background: var(--BLUE-700);
  border-radius: 1rem;
  text-align: center;
  width: 100%;
}

/**** SERVICE HEADER SECTION *****/

.section-service-header {
  padding: 5.5rem 0 5rem 0;
  position: relative;
}

.service-header-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.service-header-content {
  gap: 2rem;
  max-width: 43.75rem;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  justify-content: center;

  div {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}

/* Service section */

.section-service {
  padding: 6rem 0;
  background-color: var(--GRAY-100);
}

.service-content {
  gap: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wrap-reverse {
  flex-wrap: wrap-reverse;
}

.wrap-normal {
  flex-wrap: wrap;
}

.service-image {
  width: 35rem;
  height: 35rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.service-info {
  width: 25rem;
  max-width: 100%;
  gap: 2rem;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
}

.service-info-paragraph {
  display: flex;
  flex-direction: column;
  width: 27.5rem;
  max-width: 100%;
  gap: 1rem;
}

.service-info-header {
  gap: 0.75rem;
  width: 30.5rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

/*** FAQ SECTION ***/

.section-faq {
  padding: 6rem 0rem;
}

.faq-container {
  position: relative;
}

.faq-content {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}

.faq-questions {
  display: flex;
  flex-direction: column;
  align-items: left;
  /* gap: 1.5rem; */
  max-width: 42.5rem;
  width: 100%;

  sl-details {
    padding: 1.5rem 0;
  }

  sl-details::part(summary-icon) {
    font-size: 1.5rem;
  }

  sl-details[open]::part(summary-icon) {
    rotate: 180deg;
  }

  sl-details::part(summary) {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
  }

  sl-details::part(base) {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;

    background: none;
    border: none;
  }

  sl-details::part(header) {
    padding: 0;
  }

  sl-details::part(content) {
    padding: 0.5rem 3rem 0 0;
  }

  sl-details:not(:last-child) {
    border-bottom: 1px solid var(--GRAY-300);
  }
}

.faq-ask-question {
  border-radius: 1rem;
  width: 42.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 2rem;
  background-color: var(--BLUE-700);
  gap: 1.25rem;
  text-align: center;
}

.faq-ask-question div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}

/*** BROKERAGE SECTION ***/

.section-header {
  padding: 5.5rem 0 5rem;
}

.container-header {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 90%;
  width: 43.75rem;
  align-items: center;
  text-align: center;
  margin: 0 auto !important;
}

.section-image {
  display: flex;
  justify-content: center;
  margin: 0 1.5rem;
}

.brokerage-image {
  max-width: 100rem;
  border-radius: 1.25rem;
  height: 22.4375rem;
  width: 100%;
}

.section-brokerage-content {
  padding: 6rem 0;
}

.brokerage-content {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  align-items: center;
  padding: 0 1.5rem;
}

.brokerage-info {
  max-width: 42.5rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.brokerage-info-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/*** TEAM SECTION ***/

.section-team {
  padding: 6rem 0;
}

.container-team {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  text-align: center;
}

.team-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 2rem;
  row-gap: 4rem;
  width: 80rem;
}

.team-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: left;
  width: 18.5rem;
}

.team-image {
  border-radius: 0.5rem;
  /* width: 17.5rem; */
  height: 20rem;
}

.team-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
}

.team-info div:nth-of-type(2) p:first-child {
  margin-bottom: 0.25rem;
}

/*** ABOUT SECTION ***/

.section-vision {
  padding: 6rem 0;
}

.vision-container {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}

.vision-info {
  display: flex;
  gap: 4rem;
  max-width: 80rem;
}

.vision-info p {
  max-width: 31.25rem;
}

.section-company-stats {
  padding: 6rem 0;
  background-color: var(--GRAY-100);
}

.company-stats-container {
  display: flex;
  gap: 6rem;
  max-width: 80rem;
  align-items: center;
}

.company-stats-image {
  height: 35rem;
  max-width: 35rem;
  border-radius: 0.5rem;
}

.company-stats-content {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  max-height: 20.25rem;
  max-width: 35rem;
}

.company-stats-numbers {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  color: var(--BLUE-300);
}

.company-stats-numbers h1 {
  color: var(--BLUE-300);
}

.company-stats-experience {
  display: flex;
  gap: 5rem;
}

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

/*** CAREER SECTION ***/

.career-content-container--cpage {
  max-width: 37.5rem;
  margin: 0 auto;
  align-items: center;
}

.career-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 37.5rem;
  padding: 1.5rem 1.5rem 1.75rem 1.5rem;
  width: 100%;
  background-color: var(--WHITE-1);
  border-radius: 1rem;
  border: 1px solid var(--GRAY-300);
}

.career-form-inputs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.career-form-attachments,
.offer-form-attachments {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.attached-files {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.attachment-chip {
  background-color: var(--GRAY-500);
  padding: 0.25rem 0.5rem;
  color: var(--WHITE-1);
  border-radius: 5px;
}

/* Blog Section */
.blog-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 32px;
  gap: 4rem;
  max-width: 80rem;
}

.section-blog-other .blog-container {
  align-items: center !important;
}

.blog-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 3rem;
}

.blog-post-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  column-gap: 2rem;
  row-gap: 3rem;
}

.blog-container .blog-post-card,
.blog-post-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  max-width: 24rem;
  text-decoration: none;
  color: var(--GRAY-900);
}

.blog-post-card {
  height: 29rem;
}

.blog-container .blog-post-card {
  height: auto !important;
}

.blog-post-card:visited {
  color: var(--GRAY-900);
}

.blog-post-image {
  max-width: 24rem;
  height: 17.5rem;
  border-radius: 0.5rem;
}

/**** BLOG INNER PAGE ****/

.section-blog-header {
  padding: 5.5rem 0 5rem;
}

.container-blog-header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 43.75rem;
  width: 100%;
  margin: 0 auto;
  align-items: center;
  text-align: center;
}

.header-time-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.section-featured-blogs {
  padding: 6rem 0;
  background-color: var(--GRAY-100);
}

.container-featured-blogs {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}

.featured-blogs-box {
  display: flex;
  gap: 2rem;
}

/* 404 Section */
.section-404 {
  padding: 6rem 0;
}

.container-404 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2rem;
  gap: 6rem;
  max-width: 80rem;
}

.image-404 {
  width: 31.25rem;
  height: 31.25rem;
  border-radius: 0.5rem;
}

.content-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2rem;
  max-width: 28.4375rem;
}

.heading-content-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.title-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

/****** NO RESULTS SECTION ******/

.content-not-found {
  padding: 5rem 0;
  text-align: center;
}

.not-found-help {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  gap: 1rem;
  width: 25rem;
  margin: 0 auto;
}

/****** CONTACT SECTION ******/

.section-contact {
  padding: 6rem 0;
  background-color: var(--GRAY-100);
}

.contact-container {
  display: flex;
  gap: 5rem;
  justify-content: center;
  align-items: flex-start;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 31.25rem;
  padding: 1.5rem 1.5rem 1.75rem 1.5rem;
  width: 100%;
  background-color: var(--WHITE-1);
  border-radius: 1rem;
  border: 1px solid var(--GRAY-300);
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  padding: 1.5rem 0 0 0;
}

.contact-info-box {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  div {
    display: flex;
    gap: 0.75rem;
    flex-direction: column;
    a {
      text-decoration: none;
    }
  }
}

/*** BROKER SECTION ***/

.section-broker {
  padding: 6rem 0;
  background-color: var(--GRAY-100);
}

.broker-container {
  display: flex;
  gap: 6rem;
  justify-content: center;
  align-items: flex-start;
}

.broker-container picture {
  border-radius: 0.5rem;
  min-width: 25rem;
}

.broker-text {
  max-width: 33rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;

  > div {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;

    > div {
      display: flex;
      gap: 0.25rem;
      flex-direction: column;
    }
  }
}

.broker-btns-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

.broker-ads-container {
  > .heading-secondary {
    padding: 2.5rem 0;
  }
}

.broker-ads-filter-container {
  background-color: var(--GRAY-50);
  border-top: 1px solid var(--GRAY-300);
  border-bottom: 1px solid var(--GRAY-300);
  padding: 2rem 0;

  > .broker-ads-filter {
    display: flex;
    gap: 1rem;
    align-items: flex-end;

    > * {
      flex: 1;
    }
  }
}

.broker-ads-grid-container {
  padding: 2.5rem 0 5rem 0;
  display: flex;
  flex-direction: column;
  gap: 3rem;

  > .quick-filter {
    align-self: flex-start;
  }

  > .results {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
  }
}

.broker-ads-grid {
  display: grid;
  grid-template-columns: auto auto auto auto;
  row-gap: 2.25rem;
  column-gap: 1.5rem;
}

.broker-image {
  width: 25rem;
  height: 30rem;
}

/*** BROKER PAGE ***/

.broker-ads-filter-container .section-object-filter {
  border-bottom: none !important;
}

.broker-filters-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}

.middle-container-object-filter {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.5rem;
}

#broker-filters .object-search-btns-box {
  max-width: 17rem;
}

#broker-filters .btn-primary {
  width: auto;
}

#broker-filters .input-double {
  min-width: 4rem;
}

#middle-broker-filters .input-double {
  min-width: 4.275rem;
}

#middle-broker-filters .object-search-btns-box {
  justify-content: flex-start;
  gap: 2rem;
}

.broker-filters-column {
  flex-direction: column;
  align-items: flex-start !important;
  gap: 1.5rem !important;
}

.standart-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--GRAY-700);
  margin: 0.2rem 0 0.375rem;
}

.double-label {
  margin-top: 0.2rem;
}

/**** Objects page ****/

.section-object-filter {
  padding: 1.5rem 0;
  background-color: var(--GRAY-50);
  border-bottom: 1px solid var(--GRAY-300);
}

.container-object-filter {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
}

.container-object-filter > *:not(:last-child) {
  flex: 1;
}

.object-search-btns-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  width: 40%;
}

.object-search-btns-box div {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.broker-object-search-btns-box {
  justify-content: space-between !important;
}

.section-objects {
  padding: 5rem 0;
}

.container-objects,
.container-object {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;

  > .results {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
  }
}

.container-objects h1 {
  text-align: center;
}

.sorting-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
}

.objects-grid,
.offers-grid,
.searches-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 1.5rem;
  row-gap: 2.25rem;
  justify-content: flex-start;
  width: 100%;
}

/**** CALCULATOR ****/

.section-calculator {
  padding: 0 0 6rem 0;
}

.container-calculator,
.container-offer {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}

.step-count-container {
  padding: 2.5rem 0;
  background-color: var(--GRAY-100);
  border-radius: 0.5rem;

  display: flex;
  align-items: center;
  gap: 2.5rem;
  justify-content: center;
  align-self: stretch;
}

.calculator-form {
  position: relative;
  width: 37.5rem;
}

.form-step {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;

  > .btn-secondary-l,
  > .btn-primary {
    align-self: flex-start;
  }

  &.hidden {
    display: none;
  }

  .button-box {
    display: flex;
    gap: 1.5rem;
    align-items: center;
  }
}

.step-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.step-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.step-row {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.step-flex-row {
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.step-flex-row .checkbox {
  width: 12.25rem;
}

.checkbox-row {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.finish-step-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
  align-items: center;
}

.form-step-last {
  align-items: center;
  text-align: center;
}

label.error {
  color: var(--RED-500);
  font-size: 0.85rem;
  font-weight: 500;
}

/*** LIGHTBOX CUSTOM STYLES ***/

.uk-lightbox {
  background: rgba(0, 0, 0, 0.8) !important;
}

/* .uk-lightbox-items > * {
  left: 25% !important;
  justify-content: stretch !important;
}

.uk-lightbox-slidenav.uk-position-center-left {
  left: 25% !important;
} */

@media (max-width: 1359px) {
  .hero-information {
    width: 41.3rem;
  }
}

.select2-container .select2-selection--single {
  border-radius: 0.5rem !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 0.625rem 0.875rem;
  height: 2.75rem !important;
  background-color: var(--sl-input-background-color) !important;
  border: 1px solid var(--GRAY-300) !important;
  color: var(--GRAY-700) !important;
}

.select2-container .select2-search--inline .select2-search__field {
  margin: 0 !important;
  height: unset !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0 !important;
  line-height: unset !important;
}
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.select2-dropdown {
  background-color: var(--sl-input-background-color) !important;
  border: 1px solid var(--GRAY-300) !important;
  border-top-style: none !important;
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
  color: var(--GRAY-700) !important;
}

.select2-search__field {
  padding-right: 1.5rem !important;
}

.pos-rel {
  position: relative;
}

#address_search_svg {
  position: absolute;
  top: 2.4rem;
  right: 0.85rem;
}

.select2-selection__arrow {
  display: none !important;
}

#filter_created_at::part(input) {
  background-color: var(--sl-input-background-color);
  border: solid var(--sl-input-border-width) var(--sl-input-border-color);
  border-radius: 0.5rem;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  height: 2.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0 0.875rem;
  color: var(--GRAY-900);
}

#filter_created_at::part(base) {
  border: none;
  height: unset;
}

.district-option {
  font-weight: 400;
  padding-left: 0.5rem;
}

.dz-filename {
  position: relative;
  padding-right: 2.125rem;
}

.remove_file_icon {
  color: var(--WHITE-1);
  position: absolute;
  top: 50%;
  right: 0.5rem;
  cursor: pointer;
  width: 1.25rem;
  transform: translateY(-50%);
}

.saved-searches-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
  width: 100%;
}

.searches-flex {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1rem;
  width: 45rem;
  max-width: 100%;
}

.search-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--GRAY-300);
}

.div-link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  width: 80px;
}

.search-row:last-child {
  border-bottom: none;
  margin-bottom: none;
}

.search-item {
  text-decoration: none;
  color: var(--GRAY-700);
}

.search-items-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 0.5rem;
}

sl-divider.search-items-divider {
  height: 1.5rem;
}

#saved_searches_list {
  display: none;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

#saved_searches_list .search-items-row {
  row-gap: 0.2rem !important;
}

#saved_searches_list sl-divider.search-items-divider {
  height: 1.25rem;
}

.rotate-180 {
  transform: scaleY(-1);
  transition: transform 0.3s ease-in-out;
}

#partners_toggle_link {
  color: var(--WHITE-1) !important;
}

#partners_toggle_link path {
  stroke: var(--WHITE-1) !important;
}

#partners_toggle_list {
  display: none;
  text-align: center;
}

.object-images-container {
  height: 100%;
}

.object-title {
  height: 3.5rem;
  overflow: hidden;
}

.obj-short-gallery {
  height: 100%;
  width: 100%;
}

.obj-short-gallery::part(base) {
  gap: 0;
}

.obj-short-gallery::part(scroll-container) {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}

.blog-heading-container {
  margin: 0 auto;
}

.link-btn {
  text-decoration: none !important;
}

.object-type-hide {
  display: none;
}

.flex-1 {
  flex: 1;
}

/*** PAGINATION STYLES ***/

.container-pagination {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5rem 0;
}

.pagination-link {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  align-items: center;
  text-decoration: none;
  color: var(--BLUE-500);
  cursor: pointer;
}

.pagination-pages {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: center;
}

.current-page {
  min-width: 2.5rem;
  min-height: 2.5rem;
  background-color: var(--GRAY-50);
  border: 1px solid var(--GRAY-400);
  border-radius: 5px;
  color: var(--GRAY-400);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination-link.disabled {
  color: var(--BLUE-50);
  cursor: not-allowed;
}

.pagination-link.disabled svg path {
  stroke: var(--BLUE-50);
}

#luminor-dialog::part(base) {
  z-index: 991 !important;
}