.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a80ca30:#1077D6;--e-global-color-f36aa04:#FFFFFF;--e-global-color-fd27940:#FFFFFF00;--e-global-color-ff9aeac:#0B2850;--e-global-color-dd3b9ab:#CFE8FF;--e-global-color-4d2f277:#F5F7F9;--e-global-color-11d439e:#000000;--e-global-typography-primary-font-family:"Nunito";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Nunito";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito";--e-global-typography-accent-font-weight:500;--e-global-typography-315759d-font-size:48px;--e-global-typography-315759d-font-weight:700;--e-global-typography-315759d-line-height:56px;--e-global-typography-91cfb6f-font-family:"Nunito";--e-global-typography-91cfb6f-font-size:18px;--e-global-typography-91cfb6f-font-weight:400;--e-global-typography-91cfb6f-line-height:28px;--e-global-typography-2717812-font-family:"Nunito";--e-global-typography-2717812-font-size:36px;--e-global-typography-2717812-font-weight:600;--e-global-typography-2717812-line-height:44px;--e-global-typography-cab98cb-font-family:"Nunito";--e-global-typography-cab98cb-font-size:28px;--e-global-typography-cab98cb-font-weight:600;--e-global-typography-cab98cb-line-height:36px;--e-global-typography-9185f2f-font-family:"Nunito";--e-global-typography-9185f2f-font-size:24px;--e-global-typography-9185f2f-font-weight:600;--e-global-typography-9185f2f-line-height:32px;--e-global-typography-49771e2-font-family:"Nunito";--e-global-typography-49771e2-font-size:20px;--e-global-typography-49771e2-font-weight:600;--e-global-typography-49771e2-line-height:28px;--e-global-typography-b0134ad-font-family:"Nunito";--e-global-typography-b0134ad-font-size:18px;--e-global-typography-b0134ad-font-weight:600;--e-global-typography-b0134ad-line-height:24px;--e-global-typography-19c01b2-font-size:64px;--e-global-typography-19c01b2-font-weight:700;--e-global-typography-19c01b2-line-height:72px;color:var( --e-global-color-ff9aeac );font-family:var( --e-global-typography-91cfb6f-font-family ), Sans-serif;font-size:var( --e-global-typography-91cfb6f-font-size );font-weight:var( --e-global-typography-91cfb6f-font-weight );line-height:var( --e-global-typography-91cfb6f-line-height );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-bottom:16px;}.elementor-kit-6 a{color:var( --e-global-color-a80ca30 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h1{color:var( --e-global-color-ff9aeac );font-size:var( --e-global-typography-315759d-font-size );font-weight:var( --e-global-typography-315759d-font-weight );line-height:var( --e-global-typography-315759d-line-height );}.elementor-kit-6 h2{color:var( --e-global-color-ff9aeac );font-family:var( --e-global-typography-2717812-font-family ), Sans-serif;font-size:var( --e-global-typography-2717812-font-size );font-weight:var( --e-global-typography-2717812-font-weight );line-height:var( --e-global-typography-2717812-line-height );}.elementor-kit-6 h3{color:var( --e-global-color-ff9aeac );font-family:var( --e-global-typography-cab98cb-font-family ), Sans-serif;font-size:var( --e-global-typography-cab98cb-font-size );font-weight:var( --e-global-typography-cab98cb-font-weight );line-height:var( --e-global-typography-cab98cb-line-height );}.elementor-kit-6 h4{color:var( --e-global-color-ff9aeac );font-family:var( --e-global-typography-9185f2f-font-family ), Sans-serif;font-size:var( --e-global-typography-9185f2f-font-size );font-weight:var( --e-global-typography-9185f2f-font-weight );line-height:var( --e-global-typography-9185f2f-line-height );}.elementor-kit-6 h5{color:var( --e-global-color-ff9aeac );font-family:var( --e-global-typography-49771e2-font-family ), Sans-serif;font-size:var( --e-global-typography-49771e2-font-size );font-weight:var( --e-global-typography-49771e2-font-weight );line-height:var( --e-global-typography-49771e2-line-height );}.elementor-kit-6 h6{color:var( --e-global-color-ff9aeac );font-family:var( --e-global-typography-b0134ad-font-family ), Sans-serif;font-size:var( --e-global-typography-b0134ad-font-size );font-weight:var( --e-global-typography-b0134ad-font-weight );line-height:var( --e-global-typography-b0134ad-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:10px;--container-default-padding-right:0px;--container-default-padding-bottom:10px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-91cfb6f-font-size:16px;--e-global-typography-91cfb6f-line-height:24px;--e-global-typography-2717812-font-size:30px;--e-global-typography-2717812-line-height:38px;--e-global-typography-cab98cb-font-size:22px;--e-global-typography-cab98cb-line-height:30px;--e-global-typography-9185f2f-font-size:18px;--e-global-typography-9185f2f-line-height:26px;--e-global-typography-49771e2-font-size:16px;--e-global-typography-49771e2-line-height:24px;--e-global-typography-b0134ad-font-size:16px;--e-global-typography-b0134ad-line-height:24px;--e-global-typography-19c01b2-font-size:56px;--e-global-typography-19c01b2-line-height:64px;font-size:var( --e-global-typography-91cfb6f-font-size );line-height:var( --e-global-typography-91cfb6f-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-315759d-font-size );line-height:var( --e-global-typography-315759d-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-2717812-font-size );line-height:var( --e-global-typography-2717812-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-cab98cb-font-size );line-height:var( --e-global-typography-cab98cb-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-9185f2f-font-size );line-height:var( --e-global-typography-9185f2f-line-height );}.elementor-kit-6 h5{font-size:var( --e-global-typography-49771e2-font-size );line-height:var( --e-global-typography-49771e2-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-b0134ad-font-size );line-height:var( --e-global-typography-b0134ad-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-19c01b2-font-size:48px;--e-global-typography-19c01b2-line-height:64px;font-size:var( --e-global-typography-91cfb6f-font-size );line-height:var( --e-global-typography-91cfb6f-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-315759d-font-size );line-height:var( --e-global-typography-315759d-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-2717812-font-size );line-height:var( --e-global-typography-2717812-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-cab98cb-font-size );line-height:var( --e-global-typography-cab98cb-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-9185f2f-font-size );line-height:var( --e-global-typography-9185f2f-line-height );}.elementor-kit-6 h5{font-size:var( --e-global-typography-49771e2-font-size );line-height:var( --e-global-typography-49771e2-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-b0134ad-font-size );line-height:var( --e-global-typography-b0134ad-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.fit-content {
    width: fit-content;
}

.gradient-text {
  background: linear-gradient(90deg, #5AB0FF, #1077D6);

  -webkit-background-clip: text;
  background-clip: text;

  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;

  color: #1077D6;
}

.responsive-color {
  background: #0B2850;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  color: #0B2850;
}

@media only screen and (max-width: 1024px) {
  .responsive-color {
      background: #fff;
      -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  color: #0B2850;
  }
}

.space_card_container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: auto;
    overflow-x: scroll;
    text-align: left;
    font-family: "Nunito", Sans-serif;
    color: var(--e-global-color-ff9aeac);

    /* For Firefox */
    /* By default, make thumb and track transparent */
    scrollbar-width: thin; /* Sets a minimal width for the scrollbar */
    scrollbar-color: transparent transparent; /* thumb color track color */
}

/* Custom Scrollbar for WebKit browsers (Chrome, Safari, Edge) on Desktop */
.space_card_container::-webkit-scrollbar {
    height: 8px; /* Height of the horizontal scrollbar */
}

.space_card_container::-webkit-scrollbar-track {
    background: transparent; /* Makes the track invisible */
}

.space_card_container::-webkit-scrollbar-thumb {
    background-color: transparent; /* Hide thumb by default */
    border-radius: 10px;
    border: 2px solid transparent; /* Ensure border is also transparent by default */
    /* Add a smooth transition for the thumb's appearance */
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Show scrollbar thumb on container hover for WebKit browsers */
.space_card_container:hover::-webkit-scrollbar-thumb {
    background-color: rgba(144, 144, 144, 0.8); /* Show thumb on hover (slightly more opaque grey) */
    border-color: transparent; /* Maintain transparent border or set a color if desired */
}

/* Show scrollbar thumb on container hover for Firefox */
/* Note: scrollbar-color does not support smooth transitions. */
.space_card_container:hover {
    scrollbar-color: rgba(144, 144, 144, 0.5) transparent; /* Show thumb on hover for Firefox */
}

/* Hide Scrollbar for Tablet-sized screens and below */
@media (max-width: 768px) { /* Adjust max-width as per your definition of tablet size */
    .space_card_container {
        padding: 0px 12px;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
        /* Ensure Firefox scrollbar is completely hidden on mobile */
        scrollbar-color: transparent transparent;
    }

    .space_card_container::-webkit-scrollbar {
        display: none; /* WebKit browsers */
    }

    /* No need for hover effects on WebKit scrollbar when it's hidden */
    /* The display: none takes precedence */
}

.space_card {
    display: flex;
    flex-direction: column;
    gap: 0px;
    width: 408px;
}

.space_image_container {
    height: 298px;
    width: 408px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.image_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
}

.space_image_container .space_image {
    height: 298px;   
    width: 100%;
    object-fit: cover;
}

.space_name {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    color: #0B2850 !important;
}

.space_name {
    margin-bottom: 6px;
}

.space_location {
    margin: 0px !important;
    margin-bottom: 6px !important;
     font-size: 14px;
     font-weight: 500;
     line-height: 22px;
     color: #0B2850;
}

.space_price {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    position: absolute;
    bottom: 0px;
    left: 20px;
    z-index: 100;
    color: white;
    background: black;
    padding: 4px 8px;
    margin: 0px;
    border-radius: 4px;
}

.empty-state {
    width: 100%;
    height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.empty-state h2, .empty-state p {
    color: #54595F;
}

.separator {
   margin: 0px 4px
}

.footer_container {
    display: flex;
    gap: 3px;
    margin: 0px;
}

.verified_text {
    color: #1077D6;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    margin: 0px;
}/* End custom CSS */