@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

/* Tailwind CSS */

/* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 409px){
  .container{
    max-width: 409px;
  }
}

@media (min-width: 460px){
  .container{
    max-width: 460px;
  }
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1150px){
  .container{
    max-width: 1150px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1350px){
  .container{
    max-width: 1350px;
  }
}

@media (min-width: 1440px){
  .container{
    max-width: 1440px;
  }
}

@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}

@media (min-width: 1640px){
  .container{
    max-width: 1640px;
  }
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.bottom-0{
  bottom: 0px;
}

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

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

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.ml-\[-5px\]{
  margin-left: -5px;
}

.mt-28{
  margin-top: 7rem;
}

.block{
  display: block;
}

.flex{
  display: flex;
}

.hidden{
  display: none;
}

.h-full{
  height: 100%;
}

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

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

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

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

.translate-x-1\/2{
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.border{
  border-width: 1px;
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

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

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

.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* Your CSS Styles */

.nav-banner-active{
  padding-top: 30px
}

.nav-desktop{
  position: relative;
  min-height: 120px;
  padding-top: 30px
}

.header-cont{
  position: absolute;
  top: 6rem;
  z-index: 10;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

@media (min-width: 640px){
  .header-cont{
    top: 2.5rem
  }
}

@media (min-width: 1536px){
  .header-cont{
    padding-left: 0px;
    padding-right: 0px
  }
}

.header-cont .header-panel_menu{
  cursor: pointer;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem
}

.no-baner-header{
  top: 0rem !important
}

@media (min-width: 640px){
  .no-baner-header{
    top: 2.5rem !important
  }
}

.button-search-fol{
  display: block
}

@media (min-width: 1280px){
  .button-search-fol{
    display: none
  }
}

.button-search-fol a{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  display: flex;
  height: 40px;
  max-width: 300px;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.button-search-fol a img{
  filter: brightness(11) saturate(100%) invert(76%) sepia(67%) saturate(600%) hue-rotate(900deg)
}

.list-inwestment-mobile{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  display: block;
  max-width: 300px
}

@media (min-width: 1024px){
  .list-inwestment-mobile{
    margin-left: 0px;
    margin-right: 0px
  }
}

@media (min-width: 1280px){
  .list-inwestment-mobile{
    display: none
  }
}

.list-inwestment-mobile h5{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(232 232 232 / var(--tw-text-opacity));
  --tw-text-opacity: 0.7
}

.list-inwestment-mobile_box{
  margin-bottom: 1.25rem
}

.list-inwestment-mobile_box__head{
  display: flex;
  justify-content: space-between;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.list-inwestment-mobile_box__head h4{
  width: 100%;
  font-size: 1.25rem;
  line-height: 1.75rem
}

.list-inwestment-mobile_box__head img{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.list-inwestment-mobile .mobie-list-sub-items{
  padding-left: 1.25rem
}

.list-inwestment-mobile .mobie-list-sub-items h3{
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.list-inwestment-mobile .mobie-list-sub-items p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(232 232 232 / var(--tw-text-opacity));
  --tw-text-opacity: 0.7
}

.list-inwestment-mobile .mobie-list-sub-items .investment-item-seemore{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem
}

.nav-desktop-open.active,
.nav-desktop-open2.active {
  transform: translateX(0);
}

.nav-desktop-open , .nav-desktop-open2{
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100%;
  overflow-y: scroll;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.95
}

@media (min-width: 768px){
  .nav-desktop-open , .nav-desktop-open2{
    padding-bottom: 1.25rem
  }
}

@media (min-width: 1280px){
  .nav-desktop-open , .nav-desktop-open2{
    padding-bottom: 2.5rem
  }
}

.nav-desktop-open , .nav-desktop-open2{
  z-index: 999;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}

@media (min-width: 1280px){
  .nav-desktop-open .nav-desktop-open_top,.nav-desktop-open2 .nav-desktop-open_top{
    margin-top: 4rem
  }
}

.nav-desktop-open .mobile-box-cont,.nav-desktop-open2 .mobile-box-cont{
  display: block;
  justify-content: center;
  gap: 2.5rem
}

@media (min-width: 1024px){
  .nav-desktop-open .mobile-box-cont,.nav-desktop-open2 .mobile-box-cont{
    display: flex
  }
}

.nav-desktop-open .mobile-socials,.nav-desktop-open2 .mobile-socials{
  margin-top: 2.5rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

@media (min-width: 768px){
  .nav-desktop-open .mobile-socials,.nav-desktop-open2 .mobile-socials{
    display: none
  }
}

.nav-desktop-open .mobile-socials .mobile-social-btn,.nav-desktop-open2 .mobile-socials .mobile-social-btn{
  display: flex;
  height: 2.5rem;
  width: 300px;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.nav-desktop-open .mobile-socials .social-icons,.nav-desktop-open2 .mobile-socials .social-icons{
  margin-top: 1.25rem;
  display: flex;
  width: 300px;
  align-items: center;
  justify-content: space-between
}

.nav-desktop-open .mobile-socials .social-icons a.glink, .nav-desktop-open2 .mobile-socials .social-icons a.glink {
  text-decoration: none;
  display: flex;
  align-items: center;
}

.nav-desktop-open .mobile-socials .social-icons_box,.nav-desktop-open2 .mobile-socials .social-icons_box{
  display: flex;
  width: 100%;
  gap: 1.25rem
}

.nav-desktop-open .mobile-socials .social-icons_box img,.nav-desktop-open2 .mobile-socials .social-icons_box img{
  width: 1.75rem;
  filter: brightness(11) saturate(100%) invert(76%) sepia(67%) saturate(600%) hue-rotate(900deg)
}

.nav-desktop-open_top,.nav-desktop-open2_top{
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media (min-width: 1280px){
  .nav-desktop-open_top,.nav-desktop-open2_top{
    margin-top: 5rem
  }
}

.nav-desktop-open_top .header-cont__img,.nav-desktop-open2_top .header-cont__img{
  margin-left: 0.625rem
}

.nav-desktop-open .header-panel_menu svg,.nav-desktop-open2 .header-panel_menu svg{
  margin-left: 0.75rem;
  width: 26px;
  cursor: pointer
}

.nav-desktop-open .header-panel img,.nav-desktop-open2 .header-panel img{
  width: 1.75rem
}

.nav-desktop-open .header-panel .dropdown-menu a,.nav-desktop-open2 .header-panel .dropdown-menu a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.nav-desktop-open .header-panel .dropdown-menu a span,.nav-desktop-open2 .header-panel .dropdown-menu a span{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.nav-desktop-open_bot,.nav-desktop-open2_bot{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  display: flex;
  max-width: 330px;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

@media (min-width: 1024px){
  .nav-desktop-open_bot,.nav-desktop-open2_bot{
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    flex-wrap: nowrap
  }
}

@media (min-width: 1280px){
  .nav-desktop-open_bot,.nav-desktop-open2_bot{
    margin-top: 3.5rem;
    width: 100%;
    max-width: 1120px;
    justify-content: space-between
  }
}

.nav-desktop-open_bot__one,.nav-desktop-open2_bot__one{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.5rem
}

@media (min-width: 1280px){
  .nav-desktop-open_bot__one,.nav-desktop-open2_bot__one{
    max-width: 240px
  }
}

.nav-desktop-open_bot__one .brysky-title,.nav-desktop-open2_bot__one .brysky-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 0.7
}

@media not all and (min-width: 768px){
  .nav-desktop-open_bot__one .brysky-title,.nav-desktop-open2_bot__one .brysky-title{
    --tw-text-opacity: 1;
    color: rgb(232 232 232 / var(--tw-text-opacity))
  }
}

@media (min-width: 1280px){
  .nav-desktop-open_bot__one .brysky-title,.nav-desktop-open2_bot__one .brysky-title{
    font-size: 38px;
    font-weight: 700;
    --tw-text-opacity: 1
  }
}

.nav-desktop-open_bot__one .list-open,.nav-desktop-open2_bot__one .list-open{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem
}

@media (min-width: 1280px){
  .nav-desktop-open_bot__one .list-open,.nav-desktop-open2_bot__one .list-open{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
  }
}

.nav-desktop-open_bot__one .list-open li,.nav-desktop-open2_bot__one .list-open li{
  position: relative
}

.nav-desktop-open_bot__one .list-open li a,.nav-desktop-open2_bot__one .list-open li a{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.nav-desktop-open_bot__one .list-open li a:hover,.nav-desktop-open2_bot__one .list-open li a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 113 25 / var(--tw-text-opacity)) !important
}

.nav-desktop-open_bot__one .btn-white-orange,.nav-desktop-open2_bot__one .btn-white-orange{
  display: none
}

.property-info.nav-desktop-open_bot__one .btn-white-orange,.property-info.nav-desktop-open2_bot__one .btn-white-orange {
  display: none;
}

@media (min-width: 1280px){
  .nav-desktop-open_bot__one .btn-white-orange,.nav-desktop-open2_bot__one .btn-white-orange{
    display: flex
  }
}

.nav-desktop-open_bot__one .btn-blue,.nav-desktop-open2_bot__one .btn-blue{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  max-width: 210px
}

.nav-desktop-open_bot__one .social-icons,.nav-desktop-open2_bot__one .social-icons{
  flex-direction: column;
  gap: 1.25rem;
  display: none
}

.property-info.nav-desktop-open_bot__one .social-icons,.property-info.nav-desktop-open2_bot__one .social-icons {
  display: none;
}

@media (min-width: 1280px){
  .nav-desktop-open_bot__one .social-icons,.nav-desktop-open2_bot__one .social-icons{
    display: flex
  }
}

.nav-desktop-open_bot__one .social-icons_box,.nav-desktop-open2_bot__one .social-icons_box{
  display: flex;
  align-items: center;
  gap: 1.25rem
}

.nav-desktop-open_bot__one .social-icons_box img,.nav-desktop-open2_bot__one .social-icons_box img{
  width: 1.75rem
}

.nav-desktop-open_bot__two,.nav-desktop-open2_bot__two{
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

@media (min-width: 1280px){
  .nav-desktop-open_bot__two,.nav-desktop-open2_bot__two{
    gap: 5rem
  }
}

.nav-desktop-open_bot__two p,.nav-desktop-open2_bot__two p{
  margin-bottom: 1.25rem
}

.nav-desktop-open_bot__two .brysky-title,.nav-desktop-open2_bot__two .brysky-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 0.7
}

@media not all and (min-width: 768px){
  .nav-desktop-open_bot__two .brysky-title,.nav-desktop-open2_bot__two .brysky-title{
    --tw-text-opacity: 1;
    color: rgb(232 232 232 / var(--tw-text-opacity))
  }
}

@media (min-width: 1280px){
  .nav-desktop-open_bot__two .brysky-title,.nav-desktop-open2_bot__two .brysky-title{
    font-size: 38px;
    font-weight: 700;
    --tw-text-opacity: 1
  }
}

.nav-desktop-open_bot__two .list-open,.nav-desktop-open2_bot__two .list-open{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem
}

.nav-desktop-open_bot__two .list-open li a,.nav-desktop-open2_bot__two .list-open li a{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.nav-desktop-open_bot__two .list-open li a:hover,.nav-desktop-open2_bot__two .list-open li a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 113 25 / var(--tw-text-opacity)) !important
}

.nav-desktop-open_bot__two .btn-blue,.nav-desktop-open2_bot__two .btn-blue{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  max-width: 210px
}

.nav-desktop-open_bot__two .social-icons,.nav-desktop-open2_bot__two .social-icons{
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

.nav-desktop-open_bot__two .social-icons_box,.nav-desktop-open2_bot__two .social-icons_box{
  display: flex;
  align-items: center;
  gap: 1.25rem
}

.nav-desktop-open_bot__three,.nav-desktop-open2_bot__three{
  flex-direction: column;
  gap: 1.25rem;
  display: none
}

.property-info.nav-desktop-open_bot__three,.property-info.nav-desktop-open2_bot__three {
  display: none;
}

@media (min-width: 1280px){
  .nav-desktop-open_bot__three,.nav-desktop-open2_bot__three{
    display: flex
  }
}

.nav-desktop-open_bot__three .brysky-title,.nav-desktop-open2_bot__three .brysky-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 0.7
}

@media not all and (min-width: 768px){
  .nav-desktop-open_bot__three .brysky-title,.nav-desktop-open2_bot__three .brysky-title{
    --tw-text-opacity: 1;
    color: rgb(232 232 232 / var(--tw-text-opacity))
  }
}

@media (min-width: 1280px){
  .nav-desktop-open_bot__three .brysky-title,.nav-desktop-open2_bot__three .brysky-title{
    font-size: 38px;
    font-weight: 700;
    --tw-text-opacity: 1
  }
}

.nav-desktop-open_bot__three .investment-item,.nav-desktop-open2_bot__three .investment-item{
  display: flex;
  min-width: 540px;
  gap: 1.25rem;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem
}

.nav-desktop-open_bot__three .investment-item .investment-thumbnail img,.nav-desktop-open2_bot__three .investment-item .investment-thumbnail img{
  height: 10rem;
  min-height: 160px;
  width: 10rem;
  min-width: 160px;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.nav-desktop-open_bot__three .investment-item .investment-info,.nav-desktop-open2_bot__three .investment-item .investment-info{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between
}

.nav-desktop-open_bot__three .investment-item .investment-info_info,.nav-desktop-open2_bot__three .investment-item .investment-info_info{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

.nav-desktop-open_bot__three .investment-item .investment-info_info__icon img,.nav-desktop-open2_bot__three .investment-item .investment-info_info__icon img{
  height: 22px;
  width: 15px
}

.nav-desktop-open_bot__three .investment-item .investment-price,.nav-desktop-open2_bot__three .investment-item .investment-price{
  display: flex;
  align-items: center;
  justify-content: space-between
}

.nav-desktop-open_bot__three .investment-item .investment-price p:first-child,.nav-desktop-open2_bot__three .investment-item .investment-price p:first-child{
  font-size: 0.75rem;
  line-height: 1rem
}

.nav-desktop-open_bot__three .investment-item .investment-price a,.nav-desktop-open2_bot__three .investment-item .investment-price a{
  margin-top: 0.25rem
}

.nav-desktop-open_bot__three .investments-link,.nav-desktop-open2_bot__three .investments-link{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.nav-desktop-open_bot__three .investments-link:hover,.nav-desktop-open2_bot__three .investments-link:hover{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.menu-item{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.list{
  gap: 1.5rem;
  display: none
}

.property-info.list {
  display: none;
}

@media (min-width: 1024px){
  .list{
    display: flex
  }
}

@media (min-width: 1280px){
  .list{
    gap: 2rem
  }
}

@media (min-width: 1536px){
  .list{
    gap: 4.5rem
  }
}

.list a {
  background-image: linear-gradient(
        to right,
        #54b3d6,
        #54b3d6 50%,
        #000 50%
    );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.list a:before{
  content: '';
  background: #54b3d6;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0;
  height: 1px;
  transition: all 0.3s ease-in-out;
}

.list a:hover {
  background-position: 0;
}

.list a:hover::before{
  width: 100%;
}

.list li{
  position: relative;
  cursor: pointer;
  padding-right: 1.25rem
}

.list li:first-child::before{
  position: absolute;
  top: 44%;
  right: -6px;
  height: 0.75rem;
  width: 0.75rem;
  rotate: -90deg;
  transform: translate(50% , -50%);
  content: '';
  background-image: url('/wp-content/themes/bryksy/dist/img/arrow_black.svg');
  background-repeat: no-repeat
}

.list li:nth-child(2)::before{
  position: absolute;
  top: 44%;
  right: -6px;
  height: 0.75rem;
  width: 0.75rem;
  rotate: -90deg;
  transform: translate(50% , -50%);
  content: '';
  background-image: url('/wp-content/themes/bryksy/dist/img/arrow_black.svg');
  background-repeat: no-repeat
}

.current_page_item a {
  color: #54b3d6;
  background-image: linear-gradient(
            to right,
            #54b3d6,
            #54b3d6 50%,
            #000 50%
        );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
  background-position: 0;
}

.current_page_item a:before{
  content: '';
  background: #54b3d6;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  transition: all 0.3s ease-in-out;
}

.header-cont__img{
  max-width: 284px
}

.header-cont-sticky{
  z-index: 10;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between
}

#secondary-nav {
  opacity: 0;
  /* Początkowa wartość przezroczystości */
  position: fixed;
  top: 0;
  width: 100%;
  height: 100px;
  z-index: 999;
  background-color: #ffffff;
  transition: opacity 0.5s linear;
  pointer-events: none;
  display: none;
}

.property-info#secondary-nav {
  display: none;
}

@media (min-width: 1150px){
  #secondary-nav{
    display: block
  }
}

#secondary-nav .gt-current-lang{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

#secondary-nav .gt_float_switcher .gt_options a{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

#secondary-nav .gt-open{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

#nav-ham-sticky {
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100px;
  z-index: 999;
  background-color: #233d51;
  transition: opacity 0.5s linear;
  pointer-events: none;
  display: block
}

@media (min-width: 1150px){
  #nav-ham-sticky{
    display: none
  }
}

#secondary-nav.visible {
  opacity: 1;
  pointer-events: auto;
}

#nav-ham-sticky.visible {
  opacity: 1;
  pointer-events: auto;
}

#nav{
  display: block
}

#nav-ham{
  display: block
}

@media (min-width: 1150px){
  #nav-ham{
    display: none
  }
}

.hamburger{
  position: fixed;
  top: -10px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 80px
}

@media (min-width: 1150px){
  .hamburger{
    display: none
  }
}

.hamburger ul{
  display: flex;
  flex-direction: column
}

.hamburger ul li:last-child{
  height: auto;
  width: auto;
  border-radius: 0px;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.hamburger ul li{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity))
}

.header-panel{
  display: flex;
  min-height: 40px;
  align-items: center
}

.header-panel .header-panel_elm{
  display: flex;
  min-height: 40px;
  cursor: pointer;
  align-items: center;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.header-panel .header-panel_elm:first-child{
  display: none
}

.property-info.header-panel .header-panel_elm:first-child {
  display: none;
}

@media (min-width: 768px){
  .header-panel .header-panel_elm:first-child{
    display: flex
  }
}

.header-panel .header-panel_elm:nth-child(2){
  display: none
}

.property-info.header-panel .header-panel_elm:nth-child(2) {
  display: none;
}

@media (min-width: 768px){
  .header-panel .header-panel_elm:nth-child(2){
    display: flex
  }
}

.header-panel .header-panel_elm:nth-child(3){
  display: none
}

.property-info.header-panel .header-panel_elm:nth-child(3) {
  display: none;
}

@media (min-width: 768px){
  .header-panel .header-panel_elm:nth-child(3){
    display: flex
  }
}

/* Gtralate */

.gt_raw_link-xxjexk{
  display: flex !important;
  gap: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

.gt-current-wrapper , .gt-current-lang{
  display: none !important;
}

.hidden {
  display: none !important;
}

#nav-sticky{
  display: flex;
  align-items: center;
  position: fixed;
  top: -160px;
  /* Domyślnie poza ekranem */
  width: 100%;
  z-index: 9999;
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: top 0.3s ease-in-out;
  /* Płynne przejście */
  height: 0
}

#nav-sticky .header-cont{
  position: static !important
}

#nav-sticky.show {
  top: 0;
  /* Wyświetl pasek */
}

#nav-sticky.hide {
  top: -160px;
  /* Ukryj pasek */
}

.menu-item-gtranslate-child img{
  height: 1.25rem;
  width: 22px;
  border-radius: 9999px;
  -o-object-fit: cover;
  object-fit: cover
}

.flats-see-more{
  position: absolute;
  top: 140px;
  z-index: 50;
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: none
}

.flats-see-more h4{
  font-size: 20px;
  font-weight: 500
}

.flats-see-more h3{
  font-size: 18px;
  font-weight: 500
}

.flats-see-more p{
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.flats-see-more_cont{
  display: flex;
  flex-direction: column;
  gap: 0.75rem
}

.flats-see-more .city-link{
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500
}

.flats-see-more .city-link img{
  height: 10px;
  width: 0.75rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.flats-see-more .city-link:hover{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.flats-see-more_cracow{
  display: grid;
  max-width: 720px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem
}

.flats-see-more_cracow .investment-item-seemore{
  display: flex;
  align-items: center;
  gap: 1rem
}

.flats-see-more_cracow .investment-item-seemore .investment-thumbnail{
  height: 100px;
  width: 100px;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.flats-see-more_cracow .investment-item-seemore .investment-thumbnail img{
  height: 100px;
  width: 100px;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.flats-see-more_cracow .investment-item-seemore:hover h4{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.flats-see-more2{
  position: fixed;
  top: 120px;
  z-index: 50;
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: none
}

.flats-see-more2 h4{
  font-size: 20px;
  font-weight: 500
}

.flats-see-more2 h3{
  font-size: 18px;
  font-weight: 500
}

.flats-see-more2 p{
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.flats-see-more2_cont{
  display: flex;
  flex-direction: column;
  gap: 0.75rem
}

.flats-see-more2 .city-link{
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500
}

.flats-see-more2 .city-link img{
  height: 10px;
  width: 0.75rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.flats-see-more2 .city-link:hover{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.flats-see-more2_cracow{
  display: grid;
  max-width: 720px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem
}

.flats-see-more2_cracow .investment-item-seemore{
  display: flex;
  align-items: center;
  gap: 1rem
}

.flats-see-more2_cracow .investment-item-seemore .investment-thumbnail{
  height: 100px;
  width: 100px;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.flats-see-more2_cracow .investment-item-seemore .investment-thumbnail img{
  height: 100px;
  width: 100px;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.flats-see-more2_cracow .investment-item-seemore:hover h4{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.local-see-more{
  position: absolute;
  top: 140px;
  z-index: 50;
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: none
}

.local-see-more h4{
  font-size: 20px;
  font-weight: 500
}

.local-see-more h3{
  font-size: 18px;
  font-weight: 500
}

.local-see-more p{
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.local-see-more_cont{
  display: flex;
  flex-direction: column;
  gap: 0.75rem
}

.local-see-more .city-link{
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500
}

.local-see-more .city-link img{
  height: 10px;
  width: 0.75rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.local-see-more .city-link:hover{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.local-see-more_cracow{
  display: grid;
  max-width: 720px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem
}

.local-see-more_cracow .investment-item-seemore{
  display: flex;
  align-items: center;
  gap: 1rem
}

.local-see-more_cracow .investment-item-seemore .investment-thumbnail{
  height: 100px;
  width: 100px;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.local-see-more_cracow .investment-item-seemore .investment-thumbnail img{
  height: 100px;
  width: 100px;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.local-see-more_cracow .investment-item-seemore:hover h4{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.local2-see-more{
  position: absolute;
  top: 120px;
  z-index: 50;
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: none
}

.local2-see-more h4{
  font-size: 20px;
  font-weight: 500
}

.local2-see-more h3{
  font-size: 18px;
  font-weight: 500
}

.local2-see-more p{
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.local2-see-more_cont{
  display: flex;
  flex-direction: column;
  gap: 0.75rem
}

.local2-see-more .city-link{
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500
}

.local2-see-more .city-link img{
  height: 10px;
  width: 0.75rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.local2-see-more .city-link:hover{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.local2-see-more_cracow{
  display: grid;
  max-width: 720px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem
}

.local2-see-more_cracow .investment-item-seemore{
  display: flex;
  align-items: center;
  gap: 1rem
}

.local2-see-more_cracow .investment-item-seemore .investment-thumbnail{
  height: 100px;
  width: 100px;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.local2-see-more_cracow .investment-item-seemore .investment-thumbnail img{
  height: 100px;
  width: 100px;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.local2-see-more_cracow .investment-item-seemore:hover h4{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.fast-contact{
  position: fixed;
  bottom: 1rem;
  right: 1.25rem;
  z-index: 40;
  display: none
}

.property-info.fast-contact {
  display: none;
}

@media (min-width: 768px){
  .fast-contact{
    display: block
  }
}

@keyframes pulse{
  50%{
    opacity: .5
  }
}

.fast-contact_open{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  cursor: pointer;
  transition: all 0.3s ease-in-out
}

.fast-contact_open:hover{
  animation: none
}

.fast-contact_content{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  display: none;
  transition: all 0.3s ease-in-out
}

.fast-contact_content__item{
  display: flex;
  justify-content: center
}

.fast-contact_content__item img{
  height: 3.5rem;
  width: 3.5rem;
  cursor: pointer
}

#menu-leng-3 span{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.gtranslate_wrapper{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.gtranslate_wrapper img {
  height: 1.25rem;
  width: 22px !important;
  border-radius: 9999px;
  -o-object-fit: cover;
  object-fit: cover;
}

#nav-sticky .header-panel_menu{
  cursor: pointer;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 0px
}

@media (min-width: 1024px){
  #nav-sticky .header-panel_menu{
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
}

.mobile-bottom-nav{
  position: fixed;
  bottom: 0px;
  z-index: 50;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  place-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

@media (min-width: 768px){
  .mobile-bottom-nav{
    display: none
  }
}

.mobile-bottom-nav{
  box-shadow: 1px 1px 24px -11px rgba(66, 68, 90, 1);
}

.mobile-bottom-nav a{
  display: flex;
  min-height: 54px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem
}

.mobile-bottom-nav a p{
  font-size: 0.75rem;
  line-height: 1rem
}

@media (min-width: 640px){
  .mobile-bottom-nav a p{
    font-size: 1rem;
    line-height: 1.5rem
  }
}

#menu-item-22 #menu-item-1566{
}

/* Ukryj wszystkie języki oprócz PL i EN */

ul.dropdown-menu.sub-menu li.menu-item-gtranslate-child a[data-gt-lang]:not([data-gt-lang="pl"]):not([data-gt-lang="en"]) {
  display: none !important;
}

a[data-gt-lang]:not([data-gt-lang="pl"]):not([data-gt-lang="en"]){
  display: none !important;
}

.menu-key-btn{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms
}

@media not all and (min-width: 640px){
  .menu-key-btn{
    display: none
  }
}

.menu-key-btn {
  background: linear-gradient(135deg, #273a7f 0%, #111a43 100%);
  box-shadow: 0 4px 14px rgba(39, 58, 127, 0.3);
}

.menu-key-btn-two{
  position: relative;
  margin-top: 1rem !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(39 58 127 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms
}

@media not all and (min-width: 640px){
  .menu-key-btn-two{
    display: none
  }
}

.menu-key-btn-two {
  background: linear-gradient(135deg, #fffcfc 0%, #ffffff 100%);
  box-shadow: 0 4px 14px rgba(243, 244, 247, 0.3);
}

.menu-key-btn svg{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms
}

.menu-key-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(39, 58, 127, 0.45);
}

.menu-key-btn:hover svg {
  transform: rotate(-15deg);
}

/* delikatny błysk przy hover */

.menu-key-btn::before {
  content: "";
  position: absolute;
  inset: 0px;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%);
}

.menu-key-btn:hover::before{
  opacity: 1;
  animation: keyBtnShine 0.7s ease
}

@keyframes keyBtnShine {
  from {
    transform: translateX(-100%);
  }

  to   {
    transform: translateX(100%);
  }
}

.standart-title{
  padding-top: 6rem;
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  font-style: italic
}

.standart-logo-cont{
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  padding-bottom: 3.5rem
}

@media (min-width: 640px){
  .standart-logo-cont{
    flex-direction: row;
    gap: 0px
  }
}

/* Buttons */

.btn-orange{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 113 25 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 113 25 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.btn-orange::before{
  position: absolute;
  height: 0px;
  width: 0px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-duration: 500ms;
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.btn-orange:hover{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 113 25 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.btn-orange:hover::before{
  height: 100%;
  content: var(--tw-content);
  width: 100%
}

.btn-blue{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.btn-blue::before{
  position: absolute;
  height: 0px;
  width: 0px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-duration: 500ms;
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.btn-blue:hover{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.btn-blue:hover::before{
  height: 100%;
  content: var(--tw-content);
  width: 100%
}

.btn-blue p{
  margin: 0px !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important
}

.btn-blue input{
  cursor: pointer;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem
}

.btn-blue:hover img{
  filter: invert(100%);
}

.btn-blue-two{
  display: flex;
  max-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.btn-blue-three{
  display: flex;
  max-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.filter-btn{
  display: flex;
  max-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.filter-btn-active{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.btn-blue-two-active{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.btn-white{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.btn-white::before{
  position: absolute;
  height: 0px;
  width: 0px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  transition-duration: 500ms;
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.btn-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.btn-white:hover::before{
  height: 100%;
  content: var(--tw-content);
  width: 100%
}

.btn-white-orange{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.btn-white-orange::before{
  position: absolute;
  height: 0px;
  width: 0px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 113 25 / var(--tw-bg-opacity));
  transition-duration: 500ms;
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.btn-white-orange:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.btn-white-orange:hover::before{
  height: 100%;
  content: var(--tw-content);
  width: 100%
}

.btn-white-two{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.btn-white-two::before{
  position: absolute;
  height: 0px;
  width: 0px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 113 25 / var(--tw-bg-opacity));
  transition-duration: 500ms;
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.btn-white-two:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.btn-white-two:hover::before{
  height: 100%;
  content: var(--tw-content);
  width: 100%
}

.see-app{
  border-radius: 15px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.see-app:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.calendar-btn{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(5 128 28 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(5 128 28 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.calendar-btn::before{
  position: absolute;
  height: 0px;
  width: 0px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-duration: 500ms;
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.calendar-btn:hover{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(5 128 28 / var(--tw-border-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(5 128 28 / var(--tw-text-opacity)) !important
}

.calendar-btn:hover::before{
  height: 100%;
  content: var(--tw-content);
  width: 100%
}

.calendar-btn p{
  position: relative !important;
  z-index: 10;
  margin: 0px !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important
}

.calendar-btn input{
  cursor: pointer;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem
}

.calendar-btn:hover img {
  filter: invert(100%);
}

#breadcrumbs ul{
  margin-top: 1.25rem;
  display: flex;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

#breadcrumbs ul a{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

#breadcrumbs ul li:last-child a{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

/* Heading Blue  */

.heading-blue-xs{
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.heading-blue-xss{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.heading-blue-18{
  font-size: 18px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.heading-blue-22{
  font-size: 16px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .heading-blue-22{
    font-size: 22px
  }
}

.heading-blue-24{
  font-size: 24px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.heading-blue-26{
  font-size: 26px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.heading-blue-38{
  font-size: 18px;
  font-weight: 700;
  line-height: 34px;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 409px){
  .heading-blue-38{
    font-size: 24px;
    line-height: 42px
  }
}

@media (min-width: 1024px){
  .heading-blue-38{
    font-size: 38px
  }
}

.heading-blue-48{
  font-size: 48px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

/* Heading Black  */

.heading-black-3xl{
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .heading-black-3xl{
    font-size: 32px
  }
}

.heading-black-4xl{
  font-size: 24px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

@media (min-width: 409px){
  .heading-black-4xl{
    font-size: 30px
  }
}

@media (min-width: 1024px){
  .heading-black-4xl{
    font-size: 38px
  }
}

.heading-black-24{
  font-size: 24px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.heading-black-20{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .heading-black-20{
    font-size: 20px
  }
}

.heading-black-46{
  font-size: 26px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

@media (min-width: 768px){
  .heading-black-46{
    font-size: 36px
  }
}

@media (min-width: 1280px){
  .heading-black-46{
    font-size: 46px
  }
}

.heading-black-2xl{
  font-size: 26px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

/* Text White  */

.text-white-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.text-white-xs{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 1640px) {
  .container {
    max-width: 1720px !important;
  }
}

/* Text Block */

.text-black-18{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.no-scroll {
  overflow: hidden;
}

.heading-white-38{
  font-size: 38px;
  font-weight: 700;
  line-height: 42px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.simple-text-page{
  padding-top: 5rem;
  padding-bottom: 5rem
}

.simple-text-page_content{
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

.simple-text-page_content h1{
  font-size: 32px;
  font-weight: 600
}

.simple-text-page_content h2{
  font-size: 28px;
  font-weight: 600
}

.simple-text-page_content h3{
  font-size: 24px;
  font-weight: 600
}

.simple-text-page_content h4{
  font-size: 20px;
  font-weight: 600
}

.simple-text-page_content h5{
  font-size: 16px;
  font-weight: 600
}

.simple-text-page_content ul{
  list-style-type: disc;
  padding-left: 1.25rem
}

.simple-text-page_content ol{
  list-style-type: decimal;
  padding-left: 1.25rem
}

.footer-cont{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity))
}

.footer-cont .footer-cont-elm{
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.5rem
}

@media (min-width: 1024px){
  .footer-cont .footer-cont-elm{
    margin-top: 5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5rem
  }
}

.footer-cont .footer-cont-elm .footer-contact-des{
  margin-top: 2rem
}

.footer-cont .footer-cont-elm .footer-contact-des h4{
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.footer-cont .footer-cont-elm .footer-contact-des span{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(203 203 203 / var(--tw-text-opacity))
}

.footer-cont .footer-cont-elm .footer-contact-des span a{
  text-decoration-line: underline;
  text-underline-offset: 2px
}

.footer-cont .footer-cont-elm .footer-contact-des span a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.footer-cont .footer-cont-elm h2{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.footer-cont .footer-cont-elm div:first-child{
  grid-column: span 2 / span 2
}

@media (min-width: 1024px){
  .footer-cont .footer-cont-elm div:first-child{
    grid-column: span 1 / span 1
  }
}

.footer-cont .footer-cont-elm div:nth-child(2){
  grid-column: span 2 / span 2
}

@media (min-width: 1024px){
  .footer-cont .footer-cont-elm div:nth-child(2){
    grid-column: span 1 / span 1
  }
}

.footer-cont .footer-cont-elm div:nth-child(2) a{
  max-width: 220px
}

.footer-cont .footer-cont-elm div:nth-child(2) .footer-cont-elm-social{
  margin-top: 1rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start
}

@media (min-width: 1024px){
  .footer-cont .footer-cont-elm div:nth-child(2) .footer-cont-elm-social{
    display: none
  }
}

.footer-cont .footer-cont-elm div:nth-child(3){
  justify-self: start
}

@media (min-width: 1024px){
  .footer-cont .footer-cont-elm div:nth-child(3){
    justify-self: end
  }
}

.footer-cont .footer-cont-elm div:nth-child(4){
  justify-self: start
}

@media (min-width: 1024px){
  .footer-cont .footer-cont-elm div:nth-child(4){
    justify-self: end
  }
}

.footer-cont .footer-cont-elm div:nth-child(4) h2{
  text-align: end
}

@media (min-width: 640px){
  .footer-cont .footer-cont-elm div:nth-child(4) h2{
    text-align: start
  }
}

.footer-cont .footer-cont-elm .footer-cont-elm__text_one{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(203 203 203 / var(--tw-text-opacity))
}

.footer-cont .footer-cont-elm-social{
  display: none
}

.property-info.footer-cont .footer-cont-elm-social {
  display: none;
}

@media (min-width: 1024px){
  .footer-cont .footer-cont-elm-social{
    display: block
  }
}

.footer-cont .footer-cont-elm-social h2{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.footer-cont .footer-cont-elm-social .footer-cont-elm-social-imgs{
  margin-top: 1.25rem;
  display: flex;
  gap: 1rem
}

.footer-cont .footer-cont-elm-social .footer-cont-elm-social-imgs img{
  height: 1.25rem;
  width: 1.25rem
}

.footer-cont .footer-cont-elm-botom{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-bottom: 5rem
}

@media (min-width: 640px){
  .footer-cont .footer-cont-elm-botom{
    margin-top: 2rem;
    padding-bottom: 2.5rem
  }
}

.footer-cont .footer-cont-elm-botom div:first-child{
  order: 3;
  grid-column: span 3 / span 3;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  justify-self: center;
  font-size: 11px
}

@media (min-width: 640px){
  .footer-cont .footer-cont-elm-botom div:first-child{
    font-size: 0.875rem;
    line-height: 1.25rem
  }
}

@media (min-width: 1024px){
  .footer-cont .footer-cont-elm-botom div:first-child{
    order: 1;
    grid-column: span 1 / span 1;
    margin: 0px;
    justify-self: start
  }
}

.footer-cont .footer-cont-elm-botom div:first-child{
  align-self: center;
}

.footer-cont .footer-cont-elm-botom div:nth-child(2){
  order: 1;
  grid-column: span 2 / span 2
}

@media (min-width: 1024px){
  .footer-cont .footer-cont-elm-botom div:nth-child(2){
    order: 2;
    grid-column: span 1 / span 1
  }
}

.footer-cont .footer-cont-elm-botom div:nth-child(2){
  justify-self: center;
  align-self: center;
}

.footer-cont .footer-cont-elm-botom div:nth-child(2) p{
  margin-top: 0.25rem
}

.footer-cont .footer-cont-elm-botom div:nth-child(3){
  order: 2;
  justify-self: center
}

@media (min-width: 1024px){
  .footer-cont .footer-cont-elm-botom div:nth-child(3){
    order: 3;
    justify-self: end
  }
}

.footer-cont .footer-cont-elm-botom .list-footer-botom{
  display: flex;
  gap: 1rem
}

.footer-cont .footer-cont-elm-botom .list-footer-botom a {
  background-image: linear-gradient(
        to right,
        #ff7119,
        #ff7119 50%,
        #fff 50%
    );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.footer-cont .footer-cont-elm-botom .list-footer-botom a:before{
  content: '';
  background: #ff7119;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0;
  height: 1px;
  transition: all 0.3s ease-in-out;
}

.footer-cont .footer-cont-elm-botom .list-footer-botom a:hover {
  background-position: 0;
}

.footer-cont .footer-cont-elm-botom .list-footer-botom a:hover::before{
  width: 100%;
}

.footer-cont .footer-cont-elm-botom .footer-cont-elm-botom__copytext{
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(203 203 203 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .footer-cont .footer-cont-elm-botom .footer-cont-elm-botom__copytext{
    font-size: 0.875rem;
    line-height: 1.25rem
  }
}

.footer-cont .footer-cont__img{
  padding-top: 5rem
}

.list-footer{
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.list-footer a {
  background-image: linear-gradient(
        to right,
        #ff7119,
        #ff7119 50%,
        #fff 50%
    );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.list-footer a:before{
  content: '';
  background: #ff7119;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0;
  height: 1px;
  transition: all 0.3s ease-in-out;
}

.list-footer a:hover {
  background-position: 0;
}

.list-footer a:hover::before{
  width: 100%;
}

.footer-cont-elm-social-imgs .social-icon {
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}

.footer-cont-elm-social-imgs .social-icon:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#menu-menu-stopka-inwestycje{
  margin: 0px !important
}

#menu-menu-stopka-inwestycje .menu-item{
  width: 100%;
  justify-content: flex-end !important;
  text-align: end
}

@media (min-width: 640px){
  #menu-menu-stopka-inwestycje .menu-item{
    justify-content: flex-start !important;
    text-align: start
  }
}

#menu-menu-stopka-inwestycje .menu-item li{
}

/* Stan domyślny — ukryj jak CF7 nic nie wyświetla */

.wpcf7-response-output {
  margin: 15px 0 0;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
}

/* Pusty komunikat — schowaj */

.wpcf7-response-output:empty {
  display: none;
  margin: 0;
  padding: 0;
}

/* Błąd walidacji (czerwony) */

form.invalid .wpcf7-response-output,
form.wpcf7-acceptance-as-validation.invalid .wpcf7-response-output {
  background-color: #fdecea;
  border: 1px solid #f5c2c0;
  color: #b71c1c;
}

/* Błąd wysyłki maila / spam (czerwony, nieco ciemniejszy) */

form.failed .wpcf7-response-output,
form.spam .wpcf7-response-output,
form.aborted .wpcf7-response-output {
  background-color: #fdecea;
  border: 1px solid #f5c2c0;
  color: #b71c1c;
}

/* Sukces (zielony) */

form.sent .wpcf7-response-output {
  background-color: #e7f6ec;
  border: 1px solid #b6e0c2;
  color: #1b5e20;
}

/* Modal gruntów */

/* ============================================
   MODAL ZAKUPU GRUNTÓW — style
   ============================================ */

/* ===== KONTENER MODALA ===== */

.modal-zakup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 40px 16px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.modal-zakup .wpcf7-form {
  font-family: inherit;
  color: #0f172a;
  font-size: 15px;
  line-height: 1.5;
}

.modal-zakup .wpcf7-form p {
  margin: 0;
}

.modal-zakup .input-form-cont {
  margin-bottom: 16px;
}

.modal-zakup .input-form {
  position: relative;
  width: 100%;
}

.modal-zakup .wpcf7-form input[type="text"],
.modal-zakup .wpcf7-form input[type="email"],
.modal-zakup .wpcf7-form input[type="tel"],
.modal-zakup .wpcf7-form input[type="number"],
.modal-zakup .wpcf7-form input[type="url"],
.modal-zakup .wpcf7-form textarea {
  width: 100%;
  padding: 18px 16px 8px;
  font-size: 15px;
  font-family: inherit;
  color: #0f172a;
  background: #ffffff;
  border: 1.5px solid #cbd5e1;
  border-radius: 10px;
  outline: none;
  transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.modal-zakup .wpcf7-form textarea {
  min-height: 120px;
  resize: vertical;
  padding-top: 22px;
}

.modal-zakup .wpcf7-form input:focus,
.modal-zakup .wpcf7-form textarea:focus {
  border-color: #1e40af;
  background: #f8fafc;
  box-shadow: 0 0 0 4px rgba(30, 64, 175, 0.1);
}

.modal-zakup .wpcf7-form input:-webkit-autofill,
.modal-zakup .wpcf7-form input:-webkit-autofill:hover,
.modal-zakup .wpcf7-form input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset;
  -webkit-text-fill-color: #0f172a;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.modal-zakup .input-form .place-holder {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  font-size: 15px;
  color: #64748b;
  pointer-events: none;
  transition: top 0.2s, font-size 0.2s, color 0.2s, transform 0.2s;
  background: transparent;
  padding: 0 4px;
}

.modal-zakup .input-text-area .place-holder {
  top: 18px;
  transform: none;
}

.modal-zakup .input-form input:not(:-moz-placeholder-shown) ~ .place-holder, .modal-zakup .input-form textarea:not(:-moz-placeholder-shown) ~ .place-holder {
  top: 0;
  transform: translateY(-50%);
  font-size: 12px;
  color: #1e40af;
  background: #ffffff;
  font-weight: 500;
}

.modal-zakup .input-form input:focus ~ .place-holder,
.modal-zakup .input-form input:not(:placeholder-shown) ~ .place-holder,
.modal-zakup .input-form textarea:focus ~ .place-holder,
.modal-zakup .input-form textarea:not(:placeholder-shown) ~ .place-holder {
  top: 0;
  transform: translateY(-50%);
  font-size: 12px;
  color: #1e40af;
  background: #ffffff;
  font-weight: 500;
}

.modal-zakup .input-form .place-holder strong {
  color: #dc2626;
  font-weight: 600;
  margin-left: 2px;
}

.modal-zakup .zgoda-komponent {
  margin: 14px 0;
  padding: 12px 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: #475569;
  transition: background-color 0.2s, border-color 0.2s;
}

.modal-zakup .zgoda-komponent:hover {
  background: #f1f5f9;
}

.modal-zakup .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
  display: block;
  position: relative;
}

.modal-zakup .wpcf7-acceptance .wpcf7-list-item-label {
  display: inline;
}

.modal-zakup .wpcf7-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  padding: 2px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.modal-zakup .wpcf7-acceptance input[type="checkbox"] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin: 1px 0 0;
  border: 1.5px solid #cbd5e1;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
  position: relative;
  transition: border-color 0.2s, background-color 0.2s;
  flex-shrink: 0;
}

.modal-zakup .wpcf7-acceptance input[type="checkbox"]:hover {
  border-color: #1e40af;
}

.modal-zakup .wpcf7-acceptance input[type="checkbox"]:checked {
  background: #1e40af;
  border-color: #1e40af;
}

.modal-zakup .wpcf7-acceptance input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.modal-zakup .wpcf7-acceptance input[type="checkbox"]:focus-visible {
  outline: 2px solid #1e40af;
  outline-offset: 2px;
}

.modal-zakup .zgoda-komponent strong {
  color: #dc2626;
  font-weight: 600;
}

.modal-zakup .zgoda-komponent aside label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0;
  font-size: 13px;
}

.modal-zakup .lottery-more-content {
  margin-top: 10px;
  padding: 12px;
  background: #ffffff;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.55;
  color: #64748b;
  max-height: 240px;
  overflow-y: auto;
}

.modal-zakup .lottery-more-content a {
  color: #1e40af;
  text-decoration: underline;
}

.modal-zakup .lottery-more-content a:hover {
  color: #1e3a8a;
}

.modal-zakup .lottery-more-content::-webkit-scrollbar {
  width: 6px;
}

.modal-zakup .lottery-more-content::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.modal-zakup .lottery-more-content::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.modal-zakup .toggle-zgoda {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #1e40af;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color 0.2s;
}

.modal-zakup .toggle-zgoda:hover,
.modal-zakup .toggle-zgoda:focus-visible {
  color: #1e3a8a;
  text-decoration: underline;
  outline: none;
}

.modal-zakup .form-btn {
  margin-top: 20px;
  text-align: center;
}

.modal-zakup .form-btn p {
  margin: 0;
}

.modal-zakup .wpcf7-form .wpcf7-submit {
  display: inline-block;
  width: 100%;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  color: #ffffff;
  background: #1e40af;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s, box-shadow 0.2s;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 14px rgba(30, 64, 175, 0.25);
}

.modal-zakup .wpcf7-form .wpcf7-submit:hover {
  background: #1e3a8a;
  box-shadow: 0 6px 20px rgba(30, 64, 175, 0.35);
  transform: translateY(-1px);
}

.modal-zakup .wpcf7-form .wpcf7-submit:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.25);
}

.modal-zakup .wpcf7-form .wpcf7-submit:disabled {
  background: #94a3b8;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.modal-zakup .wpcf7-spinner {
  margin: 0 0 0 12px;
  vertical-align: middle;
  background-color: #1e40af;
}

.modal-zakup .wpcf7-form .wpcf7-not-valid {
  border-color: #dc2626 !important;
  background: #fef2f2 !important;
}

.modal-zakup .wpcf7-form .wpcf7-not-valid:focus {
  box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.1) !important;
}

.modal-zakup .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #dc2626;
}

.modal-zakup .wpcf7 form .wpcf7-response-output {
  margin: 20px 0 0;
  padding: 14px 16px;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.5;
}

.modal-zakup .wpcf7 form.sent .wpcf7-response-output {
  background: #f0fdf4;
  color: #15803d;
  border-left: 4px solid #16a34a;
}

.modal-zakup .wpcf7 form.invalid .wpcf7-response-output,
.modal-zakup .wpcf7 form.unaccepted .wpcf7-response-output,
.modal-zakup .wpcf7 form.payment-required .wpcf7-response-output,
.modal-zakup .wpcf7 form.failed .wpcf7-response-output,
.modal-zakup .wpcf7 form.aborted .wpcf7-response-output,
.modal-zakup .wpcf7 form.spam .wpcf7-response-output {
  background: #fef2f2;
  color: #dc2626;
  border-left: 4px solid #dc2626;
}

@media (max-width: 640px) {
  .modal-zakup .wpcf7-form input[type="text"],
    .modal-zakup .wpcf7-form input[type="email"],
    .modal-zakup .wpcf7-form input[type="tel"],
    .modal-zakup .wpcf7-form input[type="number"],
    .modal-zakup .wpcf7-form input[type="url"],
    .modal-zakup .wpcf7-form textarea {
    font-size: 16px;
    padding: 16px 14px 8px;
  }

  .modal-zakup .zgoda-komponent {
    padding: 10px 12px;
    font-size: 12px;
  }

  .modal-zakup .wpcf7-form .wpcf7-submit {
    padding: 14px 24px;
    font-size: 15px;
  }
}

.modal-zakup.is-open {
  display: flex;
  animation: modalFadeIn 0.25s ease-out;
}

.modal-zakup__overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  cursor: pointer;
}

/* ===== OKNO DIALOGOWE ===== */

.modal-zakup__dialog {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  width: 100%;
  max-width: 640px;
  margin: auto;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.35);
  padding: 40px 36px 32px;
  animation: modalSlideUp 0.3s ease-out;
}

/* ===== PRZYCISK ZAMKNIĘCIA ===== */

.modal-zakup__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  border: none;
  background: #f1f5f9;
  border-radius: 50%;
  color: #475569;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, color 0.2s, transform 0.2s;
  z-index: 2;
}

.modal-zakup__close:hover {
  background: #e2e8f0;
  color: #0f172a;
  transform: rotate(90deg);
}

/* ===== NAGŁÓWEK ===== */

.modal-zakup__header {
  margin-bottom: 24px;
  padding-right: 40px;
}

.modal-zakup__title {
  font-size: 26px;
  line-height: 1.25;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 10px;
}

.modal-zakup__subtitle {
  font-size: 15px;
  line-height: 1.5;
  color: #64748b;
  margin: 0;
}

/* ===== BODY (formularz CF7) ===== */

.modal-zakup__body .wpcf7-form > p,
.modal-zakup__body .input-form-cont {
  margin-bottom: 14px;
}

/* ===== BLOKADA SCROLLA BODY GDY MODAL OTWARTY ===== */

body.modal-open {
  overflow: hidden;
}

/* ===== ANIMACJE ===== */

@keyframes modalFadeIn {
  from {
    opacity: 0;
  }

  to   {
    opacity: 1;
  }
}

@keyframes modalSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to   {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== RESPONSIVE — MOBILE ===== */

@media (max-width: 640px) {
  .modal-zakup {
    padding: 0;
  }

  .modal-zakup__dialog {
    border-radius: 0;
    min-height: 100vh;
    padding: 56px 20px 24px;
    max-width: 100%;
  }

  .modal-zakup__title {
    font-size: 22px;
  }

  .modal-zakup__close {
    top: 10px;
    right: 10px;
  }
}

.section-top{
  min-height: 500px
}

.wrap-top{
  position: relative;
  display: flex;
  max-width: 600px;
  flex-direction: column;
  gap: 2rem;
  padding-left: 2.5rem;
  padding-top: 6rem
}

.wrap-top .slider__title{
  margin-top: 8rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 768px){
  .wrap-top .slider__title{
    font-size: 80px;
    line-height: 100px
  }
}

.wrap-top .slider__des{
  font-size: 24px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.quest-sect{
  position: absolute;
  right: 0px;
  top: 12rem;
  display: flex;
  height: 7.5rem;
  width: 7rem;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem
}

.setup-page{
  margin-bottom: 2.5rem;
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(210 210 210 / var(--tw-border-opacity))
}

.setup-page .page-title{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem
}

.setup-page_topimg{
  margin-bottom: 0px;
  margin-top: 0.25rem;
  max-height: 530px;
  min-height: 530px;
  width: 100%;
  border-radius: 22px
}

@media (min-width: 1280px){
  .setup-page_topimg{
    margin-bottom: 6rem
  }
}

.setup-page_topimg img{
  max-height: 530px;
  min-height: 530px;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.setup-page_head{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media (min-width: 640px){
  .setup-page_head{
    margin-top: 0px;
    margin-bottom: 0px;
    flex-direction: row;
    gap: 0.75rem
  }
}

.setup-page_head .active-rzeszow{
  display: flex;
  max-height: 2.5rem;
  align-items: center
}

.setup-page_head .active-rzeszow .setup-page_head__btns__blue{
  display: flex;
  width: 8rem;
  cursor: pointer;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.setup-page_head .active-rzeszow .setup-page_head__btns__blue svg{
  width: 1rem
}

.setup-page_head .active-rzeszow .setup-page_head__btns__white{
  margin-left: -40px;
  min-width: 115px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.setup-page_head .active-krakow{
  display: flex;
  max-height: 2.5rem;
  align-items: center
}

.setup-page_head .active-krakow .setup-page_head__btns__blue{
  z-index: 10;
  display: flex;
  width: 7rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.setup-page_head .active-krakow .setup-page_head__btns__blue svg{
  width: 1rem
}

.setup-page_head .active-krakow .setup-page_head__btns__white{
  margin-left: -40px;
  min-width: 115px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 3rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.engagment-page{
  display: flex;
  flex-direction: column
}

@media (min-width: 1024px){
  .engagment-page{
    gap: 2.5rem
  }
}

.engagment-page .text-block-one{
  flex-direction: column-reverse
}

.engagment-page .text-block-one .block-text-des{
  margin-top: -22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  --tw-bg-opacity: 1
}

@media (min-width: 640px){
  .engagment-page .text-block-one .block-text-des{
    margin-top: -50px
  }
}

@media (min-width: 1024px){
  .engagment-page .text-block-one .block-text-des{
    margin-top: 0px
  }
}

/* Kontener na loader */

.loader-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
}

/* Stylizacja tekstu ładowania */

.loader-container p {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #007bff;
  /* Kolor pasujący do motywu */
}

/* Stylizacja spinnera */

.spinner {
  border: 4px solid rgba(0, 123, 255, 0.3);
  /* Jasnoniebieski półprzezroczysty */
  border-top: 4px solid #007bff;
  /* Niebieski */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  /* Animacja obrotu */
}

/* Kluczowe klatki dla animacji obrotu */

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* width */

::-webkit-scrollbar {
  width: 6px;
  /* szerokość scrollbara */
  height: 6px;
  /* wysokość scrollbara dla osi X */
}

/* Track */

::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 10px;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: #1c3583;
  border-radius: 10px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #1c3583;
}

.contact-page{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1180px;
  padding-top: 1.25rem
}

.contact-page a:hover{
  --tw-text-opacity: 1;
  color: rgb(84 179 214 / var(--tw-text-opacity))
}

.contact-page h1{
  text-align: center
}

.contact-page_boxes{
  margin-top: 1.75rem;
  display: flex;
  justify-content: space-between;
  gap: 2rem
}

@media (min-width: 640px){
  .contact-page_boxes{
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
  }
}

.contact-page_boxes__item{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  border-radius: 15px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem
}

@media (min-width: 1280px){
  .contact-page_boxes__item{
    align-items: flex-start
  }
}

.contact-page_boxes__item .item-box-title{
  font-size: 1.125rem;
  line-height: 1.75rem
}

.contact-page_boxes__item .item-box-title strong{
  font-size: 22px
}

.contact-page_boxes__item .item-box-tel{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.contact-page_boxes__item .item-box-road{
  display: flex;
  max-height: 40px;
  max-width: 165px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.contact-page_boxes__item .item-box-road img{
  width: 16px
}

.contact-page_boxes__item .item-box-open p{
  position: relative
}

.contact-page_boxes__item .item-box-open p:last-child{
  padding-left: 1.25rem
}

.contact-page_boxes__item .item-box-open p:last-child::before {
  content: "";
  background-image: url('../img/green_dot.svg');
  position: absolute;
  top: 50%;
  transform: translate(0%  ,-50%);
  left: 0;
  width:10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}

.contact-page_boxes__item .item-box-presons{
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

.contact-page_boxes__item .item-box-presons_items{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem
}

@media (min-width: 409px){
  .contact-page_boxes__item .item-box-presons_items{
    align-items: flex-start
  }
}

@media (min-width: 640px){
  .contact-page_boxes__item .item-box-presons_items{
    flex-direction: row;
    align-items: center
  }
}

.contact-page_boxes__item .item-box-presons_items__img img{
  height: 260px;
  width: 236px;
  border-radius: 15px
}

.contact-page_boxes__item .item-box-presons_items__name{
  font-size: 22px;
  font-weight: 600
}

.contact-page_boxes__item .item-box-presons_items a{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.contact-page_boxes__item .item-box-presons_items a:hover{
  --tw-text-opacity: 1;
  color: rgb(84 179 214 / var(--tw-text-opacity))
}

.contact-page_boxes__item .item-box-presons_items__personal{
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

.contact-page_boxes__item .item-box-presons_items a img:hover{
  filter: brightness(0) ;
}

.contact-page_boxes__item:nth-child(2){
  display: none
}

.property-info.contact-page_boxes__item:nth-child(2) {
  display: none;
}

@media (min-width: 1280px){
  .contact-page_boxes__item:nth-child(2){
    display: flex
  }
}

.contact-page_boxes__iframe{
  width: 100%
}

.contact-page_boxes__iframe iframe{
  height: 300px;
  width: 100%;
  max-width: 700px
}

.contact-page .information-box-cont{
  flex-direction: column
}

@media (min-width: 768px){
  .contact-page .information-box-cont{
    flex-direction: row
  }

  .contact-page .information-box-cont .information-box{
    max-width: 400px
  }
}

.contact-page .information-box-cont .information-box .item-box-title, .contact-page .information-box-cont .information-box .item-box-open{
  text-align: center
}

@media (min-width: 1280px){
  .contact-page .information-box-cont .information-box .item-box-title, .contact-page .information-box-cont .information-box .item-box-open{
    text-align: start
  }
}

/* Formularz */

.form-contact{
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

@media (min-width: 640px){
  .form-contact{
    margin-top: 0px
  }
}

.form-contact h2{
  text-align: center
}

.form-contact .wpcf7-form{
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

.form-contact .wpcf7-form .input-form-cont{
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

@media (min-width: 640px){
  .form-contact .wpcf7-form .input-form-cont{
    flex-direction: row;
    gap: 2rem
  }
}

.form-contact .wpcf7-form .input-form-cont .input-form{
  position: relative;
  width: 100%
}

.form-contact .wpcf7-form .input-form-cont .input-form input{
  width: 100%;
  border-radius: 6px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-top: 1.75rem
}

.form-contact .wpcf7-form .input-form-cont .input-form .place-holder{
  position: absolute;
  top: 0.375rem;
  left: 0.75rem;
  z-index: 10;
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.form-contact .wpcf7-form .input-form-cont .input-form .place-holder strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.form-contact .wpcf7-form .input-text-area{
  position: relative
}

.form-contact .wpcf7-form .input-text-area textarea{
  width: 100%;
  border-radius: 6px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-top: 1.75rem
}

.form-contact .wpcf7-form .input-text-area .place-holder{
  position: absolute;
  top: 0.375rem;
  left: 0.75rem;
  z-index: 10;
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.form-contact .wpcf7-form .input-text-area .place-holder strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.control_indicator{
  position: relative;
  height: 19px;
  width: 19px;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(61 61 61 / var(--tw-border-opacity))
}

.control input[type="checkbox"]:checked ~ .control_indicator {
  background-color: #0028a6;
  /* Kolor tła zaznaczonego checkboxa */
  border-color: #0028a6;
}

.control input[type="checkbox"]:checked ~ .control_indicator::after {
  display: block;
}

.control_indicator::after {
  content: "";
  position: absolute;
  display: none;
  left: 32%;
  top: 50%;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-50%, -50%);
}

.control_indicator4{
  position: relative;
  height: 19px;
  width: 19px;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(61 61 61 / var(--tw-border-opacity))
}

.control input[type="checkbox"]:checked ~ .control_indicator4 {
  background-color: #0028a6;
  /* Kolor tła zaznaczonego checkboxa */
  border-color: #0028a6;
}

.control input[type="checkbox"]:checked ~ .control_indicator4::after {
  display: block;
}

.control_indicator4::after {
  content: "";
  position: absolute;
  display: none;
  left: 32%;
  top: 50%;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-50%, -50%);
}

.acc-field{
  display: flex
}

.acc-field label{
  display: flex;
  gap: 0.75rem
}

.acc-field .acceptance-text{
  width: -moz-fit-content;
  width: fit-content;
  max-width: 1100px
}

.control-checkbox input{
  position: absolute;
  width: 20px;
  opacity: 0;
  height: 20px;
  z-index: 10;
}

.wpcf7-acceptance input{
  margin-right: 0.5rem;
  height: 1rem;
  width: 1rem
}

.lottery-more .lottery-more-content{
}

.zgoda-komponent.error {
  border: 1px solid red;
}

.extra-content {
  display: none;
}

.zgoda-komponent{
  font-size: 13px
}

.zgoda-komponent .lottery-more{
  cursor: pointer
}

.zgoda-komponent .lottery-more:hover{
  --tw-text-opacity: 1;
  color: rgb(84 179 214 / var(--tw-text-opacity))
}

.contact-btns{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.75rem;
  display: flex !important;
  justify-content: center
}

@media (min-width: 640px){
  .contact-btns{
    margin-top: 3.5rem
  }
}

@media (min-width: 1280px){
  .contact-btns{
    display: none !important
  }
}

.active-rzeszow{
  display: flex;
  max-height: 2.5rem;
  align-items: center
}

.active-rzeszow .setup-page_head__btns__blue{
  display: flex;
  width: 8rem;
  cursor: pointer;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.active-rzeszow .setup-page_head__btns__blue svg{
  width: 1rem
}

.active-rzeszow .setup-page_head__btns__white{
  margin-left: -40px;
  min-width: 115px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.active-krakow{
  display: flex;
  max-height: 2.5rem;
  align-items: center
}

.active-krakow .setup-page_head__btns__blue{
  z-index: 10;
  display: flex;
  width: 7rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.active-krakow .setup-page_head__btns__blue svg{
  width: 1rem
}

.active-krakow .setup-page_head__btns__white{
  margin-left: -40px;
  min-width: 115px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 3rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.extra-content.visible {
  display: inline;
}

.show-more {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

.form-btn{
  margin-left: auto;
  margin-right: auto;
  max-height: 56px;
  max-width: 205px;
  cursor: pointer
}

@media (min-width: 640px){
  .form-btn{
    margin-left: 0px;
    margin-right: 0px
  }
}

.form-btn p{
  display: flex;
  align-items: center;
  justify-content: center
}

.wpcf7-spinner{
  display: none
}

.property-info.wpcf7-spinner {
  display: none;
}

.sect-buy{
  display: flex;
  flex-direction: column
}

.sect-buy .sect-buy__top h1{
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600
}

.sect-buy .sect-buy__top h2{
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.sect-buy .sect-buy__top p{
  font-size: 1rem;
  line-height: 1.5rem
}

.sect-buy .sect-buy__btns{
  display: flex;
  align-items: center
}

.sect-buy .sect-buy__btns .sect-buy__btns__blue{
  display: flex;
  width: 8rem;
  cursor: pointer;
  gap: 0.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sect-buy .sect-buy__btns .sect-buy__btns__blue svg{
  width: 1rem
}

.sect-buy .sect-buy__btns .sect-buy__btns__white{
  margin-left: -40px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.sect-buy-box{
  margin-top: 4rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2.5rem
}

@media (min-width: 640px){
  .sect-buy-box{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1280px){
  .sect-buy-box{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.sect-buy-box .sect-buy-box__elm{
  max-width: 20rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.sect-buy-box .sect-buy-box__elm .sect-buy-box__elm__img{
  display: flex;
  justify-content: space-between
}

.sect-buy-box .sect-buy-box__elm .sect-buy-box__elm__img img{
  max-height: 150px;
  max-width: 240px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 2400px
}

.sect-buy-box .sect-buy-box__elm .sect-buy-box__elm__img span{
  padding-top: 1.25rem;
  padding-right: 0.75rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(244 244 244 / var(--tw-text-opacity))
}

.sect-buy-box .sect-buy-box__elm .sect-buy-box__elm__link{
  margin: 1.25rem
}

.sect-buy-box .sect-buy-box__elm .sect-buy-box__elm__link a{
  display: flex;
  gap: 1rem
}

.sect-buy-box .sect-buy-box__elm .sect-buy-box__elm__link svg{
  height: 1.25rem;
  width: 1.25rem;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.newsletter-cont{
  position: absolute;
  bottom: -12rem;
  left: 50%;
  max-width: 80rem !important;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 5rem;
  padding-right: 5rem
}

.newsletter-cont .newsletter-signup{
  display: flex;
  justify-content: space-between
}

.newsletter-cont .newsletter-signup .from-newsletter-email{
  position: relative;
  border-radius: 0.375rem
}

.newsletter-cont .newsletter-signup .from-newsletter-email input{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.newsletter-cont .newsletter-signup .from-newsletter-email input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(28 53 131 / var(--tw-placeholder-opacity))
}

.newsletter-cont .newsletter-signup .from-newsletter-email input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(28 53 131 / var(--tw-placeholder-opacity))
}

.newsletter-cont .newsletter-signup .from-newsletter-email .submit-newsletter{
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  height: 100%;
  width: 8.333333%;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity))
}

.newsletter-cont .newsletter-signup .from-newsletter-email .submit-newsletter svg{
  padding: 0.5rem
}

.newsletter-cont .newsletter-signup h2{
  font-size: 3rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.newsletter-cont .newsletter-signup .from-newsletter{
  max-width: 32rem
}

.newsletter-cont .newsletter-signup .from-newsletter .checkbox-container{
  display: flex;
  gap: 0.5rem
}

.newsletter-cont .newsletter-signup .from-newsletter .checkbox-container input{
  height: 1.5rem;
  width: 1.5rem
}

.newsletter-cont .newsletter-signup .from-newsletter .checkbox-container label{
  font-size: 10px
}

.sect-top-cont{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 1024px){
  .sect-top-cont{
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media (min-width: 1350px){
  .sect-top-cont{
    padding-left: 0px;
    padding-right: 0px
  }
}

.sect-top-cont .sect-top-slider{
  position: relative
}

@media (min-width: 1024px){
  .sect-top-cont .sect-top-slider{
    grid-column: span 2 / span 2
  }
}

.sect-top-cont .investment-images{
  position: relative;
  width: 100%;
  justify-content: space-between;
  gap: 0.75rem;
  display: none
}

.property-info.sect-top-cont .investment-images {
  display: none;
}

@media (min-width: 640px){
  .sect-top-cont .investment-images{
    display: flex
  }
}

@media (min-width: 1024px){
  .sect-top-cont .investment-images{
    flex-direction: column;
    gap: 1.25rem
  }
}

.sect-top-cont .investment-images img{
  transition: transform 0.3s ease, opacity 0.3s ease;
  filter: brightness(0.9);
}

.sect-top-cont .investment-images .investment-label{
  position: absolute;
  bottom: 2.25rem;
  right: -10px;
  z-index: 20
}

@media (min-width: 1350px){
  .sect-top-cont .investment-images .investment-label{
    bottom: 0.75rem
  }
}

.sect-top-cont .investment-images .investment-label_content{
  position: relative;
  display: flex;
  min-height: 65px;
  width: 200px;
  justify-content: center;
  padding-right: 1.25rem
}

.sect-top-cont .investment-images .investment-label_content svg{
  position: absolute;
  top: -34px;
  right: -40px;
  width: 236px
}

.sect-top-cont .investment-images .investment-label_content svg path{
  filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.5));
}

.sect-top-cont .investment-images .investment-label_content span{
  position: relative;
  z-index: 10;
  width: 100%;
  text-align: right;
  text-transform: uppercase
}

.sect-top-cont .investment-images .investment-label_content span p{
  margin-top: 14px
}

.sect-top-cont .investment-images a{
  position: relative;
  height: 100%
}

.sect-top-cont .investment-images a .investment-image{
  position: relative;
  height: 100%
}

@media (min-width: 1024px){
  .sect-top-cont .investment-images a .investment-image{
    max-height: 340px
  }
}

.sect-top-cont .investment-images a .investment-image img{
  height: 100%;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1024px){
  .sect-top-cont .investment-images a .investment-image img{
    max-height: 340px
  }
}

.sect-top-cont .investment-images a .investment-image .investments-info{
  position: absolute;
  left: 1.25rem;
  bottom: 1rem;
  z-index: 20
}

@media (min-width: 640px){
  .sect-top-cont .investment-images a .investment-image .investments-info{
    bottom: 1.5rem
  }
}

.sect-top-cont .investment-images a .investment-image .investments-info .investments-info__city{
  position: relative;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.sect-top-cont .investment-images a .investment-image .investments-info .investments-info__city p{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .sect-top-cont .investment-images a .investment-image .investments-info .investments-info__city p{
    font-size: 0.875rem;
    line-height: 1.25rem
  }
}

.sect-top-cont .investment-images a .investment-image .investments-info .investments-info__city img{
  height: 0.75rem;
  width: 0.5rem
}

@media (min-width: 640px){
  .sect-top-cont .investment-images a .investment-image .investments-info .investments-info__city img{
    height: 1rem;
    width: 0.75rem
  }
}

.sect-top-cont .investment-images a .investment-image .investments-info .investments-info__city .white-bg{
  position: absolute;
  left: -6px;
  top: -2px;
  height: 1.25rem;
  width: 5rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.3
}

@media (min-width: 640px){
  .sect-top-cont .investment-images a .investment-image .investments-info .investments-info__city .white-bg{
    top: -4px;
    height: 1.75rem;
    width: 6rem
  }
}

.sect-top-cont .investment-images a .investment-image .investments-info .investments-info__title{
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .sect-top-cont .investment-images a .investment-image .investments-info .investments-info__title{
    font-size: 0.875rem;
    line-height: 1.25rem
  }
}

@media (min-width: 768px){
  .sect-top-cont .investment-images a .investment-image .investments-info .investments-info__title{
    font-size: 1.875rem;
    line-height: 2.25rem
  }
}

.sect-top-cont .investment-images a .investment-image .investments-info .investments-info__title svg{
  width: 0.75rem;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 768px){
  .sect-top-cont .investment-images a .investment-image .investments-info .investments-info__title svg{
    width: 1.5rem
  }
}

.sect-top-cont .investment-images a .investment-image:hover .investments-info__title svg{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.sect-top-cont .investment-image:hover img{
  filter: brightness(1);
  opacity: 1;
}

.swiper-top{
  position: relative;
  height: 100%;
  border-radius: 0.375rem
}

.swiper-top .swiper-slide{
  position: relative;
  height: 100%;
  max-height: 700px;
  min-height: 400px;
  width: 100%;
  max-width: 1156px
}

@media (min-width: 640px){
  .swiper-top .swiper-slide{
    min-height: 700px
  }
}

.swiper-top .swiper-slide img{
  height: 100%;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover;
  --tw-brightness: brightness(.9);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  transition: transform 0.3s ease, opacity 0.3s ease
}

.swiper-top .swiper-slide .investment-label{
  position: absolute;
  bottom: -1rem;
  left: -26px
}

@media (min-width: 640px){
  .swiper-top .swiper-slide .investment-label{
    bottom: 3rem;
    left: -55px
  }
}

.swiper-top .swiper-slide .investment-label_content{
  position: relative;
  display: flex;
  min-height: 77px;
  width: 190px;
  justify-content: center
}

@media (min-width: 640px){
  .swiper-top .swiper-slide .investment-label_content{
    width: 400px
  }
}

.swiper-top .swiper-slide .investment-label_content svg{
  position: absolute;
  top: -4px;
  left: 0px
}

@media (min-width: 640px){
  .swiper-top .swiper-slide .investment-label_content svg{
    top: -22px
  }
}

.swiper-top .swiper-slide .investment-label_content svg path{
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
}

.swiper-top .swiper-slide .investment-label_content span{
  position: relative;
  z-index: 10;
  text-transform: uppercase
}

.swiper-top .swiper-slide .investment-label_content span p{
  margin-top: 12px;
  font-size: 0.75rem;
  line-height: 1rem
}

@media (min-width: 640px){
  .swiper-top .swiper-slide .investment-label_content span p{
    margin-top: 15px;
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.swiper-top .swiper-slide .investments-info{
  position: absolute;
  left: 1rem;
  bottom: 4rem;
  z-index: 20
}

@media (min-width: 640px){
  .swiper-top .swiper-slide .investments-info{
    left: 1.25rem;
    bottom: 9rem
  }
}

.swiper-top .swiper-slide .investments-info .investments-info__city{
  position: relative;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.swiper-top .swiper-slide .investments-info .investments-info__city p{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .swiper-top .swiper-slide .investments-info .investments-info__city p{
    font-size: 0.875rem;
    line-height: 1.25rem
  }
}

.swiper-top .swiper-slide .investments-info .investments-info__city img{
  height: 0.75rem;
  width: 0.5rem
}

@media (min-width: 640px){
  .swiper-top .swiper-slide .investments-info .investments-info__city img{
    height: 1rem;
    width: 0.75rem
  }
}

.swiper-top .swiper-slide .investments-info .investments-info__city .white-bg{
  position: absolute;
  left: -6px;
  top: -3px;
  height: 1.25rem;
  width: 5rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.3
}

@media (min-width: 640px){
  .swiper-top .swiper-slide .investments-info .investments-info__city .white-bg{
    top: -4px;
    height: 1.75rem;
    width: 6rem
  }
}

.swiper-top .swiper-slide .investments-info .investments-info__title{
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .swiper-top .swiper-slide .investments-info .investments-info__title{
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

@media (min-width: 768px){
  .swiper-top .swiper-slide .investments-info .investments-info__title{
    font-size: 1.875rem;
    line-height: 2.25rem
  }
}

@media (min-width: 1024px){
  .swiper-top .swiper-slide .investments-info .investments-info__title{
    font-size: 3rem;
    line-height: 1
  }
}

.swiper-top .swiper-slide .investments-info .investments-info__title svg{
  width: 1.5rem;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: none
}

.property-info.swiper-top .swiper-slide .investments-info .investments-info__title svg {
  display: none;
}

@media (min-width: 640px){
  .swiper-top .swiper-slide .investments-info .investments-info__title svg{
    display: block
  }
}

@media (min-width: 1024px){
  .swiper-top .swiper-slide .investments-info .investments-info__title svg{
    width: 2rem
  }
}

.swiper-top .swiper-slide:hover img{
  opacity: 1;
  --tw-brightness: brightness(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.swiper-top .swiper-slide:hover .investments-info__title svg{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.swiper-top .swiper-pagination2{
  position: absolute;
  bottom: 0.5rem !important;
  left: 50% !important;
  z-index: 20;
  display: none !important;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center !important
}

@media (min-width: 640px){
  .swiper-top .swiper-pagination2{
    bottom: 1rem !important;
    display: block !important
  }
}

.swiper-top .swiper-pagination-bullet {
  background-color: rgb(211, 211, 211) !important;
  width: 32px !important;
  height: 2px !important;
  opacity: 1 !important;
  margin: 4px !important;
  border-radius: 0px !important;
}

.swiper-top .swiper-pagination-bullet-active {
  background-color: white !important;
}

.section-shadow{
  position: absolute;
  bottom: 0px;
  z-index: 10;
  height: 80px;
  width: 100%;
  border-radius: 22px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent)
}

.swiper-button-prev, .swiper-button-next{
  top: 50% !important;
  display: none !important
}

@media (min-width: 640px){
  .swiper-button-prev, .swiper-button-next{
    top: 50% !important
  }
}

@media (min-width: 768px){
  .swiper-button-prev, .swiper-button-next{
    display: flex !important
  }
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  transform: translateY(-50%);
  /* Precyzyjne centrowanie */
  z-index: 10;
  /* Upewnienie się, że są na wierzchu */
  margin:  0 !important;
}

.swiper-button-prev{
  left: 0px !important;
  height: 80px !important;
  width: 40px !important;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.swiper-button-prev:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.swiper-button-prev:hover::after{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.swiper-button-prev:after{
  margin-left: -10px !important;
  margin-top: 2px;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.swiper-button-next{
  right: -1px !important;
  height: 80px !important;
  width: 40px !important;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.swiper-button-next:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.swiper-button-next:hover::after{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.swiper-button-next:after{
  margin-right: -10px !important;
  margin-top: 2px;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.swiper-button-next {
  right: 10px;
}

body {
  font-family: Arial, sans-serif;
}

.banner-cont{
  position: absolute;
  top: 0px;
  width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding-bottom: 0.5rem
}

@media (min-width: 640px){
  .banner-cont{
    padding-bottom: 0px
  }
}

.banner-cont .banner-cont-elem{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding-top: 0.75rem
}

@media (min-width: 640px){
  .banner-cont .banner-cont-elem{
    flex-direction: row;
    gap: 2.5rem;
    padding-top: 0px
  }
}

.banner-cont .banner-cont-elem .banner-cont-elem__img{
  position: relative;
  max-height: 3.5rem;
  max-width: 20rem;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: none
}

.property-info.banner-cont .banner-cont-elem .banner-cont-elem__img {
  display: none;
}

@media (min-width: 640px){
  .banner-cont .banner-cont-elem .banner-cont-elem__img{
    display: block
  }
}

.banner-cont .banner-cont-elem .banner-cont-elem__img img{
  border-radius: 0px 0px 75px 75px;
}

.banner-cont .banner-cont-elem p{
  max-width: 200px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 409px){
  .banner-cont .banner-cont-elem p{
    max-width: none
  }
}

.banner-cont .banner-cont-elem a{
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.banner-cont .banner-cont-elem svg{
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
  width: 0.75rem;
  cursor: pointer
}

@media (min-width: 640px){
  .banner-cont .banner-cont-elem svg{
    position: static
  }
}

.sect-ofert-cont{
  padding-top: 1rem;
  padding-bottom: 1rem
}

@media (min-width: 640px){
  .sect-ofert-cont{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }
}

.sect-ofert{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem
}

@media (min-width: 768px){
  .sect-ofert{
    flex-direction: row
  }
}

.sect-ofert .buttons-wrapper{
  gap: 0.75rem;
  display: none
}

.property-info.sect-ofert .buttons-wrapper {
  display: none;
}

@media (min-width: 1024px){
  .sect-ofert .buttons-wrapper{
    display: flex
  }
}

.sect-ofert .buttons-wrapper .swiper-button-prev-ofert2{
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.sect-ofert .buttons-wrapper .swiper-button-prev-ofert2::before{
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  background-image: url('../img/arrow_black.svg');
  position: absolute;
  width: 6px;
  height: 10px;
}

.sect-ofert .buttons-wrapper .swiper-button-prev-ofert2:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.sect-ofert .buttons-wrapper .swiper-button-prev-ofert2:hover::before{
  filter: invert(1);
}

.sect-ofert .buttons-wrapper .swiper-button-next-ofert2{
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.sect-ofert .buttons-wrapper .swiper-button-next-ofert2::before{
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  background-image: url('../img/arrow_black2.svg');
  position: absolute;
  width: 6px;
  height: 10px;
}

.sect-ofert .buttons-wrapper .swiper-button-next-ofert2:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.sect-ofert .buttons-wrapper .swiper-button-next-ofert2:hover::before{
  filter: invert(1);
}

.sect-ofert .buttons-wrapper .swiper-button-next-boxes[aria-disabled="true"]{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

.sect-ofert .buttons-wrapper .swiper-button-prev-boxes[aria-disabled="true"]{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

.sect-ofert .sect-ofert__top p{
  font-size: 0.75rem;
  line-height: 1rem
}

@media (min-width: 768px){
  .sect-ofert .sect-ofert__top p{
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.sect-ofert .sect-ofert__top h2{
  text-align: center
}

@media (min-width: 1024px){
  .sect-ofert .sect-ofert__top h2{
    text-align: left
  }
}

.sect-ofert .sect-ofert__top h1{
  text-align: center
}

@media (min-width: 1024px){
  .sect-ofert .sect-ofert__top h1{
    text-align: left
  }
}

.sect-ofert .sect-ofert__btns{
  margin-top: 1.25rem;
  display: flex;
  max-height: 2.5rem;
  align-items: center
}

@media (min-width: 768px){
  .sect-ofert .sect-ofert__btns{
    margin-top: 0px
  }
}

.sect-ofert .sect-ofert__btns .sect-ofert__btns__blue{
  display: flex;
  width: 8rem;
  cursor: pointer;
  gap: 0.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sect-ofert .sect-ofert__btns .sect-ofert__btns__blue svg{
  width: 1rem
}

.sect-ofert .sect-ofert__btns .sect-ofert__btns__white{
  margin-left: -40px;
  min-width: 115px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .sect-ofert-investments{
    margin-top: 1.25rem
  }
}

.swiper-container , .swiper-container-two{
  position: relative;
  margin-bottom: 2.5rem;
  margin-top: 1.25rem;
  overflow: hidden
}

.swiper-container .swiper-wrapper,.swiper-container-two .swiper-wrapper{
  transition-timing-function : linear;
}

.swiper-container .swiper-wrapper .swiper-slide,.swiper-container-two .swiper-wrapper .swiper-slide{
  position: relative;
  max-width: 300px
}

@media (min-width: 640px){
  .swiper-container .swiper-wrapper .swiper-slide,.swiper-container-two .swiper-wrapper .swiper-slide{
    max-width: 24rem
  }
}

.swiper-container .swiper-wrapper .swiper-slide:hover .swiper-slide__img, .swiper-container-two .swiper-wrapper .swiper-slide:hover .swiper-slide__img{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.swiper-container .swiper-wrapper .swiper-slide .image-holder,.swiper-container-two .swiper-wrapper .swiper-slide .image-holder{
  display: block;
  max-height: 260px;
  min-height: 260px;
  overflow: hidden;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem
}

.swiper-container .swiper-wrapper .swiper-slide .swiper-slide__img, .swiper-container-two .swiper-wrapper .swiper-slide .swiper-slide__img{
  max-height: 260px;
  min-height: 260px;
  width: 100%;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.swiper-container .swiper-wrapper .swiper-slide .investment-label-flats,.swiper-container-two .swiper-wrapper .swiper-slide .investment-label-flats{
  position: absolute;
  top: 0.75rem;
  left: 1rem;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.swiper-container .swiper-wrapper .swiper-slide .investment-label-flats img,.swiper-container-two .swiper-wrapper .swiper-slide .investment-label-flats img{
  margin-top: -1px;
  height: 9px;
  width: 9px
}

.swiper-container .swiper-wrapper .swiper-slide .investment-label,.swiper-container-two .swiper-wrapper .swiper-slide .investment-label{
  position: absolute;
  bottom: 13.75rem;
  right: -18px;
  z-index: 20
}

@media (min-width: 640px){
  .swiper-container .swiper-wrapper .swiper-slide .investment-label,.swiper-container-two .swiper-wrapper .swiper-slide .investment-label{
    bottom: 13.75rem
  }
}

.swiper-container .swiper-wrapper .swiper-slide .investment-label_content,.swiper-container-two .swiper-wrapper .swiper-slide .investment-label_content{
  position: relative;
  display: flex;
  min-height: 65px;
  width: 200px;
  justify-content: center;
  padding-left: 1.25rem
}

.swiper-container .swiper-wrapper .swiper-slide .investment-label_content svg,.swiper-container-two .swiper-wrapper .swiper-slide .investment-label_content svg{
  position: absolute;
  top: -34px;
  right: -30px;
  width: 234px
}

.swiper-container .swiper-wrapper .swiper-slide .investment-label_content span,.swiper-container-two .swiper-wrapper .swiper-slide .investment-label_content span{
  position: relative;
  z-index: 10;
  width: 100%;
  text-align: center;
  text-transform: uppercase
}

.swiper-container .swiper-wrapper .swiper-slide .investment-label_content span p,.swiper-container-two .swiper-wrapper .swiper-slide .investment-label_content span p{
  margin-top: 12px
}

.swiper-container .swiper-wrapper .swiper-slide .slide-caption,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption{
  display: flex;
  max-height: 224px;
  min-height: 224px;
  flex-direction: column;
  gap: 0.5rem;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 1.25rem
}

@media (min-width: 640px){
  .swiper-container .swiper-wrapper .swiper-slide .slide-caption,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption{
    padding-left: 1.25rem;
    padding-right: 0px
  }
}

.swiper-container .swiper-wrapper .swiper-slide .slide-caption h3,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption h3{
  margin-top: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600
}

.swiper-container .swiper-wrapper .swiper-slide .slide-caption .slide-caption__info,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption .slide-caption__info{
  display: flex;
  gap: 0.5rem
}

@media not all and (min-width: 640px){
  .swiper-container .swiper-wrapper .swiper-slide .slide-caption .slide-caption__info,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption .slide-caption__info{
    font-size: 0.875rem;
    line-height: 1.25rem
  }
}

.swiper-container .swiper-wrapper .swiper-slide .slide-caption .slide-caption__info .calendar_info,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption .slide-caption__info .calendar_info{
  height: 1.25rem;
  width: 1rem;
  font-size: 0.75rem;
  line-height: 1rem
}

.swiper-container .swiper-wrapper .swiper-slide .slide-caption .slide-caption__info .calendar_info img,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption .slide-caption__info .calendar_info img{
  height: 100%;
  width: 100%
}

.swiper-container .swiper-wrapper .swiper-slide .slide-caption .pirce-investments,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption .pirce-investments{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 1.25rem
}

@media (min-width: 640px){
  .swiper-container .swiper-wrapper .swiper-slide .slide-caption .pirce-investments,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption .pirce-investments{
    align-items: flex-end
  }
}

.swiper-container .swiper-wrapper .swiper-slide .slide-caption .pirce-investments .price-start,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption .pirce-investments .price-start{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.swiper-container .swiper-wrapper .swiper-slide .slide-caption .pirce-investments .price-start sup,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption .pirce-investments .price-start sup{
  vertical-align: super;
  font-size: 0.75rem;
  line-height: 1rem
}

.swiper-container .swiper-wrapper .swiper-slide .slide-caption .pirce-investments a,.swiper-container-two .swiper-wrapper .swiper-slide .slide-caption .pirce-investments a{
  margin-top: 0.25rem
}

.sect-ofert-btn{
  display: flex;
  max-height: 56px;
  width: 100%;
  justify-content: center
}

.swiper-button-prev-ofert, .swiper-button-next-ofert {
  position: absolute;
  transform: translateY(-50%);
  /* Precyzyjne centrowanie */
  z-index: 10;
  /* Upewnienie się, że są na wierzchu */
  margin:  0 !important;
  top: 50% !important
}

@media (min-width: 640px){
  .swiper-button-prev-ofert, .swiper-button-next-ofert{
    top: 50% !important
  }
}

.swiper-button-prev-ofert{
  left: 0px !important;
  height: 80px !important;
  width: 40px !important;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.swiper-button-prev-ofert::after{
  margin-left: -10px !important;
  margin-top: 2px;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  content: 'prev';
  font-family: swiper-icons;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial
}

.swiper-button-next-ofert{
  right: 0px !important;
  height: 80px !important;
  width: 40px !important;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.swiper-button-next-ofert::after{
  margin-right: -10px !important;
  margin-top: 2px;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  content: 'next';
  font-family: swiper-icons;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial
}

.swiper-button-next-ofert {
  right: 10px;
}

.search-cont{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
  min-height: 405px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem
}

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

.search-cont .search-cont-text h2{
  text-align: center
}

.search-cont .search-form{
  transition: all 0.5s ease ;
}

.search-cont .search-form_cont{
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem
}

@media (min-width: 1280px){
  .search-cont .search-form_cont{
    flex-direction: row;
    align-items: flex-start
  }
}

.search-cont .search-form_cont{
  transition: all 0.5s ease;
}

.search-cont .search-form_cont .location,  .search-cont .search-form_cont .price-range{
  display: flex;
  width: 100%;
  max-width: 320px;
  flex-direction: column;
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

@media (min-width: 640px){
  .search-cont .search-form_cont .location,  .search-cont .search-form_cont .price-range{
    max-width: 490px
  }
}

.search-cont .search-form_cont .rooms{
  display: flex;
  width: 100%;
  max-width: 320px;
  flex-direction: column;
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

@media (min-width: 640px){
  .search-cont .search-form_cont .rooms{
    max-width: 476px
  }
}

@media (min-width: 1280px){
  .search-cont .search-form_cont .rooms{
    width: auto;
    max-width: none
  }
}

.search-cont .search-form_cont .additional-filter-box{
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem
}

.search-cont .search-form_cont .additional-filter-box .additional-filter{
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.search-cont .search-form_cont .additional-filter-box .additional-filter:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.search-cont .search-form_cont .additional-filter-box .additional-filter.active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.search-cont .search-form_cont .additional-filter-box .additional-filter.disabled{
  pointer-events: none;
  opacity: 0.5;
}

.search-cont .search-form_cont3{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

@media (min-width: 1280px){
  .search-cont .search-form_cont3{
    flex-direction: row;
    align-items: flex-start
  }
}

.search-cont .search-form_cont3{
  transition: all 0.5s ease;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.search-cont .search-form_cont3 .building-filter{
  width: 100%;
  max-width: 188px
}

.search-cont .search-form_cont3 .building-filter label{
  border-radius: 0.375rem
}

.search-cont .search-form_cont3 .status-filter{
  width: 100%;
  max-width: 700px
}

.search-cont .search-form_cont3 .status-filter label{
  border-radius: 0.375rem
}

.search-cont .search-form_cont3 .status-filter .checkbox-group{
  gap: 1.25rem
}

.search-cont .search-form_cont3 .status-filter .checkbox-group label{
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.search-cont .search-form_cont2{
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  padding-bottom: 1.25rem
}

@media (min-width: 1280px){
  .search-cont .search-form_cont2{
    flex-direction: row;
    align-items: flex-start
  }
}

.search-cont .search-form_cont2{
  transition: all 0.5s ease;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.search-cont .search-form_cont2__selectinv{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

.search-cont .search-form_cont2 .investment-list{
  margin-bottom: 0.5rem;
  width: 100%;
  max-width: 320px;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

@media (min-width: 640px){
  .search-cont .search-form_cont2 .investment-list{
    width: 460px;
    max-width: 460px
  }
}

@media (min-width: 1280px){
  .search-cont .search-form_cont2 .investment-list{
    width: 350px;
    max-width: 250px
  }
}

.search-cont .search-form_cont2__selectflor{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

.search-cont .search-form_cont2__selectflor .investment-list{
  margin-bottom: 0.5rem;
  width: 100%;
  max-width: 320px;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

@media (min-width: 640px){
  .search-cont .search-form_cont2__selectflor .investment-list{
    width: 460px;
    max-width: 460px
  }
}

@media (min-width: 1280px){
  .search-cont .search-form_cont2__selectflor .investment-list{
    width: 350px;
    max-width: 250px
  }
}

.search-cont .search-form_cont2__selectexpo{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

.search-cont .search-form_cont2__selectexpo .investment-list{
  margin-bottom: 0.5rem;
  width: 100%;
  max-width: 320px;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

@media (min-width: 640px){
  .search-cont .search-form_cont2__selectexpo .investment-list{
    width: 460px;
    max-width: 460px
  }
}

@media (min-width: 1280px){
  .search-cont .search-form_cont2__selectexpo .investment-list{
    width: 350px;
    max-width: 250px
  }
}

.search-form_cont2.open {
  height: auto;
  opacity: 1;
}

.search-form_cont3.open {
  height: auto;
  opacity: 1;
}

.cta-search{
  justify-content: center !important
}

@media (min-width: 1280px){
  .cta-search{
    justify-content: flex-end !important
  }
}

.active-lokale{
  margin-top: 1.25rem;
  display: flex;
  max-height: 2.5rem;
  align-items: center
}

@media (min-width: 768px){
  .active-lokale{
    margin-top: 1.25rem
  }
}

.active-lokale .setup-page_head__btns__blue{
  min-width: 115px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 3rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .active-lokale .setup-page_head__btns__blue{
    padding-right: 3.5rem
  }
}

.active-lokale .setup-page_head__btns__blue svg{
  width: 1rem
}

.active-lokale .setup-page_head__btns__blue:hover{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.active-lokale .setup-page_head__btns__white{
  margin-left: -40px;
  display: flex;
  width: 7rem;
  cursor: pointer;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .active-lokale .setup-page_head__btns__white{
    width: 9rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
}

.active-lokale .setup-page_head__btns__white:hover{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.active-mieszkania{
  margin-top: 1.25rem;
  display: flex;
  max-height: 2.5rem;
  align-items: center
}

@media (min-width: 768px){
  .active-mieszkania{
    margin-top: 1.25rem
  }
}

.active-mieszkania .setup-page_head__btns__blue{
  z-index: 10;
  display: flex;
  width: 10rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .active-mieszkania .setup-page_head__btns__blue{
    width: 13rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
}

.active-mieszkania .setup-page_head__btns__blue svg{
  width: 1rem
}

.active-mieszkania .setup-page_head__btns__blue:hover{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.active-mieszkania .setup-page_head__btns__white{
  margin-left: -40px;
  min-width: 115px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 3rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.active-mieszkania .setup-page_head__btns__white:hover{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

#location{
  margin-top: 1rem;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

@media (min-width: 460px){
  #location{
    max-width: 460px
  }
}

@media (min-width: 640px){
  #location option{
    max-width: 460px
  }
}

.rooms-input[type="radio"]{
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.checkbox-group{
  margin-top: 1rem;
  display: flex
}

.checkbox-group input[type="checkbox"]{
  display: none
}

.property-info.checkbox-group input[type="checkbox"] {
  display: none;
}

.checkbox-group label{
  display: flex;
  width: 3rem;
  cursor: pointer;
  justify-content: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

/* Hover tylko dla niezaznaczonych — żeby nie nakładał się na :checked */

.checkbox-group input[type="checkbox"]:not(:checked) + label:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.option-1 , .option-5{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem
}

.option-4 , .option-8{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem
}

.price-selected{
  margin-top: 1rem;
  display: flex;
  width: 100%;
  min-width: 284px;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.25rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

@media (min-width: 640px){
  .price-selected{
    min-width: 400px;
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.price-selected div{
  height: 1.75rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(208 208 208 / var(--tw-bg-opacity))
}

.price-selected p{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between
}

.area-selected{
  margin-top: 1rem;
  display: flex;
  width: 100%;
  min-width: 284px;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.25rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

@media (min-width: 409px){
  .area-selected{
    min-width: 320px
  }
}

@media (min-width: 640px){
  .area-selected{
    min-width: 400px;
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.area-selected div{
  height: 1.75rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(208 208 208 / var(--tw-bg-opacity))
}

.area-selected p{
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem
}

@media (min-width: 640px){
  .area-selected p{
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.price-selected-bars{
  margin-top: 2px;
  display: flex;
  width: 100%;
  padding-left: 0.75rem
}

.price-selected-bars input{
  width: 49% !important;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity))
}

@media (min-width: 460px){
  .price-selected-bars input{
    width: 100%
  }
}

@media (min-width: 640px){
  .price-selected-bars input{
    width: 218px !important
  }
}

@media (min-width: 1280px){
  .price-selected-bars input{
    width: 218px !important
  }
}

.price-selected-bars input:last-child{
  margin-left: -4px
}

.price-selected-bars .price-selected-bars {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.area-selected-bars{
  margin-top: 2px;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  padding-left: 0.5rem
}

.area-selected-bars input{
  width: 49% !important;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity))
}

@media (min-width: 460px){
  .area-selected-bars input{
    width: 100%
  }
}

@media (min-width: 640px){
  .area-selected-bars input{
    width: 218px !important
  }
}

@media (min-width: 1280px){
  .area-selected-bars input{
    width: 218px !important
  }
}

.area-selected-bars input:last-child{
  margin-left: -4px
}

.area-selected-bars .area-selected-bars {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Styl dla uchwytu suwaka */

.area-selected-bars input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #1c3583;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

/* Styl dla suwaka, gdy jest aktywny (przesuwany) */

.area-selected-bars input[type="range"]:active::-webkit-slider-thumb {
  background: #1c3583;
}

.checkbox-group input[type="checkbox"]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.checkbox-group input[type="checkbox"]:focus + label{
  outline: 2px solid transparent;
  outline-offset: 2px
}

.filter-cont{
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem
}

@media (min-width: 640px){
  .filter-cont{
    flex-direction: row
  }
}

.filter-cont .filter-cont-text{
  display: flex;
  min-width: 180px;
  cursor: pointer;
  align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.filter-cont .filter-cont-text img{
  height: 1.25rem;
  width: 1.25rem
}

.filter-cont .sect-ofert-btn{
  width: 230px
}

.filter-cont .sect-ofert-btn a{
  width: 230px
}

.price-selected-bars input[type="range"]{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  -webkit-appearance: none;
  /* Override default appearance */
  -moz-appearance: none;
  appearance: none;
  width: 47%;
  /* Specific width necessary */
  height: 4px;
  /* Specified height for the slider */
  background: #3d3d3d;
  /* Light grey background */
  outline: none;
  /* Remove outline */
  /* Smooth transition for hover effect */
  transition: opacity .2s
}

.price-selected-bars input[type="range"]::-webkit-slider-thumb{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  border-radius: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  -webkit-appearance: none;
  /* Override default appearance */
  appearance: none;
  border: 1px solid #d0d0d0
}

.price-selected-bars input[type="range"]::-moz-range-thumb{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  border-radius: 50%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.area-selected-bars input[type="range"]{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  -webkit-appearance: none;
  /* Override default appearance */
  -moz-appearance: none;
  appearance: none;
  width: 47%;
  /* Specific width necessary */
  height: 4px;
  /* Specified height for the slider */
  background: #3d3d3d;
  /* Light grey background */
  outline: none;
  /* Remove outline */
  /* Smooth transition for hover effect */
  transition: opacity .2s
}

.area-selected-bars input[type="range"]::-webkit-slider-thumb{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  border-radius: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  -webkit-appearance: none;
  /* Override default appearance */
  appearance: none;
  border: 1px solid #d0d0d0
}

.area-selected-bars input[type="range"]::-moz-range-thumb{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  border-radius: 50%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

select {
  padding-right: 20px;
  /* Add space for the arrow */
  appearance: none;
  /* Remove default styling */
  -webkit-appearance: none;
  /* For Safari and Chrome */
  -moz-appearance: none;
  /* For Firefox */
  background: url('/wp-content/themes/bryksy/dist/img/select_ar.svg') no-repeat right center;
  /* Custom arrow */
  background-size: 22px;
  /* Adjust arrow size */
  background-position: calc(100% - 20px) center;
}

.building-filter .checkbox-group{
  gap: 0.75rem
}

.building-filter .checkbox-group input{
  display: none !important
}

.promo-title{
  font-size: 1.875rem;
  line-height: 2.25rem
}

.block-promo-heading{
  text-align: center
}

@media (min-width: 1024px){
  .block-promo-heading{
    text-align: start
  }
}

.promo-cont{
  margin-top: 0.5rem;
  display: flex;
  min-height: 500px;
  width: 100%;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity))
}

@media (min-width: 1024px){
  .promo-cont{
    margin-top: 2.5rem
  }
}

@media (min-width: 1640px){
  .promo-cont{
    margin-top: 5rem;
    width: 66.666667%;
    max-width: 980px
  }
}

.promo-cont .promo-cont-elm{
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  align-items: center;
  gap: 1.5rem;
  padding-bottom: 2.5rem
}

@media (min-width: 1024px){
  .promo-cont .promo-cont-elm{
    flex-direction: row;
    gap: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2.5rem
  }
}

.promo-cont .promo-cont-elm .promo-cont-elm__title{
  max-width: 370px;
  text-align: center
}

@media (min-width: 1280px){
  .promo-cont .promo-cont-elm .promo-cont-elm__title{
    max-width: 260px;
    text-align: right
  }
}

.promo-cont .promo-cont-elm .promo-cont-elm__title h2{
  font-size: 3rem;
  line-height: 1
}

.promo-cont .promo-cont-elm .promo-cont-elm__title p{
  margin-bottom: 1.25rem;
  font-size: 28px
}

@media (min-width: 1024px){
  .promo-cont .promo-cont-elm .promo-cont-elm__title p{
    font-size: 2.25rem;
    line-height: 2.5rem
  }
}

.promo-cont .promo-cont-elm .promo-cont-elm__title .btn-blue{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 230px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.promo-cont .promo-cont-elm .promo-cont-elm__title .btn-blue::before{
  position: absolute;
  z-index: 0;
  height: 0px;
  width: 0px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-duration: 500ms;
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.promo-cont .promo-cont-elm .promo-cont-elm__title .btn-blue:hover{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.promo-cont .promo-cont-elm .promo-cont-elm__title .btn-blue:hover::before{
  height: 100%;
  content: var(--tw-content);
  width: 100%
}

@media (min-width: 409px){
  .promo-cont .promo-cont-elm .promo-cont-elm__title .btn-blue{
    max-width: none
  }
}

.promo-cont .promo-cont-elm .promo-cont-elm__title .btn-blue span{
  position: relative;
  top: 0px;
  left: 50%;
  z-index: 10;
  display: block;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.promo-cont .promo-cont-elm .promo-cont-elm__image_one{
  align-items: flex-end;
  display: none
}

.property-info.promo-cont .promo-cont-elm .promo-cont-elm__image_one {
  display: none;
}

@media (min-width: 640px){
  .promo-cont .promo-cont-elm .promo-cont-elm__image_one{
    display: flex
  }
}

.promo-cont .promo-cont-elm .promo-cont-elm__image_one img{
  max-height: 360px;
  display: none
}

.property-info.promo-cont .promo-cont-elm .promo-cont-elm__image_one img {
  display: none;
}

@media (min-width: 1280px){
  .promo-cont .promo-cont-elm .promo-cont-elm__image_one img{
    display: block
  }
}

.promo-cont .promo-cont-elm .promo-cont-elm__image_two{
  right: 0px;
  top: 3rem;
  display: flex;
  min-height: 300px;
  width: 100%;
  justify-content: center
}

@media (min-width: 1024px){
  .promo-cont .promo-cont-elm .promo-cont-elm__image_two{
    min-height: 400px
  }
}

@media (min-width: 1640px){
  .promo-cont .promo-cont-elm .promo-cont-elm__image_two{
    position: absolute;
    max-width: 920px
  }
}

.promo-cont .promo-cont-elm .promo-cont-elm__image_two img{
  max-height: 300px;
  min-height: 300px;
  width: 100%;
  max-width: 920px;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1024px){
  .promo-cont .promo-cont-elm .promo-cont-elm__image_two img{
    max-height: 500px;
    min-height: 500px;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 74px
  }
}

.promo-cont .promo-cont-elm .promo-cont-elm__image_two iframe{
  width: 100%;
  max-width: 960px;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem
}

@media (min-width: 1024px){
  .promo-cont .promo-cont-elm .promo-cont-elm__image_two iframe{
    max-height: none;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 74px
  }
}

.swiper-promo2{
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column-reverse;
  overflow: hidden;
  border-radius: 0.375rem
}

@media (min-width: 1024px){
  .swiper-promo2{
    flex-direction: column
  }
}

.swiper-promo2 .swiper-slide{
  position: relative;
  height: 100%;
  width: 100%
}

.swiper-promo2 .swiper-slide img{
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.swiper-promo2 .swiper-slide .investments-info{
  position: absolute;
  left: 1.25rem;
  bottom: 4rem;
  z-index: 20
}

.swiper-promo2 .swiper-slide .investments-info .investments-info__city{
  position: relative;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.swiper-promo2 .swiper-slide .investments-info .investments-info__city p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.swiper-promo2 .swiper-slide .investments-info .investments-info__city img{
  height: 1rem;
  width: 0.75rem
}

.swiper-promo2 .swiper-slide .investments-info .investments-info__city .white-bg{
  position: absolute;
  left: -6px;
  top: -4px;
  height: 1.75rem;
  width: 6rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.3
}

.swiper-promo2 .swiper-slide .investments-info .investments-info__title{
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 3rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.swiper-promo2 .swiper-slide .investments-info .investments-info__title svg{
  width: 2rem;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.swiper-promo2 .swiper-pagination4{
  position: relative;
  z-index: 20;
  margin-top: 3rem;
  display: flex;
  min-height: 60px;
  overflow-x: auto;
  text-align: center !important
}

@media (min-width: 1024px){
  .swiper-promo2 .swiper-pagination4{
    margin-top: 5rem;
    min-height: 46px;
    justify-content: center;
    overflow: visible
  }
}

.swiper-promo2 .swiper-pagination-bullet{
  height: 36px !important;
  width: 100% !important;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(158 158 158 / var(--tw-border-opacity));
  background-color: transparent !important;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 1024px){
  .swiper-promo2 .swiper-pagination-bullet{
    height: 2px !important;
    width: 18% !important;
    border-bottom-width: 0px;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(210 210 210 / var(--tw-bg-opacity)) !important
  }
}

.swiper-promo2 .swiper-pagination-bullet {
  opacity: 1 !important;
  margin: 4px 0px !important;
  border-radius: 0px !important;
  color: #9e9e9e ;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  justify-content: center;
}

.swiper-promo2 .swiper-pagination-bullet:hover{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.swiper-promo2 .swiper-pagination-bullet-active{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(28 53 131 / var(--tw-border-opacity));
  background-color: transparent !important
}

@media (min-width: 1024px){
  .swiper-promo2 .swiper-pagination-bullet-active{
    border-bottom-width: 0px;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(28 53 131 / var(--tw-bg-opacity)) !important
  }
}

.swiper-promo2 .swiper-pagination-bullet-active {
  color: #1c3583;
}

.swiper-promo2 span{
  top: -50px;
  left: 50%;
  width: 100%;
  min-width: 300px
}

@media (min-width: 1024px){
  .swiper-promo2 span{
    position: absolute;
    min-width: -moz-min-content;
    min-width: min-content;
    transform: translate(-50% , 0%)
  }
}

.question-box{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 2.5rem
}

@media (min-width: 1024px){
  .question-box{
    flex-direction: row
  }
}

.question-box .swiper-promo3 .swiper-slide{
  display: flex !important;
  height: auto
}

@media (min-width: 768px){
  .question-box .swiper-promo3 .swiper-slide{
    max-height: 490px
  }
}

.question-box .swiper-promo3 .swiper-slide .question-cont__img{
  height: 100%
}

.question-box .swiper-promo3 .swiper-slide .question-cont__img img{
  height: 100%
}

.question-box .question-cont{
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column-reverse
}

@media (min-width: 1024px){
  .question-box .question-cont{
    max-width: 42rem
  }
}

.question-box .question-cont .question-cont__img{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 1280px){
  .question-box .question-cont .question-cont__img{
    background-color: transparent
  }
}

.question-box .question-cont .question-cont__img img{
  min-height: 200px;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 640px){
  .question-box .question-cont .question-cont__img img{
    max-height: 300px
  }
}

@media (min-width: 1024px){
  .question-box .question-cont .question-cont__img img{
    max-height: 482px;
    min-height: 482px
  }
}

@media (min-width: 1280px){
  .question-box .question-cont .question-cont__img img{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-bottom-left-radius: 74px
  }
}

.question-box .question-cont .question-cont__des{
  top: 50%;
  width: 100%;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.9;
  padding: 1.25rem
}

@media (min-width: 1024px){
  .question-box .question-cont .question-cont__des{
    max-width: 42rem;
    padding: 2.5rem
  }
}

@media (min-width: 1280px){
  .question-box .question-cont .question-cont__des{
    position: absolute;
    right: -10rem;
    border-radius: 1.5rem
  }
}

@media (min-width: 1640px){
  .question-box .question-cont .question-cont__des{
    right: -30rem
  }
}

.question-box .question-cont .question-cont__des h2{
  font-size: 22px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 1024px){
  .question-box .question-cont .question-cont__des h2{
    font-size: 2.25rem;
    line-height: 2.5rem
  }
}

.question-box .question-cont .question-cont__des span{
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem
}

.question-box .question-cont .question-cont__des span p{
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

@media (min-width: 1280px){
  .question-box .question-cont .question-cont__des{
    transform: translate( 0% , -50%);
  }
}

.question-box .question-title{
  margin-bottom: 1.25rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600
}

@media (min-width: 1024px){
  .question-box .question-title{
    font-weight: 400
  }
}

.question-box .question-nav{
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  overflow-x: scroll;
  padding-bottom: 1rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem
}

@media (min-width: 1024px){
  .question-box .question-nav{
    flex-direction: column;
    gap: 0px;
    overflow: hidden;
    padding-bottom: 0px;
    text-align: start;
    font-size: 1.5rem;
    line-height: 2rem
  }
}

.question-box .question-nav .active{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 1024px){
  .question-box .question-nav .active{
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(28 53 131 / var(--tw-text-opacity))
  }
}

.question-box .question-nav .active::after{
  display: none
}

.property-info.question-box .question-nav .active::after {
  display: none;
}

@media (min-width: 1024px){
  .question-box .question-nav .active::after{
    display: block
  }
}

.question-box .question-nav .active::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20px;
  height: 2px;
  background-color: #000;
}

.question-link{
  position: relative;
  display: flex;
  min-width: 280px;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 300;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 1024px){
  .question-link{
    min-width: 100%;
    justify-content: flex-start;
    border-style: none;
    background-color: transparent;
    padding-left: 1.75rem;
    padding-right: 0px;
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity))
  }
}

.question-link {
  text-transform: none !important;
}

.question-link:hover{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 8px
}

.question-link::before{
  display: none
}

.property-info.question-link::before {
  display: none;
}

@media (min-width: 1024px){
  .question-link::before{
    display: block
  }
}

.question-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #ccc;
}

.question-link.active::before{
  display: none
}

.property-info.question-link.active::before {
  display: none;
}

@media (min-width: 1024px){
  .question-link.active::before{
    display: block
  }
}

.question-link.active::before {
  background-color: #000;
  /* Czarny kolor dla aktywnego linku */
}

.sect-realizations{
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column
}

@media (min-width: 1280px){
  .sect-realizations{
    margin-top: 7rem;
    margin-bottom: 7rem
  }
}

.sect-realizations .sect-ofert-btn{
  margin-top: 2.5rem
}

.sect-realizations__top h3, .sect-realizations__top h2{
  text-align: center
}

@media (min-width: 1024px){
  .sect-realizations__top h3, .sect-realizations__top h2{
    text-align: start
  }
}

.sect-realizations-investments{
  margin-top: 2.5rem
}

.sect-realizations-slider{
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem
}

@media (min-width: 768px){
  .sect-realizations-slider{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem
  }
}

@media (min-width: 1280px){
  .sect-realizations-slider{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.sect-realizations-slider .swiper-top{
  position: relative;
  max-height: 300px;
  overflow: hidden;
  border-radius: 0.375rem
}

@media (min-width: 768px){
  .sect-realizations-slider .swiper-top{
    max-height: 380px
  }
}

.sect-realizations-slider .swiper-top .swiper-slide{
  position: relative;
  height: 300px;
  max-height: 300px;
  width: 100%;
  overflow: hidden
}

@media (min-width: 768px){
  .sect-realizations-slider .swiper-top .swiper-slide{
    height: 380px;
    max-height: 380px
  }
}

.sect-realizations-slider .swiper-top .swiper-slide img{
  max-height: 300px;
  width: 100%;
  border-radius: 1.5rem
}

@media (min-width: 768px){
  .sect-realizations-slider .swiper-top .swiper-slide img{
    max-height: 380px
  }
}

.sect-realizations-slider .swiper-top .swiper-slide::before{
  position: absolute;
  top: 280px;
  left: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity));
  background: #000000;
  background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.67) 13%, rgba(0, 0, 0, 0.56) 25%, rgba(0, 0, 0, 0.44) 40%, rgba(0, 0, 0, 0.26) 52%, rgba(0, 0, 0, 0.12) 75%, rgba(0, 0, 0, 0.1) 89%, rgba(0, 0, 0, 0.05) 100%);
  content: "";
  width: 100%;
  height: 100px
}

.sect-realizations-slider .swiper-top .swiper-slide .investments-info{
  position: absolute;
  left: 1.25rem;
  top: 14rem;
  z-index: 20
}

@media (min-width: 768px){
  .sect-realizations-slider .swiper-top .swiper-slide .investments-info{
    top: 18rem
  }
}

.sect-realizations-slider .swiper-top .swiper-slide .investments-info .investments-info__city{
  position: relative;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.sect-realizations-slider .swiper-top .swiper-slide .investments-info .investments-info__city p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 100;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sect-realizations-slider .swiper-top .swiper-slide .investments-info .investments-info__city img{
  height: 1rem;
  width: 0.75rem
}

.sect-realizations-slider .swiper-top .swiper-slide .investments-info .investments-info__city .white-bg{
  position: absolute;
  left: -6px;
  top: -4px;
  height: 1.75rem;
  width: 6rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.3
}

.sect-realizations-slider .swiper-top .swiper-slide .investments-info .investments-info__title p{
  font-size: 26px;
  font-weight: 100;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sect-realizations-slider .swiper-top .swiper-slide .investments-info .investments-info__title p strong{
  font-weight: 700
}

.sect-realizations-slider .swiper-top .swiper-pagination2{
  position: absolute;
  bottom: 1rem !important;
  left: 20% !important;
  z-index: 20;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center !important
}

.sect-realizations-slider .swiper-top .swiper-pagination-bullet {
  background-color: rgb(211, 211, 211) !important;
  width: 32px !important;
  height: 2px !important;
  opacity: 1 !important;
  margin: 4px !important;
  border-radius: 0px !important;
}

.sect-realizations-slider .swiper-top .swiper-pagination-bullet-active {
  background-color: white !important;
}

.sect-realizations-slider .investments-info .investments-info__title{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important
}

.sect-realizations-slider .investments-info .investments-info__title svg{
  width: 1.5rem !important
}

.sect-realizations-slider .swiper-top:nth-child(3){
  display: none
}

.property-info.sect-realizations-slider .swiper-top:nth-child(3) {
  display: none;
}

@media (min-width: 768px){
  .sect-realizations-slider .swiper-top:nth-child(3){
    display: block
  }
}

.sect-realizations-slider .swiper-top:nth-child(4){
  display: none
}

.property-info.sect-realizations-slider .swiper-top:nth-child(4) {
  display: none;
}

@media (min-width: 768px){
  .sect-realizations-slider .swiper-top:nth-child(4){
    display: block
  }
}

.sect-news-cont{
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem
}

@media (min-width: 768px){
  .sect-news-cont{
    padding-top: 4rem;
    padding-bottom: 4rem
  }
}

.sect-news-cont .sect-news{
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  text-align: center
}

.sect-news-cont .sect-news__top{
  padding-bottom: 0.5rem
}

.sect-news-cont .sect-news .sect-news__btns{
  display: flex;
  align-items: center
}

.sect-news-cont .sect-news .sect-news__btns .sect-news__btns__blue{
  display: flex;
  width: 8rem;
  cursor: pointer;
  gap: 0.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sect-news-cont .sect-news .sect-news__btns .sect-news__btns__blue svg{
  width: 1rem
}

.sect-news-cont .sect-news .sect-news__btns .sect-news__btns__white{
  margin-left: -40px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.sect-news-cont .sect-news .sect-ofert-btn{
  margin-top: 7rem
}

.news-cont{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2.5rem;
  row-gap: 6rem
}

@media (min-width: 768px){
  .news-cont{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1280px){
  .news-cont{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem
  }
}

.news-cont .news-cont-item{
  position: relative
}

.news-cont .news-cont-item:hover .news-item__image img{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.news-cont .news-cont-item .news-item__image{
  display: block;
  max-height: 320px;
  min-height: 320px;
  width: 100%;
  overflow: hidden;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-top-left-radius: 75px
}

@media (min-width: 768px){
  .news-cont .news-cont-item .news-item__image{
    max-width: 540px
  }
}

.news-cont .news-cont-item .news-item__image img{
  max-height: 320px;
  min-height: 320px;
  width: 100%;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-top-left-radius: 75px;
  -o-object-fit: cover;
  object-fit: cover;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 768px){
  .news-cont .news-cont-item .news-item__image img{
    max-width: 540px
  }
}

.news-cont .news-cont-item .news-item__content{
  position: absolute;
  bottom: -4rem;
  left: 50%;
  display: flex;
  width: 91.666667%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  align-items: flex-start;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem
}

.news-cont .news-cont-item .news-item__content h3{
  text-align: start;
  font-size: 1.25rem;
  line-height: 1.75rem
}

.news-cont .news-cont-item .news-item__content .news-item__date{
  font-size: 0.75rem;
  line-height: 1rem
}

.news-cont .news-cont-item .news-item__content .news-item__tags ul{
  margin-top: 0.75rem;
  display: flex;
  gap: 0.5rem
}

.news-cont .news-cont-item .news-item__content .news-item__tags ul li{
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 242 251 / var(--tw-border-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  --tw-brightness: brightness(.75);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.news-cont .news-cont-item .news-item__content .news-item__tags ul li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.news-cont .news-cont-item:nth-child(3){
  display: none
}

.property-info.news-cont .news-cont-item:nth-child(3) {
  display: none;
}

@media (min-width: 1280px){
  .news-cont .news-cont-item:nth-child(3){
    display: block
  }
}

.news-cont .news-cont-item:nth-child(2){
  display: none
}

.property-info.news-cont .news-cont-item:nth-child(2) {
  display: none;
}

@media (min-width: 768px){
  .news-cont .news-cont-item:nth-child(2){
    display: block
  }
}

.banners-cont{
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem
}

@media (min-width: 1024px){
  .banners-cont{
    flex-direction: row
  }
}

@media (min-width: 1280px){
  .banners-cont{
    padding-top: 4rem;
    padding-bottom: 4rem
  }
}

.banners-cont .banners-cont__elm__contanct{
  position: relative;
  display: flex;
  min-height: 310px;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.5rem
}

@media (min-width: 1024px){
  .banners-cont .banners-cont__elm__contanct{
    max-width: 690px
  }
}

.banners-cont .banners-cont__elm__contanct img{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover
}

.banners-cont .banners-cont__elm__contanct h2{
  position: relative;
  z-index: 10;
  font-size: 22px;
  font-weight: 200;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 1024px){
  .banners-cont .banners-cont__elm__contanct h2{
    font-size: 2.25rem;
    line-height: 2.5rem
  }
}

.banners-cont .banners-cont__elm__contanct a{
  position: relative;
  z-index: 10;
  min-width: 200px;
  cursor: pointer;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.banners-cont .banners-cont__elm__contanct a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.banners-cont .banners-cont__elm__search{
  position: relative;
  display: flex;
  min-height: 310px;
  width: 100%;
  max-width: 980px;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.5rem
}

.banners-cont .banners-cont__elm__search img{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover
}

.banners-cont .banners-cont__elm__search h2{
  position: relative;
  z-index: 10;
  font-size: 22px;
  font-weight: 200;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 1024px){
  .banners-cont .banners-cont__elm__search h2{
    font-size: 2.25rem;
    line-height: 2.5rem
  }
}

.banners-cont .banners-cont__elm__search .banners-cont__elm__search__cont{
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

@media (min-width: 768px){
  .banners-cont .banners-cont__elm__search .banners-cont__elm__search__cont{
    flex-direction: row
  }
}

@media (min-width: 1024px){
  .banners-cont .banners-cont__elm__search .banners-cont__elm__search__cont{
    gap: 2.5rem
  }
}

.banners-cont .banners-cont__elm__search .banners-cont__elm__search__cont select{
  max-width: 300px
}

.banners-cont .banners-cont__elm__search .banners-cont__elm__search__cont a{
  position: relative;
  z-index: 10;
  max-width: 300px;
  cursor: pointer;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

#investment-select{
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  background-color: transparent;
  padding: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

#investment-select option{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1 !important;
  color: rgb(61 61 61 / var(--tw-text-opacity)) !important
}

.banners-cont__elm__contanct__btn{
  max-width: 40%
}

.banner-cont-elem a{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.banner-cont-elem a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.block-text{
  position: relative;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

@media (min-width: 1024px){
  .block-text{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }
}

.block-text .block-text-des{
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.9
}

@media (min-width: 1024px){
  .block-text .block-text-des{
    border-radius: 22px
  }
}

.block-text .btn-blue{
  max-width: 280px
}

.text-block-one{
  display: flex;
  min-height: 570px;
  flex-direction: column;
  align-items: flex-start
}

@media (min-width: 1024px){
  .text-block-one{
    flex-direction: row
  }
}

.text-block-one .block-text-des{
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem
}

@media (min-width: 1024px){
  .text-block-one .block-text-des{
    max-width: 680px;
    gap: 2.5rem;
    padding: 2.5rem
  }
}

@media (min-width: 1640px){
  .text-block-one .block-text-des{
    max-width: 990px
  }
}

.text-block-one .block-text-img{
  top: 50%;
  right: 0px;
  height: 100%;
  max-height: 750px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 1024px){
  .text-block-one .block-text-img{
    position: absolute;
    max-width: 840px;
    background-color: transparent;
    transform: translate(0 , -50%)
  }
}

.text-block-one .block-text-img img{
  height: 100%;
  max-height: 750px;
  min-height: 220px;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1024px){
  .text-block-one .block-text-img img{
    max-width: 840px;
    border-radius: 15px;
    border-top-right-radius: 75px
  }
}

.text-block-two{
  min-height: 500px;
  flex-direction: column-reverse;
  justify-content: flex-end
}

@media (min-width: 1024px){
  .text-block-two{
    display: flex;
    flex-direction: row
  }
}

.text-block-two .block-text-des{
  position: relative;
  z-index: 10;
  margin-top: -80px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding: 1.75rem
}

@media (min-width: 1024px){
  .text-block-two .block-text-des{
    margin-top: 0px;
    max-width: 680px;
    gap: 2.5rem;
    padding: 2.5rem
  }
}

@media (min-width: 1640px){
  .text-block-two .block-text-des{
    max-width: 990px
  }
}

.text-block-two .block-text-img{
  left: 0px;
  height: 100%;
  max-height: 750px;
  width: 100%
}

@media (min-width: 1024px){
  .text-block-two .block-text-img{
    position: absolute;
    top: 50%;
    max-width: 840px;
    transform: translate(0 , -50%)
  }
}

.text-block-two .block-text-img img{
  height: 100%;
  max-height: 750px;
  min-height: 360px;
  width: 100%;
  border-radius: 15px;
  border-bottom-left-radius: 75px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1024px){
  .text-block-two .block-text-img img{
    max-width: 840px
  }
}

.text-block-three{
  position: relative;
  display: flex;
  min-height: 500px;
  flex-direction: column
}

@media (min-width: 1280px){
  .text-block-three{
    flex-direction: row
  }
}

.text-block-three .block-text-des{
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.75rem
}

@media (min-width: 1024px){
  .text-block-three .block-text-des{
    gap: 2.5rem;
    padding: 2.5rem
  }
}

@media (min-width: 1280px){
  .text-block-three .block-text-des{
    max-width: 550px
  }
}

.text-block-three .block-text-img{
  top: 0px;
  right: 0px;
  display: flex;
  width: 100%;
  max-width: 1270px;
  flex-direction: column-reverse;
  gap: 2.5rem
}

@media (min-width: 1280px){
  .text-block-three .block-text-img{
    position: absolute;
    max-height: 500px;
    flex-direction: row
  }
}

.text-block-three .block-text-img img:first-child{
  height: 100%;
  max-height: 500px;
  width: 100%;
  border-radius: 15px;
  border-bottom-left-radius: 75px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1280px){
  .text-block-three .block-text-img img:first-child{
    max-width: 690px
  }
}

.text-block-three .block-text-img img:nth-child(2){
  height: 100%;
  max-height: 500px;
  width: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1280px){
  .text-block-three .block-text-img img:nth-child(2){
    max-width: 540px
  }
}

.text-block-four{
  position: relative;
  display: flex;
  min-height: 500px;
  flex-direction: column
}

@media (min-width: 1024px){
  .text-block-four{
    flex-direction: row-reverse
  }
}

.text-block-four .block-text-des{
  position: relative;
  z-index: 10;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 840px;
  flex-direction: column;
  gap: 1.25rem;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  padding: 1.75rem
}

@media (min-width: 768px){
  .text-block-four .block-text-des{
    gap: 2.5rem
  }
}

@media (min-width: 1024px){
  .text-block-four .block-text-des{
    padding: 2.5rem
  }
}

@media (min-width: 1280px){
  .text-block-four .block-text-des{
    max-width: 730px;
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important
  }
}

@media (min-width: 1640px){
  .text-block-four .block-text-des{
    max-width: 980px
  }
}

.text-block-four .block-text-video{
  top: 0px;
  left: 0px;
  display: flex;
  max-height: 500px;
  width: 100%;
  max-width: 840px;
  gap: 2.5rem
}

@media (min-width: 1280px){
  .text-block-four .block-text-video{
    position: absolute
  }
}

.text-block-four .block-text-video iframe{
  height: 500px;
  width: 100%;
  max-width: 840px;
  border-radius: 15px
}

@media (min-width: 1280px){
  .text-block-four .block-text-video iframe{
    border-bottom-left-radius: 75px
  }
}

.text-block-four .block-text-img{
  left: 0px;
  height: 100%;
  max-height: 750px;
  width: 100%;
  max-width: 840px
}

@media (min-width: 1024px){
  .text-block-four .block-text-img{
    position: absolute;
    top: 50%;
    transform: translate(0 , -50%)
  }
}

.text-block-four .block-text-img img{
  height: 100%;
  max-height: 750px;
  width: 100%;
  max-width: 840px;
  border-radius: 15px;
  border-bottom-left-radius: 75px;
  -o-object-fit: cover;
  object-fit: cover
}

.text-block-five{
  display: flex;
  min-height: 500px;
  justify-content: flex-end
}

.text-block-five .block-text-des{
  position: relative;
  z-index: 10;
  display: flex;
  width: 100%;
  max-width: 680px;
  flex-direction: column;
  gap: 2.5rem;
  padding: 1.75rem;
  padding-left: 180px
}

@media (min-width: 1024px){
  .text-block-five .block-text-des{
    padding: 2.5rem
  }
}

@media (min-width: 1640px){
  .text-block-five .block-text-des{
    max-width: 990px
  }
}

.text-block-five .block-text-img{
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: 10;
  height: 100%;
  max-height: 750px;
  max-width: 840px;
  transform: translate(0 , -50%)
}

.text-block-five .block-text-img img{
  height: 100%;
  max-height: 750px;
  width: 100%;
  max-width: 840px;
  border-radius: 15px;
  border-bottom-left-radius: 75px
}

.text-block-six{
  display: flex;
  min-height: 500px;
  justify-content: flex-start
}

.text-block-six .block-text-des{
  position: relative;
  z-index: 10;
  display: flex;
  width: 100%;
  max-width: 680px;
  flex-direction: column;
  gap: 2.5rem;
  padding: 1.75rem
}

@media (min-width: 1024px){
  .text-block-six .block-text-des{
    padding: 2.5rem
  }
}

@media (min-width: 1640px){
  .text-block-six .block-text-des{
    max-width: 990px
  }
}

.text-block-six .block-text-des span{
  max-width: 790px
}

.text-block-six .block-text-img{
  position: absolute;
  top: 50%;
  right: 0px;
  z-index: 10;
  height: 100%;
  max-height: 750px;
  max-width: 840px;
  transform: translate(0 , -50%)
}

.text-block-six .block-text-img img{
  height: 100%;
  max-height: 750px;
  width: 100%;
  max-width: 840px;
  border-radius: 15px;
  border-bottom-left-radius: 75px
}

.text-block-seven{
  display: flex;
  min-height: 500px;
  flex-direction: column-reverse;
  justify-content: flex-end
}

@media (min-width: 1280px){
  .text-block-seven{
    flex-direction: row
  }
}

.text-block-seven .block-text-des{
  position: relative;
  z-index: 10;
  margin-top: -40px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  --tw-bg-opacity: 1;
  padding: 1.75rem
}

@media (min-width: 640px){
  .text-block-seven .block-text-des{
    margin-top: -80px
  }
}

@media (min-width: 1024px){
  .text-block-seven .block-text-des{
    max-width: 680px;
    gap: 2.5rem;
    padding: 2.5rem
  }
}

@media (min-width: 1280px){
  .text-block-seven .block-text-des{
    margin-top: 0px;
    --tw-bg-opacity: 0.9
  }
}

@media (min-width: 1640px){
  .text-block-seven .block-text-des{
    max-width: 990px
  }
}

.text-block-seven .block-text-des a{
  max-width: 280px
}

.text-block-seven .block-text-img{
  height: 100%;
  max-height: 750px;
  width: 100%
}

@media (min-width: 1280px){
  .text-block-seven .block-text-img{
    position: absolute;
    top: 50%;
    left: 0px;
    max-width: 840px;
    transform: translate(0 , -50%)
  }
}

.text-block-seven .block-text-img img{
  height: 100%;
  max-height: 750px;
  min-height: 300px;
  width: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1280px){
  .text-block-seven .block-text-img img{
    max-width: 840px;
    border-bottom-left-radius: 75px
  }
}

.text-block-eight{
  display: flex;
  min-height: 500px;
  flex-direction: column;
  justify-content: flex-start
}

@media (min-width: 1280px){
  .text-block-eight{
    flex-direction: row
  }
}

.text-block-eight .block-text-des{
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.75rem
}

@media (min-width: 1024px){
  .text-block-eight .block-text-des{
    max-width: 680px;
    padding: 2.5rem
  }
}

@media (min-width: 1640px){
  .text-block-eight .block-text-des{
    max-width: 990px
  }
}

.text-block-eight .block-text-des .logo-box{
  max-width: 180px
}

.text-block-eight .block-text-img{
  height: 100%;
  max-height: 750px;
  width: 100%
}

@media (min-width: 1280px){
  .text-block-eight .block-text-img{
    position: absolute;
    top: 50%;
    right: 0px;
    max-width: 840px;
    transform: translate(0 , -50%)
  }
}

.text-block-eight .block-text-img img{
  height: 100%;
  max-height: 550px;
  width: 100%;
  border-radius: 15px
}

@media (min-width: 1280px){
  .text-block-eight .block-text-img img{
    max-height: 750px;
    max-width: 840px;
    border-top-right-radius: 75px
  }
}

/* SEO  */

.seo-text {
  max-height: 100px;
  /* wysokość po złożeniu */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.seo-text ul{
  list-style-type: disc;
  padding-left: 1.25rem
}

.seo-text ol{
  list-style-type: decimal;
  padding-left: 1.25rem
}

.seo-text-img {
  max-height: 0px;
  /* wysokość po złożeniu */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.seo-text-img ul{
  list-style-type: disc;
  padding-left: 1.25rem
}

.seo-text-img ol{
  list-style-type: decimal;
  padding-left: 1.25rem
}

.seo-text.expanded{
  max-height: -moz-max-content;
  max-height: max-content
}

.seo-text-img.expanded{
  max-height: -moz-max-content;
  max-height: max-content
}

.seo-toggle , .seo-toggle-img {
  display: inline-block;
  margin: 15px auto 0;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(135deg, #0073e6, #005bb5);
  border: none;
  border-radius: 25px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.seo-toggle:hover {
  background: linear-gradient(135deg, #005bb5, #003f80);
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}

.seo-toggle:active {
  transform: translateY(0);
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

.seo-text-wrapper{
  margin-bottom: 2.5rem
}

.support-info{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

.support-info_box{
  margin-top: 2.5rem
}

.support-info_box img{
  height: 46px
}

.swiper-support{
  margin-top: 2.5rem;
  width: 100%;
  max-width: 1600px
}

.swiper-support .swiper-slide{
  display: flex;
  align-items: center;
  justify-content: center
}

.block-rewards{
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

.block-rewards_cont{
  margin-top: 2.5rem;
  display: flex;
  width: 100%;
  justify-content: space-around;
  gap: 1.25rem;
  overflow-x: scroll;
  padding-bottom: 1rem
}

.block-rewards_cont__item{
  position: relative;
  display: flex;
  height: 280px;
  width: 400px;
  min-width: 340px;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.75rem;
  overflow: hidden;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.block-rewards_cont__item .img-reward{
  position: absolute;
  top: 0px;
  right: 0px;
  border-bottom-left-radius: 240px
}

.block-rewards_cont__item .icon-reward{
  height: 62px;
  width: 47px
}

.block-values{
  margin-top: 2.5rem;
  overflow: hidden
}

@media (min-width: 1024px){
  .block-values{
    margin-top: 5rem;
    margin-bottom: 5rem
  }
}

.block-values_box{
  margin-top: 2.5rem
}

.block-values_box__item{
  position: relative;
  display: flex;
  min-height: 200px;
  width: 320px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  border-radius: 22px
}

.block-values_box__item .img-slide{
  max-width: 90px
}

.block-values_box__item .default-image, .block-values_box__item .hover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  transition: opacity 0.3s ease-in-out;
}

/* Domyślnie pokazujemy pierwszy obrazek */

.block-values_box__item .default-image {
  opacity: 1;
}

/* Ukrywamy drugi obrazek */

.block-values_box__item .hover-image {
  opacity: 0;
}

/* Pokazujemy drugi obrazek na hover */

.block-values_box .block-values_box__item:hover .hover-image {
  opacity: 1;
}

/* Ukrywamy pierwszy obrazek na hover */

.block-values_box .block-values_box__item:hover .default-image {
  opacity: 0;
}

.value_small{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem
}

@media (min-width: 1024px){
  .value_small{
    margin-top: 5rem;
    margin-bottom: 5rem
  }
}

.value_small h3,.value_small h4{
  text-align: center
}

.value_small .block-values_box{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
  justify-content: space-between;
  gap: 2rem
}

.value_small .block-values_box__item{
  display: flex;
  height: 290px !important;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 22px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

.value_small .block-values_box__item h4{
  text-align: center;
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 1280px){
  .value_small .block-values_box__item h4{
    font-size: 26px
  }
}

.value_small .block-values_box__item h3{
  text-align: center;
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 1280px){
  .value_small .block-values_box__item h3{
    font-size: 26px
  }
}

.value_small .block-values_box__item h5{
  margin-top: 0.75rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.block-team{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media (min-width: 1024px){
  .block-team{
    margin-top: 5rem;
    margin-bottom: 5rem
  }
}

.block-team_box{
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 3rem
}

@media (min-width: 1440px){
  .block-team_box{
    justify-content: space-between;
    gap: 6rem
  }
}

.block-team_box__item{
  display: flex;
  max-width: 400px;
  flex-direction: column;
  justify-content: center;
  gap: 1.25rem;
  border-radius: 22px
}

.block-team_box__item .preson-img{
  height: 450px;
  max-width: 400px;
  border-radius: 22px
}

.block-team_box__item .preson-img img{
  height: 100%;
  width: 100%;
  border-radius: 22px
}

.block-team_box__item h4{
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.block-team_box__item span{
  font-size: 18px;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.block-team_box__item span strong{
  font-weight: 500
}

.block-boxes{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

@media (min-width: 1280px){
  .block-boxes{
    margin-top: 4rem;
    margin-bottom: 4rem
  }
}

.block-boxes_cont{
  margin-top: 2.5rem;
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: space-around
}

.block-boxes_cont__item{
  position: relative;
  display: flex;
  height: 280px;
  min-height: 350px;
  width: 400px;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.75rem;
  overflow: hidden;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .block-boxes_cont__item{
    min-height: 280px
  }
}

.block-boxes_cont__item{
  transition: all ease 1s;
}

.block-boxes_cont__item .img-reward{
  position: absolute;
  top: 0px;
  left: -36px;
  height: 165px;
  max-width: 280px;
  border-bottom-right-radius: 166px;
  border-bottom-left-radius: 121px
}

.block-boxes_cont__item .box-numberd{
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  font-size: 36px;
  --tw-text-opacity: 1;
  color: rgb(232 232 232 / var(--tw-text-opacity));
  display: none
}

.property-info.block-boxes_cont__item .box-numberd {
  display: none;
}

@media (min-width: 640px){
  .block-boxes_cont__item .box-numberd{
    display: block
  }
}

.block-boxes_cont__item span{
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.block-boxes_cont__item .text-hover{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 20;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  transition: all ease 1s
}

.block-boxes_cont__item .text-hover p{
  font-size: 1.125rem;
  line-height: 1.75rem
}

@keyframes pulse{
  50%{
    opacity: .5
  }
}

.block-boxes_cont__item .text-hover a{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important
}

.block-boxes_cont__item .text-hover a p{
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.block-boxes_cont__item:hover .text-hover{
  display: flex;
  opacity: 1
}

.block-banner-contact{
  position: relative;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
  border-radius: 22px
}

@media (min-width: 768px){
  .block-banner-contact{
    flex-direction: row
  }
}

@media (min-width: 1280px){
  .block-banner-contact{
    margin-top: 5rem;
    margin-bottom: 5rem
  }
}

.block-banner-contact img{
  min-height: 300px;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 768px){
  .block-banner-contact img{
    min-height: 450px;
    width: 50%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
  }
}

.block-banner-contact_box{
  position: relative;
  z-index: 10;
  margin-top: -40px;
  display: flex;
  min-height: 300px;
  width: 90%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.75rem
}

@media (min-width: 640px){
  .block-banner-contact_box{
    margin-top: 0px;
    width: 100%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
  }
}

@media (min-width: 768px){
  .block-banner-contact_box{
    min-height: 450px
  }
}

@media (min-width: 1280px){
  .block-banner-contact_box{
    padding-left: 140px
  }
}

.block-banner-contact_box h3{
  margin-bottom: 1.25rem;
  line-height: 30px
}

@media (min-width: 640px){
  .block-banner-contact_box h3{
    margin-bottom: 2.5rem;
    line-height: 40px
  }
}

.block-banner-contact_box span{
  font-size: 16px
}

@media (min-width: 1024px){
  .block-banner-contact_box span{
    font-size: 22px
  }
}

.block-banner-contact_box span a{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.block-banner-contact_box span p:last-child{
  text-decoration-line: underline;
  text-underline-offset: 7px
}

.job-offert{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

@media (min-width: 640px){
  .job-offert{
    padding-left: 3.5rem;
    padding-right: 3.5rem
  }
}

@media (min-width: 1024px){
  .job-offert{
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding-left: 130px;
    padding-right: 130px
  }
}

.job-offert_box{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(157 157 157 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

@media (min-width: 1024px){
  .job-offert_box{
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

.job-offert_box__des{
  margin-top: 0.75rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  display: none
}

.property-info.job-offert_box__des {
  display: none;
}

@media (min-width: 1024px){
  .job-offert_box__des{
    grid-column: span 3 / span 3;
    margin-top: 0px;
    display: grid;
    flex-wrap: nowrap
  }
}

.job-offert_box__des p{
  font-size: 1.125rem;
  line-height: 1.75rem
}

.job-offert_box__des .job-city{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem
}

.job-offert_box__des .job-city img{
  height: 22px;
  width: 17px
}

.job-offert_box__des a p{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-weight: 700
}

.job-offert_box .show-element{
  display: flex
}

.job-offert_box__heading{
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media (min-width: 1024px){
  .job-offert_box__heading{
    grid-column: span 2 / span 2
  }
}

.job-offert_box__heading h4{
  width: 100%
}

.job-offert_box__heading .arrow-blue{
  display: block;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 1024px){
  .job-offert_box__heading .arrow-blue{
    display: none
  }
}

.job-offert_box__heading .rotate{
  --tw-rotate: 0deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.job-offert_box:first-child{
  margin-top: 1.25rem
}

.block-icons{
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

.block-icons_cont{
  margin-top: 2rem;
  display: flex;
  width: 100%;
  overflow-x: scroll;
  padding-bottom: 1rem
}

@media (min-width: 640px){
  .block-icons_cont{
    display: grid;
    max-width: 1100px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 5rem;
    column-gap: 5rem;
    row-gap: 1.25rem;
    overflow: hidden;
    padding-bottom: 0px
  }
}

@media (min-width: 1024px){
  .block-icons_cont{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

@media(max-width:640px){
  .block-icons_cont{
    max-width: -webkit-fill-available
  }
}

.block-icons_cont__item{
  display: flex;
  min-width: 225px;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center
}

.block-icons_cont__item img{
  height: 113px;
  width: 113px
}

.block-slider-boxes{
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column
}

.block-slider-boxes_head{
  display: flex;
  align-items: center;
  justify-content: space-between
}

.block-slider-boxes_head .buttons-wrapper{
  display: flex;
  gap: 0.75rem
}

.block-slider-boxes_head .buttons-wrapper .swiper-button-prev-boxes{
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.block-slider-boxes_head .buttons-wrapper .swiper-button-prev-boxes::before{
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  background-image: url('../img/arrow_black.svg');
  position: absolute;
  width: 6px;
  height: 10px;
}

.block-slider-boxes_head .buttons-wrapper .swiper-button-next-boxes{
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.block-slider-boxes_head .buttons-wrapper .swiper-button-next-boxes::before{
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  background-image: url('../img/arrow_black2.svg');
  position: absolute;
  width: 6px;
  height: 10px;
}

.block-slider-boxes_head .buttons-wrapper .swiper-button-next-boxes[aria-disabled="true"]{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

.block-slider-boxes_head .buttons-wrapper .swiper-button-prev-boxes[aria-disabled="true"]{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

.block-slider-boxes .swiper-boxes{
  margin-top: 2rem
}

.block-slider-boxes .swiper-boxes .swiper-wrapper .swiper-slide{
  display: flex;
  max-height: 480px;
  min-height: 480px;
  flex-direction: column;
  gap: 1.25rem;
  overflow: hidden;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.block-slider-boxes .swiper-boxes .swiper-wrapper .swiper-slide_top{
  position: relative;
  display: flex;
  min-height: 178px;
  justify-content: flex-end
}

.block-slider-boxes .swiper-boxes .swiper-wrapper .swiper-slide_top img{
  position: absolute;
  top: 0px;
  left: -26px;
  height: 178px;
  width: 280px;
  border-bottom-right-radius: 216px;
  border-bottom-left-radius: 102px;
  -o-object-fit: cover;
  object-fit: cover
}

.block-slider-boxes .swiper-boxes .swiper-wrapper .swiper-slide_top p{
  margin-top: -22px;
  margin-right: 1.25rem;
  font-size: 86px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(244 244 244 / var(--tw-text-opacity))
}

.block-slider-boxes .swiper-boxes .swiper-wrapper .swiper-slide h4{
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 22px;
  font-weight: 500
}

.block-slider-boxes .swiper-boxes .swiper-wrapper .swiper-slide_des{
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300
}

.photo-slider .swiper-photo{
  position: relative;
  margin-top: 1.25rem;
  overflow: hidden
}

.photo-slider .swiper-photo .swiper-wrapper .swiper-slide a{
  height: 260px;
  max-width: 548px;
  border-radius: 22px
}

.photo-slider .swiper-photo .swiper-wrapper .swiper-slide a img{
  height: 260px;
  width: 100%;
  max-width: 548px;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.photo-slider .swiper-photo .swiper-button-prev{
  left: 0px !important;
  height: 60px !important;
  width: 27px !important;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.photo-slider .swiper-photo .swiper-button-prev:after{
  margin-left: -10px !important;
  margin-top: 2px;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.photo-slider .swiper-photo .swiper-button-next{
  right: 0px !important;
  height: 60px !important;
  width: 27px !important;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.photo-slider .swiper-photo .swiper-button-next:after{
  margin-right: -10px !important;
  margin-top: 2px;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.faq-block .faq-header{
  display: flex;
  align-items: center;
  justify-content: space-between
}

.faq-block .faq-header a{
}

.faq-block .faq-categories{
  margin-top: 2.5rem;
  display: flex;
  gap: 1.25rem;
  overflow-x: scroll;
  padding-bottom: 1rem
}

@media (min-width: 1350px){
  .faq-block .faq-categories{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow-x: hidden;
    padding-bottom: 0px
  }
}

@media (min-width: 1640px){
  .faq-block .faq-categories{
    gap: 2.5rem
  }
}

.faq-block .faq-categories{
  transition: all 0.5s ease;
}

.faq-block .faq-categories .faq-category{
  position: relative;
  display: flex;
  height: 50px;
  width: 100%;
  min-width: 260px;
  max-width: 320px;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  opacity: 0.5;
  background-blend-mode: darken
}

@media (min-width: 640px){
  .faq-block .faq-categories .faq-category{
    display: block;
    height: 136px;
    min-width: 310px;
    border-radius: 22px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }
}

@media (min-width: 1350px){
  .faq-block .faq-categories .faq-category{
    height: 250px
  }
}

@media (min-width: 1640px){
  .faq-block .faq-categories .faq-category{
    max-width: 400px
  }
}

.faq-block .faq-categories .faq-category{
  transition: all 0.6s ease;
}

.faq-block .faq-categories .faq-category img{
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: none
}

.property-info.faq-block .faq-categories .faq-category img {
  display: none;
}

@media (min-width: 1350px){
  .faq-block .faq-categories .faq-category img{
    display: block
  }
}

.faq-block .faq-categories .faq-category span{
  display: none
}

.property-info.faq-block .faq-categories .faq-category span {
  display: none;
}

@media (min-width: 640px){
  .faq-block .faq-categories .faq-category span{
    display: block
  }
}

.faq-block .faq-categories .faq-category h4{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.faq-block .faq-categories .faq-category:hover {
  opacity: 1;
}

.faq-block .faq-categories .active{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  opacity: 1
}

@media (min-width: 640px){
  .faq-block .faq-categories .active{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
  }
}

.faq-block .faq-categories .active h4{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .faq-block .faq-categories .active h4{
    --tw-text-opacity: 1;
    color: rgb(28 53 131 / var(--tw-text-opacity))
  }
}

.faq-block .faq-questions-container{
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

.faq-block .faq-questions-container .faq-questions{
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

.faq-block .faq-questions-container .faq-questions .faq-item{
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.faq-block .faq-questions-container .faq-questions .faq-item_question{
  display: flex;
  cursor: pointer;
  justify-content: space-between
}

.faq-block .faq-questions-container .faq-questions .faq-item_question .faq-question{
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  transition: opacity 0.5s ease-in-out
}

.faq-block .faq-questions-container .faq-questions .faq-item_question__ico{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  min-width: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.faq-block .faq-questions-container .faq-questions .faq-item .faq-answer{
  opacity: 0;
  /* Start with transparent */
  visibility: hidden;
  /* Hidden from view */
  max-height: 0;
  /* No height initially */
  overflow: hidden;
  /* Hide any overflow content */
  transition: all 0.5s ease;
  padding: 0;
}

.faq-block .faq-questions-container .faq-questions .faq-item .faq-answer.show{
  opacity: 1;
  visibility: visible;
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding-bottom: 20px;
  font-weight: 200;
}

.sect-guide-cont{
  padding-top: 4rem;
  padding-bottom: 4rem
}

.sect-guide-cont .sect-guide{
  display: flex;
  flex-direction: column;
  text-align: center
}

.sect-guide-cont .sect-guide .tag-filter-buttons{
  margin-bottom: 0.75rem;
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  overflow-x: scroll;
  padding-bottom: 1rem
}

@media (min-width: 640px){
  .sect-guide-cont .sect-guide .tag-filter-buttons{
    overflow-x: hidden;
    padding-bottom: 0px
  }
}

.sect-guide-cont .sect-guide .sect-guide__btns{
  display: flex;
  align-items: center
}

.sect-guide-cont .sect-guide .sect-guide__btns .sect-guide__btns__blue{
  display: flex;
  width: 8rem;
  cursor: pointer;
  gap: 0.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sect-guide-cont .sect-guide .sect-guide__btns .sect-guide__btns__blue svg{
  width: 1rem
}

.sect-guide-cont .sect-guide .sect-guide__btns .sect-guide__btns__white{
  margin-left: -40px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.sect-guide-cont .sect-guide .sect-ofert-btn{
  margin-top: 19rem
}

.guide-cont{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
  row-gap: 290px
}

@media (min-width: 768px){
  .guide-cont{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1280px){
  .guide-cont{
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

.guide-cont .guide-cont-item{
  position: relative
}

.guide-cont .guide-cont-item .guide-item__image{
  width: 100%
}

.guide-cont .guide-cont-item .guide-item__image img{
  max-height: 320px;
  min-height: 320px;
  width: 100%;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-top-left-radius: 75px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 768px){
  .guide-cont .guide-cont-item .guide-item__image img{
    max-width: 540px
  }
}

.guide-cont .guide-cont-item .guide-item__content{
  position: absolute;
  bottom: -16rem;
  left: 50%;
  display: flex;
  width: 91.666667%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  align-items: flex-start;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem
}

.guide-cont .guide-cont-item .guide-item__content h3{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  text-align: start;
  font-size: 26px;
  line-height: 30px
}

.guide-cont .guide-cont-item .guide-item__content .btn-blue{
  margin-top: 1.25rem
}

.guide-cont .guide-cont-item .guide-item__content .guide-item__date{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.guide-cont .guide-cont-item .guide-item__content .guide-item__tags ul{
  margin-top: 0.75rem;
  display: flex;
  gap: 0.5rem
}

.guide-cont .guide-cont-item .guide-item__content .guide-item__tags ul li{
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 242 251 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.guide-cont .guide-cont-item .guide-item__content .limited-description{
  max-height: 75px;
  overflow: hidden;
  text-align: start
}

.single-guide-cont{
  margin-bottom: 15rem
}

.realizations-archive{
  margin-top: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(208 208 208 / var(--tw-border-opacity))
}

.realizations-archive h2{
  margin-top: 1.25rem
}

.realizations-archive h1{
  text-align: center
}

.realizations-archive .realizations-post{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem
}

@media (min-width: 640px){
  .realizations-archive .realizations-post{
    margin-top: 1.25rem;
    gap: 2.5rem
  }
}

@media (min-width: 1024px){
  .realizations-archive .realizations-post{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1640px){
  .realizations-archive .realizations-post{
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

.realizations-archive .realizations-post .single-realization{
  display: flex;
  flex-direction: column;
  align-items: center;
  border-style: none
}

.realizations-archive .realizations-post .single-realization_img{
  max-height: 320px;
  width: 100%;
  max-width: 546px
}

.realizations-archive .realizations-post .single-realization_img img{
  max-height: 320px;
  width: 100%;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 15px
}

.realizations-archive .realizations-post .single-realization_content{
  display: flex;
  min-height: 300px;
  max-width: 476px;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
  border-radius: 15px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem
}

@media (min-width: 640px){
  .realizations-archive .realizations-post .single-realization_content{
    margin-top: -70px
  }
}

.realizations-archive .realizations-post .single-realization_content__loc{
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.realizations-archive .realizations-post .single-realization_content .blue-text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.realizations-archive .realizations-post .single-realization_content .btn-holder{
  max-width: 193px
}

.pagination-realization{
  margin-top: 2rem;
  margin-bottom: 2.5rem;
  display: flex;
  justify-content: center;
  gap: 0.75rem
}

.pagination-realization .current{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.pagination-realization .active{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.swiper-button-lock{
  display: flex !important
}

.news-archive{
  margin-top: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(210 210 210 / var(--tw-border-opacity))
}

.news-archive_head, .news-archive .block-headings{
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

.news-archive_head span,.news-archive .block-headings span{
  text-align: center
}

@media (min-width: 640px){
  .news-archive_head span,.news-archive .block-headings span{
    text-align: start
  }
}

.news-archive .news-cont{
  row-gap: 7rem
}

.news-archive .pagination{
  margin-top: 2.5rem
}

.news-archive .pagination-news{
  margin-top: 120px
}

.news-archive .pagination-news ul{
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  gap: 0.75rem
}

.news-archive .pagination-news ul .next{
  display: none
}

.property-info.news-archive .pagination-news ul .next {
  display: none;
}

.news-archive .pagination-news ul .prev{
  display: none
}

.property-info.news-archive .pagination-news ul .prev {
  display: none;
}

.news-archive .pagination-news ul li{
  display: flex;
  height: 2.5rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(28 53 131 / var(--tw-border-opacity));
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.news-archive .pagination-news ul li a{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center
}

.news-archive .pagination-news ul li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.news-archive .pagination-news ul .pagination-active{
  display: flex;
  height: 2.5rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  text-align: center;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.news-archive .pagination-news ul .pagination-active a{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center
}

.news-archive .pagination-news ul .pagination-notactive{
  display: flex;
  height: 2.5rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(28 53 131 / var(--tw-border-opacity));
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.news-archive .pagination-news ul .pagination-notactive a{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center
}

.news-archive .pagination-news ul .pagination-notactive:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.news-archive .news-cont .news-cont-item{
  display: block !important
}

.archive-investments{
  margin-bottom: 5rem
}

.archive-investments_head{
  margin-top: 5rem
}

.archive-investments_all{
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: 2.5rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem
}

@media (min-width: 640px){
  .archive-investments_all{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1280px){
  .archive-investments_all{
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media (min-width: 1640px){
  .archive-investments_all{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.archive-investments_all .investment-box{
  position: relative;
  min-height: 500px;
  max-width: 24rem
}

@media not all and (min-width: 1640px){
  .archive-investments_all .investment-box{
    justify-self: center
  }
}

.archive-investments_all .investment-box .investment-label-flats{
  position: absolute;
  top: 0.75rem;
  left: 1rem;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.archive-investments_all .investment-box .investment-label-flats img{
  margin-top: -1px;
  height: 9px;
  width: 9px
}

.archive-investments_all .investment-box .investment-label{
  position: absolute;
  bottom: 14.75rem;
  right: -18px;
  z-index: 20
}

@media (min-width: 640px){
  .archive-investments_all .investment-box .investment-label{
    bottom: 14.75rem
  }
}

.archive-investments_all .investment-box .investment-label_content{
  position: relative;
  display: flex;
  min-height: 65px;
  width: 200px;
  justify-content: center;
  padding-left: 1.25rem
}

.archive-investments_all .investment-box .investment-label_content svg{
  position: absolute;
  top: -34px;
  right: -30px;
  width: 234px
}

.archive-investments_all .investment-box .investment-label_content span{
  position: relative;
  z-index: 10;
  width: 100%;
  text-align: center;
  text-transform: uppercase
}

.archive-investments_all .investment-box .investment-label_content span p{
  margin-top: 12px
}

.archive-investments_all .investment-box .investment-box__img{
  height: 100%;
  max-height: 260px;
  min-height: 260px;
  width: 100%;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem
}

.archive-investments_all .investment-box .slide-caption{
  display: flex;
  max-height: 224px;
  min-height: 224px;
  flex-direction: column;
  gap: 0.5rem;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 1.25rem
}

@media (min-width: 640px){
  .archive-investments_all .investment-box .slide-caption{
    padding-left: 1.25rem;
    padding-right: 0px
  }
}

.archive-investments_all .investment-box .slide-caption h3{
  margin-top: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600
}

.archive-investments_all .investment-box .slide-caption .slide-caption__info{
  display: flex;
  gap: 0.5rem
}

.archive-investments_all .investment-box .slide-caption .slide-caption__info .calendar_info{
  height: 1.25rem;
  width: 1rem;
  font-size: 0.75rem;
  line-height: 1rem
}

.archive-investments_all .investment-box .slide-caption .slide-caption__info .calendar_info img{
  height: 100%;
  width: 100%
}

.archive-investments_all .investment-box .slide-caption .pirce-investments{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 1.25rem
}

@media (min-width: 640px){
  .archive-investments_all .investment-box .slide-caption .pirce-investments{
    align-items: flex-end
  }
}

.archive-investments_all .investment-box .slide-caption .pirce-investments .price-start{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.archive-investments_all .investment-box .slide-caption .pirce-investments .price-start sup{
  vertical-align: super;
  font-size: 0.75rem;
  line-height: 1rem
}

.archive-investments_all .investment-box .slide-caption .pirce-investments a{
  margin-top: 0.25rem
}

.archive-investments_all .investments-map{
  position: relative;
  grid-column: span 1 / span 1;
  border-radius: 15px;
  background-color: rgb(234 14 4 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5
}

@media (min-width: 640px){
  .archive-investments_all .investments-map{
    grid-column: span 2 / span 2
  }
}

@media (min-width: 1280px){
  .archive-investments_all .investments-map{
    grid-column: span 3 / span 3
  }
}

@media (min-width: 1640px){
  .archive-investments_all .investments-map{
    grid-column: span 2 / span 2;
    grid-row: 1;
    grid-column: 3/5
  }
}

.archive-investments_all .investments-map{
  grid-row: 1
}

.archive-investments_all .investments-map_text{
  position: absolute;
  left: 0px;
  top: 5rem;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.9;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem
}

.archive-investments_all .investments-map_text h3{
  font-size: 20px
}

.archive-investments_all .investments-map_text h3 span{
  font-weight: 600
}

.small-map-box{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 6px
}

.small-map-box img{
  width: 150px;
  border-radius: 0.375rem
}

.small-map-box a{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-realization{
  margin-bottom: 2.5rem;
  margin-top: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(210 210 210 / var(--tw-border-opacity))
}

.single-realization_cont h1{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem
}

.single-realization_cont__img{
  max-height: 530px;
  width: 100%;
  border-radius: 22px
}

@media (min-width: 1280px){
  .single-realization_cont__img{
    min-height: 530px
  }
}

.single-realization_cont__img img{
  margin-bottom: 1.25rem;
  max-height: 530px;
  min-height: 320px;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 640px){
  .single-realization_cont__img img{
    margin-bottom: 2.5rem
  }
}

.single-realization_cont__sect-one{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column
}

@media (min-width: 768px){
  .single-realization_cont__sect-one{
    align-items: center
  }
}

@media (min-width: 1280px){
  .single-realization_cont__sect-one{
    margin-top: 5rem;
    margin-bottom: 5rem
  }
}

.single-realization_cont__sect-one h2{
  margin-bottom: 20px
}

@media (min-width: 640px){
  .single-realization_cont__sect-one h2{
    margin-bottom: 30px
  }
}

@media (min-width: 768px){
  .single-realization_cont__sect-one h2{
    text-align: center
  }
}

.single-realization_cont__sect-one span p{
  max-width: 1260px
}

@media (min-width: 768px){
  .single-realization_cont__sect-one span p{
    text-align: center
  }
}

.single-realization_cont__compere{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem
}

@media (min-width: 1024px){
  .single-realization_cont__compere{
    flex-direction: row
  }
}

.single-realization_cont__compere .image-comparison{
  max-height: 500px;
  width: 100%;
  max-width: 980px;
  overflow: hidden;
  border-radius: 15px;
  border-bottom-left-radius: 75px
}

.single-realization_cont__compere .image-comparison img{
  height: 100%;
  max-height: 660px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left;
  object-position: left
}

.single-realization_cont__compere .image-comparison .images-container{
  position: relative;
  display: flex;
  max-height: 660px
}

.single-realization_cont__compere .image-comparison .images-container img{
  max-height: 660px
}

.single-realization_cont__compere .before-image, .single-realization_cont__compere .after-image{
  min-height: 400px
}

.single-realization_cont__compere .image-comparison .images-container .before-image{
  position: absolute;
  top: 0px;
  width: 50%
}

.single-realization_cont__compere .image-comparison .slider{
  position: absolute;
  inset: 0px;
  cursor: pointer;
  opacity: 0
}

.single-realization_cont__compere .image-comparison .slider-line{
  position: absolute;
  left: 50%;
  height: 100%;
  width: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transform: translateX(-50%)
}

.single-realization_cont__compere .image-comparison .slider-icon{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  transform: translate(-50%, -50%)
}

.single-realization_cont__compere .label-left{
  position: absolute;
  left: 0px;
  top: 1.25rem;
  z-index: 10;
  align-items: center;
  justify-content: flex-start;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  display: none
}

.property-info.single-realization_cont__compere .label-left {
  display: none;
}

@media (min-width: 640px){
  .single-realization_cont__compere .label-left{
    display: flex
  }
}

.single-realization_cont__compere .label-right{
  position: absolute;
  right: 0px;
  top: 1.25rem;
  z-index: 10;
  align-items: center;
  justify-content: flex-start;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  display: none
}

.property-info.single-realization_cont__compere .label-right {
  display: none;
}

@media (min-width: 640px){
  .single-realization_cont__compere .label-right{
    display: flex
  }
}

.single-realization_cont__compere .image-text{
  max-width: 660px
}

.single-realization_cont__compere .image-text h3{
  margin-bottom: 1.25rem
}

@media (min-width: 1024px){
  .single-realization_cont__compere .image-text h3{
    margin-bottom: 2.5rem
  }
}

.single-realization_cont__gallery{
  margin-top: 5rem
}

.single-realization_cont__gallery .gallery-head{
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem
}

@media (min-width: 1024px){
  .single-realization_cont__gallery .gallery-head{
    flex-direction: row;
    align-items: center;
    gap: 0px
  }
}

.single-realization_cont__gallery .gallery-head_btn{
  display: flex;
  gap: 1.25rem;
  overflow-x: scroll;
  padding-bottom: 1rem
}

@media (min-width: 640px){
  .single-realization_cont__gallery .gallery-head_btn{
    overflow-x: hidden;
    padding-bottom: 0px
  }
}

.single-realization_cont__gallery .gallery-grid.active {
  display: grid;
}

.single-realization_cont__gallery .swiper-slide a img{
  height: 100%;
  max-height: 360px;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 640px){
  .single-realization_cont__gallery .swiper-slide a img{
    max-height: none
  }
}

.single-realization_cont__gallery .swiper-slide iframe{
  height: 100%;
  max-height: 360px;
  width: 100%;
  border-radius: 22px
}

@media (min-width: 640px){
  .single-realization_cont__gallery .swiper-slide iframe{
    max-height: none;
    min-height: 450px
  }
}

.single-realization_cont__gallery .gallery-grid{
  margin-bottom: 2.5rem;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem
}

@media (min-width: 640px){
  .single-realization_cont__gallery .gallery-grid{
    display: grid
  }
}

@media(min-width: 1024px){
  .single-realization_cont__gallery .gallery-grid{
    grid-template-columns: repeat(30, minmax(0, 1fr))
  }
}

.single-realization_cont__gallery .gallery-grid img{
  height: 100%;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1024px){
  .single-realization_cont__gallery .gallery-grid_item-1{
    grid-column: span 12 / span 12;
    grid-row: span 2 / span 2
  }
}

.single-realization_cont__gallery .gallery-grid_item-1 iframe{
  height: 100%;
  width: 100%;
  border-radius: 22px
}

@media (min-width: 640px){
  .single-realization_cont__gallery .gallery-grid_item-1 iframe{
    min-height: 450px
  }
}

@media (min-width: 1024px){
  .single-realization_cont__gallery .gallery-grid_item-2{
    grid-column: span 8 / span 8;
    grid-row: span 1 / span 1
  }

  .single-realization_cont__gallery .gallery-grid_item-3{
    grid-column: span 10 / span 10;
    grid-row: span 1 / span 1
  }

  .single-realization_cont__gallery .gallery-grid_item-4{
    grid-column: span 6 / span 6;
    grid-row: span 2 / span 2
  }

  .single-realization_cont__gallery .gallery-grid_item-5{
    grid-column: span 6 / span 6;
    grid-row: span 2 / span 2
  }

  .single-realization_cont__gallery .gallery-grid_item-6{
    grid-column: span 6 / span 6;
    grid-row: span 2 / span 2
  }

  .single-realization_cont__gallery .gallery-grid_item-7{
    grid-column: span 12 / span 12;
    max-height: 300px
  }
}

.single-realization_cont__gallery .gallery-grid_item-7{
  grid-row: span 1 / span 2;
}

.single-news{
  margin-bottom: 2.5rem;
  margin-top: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(210 210 210 / var(--tw-border-opacity))
}

.single-news_cont{
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

@media (min-width: 1024px){
  .single-news_cont{
    flex-direction: row;
    gap: 2.5rem
  }
}

.single-news_cont__img{
  max-height: 530px;
  border-radius: 22px
}

@media (min-width: 1024px){
  .single-news_cont__img{
    max-width: 840px
  }
}

.single-news_cont__img img{
  height: 100%;
  max-height: 560px;
  min-height: 360px;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.single-news_cont__content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem
}

@media (min-width: 1024px){
  .single-news_cont__content{
    max-width: 500px
  }
}

@media (min-width: 1350px){
  .single-news_cont__content{
    max-width: 760px
  }
}

.single-news_cont__content h4{
  font-size: 0.75rem;
  line-height: 1rem
}

.single-news_cont__content h3{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600
}

.single-news_cont__content ul{
  display: flex;
  list-style-type: disc;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1rem
}

.single-news_cont__content ol{
  display: flex;
  list-style-type: decimal;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1rem
}

.single-news_cont__content .post-tags{
  display: flex;
  gap: 0.75rem
}

.single-news_cont__content .post-tags .post-tags_elements{
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 242 251 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-news_cont__content p a{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-news_cont__content a{
  margin-top: 1.25rem;
  width: -moz-fit-content;
  width: fit-content
}

.single-news .gallery-grid{
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem
}

@media (min-width: 640px){
  .single-news .gallery-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(min-width: 1024px){
  .single-news .gallery-grid{
    grid-template-columns: repeat(30, minmax(0, 1fr))
  }
}

.single-news .gallery-grid img{
  height: 100%;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1024px){
  .single-news .gallery-grid_item-1{
    grid-column: span 12 / span 12;
    grid-row: span 2 / span 2
  }
}

.single-news .gallery-grid_item-1 iframe{
  height: 100%;
  width: 100%;
  border-radius: 22px
}

@media (min-width: 640px){
  .single-news .gallery-grid_item-1 iframe{
    min-height: 450px
  }
}

@media (min-width: 1024px){
  .single-news .gallery-grid_item-2{
    grid-column: span 8 / span 8;
    grid-row: span 1 / span 1
  }

  .single-news .gallery-grid_item-3{
    grid-column: span 10 / span 10;
    grid-row: span 1 / span 1
  }

  .single-news .gallery-grid_item-4{
    grid-column: span 6 / span 6;
    grid-row: span 2 / span 2
  }

  .single-news .gallery-grid_item-5{
    grid-column: span 6 / span 6;
    grid-row: span 2 / span 2
  }

  .single-news .gallery-grid_item-6{
    grid-column: span 6 / span 6;
    grid-row: span 2 / span 2
  }

  .single-news .gallery-grid_item-7{
    grid-column: span 12 / span 12;
    max-height: 300px
  }
}

.single-news .gallery-grid_item-7{
  grid-row: span 1 / span 2;
}

.single-news .posts h2{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center
}

.single-news .posts .pagination-news{
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: flex;
  justify-content: center;
  gap: 1.25rem
}

.single-news .posts .pagination-news .pagination-btn{
  display: flex;
  height: 2.5rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(28 53 131 / var(--tw-border-opacity));
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.single-news .posts .pagination-news .pagination-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-news .posts .pagination-news .active{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-news .pagination-news ul{
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  gap: 0.75rem
}

.single-news .pagination-news ul .next{
  display: none
}

.property-info.single-news .pagination-news ul .next {
  display: none;
}

.single-news .pagination-news ul .prev{
  display: none
}

.property-info.single-news .pagination-news ul .prev {
  display: none;
}

.single-news .pagination-news ul li{
  display: flex;
  height: 2.5rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(28 53 131 / var(--tw-border-opacity));
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.single-news .pagination-news ul li a{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center
}

.single-news .pagination-news ul li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-news .pagination-news ul .pagination-active{
  display: flex;
  height: 2.5rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  text-align: center;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.single-news .pagination-news ul .pagination-active a{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center
}

.single-news .pagination-news ul .pagination-notactive{
  display: flex;
  height: 2.5rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(28 53 131 / var(--tw-border-opacity));
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.single-news .pagination-news ul .pagination-notactive a{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center
}

.single-news .pagination-news ul .pagination-notactive:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-gudie-content img{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  max-height: 500px;
  width: 100%;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover
}

.single-gudie-content h1{
  margin-bottom: 1.25rem
}

.single-gudie-content h4{
  font-size: 0.75rem;
  line-height: 1rem
}

.single-gudie-content h3{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600
}

.single-gudie-content ul{
  display: flex;
  list-style-type: disc;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1rem
}

.single-gudie-content ol{
  display: flex;
  list-style-type: decimal;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1rem
}

.const-page{
  margin-bottom: 0px
}

.const-page .pagination-realization{
  margin-top: 3.5rem;
  margin-bottom: 0px
}

.construction-cont{
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
  row-gap: 3.5rem
}

@media (min-width: 640px){
  .construction-cont{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1024px){
  .construction-cont{
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media (min-width: 1280px){
  .construction-cont{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.construction-cont_item{
  border-radius: 15px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.construction-cont_item img{
  height: 100%;
  max-height: 250px;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover
}

.construction-cont_item .investment-details{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem
}

.construction-cont_item .investment-details p{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem
}

.construction-cont_item .investment-details p img{
  height: 22px;
  width: 17px
}

.construction-cont_item .investment-details h2{
  font-size: 1.25rem;
  line-height: 1.75rem
}

@media (min-width: 1350px){
  .construction-cont_item .investment-details h2{
    font-size: 26px
  }
}

.construction-cont_item .investment-details a{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 4px
}

.single-investment{
  position: relative;
  margin-bottom: 2.5rem;
  margin-top: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(210 210 210 / var(--tw-border-opacity))
}

.single-investment .block-text{
  margin-top: 4rem !important;
  margin-bottom: 4rem !important
}

.single-investment .block-text iframe{
  height: 540px;
}

.single-investment .single-investment-back{
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-investment .single-investment-back img{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.single-investment_top{
  display: flex;
  flex-direction: column-reverse;
  gap: 4rem
}

@media (min-width: 1280px){
  .single-investment_top{
    flex-direction: row
  }
}

.single-investment_top__left{
  position: relative;
  z-index: 10;
  margin-top: -100px;
  width: 100%;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem
}

@media (min-width: 640px){
  .single-investment_top__left{
    margin-top: -130px;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }
}

@media (min-width: 768px){
  .single-investment_top__left{
    margin-top: -220px
  }
}

@media (min-width: 1280px){
  .single-investment_top__left{
    margin-top: 0px;
    max-width: 680px;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px
  }
}

.single-investment_top__left .swiper-label{
  right: 1rem;
  left: auto;
  top: -26px;
  z-index: 10
}

@media (min-width: 640px){
  .single-investment_top__left .swiper-label{
    right: 2rem;
    top: -32px
  }
}

@media (min-width: 768px){
  .single-investment_top__left .swiper-label{
    right: 4rem !important
  }
}

@media (min-width: 1280px){
  .single-investment_top__left .swiper-label{
    display: none
  }
}

.single-investment_top__left .swiper-label svg{
  height: 90px
}

@media (min-width: 640px){
  .single-investment_top__left .swiper-label svg{
    height: 110px
  }
}

.single-investment_top__left .swiper-label .investment-logo{
  left: 64%;
  top: 25%;
  display: none
}

.property-info.single-investment_top__left .swiper-label .investment-logo {
  display: none;
}

@media (min-width: 640px){
  .single-investment_top__left .swiper-label .investment-logo{
    top: 30%
  }
}

@media (min-width: 1280px){
  .single-investment_top__left .swiper-label .investment-logo{
    display: block
  }
}

.single-investment_top__left .swiper-label .investment-logo-mob{
  left: 64%;
  top: 25%;
  display: block
}

@media (min-width: 640px){
  .single-investment_top__left .swiper-label .investment-logo-mob{
    top: 30%
  }
}

@media (min-width: 1280px){
  .single-investment_top__left .swiper-label .investment-logo-mob{
    display: none
  }
}

.single-investment_top__left .single-investment-icons{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  justify-content: space-between;
  display: none
}

.property-info.single-investment_top__left .single-investment-icons {
  display: none;
}

@media (min-width: 768px){
  .single-investment_top__left .single-investment-icons{
    display: flex
  }
}

.single-investment_top__left .single-investment-icons_cont{
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem !important
}

.single-investment_top__left .single-investment-icons_cont img{
  height: 70px;
  width: 70px
}

.single-investment_top__left .single-investment-icons .investment-logo{
  height: 36px
}

.single-investment_top__left .single-investment-content{
  margin-top: 0.5rem
}

.single-investment_top__left .single-investment-content_lokalization{
  margin-top: 1.25rem;
  display: flex;
  max-width: 540px;
  align-items: center;
  justify-content: space-between;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem
}

.single-investment_top__left .single-investment-content_lokalization .lokalization-box{
  display: flex;
  align-items: center;
  gap: 0.75rem
}

.single-investment_top__left .single-investment-content_lokalization__icon{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.single-investment_top__left .single-investment-content_lokalization__text{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-investment_top__left .single-investment-content_lokalization__map{
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.single-investment_top__left .single-investment-content_lokalization__map a{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-investment_top__left .single-investment-content_info__files{
  margin-top: 1.25rem;
  display: flex;
  gap: 1.5rem
}

.single-investment_top__left .single-investment-content_info__files a{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem
}

.single-investment_top__left .single-investment-content_info__files a p{
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem
}

.single-investment_top__left .single-investment-content_info__areas{
  margin-top: 2rem;
  display: flex;
  max-width: 540px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem
}

@media (min-width: 640px){
  .single-investment_top__left .single-investment-content_info__areas{
    margin-top: 3rem
  }
}

@media (min-width: 1280px){
  .single-investment_top__left .single-investment-content_info__areas{
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0px
  }
}

.single-investment_top__left .single-investment-content_info__areas .area-show-box{
  display: flex;
  flex-direction: column
}

.single-investment_top__left .single-investment-content_info__areas .area-show-box p{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

.single-investment_top__left .single-investment-content_info__areas .area-show-box p:last-child{
  min-height: 30px;
  font-size: 20px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-investment_top__left .single-investment-content_info__areas .area-show-box .date-of-finish{
  font-size: 20px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-investment_top__left .single-investment-content_info__areas:nth-child(2){
  margin-top: 1.5rem
}

.single-investment_top__left .single-investment-content_info__des{
  margin-top: 2.5rem
}

.single-investment_top__left .single-investment-content_info__des span{
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.single-investment_top__left .single-investment-content_info__buttons{
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

@media (min-width: 640px){
  .single-investment_top__left .single-investment-content_info__buttons{
    flex-direction: row
  }
}

.single-investment_top__left .single-investment-content_info__buttons .btn-orange{
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase
}

.single-investment_top__left .single-investment-content_info__buttons .btn-white p{
  text-transform: uppercase !important
}

.single-investment_top__right{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.75rem
}

@media (min-width: 1280px){
  .single-investment_top__right{
    max-width: 700px
  }
}

@media (min-width: 1640px){
  .single-investment_top__right{
    max-width: 980px
  }
}

.single-investment_top__right .main-image{
  position: relative;
  height: 600px;
  width: 100%;
  border-radius: 22px;
  display: none
}

.property-info.single-investment_top__right .main-image {
  display: none;
}

@media (min-width: 1280px){
  .single-investment_top__right .main-image{
    display: block
  }
}

.single-investment_top__right .main-image .investment-logo{
  display: none
}

.property-info.single-investment_top__right .main-image .investment-logo {
  display: none;
}

@media (min-width: 1280px){
  .single-investment_top__right .main-image .investment-logo{
    display: block
  }
}

.single-investment_top__right .main-image .investment-logo-mob{
  display: block
}

@media (min-width: 1280px){
  .single-investment_top__right .main-image .investment-logo-mob{
    display: none
  }
}

.single-investment_top__right .main-image #current-image{
  height: 100%;
  max-height: 600px;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: opacity 0.5s ease-in-out;
  opacity: 1
  /* Ensure full visibility */
}

.single-investment_top__right .main-image .loop_svg_box{
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  display: flex;
  height: 3.5rem;
  width: 3.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.4
}

.single-investment_top__right .main-image .loop_svg_box .loop_svg{
  margin-right: -4px;
  margin-top: 0.25rem;
  height: 2.5rem;
  width: 2.5rem
}

.single-investment_top__right .main-image .fade-out{
  opacity: 0;
}

.single-investment_top__right .swiper-photo-two{
  position: relative;
  margin-top: 1.25rem;
  overflow: hidden
}

@media (min-width: 1280px){
  .single-investment_top__right .swiper-photo-two{
    margin-top: 0px
  }
}

.single-investment_top__right .swiper-photo-two .swiper-button-next{
  height: 52px !important;
  width: 23px !important;
  pointer-events: all !important;
}

.single-investment_top__right .swiper-photo-two .swiper-button-prev{
  height: 52px !important;
  width: 23px !important;
}

.single-investment_top__right .swiper-photo-two .swiper-pagination2{
  position: absolute;
  bottom: 3rem !important;
  left: 50% !important;
  z-index: 20;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-left: 1.25rem;
  text-align: start !important
}

@media (min-width: 640px){
  .single-investment_top__right .swiper-photo-two .swiper-pagination2{
    bottom: 5rem !important
  }
}

@media (min-width: 768px){
  .single-investment_top__right .swiper-photo-two .swiper-pagination2{
    bottom: 11rem !important
  }
}

@media (min-width: 1280px){
  .single-investment_top__right .swiper-photo-two .swiper-pagination2{
    display: none !important
  }
}

.single-investment_top__right .swiper-photo-two .swiper-pagination-bullet{
  width: 26px !important
}

@media (min-width: 640px){
  .single-investment_top__right .swiper-photo-two .swiper-pagination-bullet{
    width: 32px !important
  }
}

.single-investment_top__right .swiper-photo-two .swiper-pagination-bullet {
  background-color: rgb(211, 211, 211) !important;
  height: 2px !important;
  opacity: 1 !important;
  margin: 4px !important;
  border-radius: 0px !important;
}

.single-investment_top__right .swiper-photo-two .swiper-pagination-bullet-active {
  background-color: white !important;
}

.single-investment_top__right .swiper-photo-two .swiper-wrapper .swiper-slide img{
  max-height: 800px;
  min-height: 300px;
  width: 100%;
  cursor: pointer;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 640px){
  .single-investment_top__right .swiper-photo-two .swiper-wrapper .swiper-slide img{
    min-height: 400px
  }
}

@media (min-width: 768px){
  .single-investment_top__right .swiper-photo-two .swiper-wrapper .swiper-slide img{
    min-height: 700px
  }
}

@media (min-width: 1280px){
  .single-investment_top__right .swiper-photo-two .swiper-wrapper .swiper-slide img{
    max-height: 200px;
    min-height: 200px
  }
}

.single-investment_submenu{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: none
}

.property-info.single-investment_submenu {
  display: none;
}

@media (min-width: 1024px){
  .single-investment_submenu{
    display: block
  }
}

.single-investment_submenu__list{
  display: flex;
  gap: 1rem
}

.single-investment_submenu__list li{
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-investment_submenu__list li:hover{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-investment_submenu__list .active-link{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-investment_sfermap{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem
}

.single-investment_sfermap h3{
  text-align: center
}

.single-investment_sfermap iframe{
  min-height: 600px;
  width: 100%;
  border-radius: 22px
}

.single-investment_sfermap .active-sferyczna{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  max-height: 2.5rem;
  align-items: center;
  justify-content: center
}

.single-investment_sfermap .active-sferyczna .single-investment_sfermap__btns__blue{
  display: flex;
  width: 12rem;
  cursor: pointer;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-investment_sfermap .active-sferyczna .single-investment_sfermap__btns__blue svg{
  width: 1rem
}

.single-investment_sfermap .active-sferyczna .single-investment_sfermap__btns__white{
  margin-left: -40px;
  min-width: 115px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-investment_sfermap .active-google{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  max-height: 2.5rem;
  align-items: center;
  justify-content: center
}

.single-investment_sfermap .active-google .single-investment_sfermap__btns__blue{
  z-index: 10;
  display: flex;
  width: 12rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-investment_sfermap .active-google .single-investment_sfermap__btns__blue svg{
  width: 1rem
}

.single-investment_sfermap .active-google .single-investment_sfermap__btns__white{
  margin-left: -40px;
  min-width: 115px;
  cursor: pointer;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-investment_search iframe{
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  min-height: 760px;
  width: 100%;
  border-radius: 22px
}

.single-investment_search h3, .single-investment_search h4{
  text-align: center
}

.single-investment-flats_head{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between
}

@media (min-width: 1024px){
  .single-investment-flats_head{
    flex-direction: row
  }
}

.single-investment-flats_head p{
  display: flex;
  align-items: center
}

.single-investment-flats_head .sort-options{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0px
}

@media (min-width: 640px){
  .single-investment-flats_head .sort-options{
    flex-direction: row;
    gap: 1.25rem
  }
}

.single-investment-flats_head .sort-options .sort-cont{
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.single-investment-flats_head .sort-options select{
  min-width: 246px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem
}

.single-investment-flats_head .sort-options .active-kaf{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  max-height: 2.5rem;
  align-items: center;
  justify-content: center
}

@media (min-width: 640px){
  .single-investment-flats_head .sort-options .active-kaf{
    margin-top: 2rem;
    margin-bottom: 2rem
  }
}

.single-investment-flats_head .sort-options .active-kaf .setup-page_head__btns__blue{
  display: flex;
  width: 10rem;
  cursor: pointer;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-investment-flats_head .sort-options .active-kaf .setup-page_head__btns__blue svg{
  width: 1rem
}

.single-investment-flats_head .sort-options .active-kaf .setup-page_head__btns__white{
  margin-left: -40px;
  display: flex;
  min-width: 115px;
  cursor: pointer;
  gap: 0.75rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-investment-flats_head .sort-options .active-list{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  max-height: 2.5rem;
  align-items: center;
  justify-content: center
}

@media (min-width: 640px){
  .single-investment-flats_head .sort-options .active-list{
    margin-top: 2rem;
    margin-bottom: 2rem
  }
}

.single-investment-flats_head .sort-options .active-list .setup-page_head__btns__blue{
  z-index: 10;
  display: flex;
  width: 9rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 2rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-investment-flats_head .sort-options .active-list .setup-page_head__btns__blue svg{
  width: 1rem
}

.single-investment-flats_head .sort-options .active-list .setup-page_head__btns__blue img{
  filter: invert(73%) sepia(100%) saturate(332%) hue-rotate(218deg);
}

.single-investment-flats_head .sort-options .active-list .setup-page_head__btns__white{
  margin-left: -40px;
  display: flex;
  min-width: 115px;
  cursor: pointer;
  gap: 0.75rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-investment-flats_head .sort-options .active-list .setup-page_head__btns__white img{
  filter: invert(100%)
}

.single-investment-flats .pagination{
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: flex;
  justify-content: center;
  gap: 1.25rem
}

.single-investment-flats .pagination .pagination-btn{
  display: flex;
  height: 2.5rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(28 53 131 / var(--tw-border-opacity));
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.single-investment-flats .pagination .pagination-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-investment-flats .pagination .active{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-investment-flats .single-investment-flats-cont{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-content: center;
  row-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem
}

@media (min-width: 768px){
  .single-investment-flats .single-investment-flats-cont{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1024px){
  .single-investment-flats .single-investment-flats-cont{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    place-content: space-between
  }
}

@media (min-width: 1350px){
  .single-investment-flats .single-investment-flats-cont{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.single-investment-flats .single-investment-flats-cont .property-item{
  position: relative;
  width: 100%;
  max-width: 390px;
  justify-self: center;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 768px){
  .single-investment-flats .single-investment-flats-cont .property-item{
    justify-self: start
  }
}

.single-investment-flats .single-investment-flats-cont .property-item .investment-label{
  position: absolute;
  bottom: 15rem;
  left: -76px;
  z-index: 20
}

@media (min-width: 640px){
  .single-investment-flats .single-investment-flats-cont .property-item .investment-label{
    bottom: 15rem
  }
}

.single-investment-flats .single-investment-flats-cont .property-item .investment-label_content{
  position: relative;
  display: flex;
  min-height: 65px;
  width: 200px;
  justify-content: center;
  padding-left: 1.25rem
}

.single-investment-flats .single-investment-flats-cont .property-item .investment-label_content svg{
  position: absolute;
  top: -34px;
  right: -30px;
  width: 170px
}

.single-investment-flats .single-investment-flats-cont .property-item .investment-label_content span{
  position: relative;
  z-index: 10;
  margin-top: -28px;
  width: 100%;
  padding-left: 72px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase
}

.single-investment-flats .single-investment-flats-cont .property-item .investment-label_content span p{
  margin-top: 12px
}

.single-investment-flats .single-investment-flats-cont .property-item_head{
  position: relative;
  display: flex;
  min-height: 260px;
  width: 100%;
  justify-content: center;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem
}

.single-investment-flats .single-investment-flats-cont .property-item_head__img{
  min-height: 260px
}

.single-investment-flats .single-investment-flats-cont .property-item_head .heart-icon{
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s ease
}

.single-investment-flats .single-investment-flats-cont .property-item_head .heart-icon.active {
  opacity: 1;
  filter: drop-shadow(0 0 5px #ff7119);
}

.single-investment-flats .single-investment-flats-cont .property-item_head__avaible{
  position: absolute;
  left: 0.75rem;
  top: 0.75rem
}

.single-investment-flats .single-investment-flats-cont .property-item_head__avaible .item-box-ava{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

.single-investment-flats .single-investment-flats-cont .property-item_head__avaible .item-box-ava .green-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #4bb649
}

.single-investment-flats .single-investment-flats-cont .property-item_head__avaible .item-box-ava .red-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #ff3f56
}

.single-investment-flats .single-investment-flats-cont .property-item_head__avaible .item-box-ava .yellow-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #e9cb02
}

.single-investment-flats .single-investment-flats-cont .property-item_boxone{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.single-investment-flats .single-investment-flats-cont .property-item_boxone h3{
  margin-top: 0.5rem;
  text-align: start;
  font-size: 24px;
  font-weight: 700
}

.single-investment-flats .single-investment-flats-cont .property-item_boxone h3:nth-child(2){
  font-size: 20px
}

.single-investment-flats .single-investment-flats-cont .property-item_boxtwo{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.25rem
}

.single-investment-flats .single-investment-flats-cont .property-item_boxtwo__itemone{
  position: relative;
  display: flex;
  flex-direction: column
}

.single-investment-flats .single-investment-flats-cont .property-item_boxtwo__itemone span{
  font-size: 12px
}

.single-investment-flats .single-investment-flats-cont .property-item_boxtwo__itemone h4{
  font-size: 18px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-investment-flats .single-investment-flats-cont .property-item_boxtwo__itemone h5{
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.single-investment-flats .single-investment-flats-cont .property-item_boxtwo__itemtwo{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem
}

.single-investment-flats .single-investment-flats-cont .property-item_boxtwo__itemtwo .btn-orange, .single-investment-flats .single-investment-flats-cont .property-item_boxtwo__itemtwo .btn-white{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase
}

.single-investment-flats .single-investment-flats-cont .property-item_boxtwo__itemtwo .btn-white{
  width: -webkit-fill-available;
}

.single-investment-flats .single-investment-flats-cont .property-item .promo-price-show{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: flex;
  min-height: 33px;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-bottom: 0.5rem
}

.single-investment-flats .single-investment-flats-cont .property-item .promo-price-show_text{
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.single-investment-flats .single-investment-flats-cont .property-item .promo-price-show h5{
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  text-decoration-line: line-through
}

.single-investment-flats .single-investment-flats-cont .property-item_boxthree{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.single-investment-flats .single-investment-flats-cont .property-item_boxthree p{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.single-investment-flats .single-investment-flats-cont .property-item_boxfour{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem
}

@media (min-width: 1350px){
  .single-investment-flats .single-investment-flats-cont .property-item_boxfour{
    gap: 1.5rem
  }
}

.single-investment-flats .single-investment-flats-cont .property-item_boxfour .item_content-child{
  display: flex;
  flex-direction: column;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgb(210 210 210 / var(--tw-border-opacity));
  padding-right: 1.25rem
}

.single-investment-flats .single-investment-flats-cont .property-item_boxfour .item_content-child h5{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.single-investment-flats .single-investment-flats-cont .property-item_boxfour .item_content-child p{
  text-align: center;
  font-size: 18px;
  font-weight: 700
}

.single-investment-flats .single-investment-flats-cont .property-item_boxfour .item_content-child:first-child{
  min-width: 110px
}

.single-investment-flats .single-investment-flats-cont .property-item_boxfour .item_content-child:first-child p{
  text-align: start
}

.single-investment-flats .single-investment-flats-cont .property-item_boxfour .item_content-child:nth-child(2){
  width: 100%;
  align-items: center
}

.single-investment-flats .single-investment-flats-cont .property-item_boxfour .item_content-child:last-child{
  width: 100%;
  align-items: center;
  border-style: none
}

.single-investment-flats .single-list{
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.single-investment-flats .single-list_head{
  display: grid;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(157 157 157 / var(--tw-border-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 640px){
  .single-investment-flats .single-list_head{
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}

.single-investment-flats .single-list_head{
  grid-template-columns: repeat(17, minmax(0, 1fr));
}

@media (max-width: 1280px){
  .single-investment-flats .single-list_head{
    grid-template-columns: repeat(14, minmax(0, 1fr))
  }
}

@media (max-width: 1024px){
  .single-investment-flats .single-list_head{
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }
}

@media (max-width: 768px){
  .single-investment-flats .single-list_head{
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

@media (max-width: 640px){
  .single-investment-flats .single-list_head{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.single-investment-flats .single-list_head p{
  grid-column: span 2 / span 2;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500
}

@media not all and (min-width: 768px){
  .single-investment-flats .single-list_head p{
    grid-column: span 1 / span 1
  }
}

.single-investment-flats .single-list_head p:first-child{
  grid-column: span 2 / span 2
}

@media (min-width: 1024px){
  .single-investment-flats .single-list_head p:first-child{
    grid-column: span 3 / span 3
  }
}

.single-investment-flats .single-list_head p:nth-child(2){
  display: none
}

.property-info.single-investment-flats .single-list_head p:nth-child(2) {
  display: none;
}

@media (min-width: 1280px){
  .single-investment-flats .single-list_head p:nth-child(2){
    display: block
  }
}

.single-investment-flats .single-list_head p:nth-child(5){
  grid-column: span 1 / span 1;
  display: none
}

.property-info.single-investment-flats .single-list_head p:nth-child(5) {
  display: none;
}

@media (min-width: 1280px){
  .single-investment-flats .single-list_head p:nth-child(5){
    display: block
  }
}

.single-investment-flats .single-list_head p:nth-child(6){
  display: none
}

.property-info.single-investment-flats .single-list_head p:nth-child(6) {
  display: none;
}

@media (min-width: 1024px){
  .single-investment-flats .single-list_head p:nth-child(6){
    display: block
  }
}

.single-investment-flats .single-list_head p:nth-child(7){
  display: none
}

.property-info.single-investment-flats .single-list_head p:nth-child(7) {
  display: none;
}

@media (min-width: 1024px){
  .single-investment-flats .single-list_head p:nth-child(7){
    display: block
  }
}

.single-investment-flats .single-list_head p:nth-child(8){
  display: none
}

.property-info.single-investment-flats .single-list_head p:nth-child(8) {
  display: none;
}

@media (min-width: 768px){
  .single-investment-flats .single-list_head p:nth-child(8){
    display: block
  }
}

.single-investment-flats .single-list_head p:nth-child(4){
  grid-column: span 1 / span 1;
  justify-self: center
}

@media (min-width: 640px){
  .single-investment-flats .single-list_head p:nth-child(4){
    justify-self: start
  }
}

.single-investment-flats .single-investment-flats-cont-list2{
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.single-investment-flats .single-investment-flats-cont-list2 .property-item{
  display: grid;
  gap: 0.375rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(157 157 157 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 640px){
  .single-investment-flats .single-investment-flats-cont-list2 .property-item{
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}

.single-investment-flats .single-investment-flats-cont-list2 .property-item {
  grid-template-columns: repeat(17, minmax(0, 1fr));
}

@media (max-width: 1280px){
  .single-investment-flats .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(14, minmax(0, 1fr))
  }
}

@media (max-width: 1024px){
  .single-investment-flats .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }
}

@media (max-width: 768px){
  .single-investment-flats .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

@media (max-width: 640px){
  .single-investment-flats .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.single-investment-flats .single-investment-flats-cont-list2 .property-item_head{
  grid-column: span 2 / span 2;
  display: flex;
  align-items: center;
  gap: 1rem
}

@media (min-width: 1024px){
  .single-investment-flats .single-investment-flats-cont-list2 .property-item_head{
    grid-column: span 3 / span 3
  }
}

.single-investment-flats .single-investment-flats-cont-list2 .property-item_head__img{
  height: 130px
}

.single-investment-flats .single-investment-flats-cont-list2 .property-item_head h3{
  text-align: center
}

.single-investment-flats .single-investment-flats-cont-list2 .property-item_boxone{
  grid-column: span 2 / span 2;
  align-items: center;
  display: none
}

.property-info.single-investment-flats .single-investment-flats-cont-list2 .property-item_boxone {
  display: none;
}

@media (min-width: 1280px){
  .single-investment-flats .single-investment-flats-cont-list2 .property-item_boxone{
    display: flex
  }
}

.single-investment-flats .single-investment-flats-cont-list2 .property-item:last-child{
  border-style: none
}

.single-investment-flats .single-investment-flats-cont-list2 .item-content-price{
  display: flex;
  flex-direction: column;
  align-items: flex-start !important
}

.single-investment-flats .single-investment-flats-cont-list2 .item-content-price .dark-blue-text{
  display: flex;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem
}

.single-investment-flats .single-investment-flats-cont-list2 .item-content-price .dark-blue-text span{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-investment-flats .single-investment-flats-cont-list2 .item-content-price h5{
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration-line: line-through
}

.single-investment-flats .single-investment-flats-cont-list2 .item-content-price .text-gray-small{
  max-width: 134px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(208 208 208 / var(--tw-text-opacity))
}

.single-investment-flats .single-investment-flats-cont-list2 .item_content-child{
  grid-column: span 1 / span 1;
  display: flex;
  align-items: center
}

@media (min-width: 768px){
  .single-investment-flats .single-investment-flats-cont-list2 .item_content-child{
    grid-column: span 2 / span 2
  }
}

.single-investment-flats .single-investment-flats-cont-list2 .item_content-child .btn-orange{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase
}

.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(5){
  grid-column: span 1 / span 1
}

.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(4){
  grid-column: span 1 / span 1;
  justify-self: center
}

@media (min-width: 640px){
  .single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(4){
    justify-self: start
  }
}

.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(5){
  display: none
}

.property-info.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(5) {
  display: none;
}

@media (min-width: 1280px){
  .single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(5){
    display: flex
  }
}

.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(7){
  display: none
}

.property-info.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(7) {
  display: none;
}

@media (min-width: 1024px){
  .single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(7){
    display: flex
  }
}

.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(6){
  display: none
}

.property-info.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(6) {
  display: none;
}

@media (min-width: 1024px){
  .single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(6){
    display: flex
  }
}

.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(8){
  justify-content: center;
  display: none
}

.property-info.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(8) {
  display: none;
}

@media (min-width: 768px){
  .single-investment-flats .single-investment-flats-cont-list2 .item_content-child:nth-child(8){
    display: flex
  }
}

.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:last-child{
  display: none
}

.property-info.single-investment-flats .single-investment-flats-cont-list2 .item_content-child:last-child {
  display: none;
}

@media (min-width: 640px){
  .single-investment-flats .single-investment-flats-cont-list2 .item_content-child:last-child{
    display: flex
  }
}

.swiper-closeby{
  margin-top: 1.25rem;
  overflow: hidden;
  padding-top: 1.25rem
}

.swiper-closeby_head{
  display: flex;
  align-items: center;
  justify-content: center
}

@media (min-width: 640px){
  .swiper-closeby_head{
    justify-content: space-between
  }
}

.swiper-closeby_head h3{
  margin-bottom: 1.25rem
}

.swiper-closeby_head__btns{
  margin-right: 1.25rem;
  display: flex;
  flex-direction: row-reverse;
  gap: 1.25rem
}

.swiper-closeby_head__btns .swiper-button-next, .swiper-closeby_head__btns .swiper-button-prev{
  position: static;
  height: 2.5rem !important;
  width: 2.5rem !important;
  border-radius: 9999px
}

.swiper-closeby_head__btns .swiper-button-next::after{
  margin-right: -4px !important;
  font-size: 0.7rem !important;
}

.swiper-closeby_head__btns .swiper-button-prev::after{
  margin-left: -4px !important;
  font-size: 0.7rem !important;
}

.swiper-closeby .swiper-wrapper .swiper-slide{
  position: relative;
  border-radius: 22px
}

.swiper-closeby .swiper-wrapper .swiper-slide .slide-img{
  min-height: 200px;
  width: 100%;
  border-radius: 22px
}

.swiper-closeby .swiper-wrapper .swiper-slide_time{
  position: absolute;
  top: 1.25rem;
  left: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.swiper-closeby .swiper-wrapper .swiper-slide_heading{
  position: absolute;
  left: 1rem;
  bottom: 1.25rem;
  z-index: 20;
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.swiper-closeby .swiper-wrapper .swiper-slide::before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  height: 80px;
  background: linear-gradient(to top, rgba(0,0,0,0.7) 50%, transparent 100%);
  content: ""
}

.section-construction{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem
}

.section-construction h3{
  text-align: center
}

.section-construction_top{
  margin-top: 1.25rem;
  max-width: 1440px !important
}

@media (min-width: 1280px){
  .section-construction_top{
    margin-top: 2.5rem
  }
}

.section-construction_top .construction-heading{
  display: block
}

@media (min-width: 1280px){
  .section-construction_top .construction-heading{
    display: none
  }
}

.section-construction_top ul{
  justify-content: space-between;
  display: none
}

.property-info.section-construction_top ul {
  display: none;
}

@media (min-width: 1280px){
  .section-construction_top ul{
    display: flex
  }
}

.section-construction_top ul li{
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(189 189 189 / var(--tw-text-opacity))
}

.section-construction_top ul li .progres-line{
  position: relative;
  height: 0.375rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

.section-construction_top ul li .progres-line_bullet{
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transform: translate(-50% , -50%)
}

.section-construction_top ul li .progres-line::before{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  width: 0%;
  /* Domyślnie zero, zmieniamy na aktywnym */
  content: ''
}

.section-construction_top .active-class-oneS{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-oneS li:first-child{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-oneS li:first-child .progres-line_bullet{
  display: block
}

.section-construction_top .active-class-oneS li:first-child .progres-line::before{
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  width: 50%
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-twoS{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-twoS li:first-child{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-twoS li:first-child .progres-line::before{
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  width: 100%
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-twoS li:nth-child(2){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-twoS li:nth-child(2) .progres-line_bullet{
  display: block
}

.section-construction_top .active-class-twoS li:nth-child(2) .progres-line::before {
  width: 50%;
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-threeS{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-threeS li:first-child{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-threeS li:first-child .progres-line::before{
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  width: 100%
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-threeS li:nth-child(2){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-threeS li:nth-child(2) .progres-line::before {
  width: 100%;
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-threeS li:nth-child(3){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-threeS li:nth-child(3) .progres-line_bullet{
  display: block
}

.section-construction_top .active-class-threeS li:nth-child(3) .progres-line::before {
  width: 50%;
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-fourS{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-fourS li:first-child{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-fourS li:first-child .progres-line::before{
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  width: 100%
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-fourS li:nth-child(2){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-fourS li:nth-child(2) .progres-line::before {
  width: 100%;
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-fourS li:nth-child(3){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-fourS li:nth-child(3) .progres-line::before {
  width: 100%;
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-fourS li:nth-child(4){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-fourS li:nth-child(4) .progres-line_bullet{
  display: block
}

.section-construction_top .active-class-fourS li:nth-child(4) .progres-line::before {
  width: 50%;
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-fiveS{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-fiveS li:first-child{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-fiveS li:first-child .progres-line::before{
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  width: 100%
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-fiveS li:nth-child(2){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-fiveS li:nth-child(2) .progres-line::before {
  width: 100%;
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-fiveS li:nth-child(3){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-fiveS li:nth-child(3) .progres-line::before {
  width: 100%;
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-fiveS li:nth-child(4){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-fiveS li:nth-child(4) .progres-line::before {
  width: 100%;
  /* Pierwszy element zapełniony w całości */
}

.section-construction_top .active-class-fiveS li:nth-child(5){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-fiveS li:nth-child(5) .progres-line_bullet{
  display: block
}

.section-construction_top .active-class-fiveS li:nth-child(5) .progres-line::before {
  width: 50%;
}

.section-construction_top .active-class-sixS{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-sixS li:first-child{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-sixS li:first-child .progres-line::before{
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  width: 100%
}

.section-construction_top .active-class-sixS li:nth-child(2){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-sixS li:nth-child(2) .progres-line::before {
  width: 100%;
}

.section-construction_top .active-class-sixS li:nth-child(3){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-sixS li:nth-child(3) .progres-line::before {
  width: 100%;
}

.section-construction_top .active-class-sixS li:nth-child(4){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-sixS li:nth-child(4) .progres-line::before {
  width: 100%;
}

.section-construction_top .active-class-sixS li:nth-child(5){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-sixS li:nth-child(5) .progres-line::before {
  width: 100%;
}

.section-construction_top .active-class-sixS li:nth-child(6){
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.section-construction_top .active-class-sixS li:nth-child(6) .progres-line_bullet{
  display: block
}

.section-construction_top .active-class-sixS li:nth-child(6) .progres-line::before {
  width: 50%;
  /* Pierwszy element zapełniony w całości */
}

.swiper-construciton-gallery{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  max-width: 1440px !important
}

.swiper-construciton-gallery .swiper-wrapper .swiper-slide{
  position: relative;
  height: 320px;
  width: 340px;
  border-radius: 22px
}

.swiper-construciton-gallery .swiper-wrapper .swiper-slide .gallery-show-img{
  height: 100%;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

.swiper-construciton-gallery .swiper-wrapper .swiper-slide .number-images{
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.swiper-construciton-gallery .swiper-wrapper .swiper-slide .gallery-name{
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 20;
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.swiper-construciton-gallery .swiper-wrapper .swiper-slide .gallery-links{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 320px;
  width: 340px;
  border-radius: 22px;
  display: none
}

.property-info.swiper-construciton-gallery .swiper-wrapper .swiper-slide .gallery-links {
  display: none;
}

.swiper-construciton-gallery .swiper-wrapper .swiper-slide .gallery-links a{
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 22px
}

.swiper-construciton-gallery .swiper-wrapper .swiper-slide::before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  height: 80px;
  background: linear-gradient(to top, rgba(0,0,0,0.7) 50%, transparent 100%);
  content: ""
}

.swiper-construciton-gallery .swiper-wrapper .swiper-slide:hover .gallery-links{
  display: block
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 260px;
  background-color: #fff;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 145%;
  /* Position the tooltip above the icon */
  left: 50%;
  margin-left: -80px;
  /* Center the tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

#flats-container-list-box {
  display: none;
}

.question-box-single{
  margin-top: 8rem !important;
  margin-bottom: 7rem !important;
  flex-direction: column-reverse
}

@media (min-width: 1024px){
  .question-box-single{
    flex-direction: row-reverse !important
  }
}

.question-box-single .question-cont .question-cont__des{
  left: -7rem !important;
  padding: 3rem !important
}

@media (min-width: 1280px){
  .question-box-single .question-cont .question-cont__des{
    max-width: 33rem !important
  }
}

@media (min-width: 1640px){
  .question-box-single .question-cont .question-cont__des{
    left: -27rem !important
  }
}

.question-box-single .question-titles-box{
  display: flex;
  flex-direction: column;
  justify-content: center
}

.question-box-single .question-titles-box .question-link{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important
}

/* Stylizacja przycisku */

.btn-white {
  background-color: white;
  color: black;
  border: 1px solid black;
  padding: 10px 20px;
  cursor: pointer;
}

/* Modal */

.modal {
  display: none;
  /* Ukryty na początku */
  position: fixed;
  z-index: 9999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: auto;
  height: 100%;
}

/* Treść modalu */

.modal-content{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  padding: 2rem;
  background-color: white;
  margin: 15% auto;
  max-width: 700px;
  border-radius: 10px
}

.modal-content .modal-des{
  --tw-text-opacity: 0.7
}

.modal-content .modal-investment{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

@media (min-width: 640px){
  .modal-content .modal-investment{
    flex-direction: row
  }
}

.modal-content .modal-investment_head{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem
}

.modal-content .modal-investment_head h5{
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase
}

.modal-content .modal-investment_image img{
  height: 100px;
  width: 250px;
  border-radius: 0.375rem;
  -o-object-fit: cover;
  object-fit: cover
}

.modal-content .modal-form .wpcf7-form{
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

.modal-content .modal-form .wpcf7-form .form-btn{
  margin-left: auto;
  margin-right: auto
}

.modal-content .modal-form .wpcf7-form .wpcf7-list-item-label strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.modal-content .modal-form .wpcf7-form .acceptance-text{
  width: -moz-fit-content;
  width: fit-content;
  max-width: 600px;
  font-size: 10px !important;
  font-weight: 300;
  --tw-text-opacity: 0.7
}

.modal-content .modal-form .wpcf7-form .acceptance-text .show-more{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.modal-content .modal-form .wpcf7-form .input-form-cont{
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (min-width: 640px){
  .modal-content .modal-form .wpcf7-form .input-form-cont{
    flex-direction: row
  }
}

.modal-content .modal-form .wpcf7-form .input-form-cont .input-form{
  position: relative;
  width: 100%
}

.modal-content .modal-form .wpcf7-form .input-form-cont .input-form input{
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-top: 1.75rem
}

.modal-content .modal-form .wpcf7-form .input-form-cont .input-form .place-holder{
  position: absolute;
  top: 0.375rem;
  left: 0.75rem;
  z-index: 10;
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.modal-content .modal-form .wpcf7-form .input-form-cont .input-form .place-holder strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.modal-content .modal-form .wpcf7-form .input-text-area{
  position: relative
}

.modal-content .modal-form .wpcf7-form .input-text-area textarea{
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-top: 1.75rem
}

.modal-content .modal-form .wpcf7-form .input-text-area .place-holder{
  position: absolute;
  top: 0.375rem;
  left: 0.75rem;
  z-index: 10;
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.modal-content .modal-form .wpcf7-form .input-text-area .place-holder strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

/* Przycisk zamknięcia */

.close-btn , .close-btnTwo {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.wpcf7-response-output{
  --tw-bg-opacity: 1;
  background-color: rgb(70 180 80 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.lottery-more span{
  padding-left: 0.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.logo-label{
  position: absolute;
  top: 0px;
  left: -46px
}

.logo-label_cont{
  position: relative
}

.logo-label_cont svg{
  height: 200px
}

.logo-label_cont svg .st1, .logo-label_cont svg .st4{
  filter: brightness(0.5);
}

.logo-label_cont img{
  position: absolute;
  top: 30%;
  left: 50%;
  height: 48px !important;
  max-width: 137px;
  -o-object-fit: contain;
  object-fit: contain;
  transform: translate(-50%)
}

.icon-box{
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.icon-box img{
  position: relative;
  z-index: 20;
  cursor: pointer
}

.icon-box_des{
  position: relative;
  z-index: 10;
  margin-left: -48px;
  display: flex;
  height: 100%;
  width: 0%;
  align-items: center;
  overflow: hidden;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-right: 1rem;
  padding-left: 3.5rem;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.icon-box_des .pseudo-white{
  position: absolute;
  left: -52px;
  top: 0px;
  height: 100%;
  width: 0px;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

.icon-box_des span{
  width: 0px
}

.icon-trigger {
  display: block;
  transition: transform 0.3s ease;
}

.icon-trigger:hover {
  transform: scale(1.1);
}

.icon-box_des {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}

.icon-box_des.active {
  max-height: 200px;
  /* Adjust as needed */
  opacity: 1;
  width: 100%;
}

.icon-box_des.active .pseudo-white{
  width: 6rem
}

.icon-box_des.active span{
  width: 100%
}

.flats-nav-cont{
  margin-top: 0.75rem;
  display: flex;
  justify-content: center;
  gap: 0.75rem
}

.flats-nav-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #1c3583;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 10px 5px;
  transition: background-color 0.3s, opacity 0.3s;
}

.flats-nav-button:hover {
  background-color: #3a59b7;
}

.flats-nav-button.disabled {
  background-color: #ccc;
  cursor: not-allowed;
  opacity: 0.6;
}

.single-inv-mpkl{
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2.5rem
}

@media (min-width: 1024px){
  .single-inv-mpkl{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

.single-inv-mpkl_box{
  position: relative;
  min-height: 200px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 22px
}

.single-inv-mpkl_box img{
  min-height: 200px;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover;
  transition-property: all;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

@media not all and (min-width: 1024px){
  .single-inv-mpkl_box img{
    width: 100%
  }
}

.single-inv-mpkl_box__content{
  position: absolute;
  left: 1rem;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem
}

@media (min-width: 640px){
  .single-inv-mpkl_box__content{
    left: 2rem
  }
}

.single-inv-mpkl_box__content{
  transform: translateY(-50%);
}

.single-inv-mpkl_box__content h3{
  font-size: 24px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .single-inv-mpkl_box__content h3{
    font-size: 32px
  }
}

@media (min-width: 1024px){
  .single-inv-mpkl_box__content h3{
    font-size: 42px
  }
}

.single-inv-mpkl_box__content h4{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-inv-mpkl_box:hover img{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.modal-kl , .modal-mp{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: none
}

.property-info.modal-kl ,.property-info .modal-mp {
  display: none;
}

@media (min-width: 1280px){
  .modal-kl , .modal-mp{
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

.modal-kl , .modal-mp{
  z-index: 999;
}

.modal-kl #close-modal-kl,.modal-mp #close-modal-kl{
  position: absolute;
  right: -4px;
  top: -20px;
  z-index: 30;
  cursor: pointer
}

.modal-kl #close-modal-mp,.modal-mp #close-modal-mp{
  position: absolute;
  right: -4px;
  top: -20px;
  z-index: 30;
  cursor: pointer
}

.modal-kl_left,.modal-mp_left{
  display: flex;
  flex-direction: column;
  align-items: center
}

@media (min-width: 1280px){
  .modal-kl_left,.modal-mp_left{
    grid-column: span 3 / span 3
  }
}

.modal-kl_left h3,.modal-mp_left h3{
  margin-top: 1.25rem;
  font-size: 26px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.modal-kl_left .building-select,.modal-mp_left .building-select{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem
}

.modal-kl_left .building-select .btn-white,.modal-mp_left .building-select .btn-white{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.modal-kl_left .building-select a span,.modal-mp_left .building-select a span{
  position: relative
}

.modal-kl_left__flor,.modal-mp_left__flor{
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.modal-kl_left__flor .avaible-flors,.modal-mp_left__flor .avaible-flors{
  display: flex;
  align-items: center
}

.modal-kl_left__flor .avaible-flors p,.modal-mp_left__flor .avaible-flors p{
  padding-right: 1.25rem
}

.modal-kl_left__flor .avaible-flors div,.modal-mp_left__flor .avaible-flors div{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(133 133 133 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(133 133 133 / var(--tw-text-opacity))
}

.modal-kl_left__flor .avaible-flors .active-box,.modal-mp_left__flor .avaible-flors .active-box{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.modal-kl_left__flor .floor-image,.modal-mp_left__flor .floor-image{
  position: relative;
  padding-left: 1.25rem
}

.modal-kl_left__flor .floor-image a .loop-img,.modal-mp_left__flor .floor-image a .loop-img{
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  z-index: 10
}

@media (min-width: 1280px){
  .modal-kl_right,.modal-mp_right{
    grid-column: span 2 / span 2
  }
}

.modal-kl_right .content-cont,.modal-mp_right .content-cont{
  max-height: 790px;
  overflow-y: scroll
}

.modal-kl_right__head,.modal-mp_right__head{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border-top-right-radius: 22px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem
}

.modal-kl_right__head h4,.modal-mp_right__head h4{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.modal-kl_right__content,.modal-mp_right__content{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.5rem
}

.modal-kl_right__content .modal-avaible,.modal-mp_right__content .modal-avaible{
  display: flex;
  align-items: center;
  padding-left: 0.75rem
}

.modal-kl_right__content:nth-child(even),.modal-mp_right__content:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

.modal-kl_right__legend,.modal-mp_right__legend{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem
}

.modal-kl_right__legend .legend-left,.modal-mp_right__legend .legend-left{
  display: flex;
  gap: 0.75rem
}

.modal-kl_right__legend .legend-left p,.modal-mp_right__legend .legend-left p{
  font-size: 10px;
  font-weight: 500
}

@media not all and (min-width: 640px){
  .modal-kl_right__legend .legend-right,.modal-mp_right__legend .legend-right{
    display: none
  }
}

.modal-kl_right__legend .legend-right p,.modal-mp_right__legend .legend-right p{
  font-size: 10px;
  font-weight: 500
}

.modal-kl .green-box,.modal-mp .green-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #4bb649
}

.modal-kl .red-box,.modal-mp .red-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #ff3f56
}

.modal-kl .yellow-box,.modal-mp .yellow-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #e9cb02
}

.modal-kl-s , .modal-mp-s{
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width: 1280px){
  .modal-kl-s , .modal-mp-s{
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

.modal-kl-s #close-modal-kl,.modal-mp-s #close-modal-kl{
  position: absolute;
  right: -4px;
  top: -20px;
  z-index: 30;
  cursor: pointer
}

.modal-kl-s #close-modal-mp,.modal-mp-s #close-modal-mp{
  position: absolute;
  right: -4px;
  top: -20px;
  z-index: 30;
  cursor: pointer
}

.modal-kl-s_left,.modal-mp-s_left{
  display: flex;
  flex-direction: column;
  align-items: center
}

@media (min-width: 1280px){
  .modal-kl-s_left,.modal-mp-s_left{
    grid-column: span 3 / span 3
  }
}

.modal-kl-s_left h3,.modal-mp-s_left h3{
  margin-top: 1.25rem;
  font-size: 26px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.modal-kl-s_left .building-select,.modal-mp-s_left .building-select{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem
}

.modal-kl-s_left .building-select a span,.modal-mp-s_left .building-select a span{
  position: relative
}

.modal-kl-s_left__flor,.modal-mp-s_left__flor{
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.modal-kl-s_left__flor .avaible-flors,.modal-mp-s_left__flor .avaible-flors{
  display: flex;
  align-items: center;
  gap: 0.625rem
}

.modal-kl-s_left__flor .avaible-flors p,.modal-mp-s_left__flor .avaible-flors p{
  padding-right: 1.25rem
}

.modal-kl-s_left__flor .avaible-flors div,.modal-mp-s_left__flor .avaible-flors div{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(133 133 133 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(133 133 133 / var(--tw-text-opacity))
}

.modal-kl-s_left__flor .avaible-flors .active-box,.modal-mp-s_left__flor .avaible-flors .active-box{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.modal-kl-s_left__flor .floor-image,.modal-mp-s_left__flor .floor-image{
  position: relative;
  padding-left: 1.25rem
}

.modal-kl-s_left__flor .floor-image a .loop-img,.modal-mp-s_left__flor .floor-image a .loop-img{
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  z-index: 10
}

@media (min-width: 1280px){
  .modal-kl-s_right,.modal-mp-s_right{
    grid-column: span 2 / span 2
  }
}

.modal-kl-s_right .content-cont,.modal-mp-s_right .content-cont{
  max-height: 790px;
  overflow-y: scroll
}

.modal-kl-s_right__head,.modal-mp-s_right__head{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border-top-right-radius: 22px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem
}

.modal-kl-s_right__head h4,.modal-mp-s_right__head h4{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.modal-kl-s_right__content,.modal-mp-s_right__content{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.5rem
}

.modal-kl-s_right__content .modal-avaible,.modal-mp-s_right__content .modal-avaible{
  display: flex;
  align-items: center;
  padding-left: 0.75rem
}

.modal-kl-s_right__content:nth-child(even),.modal-mp-s_right__content:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

.modal-kl-s_right__legend,.modal-mp-s_right__legend{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem
}

.modal-kl-s_right__legend .legend-left,.modal-mp-s_right__legend .legend-left{
  display: flex;
  gap: 0.75rem
}

.modal-kl-s_right__legend .legend-left p,.modal-mp-s_right__legend .legend-left p{
  font-size: 10px;
  font-weight: 500
}

@media not all and (min-width: 640px){
  .modal-kl-s_right__legend .legend-right,.modal-mp-s_right__legend .legend-right{
    display: none
  }
}

.modal-kl-s_right__legend .legend-right p,.modal-mp-s_right__legend .legend-right p{
  font-size: 10px;
  font-weight: 500
}

.modal-kl-s .green-box,.modal-mp-s .green-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #4bb649
}

.modal-kl-s .red-box,.modal-mp-s .red-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #ff3f56
}

.modal-kl-s .yellow-box,.modal-mp-s .yellow-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #e9cb02
}

.dev-info{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

.dev-info h3{
  font-size: 26px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.dev-info .dev-info-box{
  margin-top: 1.75rem;
  display: flex;
  width: 100%;
  max-width: 1000px;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem
}

@media not all and (min-width: 1024px){
  .dev-info .dev-info-box{
    align-items: center
  }
}

@media (min-width: 1024px){
  .dev-info .dev-info-box{
    flex-direction: row
  }
}

.dev-info_detalis__box{
  display: flex;
  flex-direction: column;
  gap: 0.5rem
}

.dev-info_detalis__box .info-detalis-left h4{
  font-size: 22px;
  font-weight: 700
}

.dev-info_detalis__box .info-detalis-left h5{
  font-size: 1.125rem;
  line-height: 1.75rem
}

.dev-info_detalis__box .info-detalis-right a{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.dev-info_detalis__box .info-detalis-right .item-box-open p{
  position: relative
}

.dev-info_detalis__box .info-detalis-right .item-box-open p:last-child{
  padding-left: 1.25rem
}

.dev-info_detalis__box .info-detalis-right .item-box-open p:last-child::before {
  content: "";
  background-image: url('../img/green_dot.svg');
  position: absolute;
  top: 50%;
  transform: translate(0%  ,-50%);
  left: 0;
  width:10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}

.dev-info_two{
  display: flex;
  flex-direction: column;
  gap: 0.5rem
}

.dev-info_two .info-detalis-left h4{
  font-size: 22px;
  font-weight: 700
}

.dev-info_two .info-detalis-left h5{
  font-size: 1.125rem;
  line-height: 1.75rem
}

.dev-info_two .info-detalis-right a{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.dev-info_two .info-detalis-right .item-box-open p{
  position: relative
}

.dev-info_two .info-detalis-right .item-box-open p:last-child{
  padding-left: 1.25rem
}

.dev-info_two .info-detalis-right .item-box-open p:last-child::before {
  content: "";
  background-image: url('../img/green_dot.svg');
  position: absolute;
  top: 50%;
  transform: translate(0%  ,-50%);
  left: 0;
  width:10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}

#modal-overlay-mpkl {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 53, 131, 0.4);
  display: none;
  z-index: 800;
}

.investment-pop-up{
  position: fixed;
  z-index: 51;
  width: 100%;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media not all and (min-width: 1024px){
  .investment-pop-up{
    top: 0px;
    left: 0px
  }
}

@media (min-width: 1024px){
  .investment-pop-up{
    bottom: 1.25rem;
    right: 8rem;
    max-width: 320px
  }
}

.investment-pop-up{
  transition: opacity .5s ease;
}

.investment-pop-up .btn-white{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.investment-pop-up_top{
  position: relative
}

.investment-pop-up_top img{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

@media not all and (min-width: 1024px){
  .investment-pop-up_top img{
    display: none
  }
}

.investment-pop-up_top #pop-up-xmark{
  position: absolute;
  top: 44px;
  right: 14px;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 1024px){
  .investment-pop-up_top #pop-up-xmark{
    top: -10px;
    right: -10px
  }
}

.investment-pop-up_top svg{
  width: 1.5rem
}

.investment-pop-up_box{
  display: flex;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem
}

@media not all and (min-width: 1024px){
  .investment-pop-up_box{
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.625rem
  }
}

@media (min-width: 409px){
  .investment-pop-up_box{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
  }
}

@media (min-width: 640px){
  .investment-pop-up_box{
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}

@media (min-width: 1024px){
  .investment-pop-up_box{
    flex-direction: column
  }
}

.investment-pop-up_box p{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem
}

@media not all and (min-width: 1024px){
  .investment-pop-up_box p{
    display: inline-block;
    align-items: center
  }
}

@media (min-width: 1024px){
  .investment-pop-up_box p{
    font-size: 32px;
    line-height: 2.5rem
  }
}

@media not all and (min-width: 1024px){
  .investment-pop-up_box a{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 1rem;
    padding-right: 1rem
  }
}

@media (min-width: 1024px){
  .investment-pop-up_box a{
    margin-top: 1.25rem
  }
}

.investment-pop-up_box a span{
  position: relative;
  z-index: 10
}

.single-property{
  position: relative;
  margin-bottom: 2.5rem;
  margin-top: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(210 210 210 / var(--tw-border-opacity))
}

.single-property_top{
  display: flex;
  flex-direction: column
}

.single-property_top__content{
  width: 100%
}

.single-property_top__content .single-property-back{
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-property_top__content .single-property-back img{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.single-property_top .single-property-info_lokalization{
  display: flex
}

@media (min-width: 1280px){
  .single-property_top .single-property-info_lokalization{
    display: none
  }
}

.single-property_top .single-property-nav{
  margin-top: 1.25rem;
  display: flex;
  align-items: center
}

@media (min-width: 768px){
  .single-property_top .single-property-nav{
    margin-top: 2.75rem
  }
}

.single-property_top .single-property-nav .single-propert_btns{
  display: flex;
  width: 100%;
  max-width: 890px;
  gap: 1.25rem;
  overflow-x: scroll;
  padding-bottom: 1rem
}

@media (min-width: 640px){
  .single-property_top .single-property-nav .single-propert_btns{
    overflow-x: auto;
    padding-bottom: 0px
  }
}

.single-property_top .single-property-nav .single-propert_btns__item{
  display: flex;
  min-width: 130px;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-property_top .single-property-nav .single-propert_btns .single-property-btn-active{
  border-radius: 20px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-property_top .single-investment-icons{
  display: none
}

.property-info.single-property_top .single-investment-icons {
  display: none;
}

@media (min-width: 1024px){
  .single-property_top .single-investment-icons{
    display: flex
  }
}

.single-property .single-property-content{
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem
}

@media (min-width: 1024px){
  .single-property .single-property-content{
    margin-top: 5rem;
    flex-direction: row
  }
}

.single-property .single-property-content_des h3{
  margin-bottom: 1.5rem;
  text-align: center
}

@media (min-width: 640px){
  .single-property .single-property-content_des h3{
    text-align: start
  }
}

.single-property .single-property-content_des span p{
  font-size: 1.125rem;
  line-height: 1.75rem
}

@media (min-width: 1024px){
  .single-property .single-property-content_des span p{
    max-width: 700px
  }
}

.single-property .single-property-content_des .read-more{
  margin-top: 1.5rem;
  display: flex;
  gap: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-property .single-property-content_des .read-more img{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.single-property .single-property-content .swiper-top{
  position: relative;
  display: block;
  height: 350px
}

@media (min-width: 640px){
  .single-property .single-property-content .swiper-top{
    height: 496px
  }
}

@media (min-width: 1024px){
  .single-property .single-property-content .swiper-top{
    max-width: 580px
  }
}

@media (min-width: 1280px){
  .single-property .single-property-content .swiper-top{
    max-width: 630px
  }
}

@media (min-width: 1350px){
  .single-property .single-property-content .swiper-top{
    max-width: 750px
  }
}

@media (min-width: 1640px){
  .single-property .single-property-content .swiper-top{
    max-width: 840px
  }
}

.single-property .single-property-content .swiper-top .swiper-wrapper .swiper-slide{
  position: relative;
  width: 100%;
  border-radius: 15px;
  border-bottom-right-radius: 75px
}

.single-property .single-property-content .swiper-top .swiper-wrapper .swiper-slide img{
  height: 350px;
  width: 100%;
  border-radius: 15px;
  border-bottom-right-radius: 75px
}

@media (min-width: 640px){
  .single-property .single-property-content .swiper-top .swiper-wrapper .swiper-slide img{
    height: 496px
  }
}

@media (min-width: 1024px){
  .single-property .single-property-content .swiper-top .swiper-wrapper .swiper-slide img{
    max-width: 840px
  }
}

.single-property .single-property-content .swiper-top .swiper-pagination2{
  left: 1.25rem !important;
  text-align: start !important;
  transform: translate(0) !important
}

.single-property .single-property-readmore{
  margin-top: 3.5rem
}

.single-property .single-property-readmore_nav{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  gap: 1.25rem;
  overflow-x: scroll;
  padding-bottom: 1rem
}

@media (min-width: 768px){
  .single-property .single-property-readmore_nav{
    overflow-x: auto;
    padding-bottom: 0px
  }
}

.single-property .single-property-readmore_nav a{
  min-width: -moz-fit-content;
  min-width: fit-content;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-property .single-property-readmore_nav .button-active{
  border-radius: 20px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-property .single-property-contact{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.75rem;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem
}

@media (min-width: 1024px){
  .single-property .single-property-contact{
    padding-left: 120px;
    padding-right: 120px
  }
}

@media (min-width: 1280px){
  .single-property .single-property-contact{
    flex-direction: row;
    gap: 0px
  }
}

.single-property .single-property-contact h3{
  margin-bottom: 1.25rem
}

.single-property .single-property-contact_boxone span p{
  max-width: 570px
}

.single-property .single-property-contact_boxone span p a{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 4px
}

.single-property .single-property-contact_boxone__imgs{
  margin-top: 1.75rem;
  display: flex
}

@media (min-width: 1280px){
  .single-property .single-property-contact_boxone__imgs{
    margin-top: 3.5rem
  }
}

.single-property .single-property-contact_boxone__imgs .person-img{
  height: 100px;
  width: 100px;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.single-property .single-property-contact_boxone__imgs .person-img img{
  height: 100px;
  width: 100px;
  border-radius: 9999px
}

.single-property .single-property-contact_boxone__imgs .person-img:nth-child(2){
  margin-left: -40px
}

.single-property .single-property-contact_boxone__imgs .person-img:nth-child(3){
  margin-left: -40px
}

.single-property .single-property-contact_boxone__imgs .person-img:nth-child(4){
  margin-left: -40px
}

.single-property .single-property-contact_boxone__imgs .person-img:nth-child(5){
  margin-left: -40px
}

.single-property .single-property-contact_boxtwo{
  max-width: 570px
}

.single-property .single-property-contact_boxtwo .wpcf7-list-item-label strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.single-property .single-property-contact_boxtwo .input-form-cont{
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (min-width: 640px){
  .single-property .single-property-contact_boxtwo .input-form-cont{
    flex-direction: row
  }
}

.single-property .single-property-contact_boxtwo .input-form-cont .input-form{
  position: relative;
  margin-bottom: 0.75rem;
  width: 100%
}

.single-property .single-property-contact_boxtwo .input-form-cont .input-form input{
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-top: 1.75rem
}

.single-property .single-property-contact_boxtwo .input-form-cont .input-form .place-holder{
  position: absolute;
  top: 0.375rem;
  left: 0.75rem;
  z-index: 10;
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.single-property .single-property-contact_boxtwo .input-form-cont .input-form .place-holder strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.single-property .single-property-contact_boxtwo .acceptance-text{
  width: -moz-fit-content;
  width: fit-content;
  max-width: 470px;
  font-size: 10px
}

.single-property .single-property-contact_boxtwo .form-btn{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem
}

@media (min-width: 1024px){
  .single-property .single-property-contact_boxtwo .form-btn{
    margin-left: 0px;
    margin-right: 0px
  }
}

.single-property .single-property-more-flats{
  margin-top: 3.5rem
}

@media (min-width: 1024px){
  .single-property .single-property-more-flats{
    margin-top: 6rem
  }
}

.single-property .single-property-more-flats h3,
    .single-property .single-property-more-flats h4{
  text-align: center
}

.single-property .single-property-more-flats .pagination{
  margin-top: 5rem;
  display: flex;
  justify-content: center;
  gap: 1.25rem
}

.single-property .single-property-more-flats .pagination .pagination-btn{
  display: flex;
  height: 2.5rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(28 53 131 / var(--tw-border-opacity));
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.single-property .single-property-more-flats .pagination .pagination-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-property .single-property-more-flats .pagination .active{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.single-property .single-property-more-flats .single-property-more-flats-box{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-content: center;
  row-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem
}

@media (min-width: 768px){
  .single-property .single-property-more-flats .single-property-more-flats-box{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1024px){
  .single-property .single-property-more-flats .single-property-more-flats-box{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    place-content: space-between
  }
}

@media (min-width: 1350px){
  .single-property .single-property-more-flats .single-property-more-flats-box{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item{
  position: relative;
  width: 100%;
  max-width: 390px;
  justify-self: center;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 768px){
  .single-property .single-property-more-flats .single-property-more-flats-box .property-item{
    justify-self: start
  }
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item .investment-label{
  position: absolute;
  bottom: 15rem;
  left: -76px;
  z-index: 20
}

@media (min-width: 640px){
  .single-property .single-property-more-flats .single-property-more-flats-box .property-item .investment-label{
    bottom: 15rem
  }
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item .investment-label_content{
  position: relative;
  display: flex;
  min-height: 65px;
  width: 200px;
  justify-content: center;
  padding-left: 1.25rem
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item .investment-label_content svg{
  position: absolute;
  top: -34px;
  right: -30px;
  width: 170px
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item .investment-label_content span{
  position: relative;
  z-index: 10;
  margin-top: -28px;
  width: 100%;
  padding-left: 72px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item .investment-label_content span p{
  margin-top: 12px
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_head{
  position: relative;
  display: flex;
  min-height: 260px;
  width: 100%;
  justify-content: center;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_head__img{
  min-height: 260px
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_head .heart-icon{
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s ease
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_head .heart-icon.active {
  opacity: 1;
  filter: drop-shadow(0 0 5px #ff7119);
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_head__avaible{
  position: absolute;
  left: 0.75rem;
  top: 0.75rem
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_head__avaible .item-box-ava{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_head__avaible .item-box-ava .green-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color: #4bb649
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_head__avaible .item-box-ava .red-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color: #ff3f56
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_head__avaible .item-box-ava .yellow-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color: #e9cb02
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxone{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxone h3{
  margin-top: 0.5rem;
  text-align: start;
  font-size: 24px;
  font-weight: 700
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxone h3:nth-child(2){
  font-size: 20px
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxtwo{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.25rem
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxtwo__itemone{
  position: relative;
  display: flex;
  flex-direction: column
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxtwo__itemone span{
  font-size: 12px
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxtwo__itemone h4{
  font-size: 18px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxtwo__itemone h5{
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxtwo__itemtwo{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxtwo__itemtwo .btn-orange,
            .single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxtwo__itemtwo .btn-white{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxtwo__itemtwo .btn-white {
  width: -webkit-fill-available;
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item .promo-price-show{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: flex;
  min-height: 33px;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-bottom: 0.5rem
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item .promo-price-show_text{
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item .promo-price-show h5{
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  text-decoration-line: line-through
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxthree{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxthree p{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxfour{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem
}

@media (min-width: 1350px){
  .single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxfour{
    gap: 1.5rem
  }
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxfour .item_content-child{
  display: flex;
  flex-direction: column;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgb(210 210 210 / var(--tw-border-opacity));
  padding-right: 1.25rem
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxfour .item_content-child h5{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxfour .item_content-child p{
  text-align: center;
  font-size: 16px;
  font-weight: 700
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxfour .item_content-child:first-child{
  min-width: 110px
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxfour .item_content-child:first-child p{
  text-align: start
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxfour .item_content-child:nth-child(2){
  width: 100%;
  align-items: center
}

.single-property .single-property-more-flats .single-property-more-flats-box .property-item_boxfour .item_content-child:last-child{
  width: 100%;
  align-items: center;
  border-style: none
}

.single-property .block-text{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem
}

@media (min-width: 1024px){
  .single-property .block-text{
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
  }
}

.single-property .single-property-info{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

@media (min-width: 640px){
  .single-property .single-property-info{
    gap: 2.5rem
  }
}

@media (min-width: 1440px){
  .single-property .single-property-info{
    flex-direction: row
  }
}

.single-property .single-property-info_left{
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden
}

@media (min-width: 1440px){
  .single-property .single-property-info_left{
    max-width: 830px;
    justify-content: flex-start
  }
}

.single-property .single-property-info_left {
  position: relative;
}

.single-property .single-property-info_left .view-arrow{
  position: absolute;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center
}

@media not all and (min-width: 640px){
  .single-property .single-property-info_left .view-arrow{
    display: none
  }
}

.single-property .single-property-info_left .view-arrow {
  top: 50%;
  transform: translateY(-50%);
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transition:
          background 0.2s ease,
          opacity 0.2s ease;
  color: #1a1a1a;
  pointer-events: all;
}

.single-property .single-property-info_left .view-arrow:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transform: translateY(-50%) scale(1.07)
}

.single-property .single-property-info_left .view-arrow--prev{
  left: -28px;
  padding-left: 1rem
}

.single-property .single-property-info_left .view-arrow--next{
  right: -28px;
  padding-right: 1rem
}

.single-property .single-property-info_left .view-arrow.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.single-property .single-property-info_left .single-property-flat-pick{
  position: relative;
  height: 346px;
  width: 100%;
  max-width: 980px;
  border-radius: 22px
}

@media (min-width: 640px){
  .single-property .single-property-info_left .single-property-flat-pick{
    height: 640px
  }
}

@media (min-width: 1440px){
  .single-property .single-property-info_left .single-property-flat-pick{
    max-width: 880px
  }
}

.single-property .single-property-info_left .single-property-flat-pick img{
  height: 346px;
  width: 100%;
  border-radius: 22px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 640px){
  .single-property .single-property-info_left .single-property-flat-pick img{
    height: 640px
  }
}

.single-property .single-property-info_left .single-property-flat-pick .loop_svg_box{
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  display: flex;
  height: 3.5rem;
  width: 3.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.4
}

.single-property .single-property-info_left .single-property-flat-pick .loop_svg_box .loop_svg{
  margin-right: -4px;
  margin-top: 0.25rem;
  height: 2.5rem;
  width: 2.5rem
}

.single-property .single-property-info_left .property-3dview{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  height: 346px;
  width: 100%;
  max-width: 880px;
  border-radius: 22px
}

@media (min-width: 640px){
  .single-property .single-property-info_left .property-3dview{
    height: 512px
  }
}

.single-property .single-property-info_left .property-3dview {
  z-index: 1;
}

.single-property .single-property-info_left .property-3dview iframe{
  pointer-events: none;
  height: 346px;
  width: 100%;
  border-radius: 22px
}

@media (min-width: 640px){
  .single-property .single-property-info_left .property-3dview iframe{
    height: 640px
  }
}

.single-property .single-property-info_left .property-3dview a{
  position: relative
}

.single-property .single-property-info_left .property-3dview img{
  height: 346px;
  width: 100%;
  border-radius: 22px
}

@media (min-width: 640px){
  .single-property .single-property-info_left .property-3dview img{
    height: 570px
  }
}

.single-property .single-property-info_left .property-3dview .loop_svg_box{
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  display: flex;
  height: 3.5rem;
  width: 3.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.4
}

.single-property .single-property-info_left .property-3dview .loop_svg_box .loop_svg{
  margin-right: -4px;
  margin-top: 0.25rem;
  height: 2.5rem;
  width: 2.5rem
}

.single-property .single-property-info_right__head{
  display: flex;
  justify-content: space-between;
  gap: 1rem
}

.single-property .single-property-info_right__head h3{
  display: none
}

.property-info.single-property .single-property-info_right__head h3 {
  display: none;
}

@media (min-width: 1024px){
  .single-property .single-property-info_right__head h3{
    display: block
  }
}

.single-property .single-property-info_right__head .icons-cont-single{
  align-items: center;
  gap: 0.75rem;
  display: none
}

.property-info.single-property .single-property-info_right__head .icons-cont-single {
  display: none;
}

@media (min-width: 1024px){
  .single-property .single-property-info_right__head .icons-cont-single{
    display: flex
  }
}

@media (min-width: 1640px){
  .single-property .single-property-info_right__head .icons-cont-single{
    gap: 1.5rem
  }
}

.single-property .single-property-info_right__head .icons-cont-single .single-property-icons{
  display: flex;
  min-height: 108px;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem
}

.single-property .single-property-info_right__head .icons-cont-single .single-property-icons_imgbox{
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center
}

.single-property .single-property-info_right__head .icons-cont-single .single-property-icons p{
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem
}

.single-property .single-property-info_right__head .icons-cont-single .single-property-icons img {
}

.single-property .single-property-info_right__head .icons-cont-single .single-property-icons .active {
  filter: drop-shadow(0 0 0px #ff7119);
}

.single-property .single-property-info_right .single-property-info_lokalization{
  max-width: 540px;
  align-items: flex-end;
  border-radius: 22px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: none
}

.property-info.single-property .single-property-info_right .single-property-info_lokalization {
  display: none;
}

@media (min-width: 1024px){
  .single-property .single-property-info_right .single-property-info_lokalization{
    display: flex
  }
}

.single-property .single-property-info_right .single-property-info_lokalization__icon{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.single-property .single-property-info_right .single-property-info_lokalization__text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 768px){
  .single-property .single-property-info_right .single-property-info_lokalization__text{
    font-size: 1.125rem;
    line-height: 1.75rem
  }
}

.single-property .single-property-info_right .single-property-info_lokalization__map{
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.single-property .single-property-info_right .single-property-info_lokalization__map a{
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.single-property .single-property-info_right .single-property-info_lokalization .price-promo-gray{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.single-property .single-property-info_right .single-property-info_lokalization .price-promo-gray span{
  text-decoration-line: line-through
}

.single-property .single-property-info_right__box{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem
}

@media (min-width: 768px){
  .single-property .single-property-info_right__box{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 2.5rem
  }
}

@media (min-width: 1440px){
  .single-property .single-property-info_right__box{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1640px){
  .single-property .single-property-info_right__box{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.single-property .single-property-info_right__box .single-info-box{
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-right: 1.25rem
}

@media (min-width: 1640px){
  .single-property .single-property-info_right__box .single-info-box{
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-right-color: rgb(208 208 208 / var(--tw-border-opacity))
  }
}

.single-property .single-property-info_right__box .single-info-box h5{
  font-size: 0.875rem;
  line-height: 1.25rem
}

.single-property .single-property-info_right__box .single-info-box .expousure-text::first-letter{
  text-transform: capitalize
}

@media (min-width: 1640px){
  .single-property .single-property-info_right__box .single-info-box:nth-child(4){
    border-style: none
  }

  .single-property .single-property-info_right__box .single-info-box:nth-child(8){
    border-style: none
  }
}

.single-property .single-property-info_right__btns{
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column-reverse;
  gap: 2.5rem
}

@media (min-width: 768px){
  .single-property .single-property-info_right__btns{
    flex-direction: row;
    justify-content: flex-start
  }
}

@media (min-width: 1440px){
  .single-property .single-property-info_right__btns{
    flex-direction: column-reverse
  }
}

@media (min-width: 1640px){
  .single-property .single-property-info_right__btns{
    flex-direction: row
  }
}

.single-property .single-property-info_right__btns .single-property-icons{
  display: flex;
  min-height: 108px;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem
}

.single-property .single-property-info_right__btns .single-property-icons_imgbox{
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center
}

.single-property .single-property-info_right__btns .single-property-icons p{
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem
}

.single-property .single-property-info_right__btns .btn-orange{
  max-height: 64px;
  min-width: 230px
}

.single-property .single-property-info_right .icons-cont-single-mob{
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

@media not all and (min-width: 640px){
  .single-property .single-property-info_right .icons-cont-single-mob{
    flex-wrap: wrap
  }
}

@media (min-width: 640px){
  .single-property .single-property-info_right .icons-cont-single-mob{
    margin-top: 1.25rem;
    justify-content: space-between;
    gap: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
}

@media (min-width: 1024px){
  .single-property .single-property-info_right .icons-cont-single-mob{
    display: none
  }
}

@media (min-width: 1640px){
  .single-property .single-property-info_right .icons-cont-single-mob{
    padding-left: 0px;
    padding-right: 0px
  }
}

.single-property .single-property-info_right .icons-cont-single-mob .single-property-icons{
  display: flex;
  min-height: 108px;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem
}

.single-property .single-property-info_right .icons-cont-single-mob .single-property-icons_imgbox{
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center
}

.single-property .single-property-info_right .icons-cont-single-mob .single-property-icons p{
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem
}

.single-property .single-property-info_right__btnstwo{
  margin-top: 1.25rem;
  margin-left: -20px;
  display: flex;
  justify-content: center;
  gap: 1.25rem
}

@media (min-width: 409px){
  .single-property .single-property-info_right__btnstwo{
    margin-left: 0px
  }
}

@media (min-width: 640px){
  .single-property .single-property-info_right__btnstwo{
    justify-content: flex-start
  }
}

.single-property .single-property-info_right__btnstwo p{
  font-size: 15px;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.acc-field{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem
}

/* Read More */

.single-property-content_des .text-content{
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  overflow: hidden;
  max-height: 370px;
  transition: max-height 0.5s ease;
  display: block
}

.single-property-content_des.expanded .text-content {
  max-height: 1000px;
}

.read-more .arrow-icon {
  transition: transform 0.3s ease;
}

.single-property-content_des.expanded .read-more .arrow-icon {
  transform: rotate(270deg);
}

.single-investment-icons{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between
}

.single-investment-icons_cont{
  display: flex;
  gap: 1.25rem
}

.single-investment-icons_cont img{
  height: 70px;
  width: 70px
}

.single-property-small-name{
  display: flex;
  flex-direction: column
}

@media (min-width: 1024px){
  .single-property-small-name{
    display: none
  }
}

.single-property-small-name_head{
  display: flex;
  align-items: center;
  justify-content: space-between
}

.single-property-small-name_head .price-mobile{
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem
}

@media (min-width: 1024px){
  .single-property-small-name_head .price-mobile{
    display: none
  }
}

.single-property-small-name_head .single-investment-icons{
  display: flex
}

@media (min-width: 1024px){
  .single-property-small-name_head .single-investment-icons{
    display: none
  }
}

.single-property-small-name_head .single-investment-icons_cont{
  display: flex;
  gap: 0.25rem
}

.single-property-small-name_head .single-investment-icons_cont .icon-box{
  max-width: 215px;
  gap: 0px
}

@media (min-width: 640px){
  .single-property-small-name_head .single-investment-icons_cont .icon-box{
    max-width: 50px
  }
}

@media (min-width: 768px){
  .single-property-small-name_head .single-investment-icons_cont .icon-box{
    max-width: 70px
  }
}

.single-property-small-name_head .single-investment-icons_cont .icon-box img{
  height: 40px;
  width: 40px
}

@media (min-width: 768px){
  .single-property-small-name_head .single-investment-icons_cont .icon-box img{
    height: 60px;
    width: 60px
  }
}

.single-property-info_lokalization{
  max-width: 540px;
  align-items: flex-start;
  border-radius: 22px;
  display: none
}

.property-info.single-property-info_lokalization {
  display: none;
}

@media (min-width: 1280px){
  .single-property-info_lokalization{
    display: flex
  }
}

.single-property-info_lokalization .pricing-text{
  width: 192.5px;
  padding-right: 1.25rem
}

.single-property-info_lokalization .pricing-text h5{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(128 124 124 / var(--tw-text-opacity))
}

.single-property-info_lokalization .pricing-text span{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: block;
  font-size: 28px !important
}

.single-property-info_lokalization .price-history{
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-left-color: rgb(189 189 189 / var(--tw-border-opacity));
  padding-left: 1rem
}

.single-property-info_lokalization .price-history a{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem
}

.single-property-info_lokalization__icon{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.single-property-info_lokalization__text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 768px){
  .single-property-info_lokalization__text{
    font-size: 1.125rem;
    line-height: 1.75rem
  }
}

.single-property-info_lokalization__map{
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 242 251 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.single-property-info_lokalization__map a{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

#copy-notification {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 1000;
}

.single-property-info_information a{
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

.single-property-info_information a:hover{
  text-decoration-line: underline;
  text-underline-offset: 2px
}

#popup-laws {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 700px;
  max-height: 80%;
  background: #fff;
  padding: 20px 30px;
  border-radius: 12px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  z-index: 9999;
  overflow-y: auto;
  animation: fadeIn 0.3s ease;
}

/* Przycisk zamknięcia */

#close-popup {
  position: absolute;
  top: 12px;
  right: 15px;
  background: none;
  border: none;
  font-size: 26px;
  font-weight: bold;
  color: #444;
  cursor: pointer;
}

#close-popup:hover {
  color: #000;
}

/* Animacja wejścia */

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -45%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

/* Overlay tło */

#popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}

.popup-content h3{
  margin-bottom: 1.25rem;
  font-size: 24px;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.popup-content ol{
  display: flex;
  list-style-type: decimal;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: 1.25rem
}

.popup-content ul{
  display: flex;
  list-style-type: disc;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: 1.25rem
}

.building-switch{
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
  gap: 1.25rem
}

.building-switch button span{
  position: relative
}

.floor-plan-container{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  width: 100%;
  max-width: 1440px;
  border-radius: 25px
}

@media not all and (min-width: 768px){
  .floor-plan-container{
    bottom: 130px;
    margin-bottom: 160px;
    margin-top: 150px
  }
}

@media (min-width: 768px){
  .floor-plan-container{
    overflow: hidden
  }
}

.floor-plan-container .flors-select{
  position: absolute;
  left: 50%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  background-color: rgb(232 235 243 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  padding: 1.25rem
}

@media not all and (min-width: 768px){
  .floor-plan-container .flors-select{
    margin-top: 2.5rem
  }
}

@media (min-width: 768px){
  .floor-plan-container .flors-select{
    top: 30px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    background-color: #e8ebf360
  }
}

.floor-plan-container .flors-select{
  transform: translateX(-50%);
}

.floor-plan-container .flors-select h5{
  padding-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 768px){
  .floor-plan-container .flors-select h5{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
  }
}

.floor-plan-container .flors-select_flor{
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 768px){
  .floor-plan-container .flors-select_flor{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
  }
}

.floor-plan-container .flors-select_flor__item{
  cursor: pointer;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 768px){
  .floor-plan-container .flors-select_flor__item{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
  }
}

.floor-plan-container .flors-select_flor__item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 768px){
  .floor-plan-container .flors-select_flor__item:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
  }
}

.floor-plan-container .flors-select .flor-whole-investment{
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 768px){
  .floor-plan-container .flors-select .flor-whole-investment{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
  }
}

.floor-plan-container .flors-select .flor-whole-investment:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.floor-plan-container .flors-select .flors-select_flor__item{
  cursor: pointer;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  padding: 0.75rem;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 768px){
  .floor-plan-container .flors-select .flors-select_flor__item{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))
  }
}

.floor-plan-container .floor-selected-blue{
  position: absolute;
  left: 50%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 53 131 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(232 235 243 / var(--tw-bg-opacity)) !important;
  padding: 1.25rem
}

@media not all and (min-width: 768px){
  .floor-plan-container .floor-selected-blue{
    margin-top: 2.5rem
  }
}

@media (min-width: 768px){
  .floor-plan-container .floor-selected-blue{
    top: 30px
  }
}

.floor-plan-container .floor-selected-blue{
  transform: translateX(-50%);
}

.floor-plan-container .floor-selected-blue h5{
  padding-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important
}

.floor-plan-container .floor-selected-blue_flor{
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important
}

.floor-plan-container .floor-selected-blue_flor__item{
  cursor: pointer;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 53 131 / var(--tw-border-opacity)) !important;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.floor-plan-container .floor-selected-blue_flor__item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.floor-plan-container .floor-selected-blue .flor-whole-investment{
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 53 131 / var(--tw-border-opacity)) !important;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important
}

.floor-plan-container .floor-selected-blue .flor-whole-investment:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.floor-plan-container .floor-selected-blue .flor-whole-investment svg{
  filter: invert(70%) sepia(34%) saturate(1635%) hue-rotate(201deg) brightness(90%) contrast(95%);
}

.floor-plan-container .floor-selected-blue .flors-select_flor__item{
  cursor: pointer;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 53 131 / var(--tw-border-opacity)) !important;
  padding: 0.75rem;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.floor-plan-container .floor-selected-blue .flors-select_flor__item.active{
  cursor: pointer;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 53 131 / var(--tw-border-opacity)) !important;
  padding: 0.75rem;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.floor-plan-container .floor-selected-blue .flors-select_flor__item.hovered{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.floor-plan-container .floor-selected-opa{
  position: absolute;
  left: 50%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 53 131 / var(--tw-border-opacity)) !important;
  background-color: rgb(232 235 243 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.5 !important;
  padding: 1.25rem
}

@media not all and (min-width: 768px){
  .floor-plan-container .floor-selected-opa{
    margin-top: 2.5rem
  }
}

@media (min-width: 768px){
  .floor-plan-container .floor-selected-opa{
    top: 30px
  }
}

.floor-plan-container .floor-selected-opa{
  transform: translateX(-50%);
}

.floor-plan-container .floor-selected-opa h5{
  padding-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important
}

@media not all and (min-width: 768px){
  .floor-plan-container .floor-selected-opa .flors-select_flor{
    min-width: 320px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important
  }
}

.floor-plan-container .floor-selected-opa_flor{
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important
}

.floor-plan-container .floor-selected-opa_flor__item{
  cursor: pointer;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 53 131 / var(--tw-border-opacity)) !important;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.floor-plan-container .floor-selected-opa_flor__item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.floor-plan-container .floor-selected-opa .flor-whole-investment{
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 53 131 / var(--tw-border-opacity)) !important;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important
}

.floor-plan-container .floor-selected-opa .flor-whole-investment:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.floor-plan-container .floor-selected-opa .flor-whole-investment svg{
  filter: invert(70%) sepia(34%) saturate(1635%) hue-rotate(201deg) brightness(90%) contrast(95%);
}

.floor-plan-container .floor-selected-opa .flors-select_flor__item{
  cursor: pointer;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 53 131 / var(--tw-border-opacity)) !important;
  padding: 0.75rem;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.floor-plan-container .floor-selected-opa .flors-select_flor__item.active{
  cursor: pointer;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 53 131 / var(--tw-border-opacity)) !important;
  padding: 0.75rem;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.floor-plan-container .floor-selected-opa .flors-select_flor__item.hovered{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

@keyframes pulse{
  50%{
    opacity: .5
  }
}

.floor-shape.hovered{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  fill: rgba(0, 0, 255, 0.4)
  /* Intensywniejszy kolor */
}

.flors-select_flor__item.hovered{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.flors-select_flor__item.active{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.floor-image, .floor-img{
  border-radius: 30px;
  width: 100%;
  transition: opacity 0.5s ease-in-out
}

.hidden {
  display: none;
}

.interactive-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.floor-shape {
  fill: rgba(255, 255, 255, 0);
  /* Półprzezroczysty niebieski */
  cursor: pointer;
  transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
}

@keyframes pulse{
  50%{
    opacity: .5
  }
}

.floor-shape:hover{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  fill: rgba(0, 0, 255, 0.4)
  /* Intensywniejszy kolor */
}

.floor-shape {
  fill: rgba(255, 255, 255, 0);
  /* Domyślnie niewidoczne */
  cursor: pointer;
  transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
}

@keyframes pulse{
  50%{
    opacity: .5
  }
}

.floor-shape:hover, 
.floor-shape.hovered{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  fill: rgba(0, 0, 255, 0.4)
  /* Intensywniejszy kolor */
}

.flors-select_flor__item:hover, 
.flors-select_flor__item.hovered{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.more-info{
  position: fixed;
  z-index: 30;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  padding: 10px 15px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none
}

.more-info.show{
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  opacity: 1
}

.property-available {
  fill: rgba(0, 255, 0, 0.5);
  cursor: pointer;
}

@keyframes pulse{
  50%{
    opacity: .5
  }
}

.property-available:hover{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

.property-sold {
  fill: rgba(255, 0, 0, 0.5);
}

.property-outofsale{
  fill: rgba(128, 128, 128, 0.8);
}

.property-reserved {
  fill: rgba(255, 165, 0, 0.5);
  cursor: pointer;
}

@keyframes pulse{
  50%{
    opacity: .5
  }
}

.property-reserved:hover{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

.property-info{
  position: fixed;
  display: flex;
  min-width: 190px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  padding: 10px;
  border-radius: 8px;
  font-size: 14px;
  z-index: 1000
}

.property-info .property-title{
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700
}

.property-info.hidden {
  display: none;
}

.property-price-promo{
  font-weight: 600
}

.fade-in {
  opacity: 0;
  animation: fadeIn 1.5s ease forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.more-info-promo{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  display: none
}

.flats-cont .pagination{
  margin-top: 5rem;
  display: flex;
  justify-content: center;
  gap: 1.25rem
}

.flats-cont .pagination .pagination-btn{
  display: flex;
  height: 2.5rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(28 53 131 / var(--tw-border-opacity));
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.flats-cont .pagination .pagination-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.flats-cont .pagination .active{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.flats-cont_result{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-content: center;
  row-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem
}

@media (min-width: 768px){
  .flats-cont_result{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1024px){
  .flats-cont_result{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    place-content: space-between
  }
}

@media (min-width: 1350px){
  .flats-cont_result{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.flats-cont_result .property-item{
  position: relative;
  width: 100%;
  max-width: 390px;
  justify-self: center;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 768px){
  .flats-cont_result .property-item{
    justify-self: start
  }
}

.flats-cont_result .property-item .investment-label{
  position: absolute;
  bottom: 13rem;
  left: -76px;
  z-index: 20
}

@media (min-width: 640px){
  .flats-cont_result .property-item .investment-label{
    bottom: 13rem
  }
}

.flats-cont_result .property-item .investment-label_content{
  position: relative;
  display: flex;
  min-height: 65px;
  width: 200px;
  justify-content: center;
  padding-left: 1.25rem
}

.flats-cont_result .property-item .investment-label_content svg{
  position: absolute;
  top: -34px;
  right: -30px;
  width: 170px
}

.flats-cont_result .property-item .investment-label_content span{
  position: relative;
  z-index: 10;
  margin-top: -28px;
  width: 100%;
  padding-left: 72px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase
}

.flats-cont_result .property-item .investment-label_content span p{
  margin-top: 12px
}

.flats-cont_result .property-item_head{
  position: relative;
  display: flex;
  min-height: 260px;
  width: 100%;
  justify-content: center;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem
}

.flats-cont_result .property-item_head__img{
  min-height: 260px
}

.flats-cont_result .property-item_head .heart-icon{
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s ease
}

.flats-cont_result .property-item_head .heart-icon.active {
  opacity: 1;
  filter: drop-shadow(0 0 5px #ff7119);
}

.flats-cont_result .property-item_head__avaible{
  position: absolute;
  left: 0.75rem;
  top: 0.75rem
}

.flats-cont_result .property-item_head__avaible .item-box-ava{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

.flats-cont_result .property-item_head__avaible .item-box-ava .green-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #4bb649
}

.flats-cont_result .property-item_head__avaible .item-box-ava .red-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #ff3f56
}

.flats-cont_result .property-item_head__avaible .item-box-ava .yellow-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #e9cb02
}

.flats-cont_result .property-item_boxone{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.flats-cont_result .property-item_boxone h3{
  margin-top: 0.5rem;
  text-align: start;
  font-size: 24px;
  font-weight: 700
}

.flats-cont_result .property-item_boxone h3:nth-child(2){
  font-size: 20px
}

.flats-cont_result .property-item_boxtwo{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.25rem
}

.flats-cont_result .property-item_boxtwo__itemone{
  position: relative;
  display: flex;
  flex-direction: column
}

.flats-cont_result .property-item_boxtwo__itemone span{
  font-size: 12px
}

.flats-cont_result .property-item_boxtwo__itemone h4{
  font-size: 18px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.flats-cont_result .property-item_boxtwo__itemone h5{
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.flats-cont_result .property-item_boxtwo__itemtwo{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem
}

.flats-cont_result .property-item_boxtwo__itemtwo .btn-orange, .flats-cont_result .property-item_boxtwo__itemtwo .btn-white{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase
}

.flats-cont_result .property-item_boxtwo__itemtwo .btn-white{
  width: -webkit-fill-available;
}

.flats-cont_result .property-item .promo-price-show{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: flex;
  min-height: 33px;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-bottom: 0.5rem
}

.flats-cont_result .property-item .promo-price-show_text{
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.flats-cont_result .property-item .promo-price-show h5{
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  text-decoration-line: line-through
}

.flats-cont_result .property-item_boxthree{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.flats-cont_result .property-item_boxthree p{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.flats-cont_result .property-item_boxfour{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem
}

@media (min-width: 1350px){
  .flats-cont_result .property-item_boxfour{
    gap: 1.5rem
  }
}

.flats-cont_result .property-item_boxfour .item_content-child{
  display: flex;
  flex-direction: column;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgb(210 210 210 / var(--tw-border-opacity));
  padding-right: 1.25rem
}

.flats-cont_result .property-item_boxfour .item_content-child h5{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.flats-cont_result .property-item_boxfour .item_content-child p{
  text-align: center;
  font-size: 16px;
  font-weight: 700
}

.flats-cont_result .property-item_boxfour .item_content-child:first-child{
  min-width: 110px
}

.flats-cont_result .property-item_boxfour .item_content-child:first-child p{
  text-align: start
}

.flats-cont_result .property-item_boxfour .item_content-child:nth-child(2){
  width: 100%;
  align-items: center
}

.flats-cont_result .property-item_boxfour .item_content-child:last-child{
  width: 100%;
  align-items: center;
  border-style: none
}

.flats-cont_result_locals{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-content: center;
  row-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem
}

@media (min-width: 768px){
  .flats-cont_result_locals{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1024px){
  .flats-cont_result_locals{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    place-content: space-between
  }
}

@media (min-width: 1350px){
  .flats-cont_result_locals{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.flats-cont_result_locals .property-item{
  position: relative;
  width: 100%;
  max-width: 390px;
  justify-self: center;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 768px){
  .flats-cont_result_locals .property-item{
    justify-self: start
  }
}

.flats-cont_result_locals .property-item .investment-label{
  position: absolute;
  bottom: 15rem;
  left: -76px;
  z-index: 20
}

@media (min-width: 640px){
  .flats-cont_result_locals .property-item .investment-label{
    bottom: 15rem
  }
}

.flats-cont_result_locals .property-item .investment-label_content{
  position: relative;
  display: flex;
  min-height: 65px;
  width: 200px;
  justify-content: center;
  padding-left: 1.25rem
}

.flats-cont_result_locals .property-item .investment-label_content svg{
  position: absolute;
  top: -34px;
  right: -30px;
  width: 170px
}

.flats-cont_result_locals .property-item .investment-label_content span{
  position: relative;
  z-index: 10;
  margin-top: -28px;
  width: 100%;
  padding-left: 72px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase
}

.flats-cont_result_locals .property-item .investment-label_content span p{
  margin-top: 12px
}

.flats-cont_result_locals .property-item_head{
  position: relative;
  display: flex;
  min-height: 260px;
  width: 100%;
  justify-content: center;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem
}

.flats-cont_result_locals .property-item_head__img{
  min-height: 260px;
  max-width: 260px
}

.flats-cont_result_locals .property-item_head .heart-icon{
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s ease
}

.flats-cont_result_locals .property-item_head .heart-icon.active {
  opacity: 1;
  filter: drop-shadow(0 0 5px #ff7119);
}

.flats-cont_result_locals .property-item_head__avaible{
  position: absolute;
  left: 0.75rem;
  top: 0.75rem
}

.flats-cont_result_locals .property-item_head__avaible .item-box-ava{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

.flats-cont_result_locals .property-item_head__avaible .item-box-ava .green-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #4bb649
}

.flats-cont_result_locals .property-item_head__avaible .item-box-ava .red-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #ff3f56
}

.flats-cont_result_locals .property-item_head__avaible .item-box-ava .yellow-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #e9cb02
}

.flats-cont_result_locals .property-item_boxone{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.flats-cont_result_locals .property-item_boxone h3{
  margin-top: 0.5rem;
  text-align: start;
  font-size: 24px;
  font-weight: 700
}

.flats-cont_result_locals .property-item_boxone h3:nth-child(2){
  font-size: 20px
}

.flats-cont_result_locals .property-item_boxtwo{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.25rem
}

.flats-cont_result_locals .property-item_boxtwo__itemone{
  position: relative;
  display: flex;
  flex-direction: column
}

.flats-cont_result_locals .property-item_boxtwo__itemone span{
  font-size: 12px
}

.flats-cont_result_locals .property-item_boxtwo__itemone h4{
  font-size: 18px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.flats-cont_result_locals .property-item_boxtwo__itemone h5{
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.flats-cont_result_locals .property-item_boxtwo__itemtwo{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem
}

.flats-cont_result_locals .property-item_boxtwo__itemtwo .btn-orange, .flats-cont_result_locals .property-item_boxtwo__itemtwo .btn-white{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase
}

.flats-cont_result_locals .property-item_boxtwo__itemtwo .btn-white{
  width: -webkit-fill-available;
}

.flats-cont_result_locals .property-item .promo-price-show{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: flex;
  min-height: 33px;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-bottom: 0.5rem
}

.flats-cont_result_locals .property-item .promo-price-show_text{
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.flats-cont_result_locals .property-item .promo-price-show h5{
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  text-decoration-line: line-through
}

.flats-cont_result_locals .property-item_boxthree{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.flats-cont_result_locals .property-item_boxthree p{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.flats-cont_result_locals .property-item_boxfour{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem
}

@media (min-width: 1350px){
  .flats-cont_result_locals .property-item_boxfour{
    gap: 1.5rem
  }
}

.flats-cont_result_locals .property-item_boxfour .item_content-child{
  display: flex;
  flex-direction: column;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgb(210 210 210 / var(--tw-border-opacity));
  padding-right: 1.25rem
}

.flats-cont_result_locals .property-item_boxfour .item_content-child h5{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.flats-cont_result_locals .property-item_boxfour .item_content-child p{
  text-align: center;
  font-size: 18px;
  font-weight: 700
}

.flats-cont_result_locals .property-item_boxfour .item_content-child:first-child{
  min-width: 110px
}

.flats-cont_result_locals .property-item_boxfour .item_content-child:first-child p{
  text-align: start
}

.flats-cont_result_locals .property-item_boxfour .item_content-child:nth-child(2){
  width: 100%;
  align-items: center
}

.flats-cont_result_locals .property-item_boxfour .item_content-child:last-child{
  width: 100%;
  align-items: center;
  border-style: none
}

.flats-cont .single-list{
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.flats-cont .single-list_head{
  display: grid;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(157 157 157 / var(--tw-border-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 640px){
  .flats-cont .single-list_head{
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}

.flats-cont .single-list_head{
  grid-template-columns: repeat(17, minmax(0, 1fr));
}

@media (max-width: 1280px){
  .flats-cont .single-list_head{
    grid-template-columns: repeat(14, minmax(0, 1fr))
  }
}

@media (max-width: 1024px){
  .flats-cont .single-list_head{
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }
}

@media (max-width: 768px){
  .flats-cont .single-list_head{
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

@media (max-width: 640px){
  .flats-cont .single-list_head{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.flats-cont .single-list_head p{
  grid-column: span 2 / span 2;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500
}

@media not all and (min-width: 768px){
  .flats-cont .single-list_head p{
    grid-column: span 1 / span 1
  }
}

.flats-cont .single-list_head p:first-child{
  grid-column: span 2 / span 2
}

@media (min-width: 1024px){
  .flats-cont .single-list_head p:first-child{
    grid-column: span 3 / span 3
  }
}

.flats-cont .single-list_head p:nth-child(2){
  display: none
}

.property-info.flats-cont .single-list_head p:nth-child(2) {
  display: none;
}

@media (min-width: 1280px){
  .flats-cont .single-list_head p:nth-child(2){
    display: block
  }
}

.flats-cont .single-list_head p:nth-child(5){
  grid-column: span 1 / span 1;
  display: none
}

.property-info.flats-cont .single-list_head p:nth-child(5) {
  display: none;
}

@media (min-width: 1280px){
  .flats-cont .single-list_head p:nth-child(5){
    display: block
  }
}

.flats-cont .single-list_head p:nth-child(6){
  display: none
}

.property-info.flats-cont .single-list_head p:nth-child(6) {
  display: none;
}

@media (min-width: 1024px){
  .flats-cont .single-list_head p:nth-child(6){
    display: block
  }
}

.flats-cont .single-list_head p:nth-child(7){
  display: none
}

.property-info.flats-cont .single-list_head p:nth-child(7) {
  display: none;
}

@media (min-width: 1024px){
  .flats-cont .single-list_head p:nth-child(7){
    display: block
  }
}

.flats-cont .single-list_head p:nth-child(8){
  display: none
}

.property-info.flats-cont .single-list_head p:nth-child(8) {
  display: none;
}

@media (min-width: 768px){
  .flats-cont .single-list_head p:nth-child(8){
    display: block
  }
}

.flats-cont .single-list_head p:nth-child(4){
  grid-column: span 1 / span 1;
  justify-self: center
}

@media (min-width: 640px){
  .flats-cont .single-list_head p:nth-child(4){
    justify-self: start
  }
}

.flats-cont .single-investment-flats-cont-list2{
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.flats-cont .single-investment-flats-cont-list2 .property-item{
  display: grid;
  gap: 0.375rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(157 157 157 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 640px){
  .flats-cont .single-investment-flats-cont-list2 .property-item{
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}

.flats-cont .single-investment-flats-cont-list2 .property-item {
  grid-template-columns: repeat(17, minmax(0, 1fr));
}

@media (max-width: 1280px){
  .flats-cont .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(14, minmax(0, 1fr))
  }
}

@media (max-width: 1024px){
  .flats-cont .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }
}

@media (max-width: 768px){
  .flats-cont .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

@media (max-width: 640px){
  .flats-cont .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.flats-cont .single-investment-flats-cont-list2 .property-item_head{
  grid-column: span 2 / span 2
}

@media (min-width: 1024px){
  .flats-cont .single-investment-flats-cont-list2 .property-item_head{
    grid-column: span 3 / span 3
  }
}

.flats-cont .single-investment-flats-cont-list2 .property-item_head a{
  display: flex;
  align-items: center;
  gap: 1rem
}

.flats-cont .single-investment-flats-cont-list2 .property-item_head a img{
  height: 130px
}

.flats-cont .single-investment-flats-cont-list2 .property-item_head h3{
  text-align: center
}

.flats-cont .single-investment-flats-cont-list2 .property-item_boxone{
  grid-column: span 2 / span 2;
  align-items: center;
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2 .property-item_boxone {
  display: none;
}

@media (min-width: 1280px){
  .flats-cont .single-investment-flats-cont-list2 .property-item_boxone{
    display: flex
  }
}

.flats-cont .single-investment-flats-cont-list2 .property-item:last-child{
  border-style: none
}

.flats-cont .single-investment-flats-cont-list2 .item_content-child{
  grid-column: span 1 / span 1;
  display: flex;
  align-items: center
}

@media (min-width: 768px){
  .flats-cont .single-investment-flats-cont-list2 .item_content-child{
    grid-column: span 2 / span 2
  }
}

.flats-cont .single-investment-flats-cont-list2 .item_content-child .btn-orange{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase
}

.flats-cont .single-investment-flats-cont-list2 .item-content-price{
  display: flex;
  flex-direction: column;
  align-items: flex-start !important
}

.flats-cont .single-investment-flats-cont-list2 .item-content-price .dark-blue-text{
  display: flex;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem
}

.flats-cont .single-investment-flats-cont-list2 .item-content-price .dark-blue-text span{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.flats-cont .single-investment-flats-cont-list2 .item-content-price h5{
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration-line: line-through
}

.flats-cont .single-investment-flats-cont-list2 .item-content-price .text-gray-small{
  max-width: 134px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(208 208 208 / var(--tw-text-opacity))
}

.flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(5){
  grid-column: span 1 / span 1
}

.flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(4){
  grid-column: span 1 / span 1;
  justify-self: center
}

@media (min-width: 640px){
  .flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(4){
    justify-self: start
  }
}

.flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(5){
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(5) {
  display: none;
}

@media (min-width: 1280px){
  .flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(5){
    display: flex
  }
}

.flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(7){
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(7) {
  display: none;
}

@media (min-width: 1024px){
  .flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(7){
    display: flex
  }
}

.flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(6){
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(6) {
  display: none;
}

@media (min-width: 1024px){
  .flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(6){
    display: flex
  }
}

.flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(8){
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(8) {
  display: none;
}

@media (min-width: 768px){
  .flats-cont .single-investment-flats-cont-list2 .item_content-child:nth-child(8){
    display: flex
  }
}

.flats-cont .single-investment-flats-cont-list2 .item_content-child:last-child{
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2 .item_content-child:last-child {
  display: none;
}

@media (min-width: 640px){
  .flats-cont .single-investment-flats-cont-list2 .item_content-child:last-child{
    display: flex
  }
}

.flats-cont .single-investment-flats-cont-list2_locals{
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.flats-cont .single-investment-flats-cont-list2_locals .property-item{
  display: grid;
  gap: 0.375rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(157 157 157 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 640px){
  .flats-cont .single-investment-flats-cont-list2_locals .property-item{
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}

.flats-cont .single-investment-flats-cont-list2_locals .property-item {
  grid-template-columns: repeat(17, minmax(0, 1fr));
}

@media (max-width: 1280px){
  .flats-cont .single-investment-flats-cont-list2_locals .property-item {
    grid-template-columns: repeat(14, minmax(0, 1fr))
  }
}

@media (max-width: 1024px){
  .flats-cont .single-investment-flats-cont-list2_locals .property-item {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }
}

@media (max-width: 768px){
  .flats-cont .single-investment-flats-cont-list2_locals .property-item {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

@media (max-width: 640px){
  .flats-cont .single-investment-flats-cont-list2_locals .property-item {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.flats-cont .single-investment-flats-cont-list2_locals .property-item_head{
  grid-column: span 2 / span 2
}

@media (min-width: 1024px){
  .flats-cont .single-investment-flats-cont-list2_locals .property-item_head{
    grid-column: span 3 / span 3
  }
}

.flats-cont .single-investment-flats-cont-list2_locals .property-item_head a{
  display: flex;
  align-items: center;
  gap: 1rem
}

.flats-cont .single-investment-flats-cont-list2_locals .property-item_head__img{
  height: 90px;
  width: 90px
}

.flats-cont .single-investment-flats-cont-list2_locals .property-item_boxone{
  grid-column: span 2 / span 2;
  align-items: center;
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2_locals .property-item_boxone {
  display: none;
}

@media (min-width: 1280px){
  .flats-cont .single-investment-flats-cont-list2_locals .property-item_boxone{
    display: flex
  }
}

.flats-cont .single-investment-flats-cont-list2_locals .property-item:last-child{
  border-style: none
}

.flats-cont .single-investment-flats-cont-list2_locals .item_content-child{
  grid-column: span 1 / span 1;
  display: flex;
  align-items: center
}

@media (min-width: 768px){
  .flats-cont .single-investment-flats-cont-list2_locals .item_content-child{
    grid-column: span 2 / span 2
  }
}

.flats-cont .single-investment-flats-cont-list2_locals .item_content-child .btn-orange{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase
}

.flats-cont .single-investment-flats-cont-list2_locals .item-content-price{
  display: flex;
  flex-direction: column;
  align-items: flex-start !important
}

.flats-cont .single-investment-flats-cont-list2_locals .item-content-price .dark-blue-text{
  display: flex;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem
}

.flats-cont .single-investment-flats-cont-list2_locals .item-content-price .dark-blue-text span{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.flats-cont .single-investment-flats-cont-list2_locals .item-content-price h5{
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration-line: line-through
}

.flats-cont .single-investment-flats-cont-list2_locals .item-content-price .text-gray-small{
  max-width: 134px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(208 208 208 / var(--tw-text-opacity))
}

.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(5){
  grid-column: span 1 / span 1
}

.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(4){
  grid-column: span 1 / span 1;
  justify-self: center
}

@media (min-width: 640px){
  .flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(4){
    justify-self: start
  }
}

.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(5){
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(5) {
  display: none;
}

@media (min-width: 1280px){
  .flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(5){
    display: flex
  }
}

.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(7){
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(7) {
  display: none;
}

@media (min-width: 1024px){
  .flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(7){
    display: flex
  }
}

.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(6){
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(6) {
  display: none;
}

@media (min-width: 1024px){
  .flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(6){
    display: flex
  }
}

.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(8){
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(8) {
  display: none;
}

@media (min-width: 768px){
  .flats-cont .single-investment-flats-cont-list2_locals .item_content-child:nth-child(8){
    display: flex
  }
}

.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:last-child{
  display: none
}

.property-info.flats-cont .single-investment-flats-cont-list2_locals .item_content-child:last-child {
  display: none;
}

@media (min-width: 640px){
  .flats-cont .single-investment-flats-cont-list2_locals .item_content-child:last-child{
    display: flex
  }
}

.flats-cont_head{
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media (min-width: 640px){
  .flats-cont_head{
    flex-direction: row
  }
}

.flats-cont_head h2{
  text-transform: uppercase
}

.flats-cont_head .sort-options{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0px
}

@media (min-width: 640px){
  .flats-cont_head .sort-options{
    flex-direction: row;
    gap: 1.25rem
  }
}

.flats-cont_head .sort-options .sort-cont{
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.flats-cont_head .sort-options select{
  min-width: 246px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem
}

.flats-cont_head .sort-options .active-kaf{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  max-height: 2.5rem;
  align-items: center;
  justify-content: center
}

@media (min-width: 640px){
  .flats-cont_head .sort-options .active-kaf{
    margin-top: 2rem;
    margin-bottom: 2rem
  }
}

.flats-cont_head .sort-options .active-kaf .setup-page_head__btns__blue{
  display: flex;
  width: 10rem;
  cursor: pointer;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.flats-cont_head .sort-options .active-kaf .setup-page_head__btns__blue svg{
  width: 1rem
}

.flats-cont_head .sort-options .active-kaf .setup-page_head__btns__white{
  margin-left: -40px;
  display: flex;
  min-width: 115px;
  cursor: pointer;
  gap: 0.75rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.flats-cont_head .sort-options .active-list{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  max-height: 2.5rem;
  align-items: center;
  justify-content: center
}

@media (min-width: 640px){
  .flats-cont_head .sort-options .active-list{
    margin-top: 2rem;
    margin-bottom: 2rem
  }
}

.flats-cont_head .sort-options .active-list .setup-page_head__btns__blue{
  z-index: 10;
  display: flex;
  width: 9rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 2rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.flats-cont_head .sort-options .active-list .setup-page_head__btns__blue svg{
  width: 1rem
}

.flats-cont_head .sort-options .active-list .setup-page_head__btns__blue img{
  filter: invert(73%) sepia(100%) saturate(332%) hue-rotate(218deg);
}

.flats-cont_head .sort-options .active-list .setup-page_head__btns__white{
  margin-left: -40px;
  display: flex;
  min-width: 115px;
  cursor: pointer;
  gap: 0.75rem;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.flats-cont_head .sort-options .active-list .setup-page_head__btns__white img{
  filter: invert(100%)
}

.page-content-ofice{
  margin-top: 5rem;
  margin-bottom: 5rem
}

.office-page .property-item_head{
  width: 100% !important;
  padding-top: 0px !important
}

.office-page .property-item_head img{
  width: 100% !important;
  max-width: none !important;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 250px
}

.contact-form-small{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem
}

@media (min-width: 1024px){
  .contact-form-small{
    flex-direction: row;
    align-items: center;
    gap: 0px;
    padding-left: 7rem;
    padding-right: 7rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
  }

  .contact-form-small_des{
    max-width: 600px
  }
}

.contact-form-small_des h3{
  margin-bottom: 1.25rem
}

.contact-form-small_des .person-cont{
  margin-top: 1.25rem;
  display: flex
}

@media (min-width: 1024px){
  .contact-form-small_des .person-cont{
    margin-top: 3.5rem
  }
}

.contact-form-small_des .person-cont_imgs{
  margin-left: -20px;
  height: 6rem;
  width: 6rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.contact-form-small_des .person-cont_imgs img{
  height: 6rem;
  width: 6rem;
  border-radius: 9999px
}

.contact-form-small_des .person-cont_imgs:first-child{
  margin-left: 0.25rem
}

@media (min-width: 1024px){
  .contact-form-small_des .person-cont_imgs:first-child{
    margin-left: 1.25rem
  }
}

.contact-form-small_form .wpcf7-form{
  display: flex;
  max-width: 640px;
  flex-direction: column;
  gap: 1.25rem
}

.contact-form-small_form .wpcf7-form .form-btn{
  margin-left: auto;
  margin-right: auto
}

.contact-form-small_form .wpcf7-form .wpcf7-list-item-label strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.contact-form-small_form .wpcf7-form .acceptance-text{
  width: -moz-fit-content;
  width: fit-content;
  max-width: 600px;
  font-size: 10px !important;
  font-weight: 300;
  --tw-text-opacity: 0.7
}

.contact-form-small_form .wpcf7-form .acceptance-text .show-more{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.contact-form-small_form .wpcf7-form .input-form-cont{
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (min-width: 640px){
  .contact-form-small_form .wpcf7-form .input-form-cont{
    flex-direction: row
  }
}

.contact-form-small_form .wpcf7-form .input-form-cont .input-form{
  position: relative;
  width: 100%
}

.contact-form-small_form .wpcf7-form .input-form-cont .input-form input{
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-top: 1.75rem
}

.contact-form-small_form .wpcf7-form .input-form-cont .input-form .place-holder{
  position: absolute;
  top: 0.375rem;
  left: 0.75rem;
  z-index: 10;
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.contact-form-small_form .wpcf7-form .input-form-cont .input-form .place-holder strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.contact-form-small_form .wpcf7-form .input-text-area{
  position: relative
}

.contact-form-small_form .wpcf7-form .input-text-area textarea{
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-top: 1.75rem
}

.contact-form-small_form .wpcf7-form .input-text-area .place-holder{
  position: absolute;
  top: 0.375rem;
  left: 0.75rem;
  z-index: 10;
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.contact-form-small_form .wpcf7-form .input-text-area .place-holder strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.favorite-head h2{
  cursor: pointer;
  text-align: right
}

.favorite-cont{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-content: center;
  row-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem
}

@media (min-width: 768px){
  .favorite-cont{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1024px){
  .favorite-cont{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    place-content: space-between
  }
}

@media (min-width: 1350px){
  .favorite-cont{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.favorite-cont .property-item{
  position: relative;
  width: 100%;
  max-width: 390px;
  justify-self: center;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 768px){
  .favorite-cont .property-item{
    justify-self: start
  }
}

.favorite-cont .property-item .investment-label{
  position: absolute;
  bottom: 13rem;
  left: -76px;
  z-index: 20
}

@media (min-width: 640px){
  .favorite-cont .property-item .investment-label{
    bottom: 13rem
  }
}

.favorite-cont .property-item .investment-label_content{
  position: relative;
  display: flex;
  min-height: 65px;
  width: 200px;
  justify-content: center;
  padding-left: 1.25rem
}

.favorite-cont .property-item .investment-label_content svg{
  position: absolute;
  top: -34px;
  right: -30px;
  width: 170px
}

.favorite-cont .property-item .investment-label_content span{
  position: relative;
  z-index: 10;
  margin-top: -28px;
  width: 100%;
  padding-left: 72px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase
}

.favorite-cont .property-item .investment-label_content span p{
  margin-top: 12px
}

.favorite-cont .property-item_head{
  position: relative;
  display: flex;
  min-height: 260px;
  width: 100%;
  justify-content: center;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem
}

.favorite-cont .property-item_head__img{
  min-height: 260px
}

.favorite-cont .property-item_head .heart-icon{
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s ease
}

.favorite-cont .property-item_head .heart-icon.active {
  opacity: 1;
  filter: drop-shadow(0 0 5px #ff7119);
}

.favorite-cont .property-item_head__avaible{
  position: absolute;
  left: 0.75rem;
  top: 0.75rem
}

.favorite-cont .property-item_head__avaible .item-box-ava{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

.favorite-cont .property-item_head__avaible .item-box-ava .green-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #4bb649
}

.favorite-cont .property-item_head__avaible .item-box-ava .red-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #ff3f56
}

.favorite-cont .property-item_head__avaible .item-box-ava .yellow-box{
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  align-items: center;
  background-color:  #e9cb02
}

.favorite-cont .property-item_boxone{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.favorite-cont .property-item_boxone h3{
  margin-top: 0.5rem;
  text-align: start;
  font-size: 24px;
  font-weight: 700
}

.favorite-cont .property-item_boxtwo{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.25rem
}

.favorite-cont .property-item_boxtwo__itemone{
  position: relative;
  display: flex;
  flex-direction: column
}

.favorite-cont .property-item_boxtwo__itemone span{
  font-size: 12px
}

.favorite-cont .property-item_boxtwo__itemone h4{
  font-size: 18px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.favorite-cont .property-item_boxtwo__itemone h5{
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.favorite-cont .property-item_boxtwo__itemtwo{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem
}

.favorite-cont .property-item_boxtwo__itemtwo .btn-orange, .favorite-cont .property-item_boxtwo__itemtwo .btn-white{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase
}

.favorite-cont .property-item_boxtwo__itemtwo .btn-white{
  width: -webkit-fill-available;
}

.favorite-cont .property-item .promo-price-show{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: flex;
  min-height: 33px;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(208 208 208 / var(--tw-border-opacity));
  padding-bottom: 0.5rem
}

.favorite-cont .property-item .promo-price-show_text{
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.favorite-cont .property-item .promo-price-show h5{
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
  text-decoration-line: line-through
}

.favorite-cont .property-item_boxthree{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.favorite-cont .property-item_boxthree p{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.favorite-cont .property-item_boxfour{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem
}

@media (min-width: 1350px){
  .favorite-cont .property-item_boxfour{
    gap: 1.5rem
  }
}

.favorite-cont .property-item_boxfour .item_content-child{
  display: flex;
  flex-direction: column;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgb(210 210 210 / var(--tw-border-opacity));
  padding-right: 1.25rem
}

.favorite-cont .property-item_boxfour .item_content-child h5{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.favorite-cont .property-item_boxfour .item_content-child p{
  text-align: center;
  font-size: 18px;
  font-weight: 700
}

.favorite-cont .property-item_boxfour .item_content-child:first-child{
  min-width: 110px
}

.favorite-cont .property-item_boxfour .item_content-child:first-child p{
  text-align: start
}

.favorite-cont .property-item_boxfour .item_content-child:nth-child(2){
  width: 100%;
  align-items: center
}

.favorite-cont .property-item_boxfour .item_content-child:last-child{
  width: 100%;
  align-items: center;
  border-style: none
}

.favorite-cont p{
  grid-column: span 4 / span 4
}

.fav-block-content{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem
}

.favorite-elm{
  position: relative
}

.favorite-elm .favorite-number{
  position: absolute;
  top: 0px;
  right: 0.625rem;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 113 25 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.favorite-elm .favorite-number span{
  font-size: 0.75rem;
  line-height: 1rem
}

.career-page .text-block-one{
  flex-direction: column-reverse
}

@media (min-width: 1024px){
  .career-page .text-block-one{
    flex-direction: row
  }
}

.career-page .text-block-one .block-text-des{
  margin-top: -22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  --tw-bg-opacity: 1
}

@media (min-width: 640px){
  .career-page .text-block-one .block-text-des{
    margin-top: -50px
  }
}

@media (min-width: 1024px){
  .career-page .text-block-one .block-text-des{
    margin-top: 0px
  }
}

.abouts-us-page .text-block-one{
  flex-direction: column-reverse
}

@media (min-width: 1024px){
  .abouts-us-page .text-block-one{
    flex-direction: row
  }
}

.abouts-us-page .text-block-one .block-text-des{
  margin-top: -22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  --tw-bg-opacity: 1
}

@media (min-width: 640px){
  .abouts-us-page .text-block-one .block-text-des{
    margin-top: -50px
  }
}

@media (min-width: 1024px){
  .abouts-us-page .text-block-one .block-text-des{
    margin-top: 0px
  }
}

.swiper-support .swiper-wrapper{
  display: flex;
  justify-content: center
}

.error-page{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.5rem;
  padding-top: 4rem;
  padding-bottom: 4rem
}

@media (min-width: 640px){
  .error-page{
    padding-top: 6rem;
    padding-bottom: 6rem
  }
}

@media (min-width: 1024px){
  .error-page{
    flex-direction: row;
    justify-content: space-between
  }
}

.error-page_left{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.5rem
}

@media not all and (min-width: 1024px){
  .error-page_left{
    align-items: center
  }
}

@media (min-width: 1024px){
  .error-page_left{
    max-width: 584px
  }
}

.error-page_left img{
  min-width: 320px
}

.error-page_right{
  position: relative
}

@media (min-width: 1024px){
  .error-page_right{
    max-width: 600px
  }
}

@media (min-width: 1350px){
  .error-page_right{
    max-width: 1000px
  }
}

.error-page_right::after{
  position: absolute;
  right: -28px;
  top: 0px;
  z-index: 10;
  height: 100%;
  width: 14rem
}

@media not all and (min-width: 640px){
  .error-page_right::after{
    display: none
  }
}

.error-page_right::after{
  content: "";
  background: linear-gradient(90deg, rgba(244, 244, 244, 0.1) 11%, rgba(244, 244, 244, 0.37) 26%, rgba(244, 244, 244, 0.49) 39%, rgba(244, 244, 244, 0.8) 59%, rgba(244, 244, 244, 1) 89%);
}

.error-page_right__top{
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

@media (min-width: 1024px){
  .error-page_right__top{
    flex-direction: row;
    align-items: flex-end
  }
}

.error-page_right__top h1{
  margin-bottom: 0.75rem;
  max-width: 800px;
  font-size: 26px;
  font-weight: 700
}

@media (min-width: 1024px){
  .error-page_right__top h1{
    font-size: 32px
  }
}

.error-page_right__top h2{
  max-width: 800px;
  font-size: 22px
}

@media (min-width: 1024px){
  .error-page_right__top h2{
    font-size: 26px
  }
}

.error-page_right .buttons-wrapper{
  position: relative;
  z-index: 20;
  display: flex !important;
  gap: 0.75rem
}

.error-page_right .buttons-wrapper .swiper-button-prev-ofert3{
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.error-page_right .buttons-wrapper .swiper-button-prev-ofert3::before{
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  background-image: url('../img/arrow_black.svg');
  position: absolute;
  width: 6px;
  height: 10px;
}

.error-page_right .buttons-wrapper .swiper-button-next-ofert3{
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.error-page_right .buttons-wrapper .swiper-button-next-ofert3::before{
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  background-image: url('../img/arrow_black2.svg');
  position: absolute;
  width: 6px;
  height: 10px;
}

.error-page_right .buttons-wrapper .swiper-button-next-boxes[aria-disabled="true"]{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

.error-page_right .buttons-wrapper .swiper-button-prev-boxes[aria-disabled="true"]{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

.input-error {
  border: 1px solid red !important;
}

.error-msg {
  color: red;
  font-size: 0.85em;
  margin-top: 5px;
  display: none;
}

.finish-page_top{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.75rem;
  display: grid;
  max-width: 1440px;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media not all and (min-width: 1150px){
  .finish-page_top{
    gap: 1.75rem
  }
}

@media (min-width: 640px){
  .finish-page_top{
    margin-top: 3rem
  }
}

@media (min-width: 1150px){
  .finish-page_top{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

.finish-page_top__left{
  position: relative;
  z-index: 20;
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media (min-width: 1150px){
  .finish-page_top__left{
    order: 1
  }
}

.finish-page_top__left h1{
  margin-bottom: 1.5rem;
  max-width: 510px;
  font-size: 26px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(75 75 75 / var(--tw-text-opacity))
}

@media (min-width: 768px){
  .finish-page_top__left h1{
    font-size: 36px
  }
}

@media (min-width: 1280px){
  .finish-page_top__left h1{
    font-size: 48px;
    line-height: 52px
  }
}

@media (min-width: 1640px){
  .finish-page_top__left h1{
    max-width: 690px;
    font-size: 68px;
    line-height: 74px
  }
}

.finish-page_top__left p{
  font-size: 28px;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(75 75 75 / var(--tw-text-opacity))
}

@media (min-width: 1536px){
  .finish-page_top__left p{
    font-size: 38px;
    line-height: 46px
  }
}

.finish-page_top__right{
  position: relative;
  order: 1
}

@media not all and (min-width: 1150px){
  .finish-page_top__right{
    margin-left: auto;
    margin-right: auto;
    max-width: 780px
  }
}

@media (min-width: 1150px){
  .finish-page_top__right{
    order: 2
  }
}

.finish-page_top__right___main{
  max-height: 440px;
  min-height: 340px;
  width: 100%;
  max-width: 780px
}

@media not all and (min-width: 640px){
  .finish-page_top__right___main{
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
  }
}

@media (min-width: 640px){
  .finish-page_top__right___main{
    min-height: 440px
  }
}

.finish-page_top__right___arleft{
  position: absolute;
  left: -190px;
  top: 0px;
  z-index: 10
}

@media not all and (min-width: 640px){
  .finish-page_top__right___arleft{
    display: none
  }
}

.finish-page_top__right___arright{
  position: absolute;
  right: -30px;
  top: 0px;
  z-index: 10
}

@media not all and (min-width: 640px){
  .finish-page_top__right___arright{
    display: none
  }
}

@media (min-width: 1280px){
  .finish-page_top__right___arright{
    right: -52px
  }
}

@media (min-width: 1640px){
  .finish-page_top__right___arright{
    right: -30px
  }
}

.finish-page_style{
  margin-top: 60px
}

@media (min-width: 1024px){
  .finish-page_style{
    margin-top: 100px
  }
}

.finish-page_style h2{
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .finish-page_style h2{
    font-size: 32px
  }
}

@media (min-width: 1280px){
  .finish-page_style h2{
    font-size: 48px
  }
}

.finish-page_style__boxes{
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem
}

@media (min-width: 640px){
  .finish-page_style__boxes{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1280px){
  .finish-page_style__boxes{
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

.finish-page_style__boxes___item{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-bottom: 1.25rem
}

.finish-page_style__boxes___item .style-img{
  height: 400px;
  width: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 640px){
  .finish-page_style__boxes___item .style-img{
    height: 450px
  }
}

@media (min-width: 1280px){
  .finish-page_style__boxes___item .style-img{
    height: 550px
  }
}

.finish-page_style__boxes___item____head{
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem
}

.finish-page_style__boxes___item____head h3{
  font-size: 32px;
  font-weight: 600
}

@media (min-width: 1280px){
  .finish-page_style__boxes___item____head h3{
    font-size: 48px
  }
}

.finish-page_style__boxes___item h4{
  margin-top: 0.25rem;
  font-size: 22px
}

.finish-page_style__boxes___item h3{
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 32px;
  font-weight: 600
}

@media (min-width: 1280px){
  .finish-page_style__boxes___item h3{
    font-size: 48px
  }
}

.finish-page_style__boxes___item____des{
  display: flex;
  min-height: 246px;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 300;
  line-height: 26px
}

.finish-page_style__boxes___item____des strong{
  font-weight: 700
}

.finish-page_style__boxes___item____pdf{
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.finish-page_desfull{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem
}

.finish-page_desfull p{
  margin-top: 0.75rem;
  white-space: normal !important
}

.finish-page_desfull p img{
  margin-right: 1.25rem;
  width: 66px
}

.finish-page_desfull p strong{
  display: block;
  font-size: 20px
}

@media (min-width: 640px){
  .finish-page_desfull p strong{
    font-size: 24px
  }
}

.finish-page_desfull h5{
  white-space: normal !important;
  font-size: 1.125rem;
  line-height: 1.75rem
}

@media (min-width: 640px){
  .finish-page_desfull h5{
    padding-left: 84px
  }
}

.finish-page_desfull h3{
  margin-bottom: 1.25rem;
  font-size: 24px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

.finish-page_desfull ul{
  display: flex;
  list-style-type: disc;
  flex-direction: column;
  gap: 0.25rem;
  padding-left: 1.25rem
}

@media (min-width: 640px){
  .finish-page_desfull ul{
    padding-left: 104px
  }
}

.finish-page_desfull ul li{
  font-size: 1.125rem;
  line-height: 1.75rem
}

.finish-page_des{
  position: relative;
  margin-top: 50px;
  display: flex;
  min-height: 246px;
  flex-direction: column;
  align-items: center
}

@media (min-width: 1024px){
  .finish-page_des{
    margin-top: 50px;
    flex-direction: row
  }
}

.finish-page_des__left{
  width: 100%;
  max-width: 1122px
}

.finish-page_des__left img{
  height: 450px;
  width: 100%;
  max-width: 1122px;
  border-radius: 16px;
  border-top-left-radius: 66px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width: 1024px){
  .finish-page_des__left img{
    height: 550px
  }
}

.finish-page_des__right{
  width: 100%;
  border-radius: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

@media (min-width: 768px){
  .finish-page_des__right{
    padding: 2.5rem
  }
}

@media (min-width: 1024px){
  .finish-page_des__right{
    position: absolute;
    right: 0px;
    top: 50%;
    max-width: 684px;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
}

.finish-page_des__right___des{
  display: block;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.75rem
}

.finish-page_des__right___des p{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem
}

.finish-page_des__right___des strong{
  font-weight: 700
}

.finish-page_icons{
  margin-top: 70px
}

@media (min-width: 1024px){
  .finish-page_icons{
    margin-top: 140px
  }
}

.finish-page_icons h3{
  margin-left: auto;
  margin-right: auto;
  max-width: 832px;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .finish-page_icons h3{
    font-size: 32px
  }
}

@media (min-width: 1280px){
  .finish-page_icons h3{
    font-size: 48px
  }
}

.finish-page_icons__box{
  margin-top: 3.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
  row-gap: 2.5rem
}

@media (min-width: 640px){
  .finish-page_icons__box{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 768px){
  .finish-page_icons__box{
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media (min-width: 1280px){
  .finish-page_icons__box{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 66px
  }
}

@media (min-width: 1640px){
  .finish-page_icons__box{
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

.finish-page_icons__box___item{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 26px
}

.finish-page_icons__box___item img{
  width: 100px
}

.finish-page_icons__box___item h4{
  max-width: 280px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important
}

@media (min-width: 640px){
  .finish-page_icons__box___item h4{
    min-height: 56px
  }
}

.finish-page_icons__box___item h4 p{
  max-width: 284px;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  --tw-text-opacity: 1 !important;
  color: rgb(28 53 131 / var(--tw-text-opacity)) !important
}

.finish-page_icons__box___item p{
  max-width: 280px;
  text-align: center;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity))
}

.finish-page_compere{
  margin-top: 50px;
  margin-bottom: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem
}

@media (min-width: 1024px){
  .finish-page_compere{
    margin-top: 100px;
    margin-bottom: 140px;
    flex-direction: row
  }
}

.finish-page_compere .image-comparison{
  max-height: 500px;
  width: 100%;
  max-width: 980px;
  overflow: hidden;
  border-radius: 15px;
  border-bottom-left-radius: 75px
}

.finish-page_compere .image-comparison img{
  height: 100%;
  max-height: 500px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left;
  object-position: left
}

.finish-page_compere .image-comparison .images-container{
  position: relative;
  display: flex;
  max-height: 500px
}

.finish-page_compere .image-comparison .images-container img{
  max-height: 500px
}

.finish-page_compere .before-image, .finish-page_compere .after-image{
  min-height: 400px
}

.finish-page_compere .image-comparison .images-container .before-image{
  position: absolute;
  top: 0px;
  width: 50%
}

.finish-page_compere .image-comparison .slider{
  position: absolute;
  inset: 0px;
  cursor: pointer;
  opacity: 0
}

.finish-page_compere .image-comparison .slider-line{
  position: absolute;
  left: 50%;
  height: 100%;
  width: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transform: translateX(-50%)
}

.finish-page_compere .image-comparison .slider-icon{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  transform: translate(-50%, -50%)
}

.finish-page_compere .label-left{
  position: absolute;
  left: 0px;
  top: 1.25rem;
  z-index: 10;
  align-items: center;
  justify-content: flex-start;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  display: none
}

.property-info.finish-page_compere .label-left {
  display: none;
}

@media (min-width: 640px){
  .finish-page_compere .label-left{
    display: flex
  }
}

.finish-page_compere .label-right{
  position: absolute;
  right: 0px;
  top: 1.25rem;
  z-index: 10;
  align-items: center;
  justify-content: flex-start;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  display: none
}

.property-info.finish-page_compere .label-right {
  display: none;
}

@media (min-width: 640px){
  .finish-page_compere .label-right{
    display: flex
  }
}

.finish-page_compere .image-text{
  max-width: 660px
}

.finish-page_compere .image-text h3{
  margin-bottom: 1.25rem
}

@media (min-width: 1024px){
  .finish-page_compere .image-text h3{
    margin-bottom: 2.5rem
  }
}

.finish-page .single-property-contact{
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.75rem;
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem
}

@media (min-width: 1024px){
  .finish-page .single-property-contact{
    margin-bottom: 100px;
    padding-left: 120px;
    padding-right: 120px
  }
}

@media (min-width: 1280px){
  .finish-page .single-property-contact{
    flex-direction: row;
    gap: 0.75rem
  }
}

.finish-page .single-property-contact h3{
  margin-bottom: 1.25rem
}

.finish-page .single-property-contact_boxone span p{
  max-width: 570px
}

.finish-page .single-property-contact_boxone span p a{
  --tw-text-opacity: 1;
  color: rgb(28 53 131 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 4px
}

.finish-page .single-property-contact_boxone__imgs{
  margin-top: 1.75rem;
  display: flex
}

@media (min-width: 1280px){
  .finish-page .single-property-contact_boxone__imgs{
    margin-top: 3.5rem
  }
}

.finish-page .single-property-contact_boxone__imgs .person-img{
  height: 100px;
  width: 100px;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.finish-page .single-property-contact_boxone__imgs .person-img img{
  height: 100px;
  width: 100px;
  border-radius: 9999px
}

.finish-page .single-property-contact_boxone__imgs .person-img:nth-child(2){
  margin-left: -40px
}

.finish-page .single-property-contact_boxone__imgs .person-img:nth-child(3){
  margin-left: -40px
}

.finish-page .single-property-contact_boxone__imgs .person-img:nth-child(4){
  margin-left: -40px
}

.finish-page .single-property-contact_boxone__imgs .person-img:nth-child(5){
  margin-left: -40px
}

.finish-page .single-property-contact_boxtwo{
  max-width: 570px
}

.finish-page .single-property-contact_boxtwo .wpcf7-list-item-label strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.finish-page .single-property-contact_boxtwo .input-form-cont{
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (min-width: 640px){
  .finish-page .single-property-contact_boxtwo .input-form-cont{
    flex-direction: row
  }
}

.finish-page .single-property-contact_boxtwo .input-form-cont .input-form{
  position: relative;
  margin-bottom: 0.75rem;
  width: 100%
}

.finish-page .single-property-contact_boxtwo .input-form-cont .input-form input{
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-top: 1.75rem
}

.finish-page .single-property-contact_boxtwo .input-form-cont .input-form .place-holder{
  position: absolute;
  top: 0.375rem;
  left: 0.75rem;
  z-index: 10;
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity))
}

.finish-page .single-property-contact_boxtwo .input-form-cont .input-form .place-holder strong{
  --tw-text-opacity: 1;
  color: rgb(255 113 25 / var(--tw-text-opacity))
}

.finish-page .single-property-contact_boxtwo .acceptance-text{
  width: -moz-fit-content;
  width: fit-content;
  max-width: 470px;
  font-size: 10px
}

.finish-page .single-property-contact_boxtwo .form-btn{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem
}

@media (min-width: 1024px){
  .finish-page .single-property-contact_boxtwo .form-btn{
    margin-left: 0px;
    margin-right: 0px
  }
}

@media not all and (min-width: 640px){
  .finihsflat-page{
    padding-top: 2.5rem
  }
}

.finihsflat-page .property-item_head{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding-top: 0px !important
}

.finihsflat-page .property-item_head img{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem
}

.finihsflat-page .single-list{
  border-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.finihsflat-page .single-list_head{
  display: grid;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(157 157 157 / var(--tw-border-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 640px){
  .finihsflat-page .single-list_head{
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}

.finihsflat-page .single-list_head{
  grid-template-columns: repeat(17, minmax(0, 1fr));
}

@media (max-width: 1280px){
  .finihsflat-page .single-list_head{
    grid-template-columns: repeat(14, minmax(0, 1fr))
  }
}

@media (max-width: 1024px){
  .finihsflat-page .single-list_head{
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }
}

@media (max-width: 768px){
  .finihsflat-page .single-list_head{
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

@media (max-width: 640px){
  .finihsflat-page .single-list_head{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.finihsflat-page .single-list_head p{
  grid-column: span 2 / span 2;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500
}

@media not all and (min-width: 768px){
  .finihsflat-page .single-list_head p{
    grid-column: span 1 / span 1
  }
}

.finihsflat-page .single-list_head p:first-child{
  grid-column: span 2 / span 2
}

@media (min-width: 1024px){
  .finihsflat-page .single-list_head p:first-child{
    grid-column: span 3 / span 3
  }
}

.finihsflat-page .single-list_head p:nth-child(2){
  display: none
}

.property-info.finihsflat-page .single-list_head p:nth-child(2) {
  display: none;
}

@media (min-width: 1280px){
  .finihsflat-page .single-list_head p:nth-child(2){
    display: block
  }
}

.finihsflat-page .single-list_head p:nth-child(5){
  grid-column: span 1 / span 1;
  display: none
}

.property-info.finihsflat-page .single-list_head p:nth-child(5) {
  display: none;
}

@media (min-width: 1280px){
  .finihsflat-page .single-list_head p:nth-child(5){
    display: block
  }
}

.finihsflat-page .single-list_head p:nth-child(6){
  display: none
}

.property-info.finihsflat-page .single-list_head p:nth-child(6) {
  display: none;
}

@media (min-width: 1024px){
  .finihsflat-page .single-list_head p:nth-child(6){
    display: block
  }
}

.finihsflat-page .single-list_head p:nth-child(7){
  display: none
}

.property-info.finihsflat-page .single-list_head p:nth-child(7) {
  display: none;
}

@media (min-width: 1024px){
  .finihsflat-page .single-list_head p:nth-child(7){
    display: block
  }
}

.finihsflat-page .single-list_head p:nth-child(8){
  display: none
}

.property-info.finihsflat-page .single-list_head p:nth-child(8) {
  display: none;
}

@media (min-width: 768px){
  .finihsflat-page .single-list_head p:nth-child(8){
    display: block
  }
}

.finihsflat-page .single-list_head p:nth-child(4){
  grid-column: span 1 / span 1;
  justify-self: center
}

@media (min-width: 640px){
  .finihsflat-page .single-list_head p:nth-child(4){
    justify-self: start
  }
}

.finihsflat-page .single-investment-flats-cont-list2{
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.finihsflat-page .single-investment-flats-cont-list2 .property-item{
  display: grid;
  gap: 0.375rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(157 157 157 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 640px){
  .finihsflat-page .single-investment-flats-cont-list2 .property-item{
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}

.finihsflat-page .single-investment-flats-cont-list2 .property-item {
  grid-template-columns: repeat(17, minmax(0, 1fr));
}

@media (max-width: 1280px){
  .finihsflat-page .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(14, minmax(0, 1fr))
  }
}

@media (max-width: 1024px){
  .finihsflat-page .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }
}

@media (max-width: 768px){
  .finihsflat-page .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

@media (max-width: 640px){
  .finihsflat-page .single-investment-flats-cont-list2 .property-item {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

.finihsflat-page .single-investment-flats-cont-list2 .property-item_head{
  grid-column: span 2 / span 2;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding-top: 0px !important
}

@media (min-width: 1024px){
  .finihsflat-page .single-investment-flats-cont-list2 .property-item_head{
    grid-column: span 3 / span 3
  }
}

.finihsflat-page .single-investment-flats-cont-list2 .property-item_head__img{
  height: 130px
}

.finihsflat-page .single-investment-flats-cont-list2 .property-item_head h3{
  text-align: center
}

.finihsflat-page .single-investment-flats-cont-list2 .property-item_boxone{
  grid-column: span 2 / span 2;
  align-items: center;
  display: none
}

.property-info.finihsflat-page .single-investment-flats-cont-list2 .property-item_boxone {
  display: none;
}

@media (min-width: 1280px){
  .finihsflat-page .single-investment-flats-cont-list2 .property-item_boxone{
    display: flex
  }
}

.finihsflat-page .single-investment-flats-cont-list2 .property-item:last-child{
  border-style: none
}

.finihsflat-page .single-investment-flats-cont-list2 .item-content-price{
  display: flex;
  flex-direction: column;
  align-items: flex-start !important
}

.finihsflat-page .single-investment-flats-cont-list2 .item-content-price .dark-blue-text{
  display: flex;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem
}

.finihsflat-page .single-investment-flats-cont-list2 .item-content-price .dark-blue-text span{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.finihsflat-page .single-investment-flats-cont-list2 .item-content-price h5{
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration-line: line-through
}

.finihsflat-page .single-investment-flats-cont-list2 .item-content-price .text-gray-small{
  max-width: 134px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(208 208 208 / var(--tw-text-opacity))
}

.finihsflat-page .single-investment-flats-cont-list2 .item_content-child{
  grid-column: span 1 / span 1;
  display: flex;
  align-items: center
}

@media (min-width: 768px){
  .finihsflat-page .single-investment-flats-cont-list2 .item_content-child{
    grid-column: span 2 / span 2
  }
}

.finihsflat-page .single-investment-flats-cont-list2 .item_content-child .btn-orange{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase
}

.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(5){
  grid-column: span 1 / span 1
}

.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(4){
  grid-column: span 1 / span 1;
  justify-self: center
}

@media (min-width: 640px){
  .finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(4){
    justify-self: start
  }
}

.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(5){
  display: none
}

.property-info.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(5) {
  display: none;
}

@media (min-width: 1280px){
  .finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(5){
    display: flex
  }
}

.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(7){
  display: none
}

.property-info.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(7) {
  display: none;
}

@media (min-width: 1024px){
  .finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(7){
    display: flex
  }
}

.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(6){
  display: none
}

.property-info.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(6) {
  display: none;
}

@media (min-width: 1024px){
  .finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(6){
    display: flex
  }
}

.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(8){
  justify-content: center;
  display: none
}

.property-info.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(8) {
  display: none;
}

@media (min-width: 768px){
  .finihsflat-page .single-investment-flats-cont-list2 .item_content-child:nth-child(8){
    display: flex
  }
}

.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:last-child{
  display: none
}

.property-info.finihsflat-page .single-investment-flats-cont-list2 .item_content-child:last-child {
  display: none;
}

@media (min-width: 640px){
  .finihsflat-page .single-investment-flats-cont-list2 .item_content-child:last-child{
    display: flex
  }
}

.finihsflat-page .ff-grid,
.finihsflat-page #ff-flats-container-list {
  transition: opacity 0.2s ease;
}

.finihsflat-page .ff-grid .property-item,
.finihsflat-page #ff-flats-container-list .property-item {
  transition: opacity 0.4s ease, transform 0.4s ease;
  will-change: opacity, transform;
}

.finihsflat-page .ff-grid.is-sorting .property-item,
.finihsflat-page #ff-flats-container-list.is-sorting .property-item {
  opacity: 0;
  transform: translateY(14px) scale(0.98);
}

/* ---- animacja zmiany widoku ---- */

.finihsflat-page .ff-view-enter {
  animation: ffFadeUp 0.4s ease both;
}

@keyframes ffFadeUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to   {
    opacity: 1;
    transform: translateY(0);
  }
}

.ff-hero{
  position: relative;
  isolation: isolate;
  margin-bottom: 2.5rem;
  overflow: hidden;
  border-radius: 28px;
  min-height: 420px;
  display: flex;
  align-items: flex-end
}

/* tło / obraz */

.ff-hero_media{
  position: absolute;
  inset: 0px;
  z-index: -10
}

.ff-hero_img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1)
}

.ff-hero:hover .ff-hero_img {
  transform: scale(1.05);
}

.ff-hero_overlay{
  position: absolute;
  inset: 0px;
  background: linear-gradient(
        90deg,
        rgba(17, 26, 67, 0.92) 0%,
        rgba(17, 26, 67, 0.7) 45%,
        rgba(17, 26, 67, 0.15) 100%
    )
}

/* treść */

.ff-hero_content{
  position: relative;
  z-index: 10;
  max-width: 640px;
  padding: 2rem
}

@media (min-width: 640px){
  .ff-hero_content{
    padding: 3rem
  }
}

.ff-hero_content {
  animation: ffHeroIn 0.7s ease both;
}

@keyframes ffHeroIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to   {
    opacity: 1;
    transform: translateY(0);
  }
}

.ff-hero_badge{
  margin-bottom: 1.25rem;
  display: inline-block;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 244 244 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.ff-hero_title{
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: clamp(1.8rem, 4vw, 2.75rem)
}

.ff-hero_text{
  margin-bottom: 1.75rem;
  max-width: 520px;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .ff-hero_text{
    font-size: 1.125rem;
    line-height: 1.75rem
  }
}

/* lista cech */

.ff-hero_features{
  margin: 0px;
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0px
}

.ff-hero_features li{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 244 244 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  transition: background 0.25s ease, transform 0.25s ease
}

.ff-hero_features li:hover{
  background-color: rgb(255 255 255 / 0.2);
  transform: translateY(-2px)
}

.ff-hero_features li img{
  height: 1rem;
  width: 1rem
}

.ff-hero_features li span{
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

/* mobile */

@media (max-width: 640px) {
  .ff-hero {
    min-height: 360px;
  }

  .ff-hero_overlay {
    background: linear-gradient(
            180deg,
            rgba(17, 26, 67, 0.55) 0%,
            rgba(17, 26, 67, 0.9) 100%
        );
  }
}

.ff-filters{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem
}

.ff-filter{
  display: flex;
  gap: 0.5rem
}

@media not all and (min-width: 640px){
  .ff-filter{
    flex-direction: column
  }
}

@media (min-width: 640px){
  .ff-filter{
    align-items: center
  }
}

@media not all and (min-width: 640px){
  .sort-cont{
    flex-direction: column;
    align-items: flex-start !important
  }
}

.ff-filter label{
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500
}

@media not all and (min-width: 640px){
  #ff-filter-reset{
    display: none
  }
}

.ff-filter select{
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(157 157 157 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  min-width: 160px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23273a7f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.6rem center
}

.ff-filter select:hover,
.ff-filter select:focus-visible {
  border-color: #273a7f;
}

.ff-filter_reset{
  cursor: pointer;
  border-style: none;
  background-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(208 208 208 / var(--tw-text-opacity));
  text-decoration-line: underline;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms
}

.ff-filter_reset:hover {
  color: #273a7f;
}

/* płynne ukrywanie/odsłanianie przy filtrowaniu */

.ff-grid .property-item.is-hidden,
#ff-flats-container-list .property-item.is-hidden {
  display: none !important;
}

/* komunikat o pustym wyniku */

.ff-empty{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(208 208 208 / var(--tw-text-opacity));
  display: none
}

.ff-empty.is-visible {
  display: block;
}

.city-page{
  margin-top: 2.5rem
}

.city-page .pagination{
  margin-top: 5rem;
  display: flex;
  justify-content: center;
  gap: 1.25rem
}

.city-page .pagination .pagination-btn{
  display: flex;
  height: 2.5rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(28 53 131 / var(--tw-border-opacity));
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.city-page .pagination .pagination-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.city-page .pagination .active{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(28 53 131 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(28 53 131 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.city-page .heading-city{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  text-align: center !important
}

@media (min-width: 1024px){
  .city-page .heading-city-two{
    font-size: 32px
  }
}

.city-page .archive-investments_head{
  margin-top: 1.25rem
}

.city-page .archive-investments_all{
  margin-top: 0px
}

html{
  overflow-x: hidden;
  scroll-behavior: smooth
}

body{
  overflow-x: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
  font-family: Inter, sans-serif
}

body main {
}

body #main-box{
  margin-top: 4.5rem
}

@media (min-width: 640px){
  body #main-box{
    margin-top: 0px
  }
}

body .no-baner{
  margin-top: -1.5rem !important
}

@media (min-width: 640px){
  body .no-baner{
    margin-top: 0px !important
  }
}

.container {
  max-width: 1440px;
}

.content-wrapper{
  margin-top: 7rem;
  margin-bottom: 7rem
}

@media (min-width: 409px){
  .xsm\:w-\[150px\]{
    width: 150px;
  }
}

@media (min-width: 640px){
  .sm\:w-\[150px\]{
    width: 150px;
  }
}

@media (min-width: 768px){
  .md\:w-\[120px\]{
    width: 120px;
  }

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