.mor-image { overflow:hidden; }

/* Base image class with zoom support via a custom property */
._img-fluid {
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease;
  /* 
    We apply a default scale transform here for "zoom".
    This property won't conflict if you only pick a single transform from each dropdown
    and you want to respect the scale from --zoom-level. 
    But be aware that any *other* transform class can override it.
  */
  transform: scale(var(--zoom-level, 1));
}

/* -------------------------
   Flip Classes
   ------------------------- */
/* Flips override the transform property entirely to flip the image. */
.flip-flipH {
  transform: scaleX(-1);
}

.flip-flipV {
  transform: scaleY(-1);
}

/* -------------------------
   Rotation Classes
   ------------------------- */
/* Each rotation class sets transform, which means it overrides other transforms. */
.rotate-90 {
  transform: rotate(90deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

/* -------------------------
   Grayscale
   ------------------------- */
/* Simple filter for grayscale. This won't conflict with transform, but it *does* override other filters (like blur). */
.grayscale {
  filter: grayscale(100%);
}

/* -------------------------
   Blur Classes
   ------------------------- */
/* Each class sets the blur filter. If you need grayscale + blur, you'd have to combine them in a single rule
   or use something like .grayscale.blur-2 { filter: grayscale(100%) blur(2px); } etc. */
.blur-0 {
  filter: blur(0px);
}
.blur-1 {
  filter: blur(1px);
}
.blur-2 {
  filter: blur(2px);
}
.blur-3 {
  filter: blur(3px);
}
.blur-4 {
  filter: blur(4px);
}
.blur-5 {
  filter: blur(5px);
}
.blur-6 {
  filter: blur(6px);
}
.blur-7 {
  filter: blur(7px);
}
.blur-8 {
  filter: blur(8px);
}
.blur-9 {
  filter: blur(9px);
}
.blur-10 {
  filter: blur(10px);
}
/*****


HEADER


*****/



 .am-header {
            position: absolute;
            top: 60px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1000;
            background: var(--primary-6);
            border-radius: 50px;
            width: 95%;
            max-width: 1290px;
            background: var(--primary-1);
            backdrop-filter: blur(30px);
        }

        .am-header .header-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 90px;
            padding: 0 20px;
            z-index: 6;
        }

        .am-header .logo {
            display: flex;
            align-items: center;
            color: white;
            text-decoration: none;
            font-size: 1.8rem;
            font-weight: 300;
            letter-spacing: -0.02em;
        }

.am-header .header-right {display:flex; gap:5px}
.learn-more-btn {margin:0;}
        .am-header .logo-icon {
            width: 32px;
            height: 32px;
            margin-right: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .am-header .logo-svg {
            width: 32px;
            height: 32px;
            fill: white;
        }

        .am-header .nav-menu {
            display: flex;
            list-style: none;
            /* gap: 40px; */
            align-items: center;
        }

        .am-header .nav-item {
            position: relative;
        }

        .am-header .nav-link {
            color: var(--secondary);
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            letter-spacing: 0.5px;
            padding: 15px 30px;
            display: block;
            transition: color 0.2s ease;
            cursor: pointer;
            text-transform: uppercase;
            border-radius: 50px;
        }

        .am-header .nav-link:hover {
        /* background: var(--primary-2); */
        }

        

        


        /* Mobile Menu Toggle */
        .am-header .mobile-menu-toggle {
            display: none;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 44px;
            height: 44px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 8px;
            border-radius: 8px;
            transition: background-color 0.2s ease;
        }

        .am-header .mobile-menu-toggle:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        .am-header .hamburger-line {
            width: 25px;
            height: 2px;
            background: var(--secondary);
            margin: 3px 0;
            transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            transform-origin: center;
        }

        .am-header .mobile-menu-toggle.active .hamburger-line:nth-child(1) {
            transform: rotate(45deg) translate(6px, 6px);
        }

        .am-header .mobile-menu-toggle.active .hamburger-line:nth-child(2) {
            opacity: 0;
            transform: scaleX(0);
        }

        .am-header .mobile-menu-toggle.active .hamburger-line:nth-child(3) {
            transform: rotate(-45deg) translate(5px, -6px);
            /* width: 24px; */
        }

        .am-header .mega-menu {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            background: var(--primary-1);
            border-radius: 50px 50px 50px 50px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            padding: 120px 40px 40px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
            z-index: -1;
        }

        .am-header .mega-menu.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .am-header .mega-menu-content {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 80px;
            max-width: 1000px;
            margin: 0 auto;
        }

        .am-header .menu-column h3 {
            color: var(--secondary);
            font-size: 28px;
            font-weight: 600;
            margin-bottom: 30px;
            /* padding-bottom: 12px; */
            /* border-bottom: 1px solid rgba(240, 208, 107, 0.2); */
            letter-spacing: -0.02em;
            text-transform: uppercase;
            font-family: var(--font-family-serif);
        }

        .am-header .menu-column h3 a {
            color: var(--secondary);
            text-decoration: none;
            border-bottom: 1px solid var(--primary);
            display: block;
            padding-bottom: 30px;
        }

        .am-header .menu-column h3 a:hover {
            color: var(--primary);
        }

        .am-header .menu-links {
            list-style: none;
            margin-bottom: 30px;
            border-bottom: 1px solid var(--primary);
            padding-bottom: 30px;
        }

        .am-header .menu-links li {
            /* margin-bottom: 12px; */
        }

        .am-header .menu-links a {
            color: var(--secondary);
            text-decoration: none;
            font-size: 18px;
            font-weight: 400;
            transition: all 0.2s ease;
            display: block;
            padding: 1px 0;
            line-height: 1.4;
            font-family: var(--font-family-sans-serif);
        }

        .am-header .menu-links a:hover {
            color: var(--primary);
            padding-left: 8px;
        }

        .am-header .social-icons {
            display: flex;
            gap: 16px;
            margin-top: 20px;
        }

        .am-header .social-icon {
            width: 30px;
            height: 30px;
            border: 2px solid var(--primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(
            --primary);
            text-decoration: none;
            transition: all 0.3s ease;
            font-size: 18px;
            font-family:
            "le-monde-sans", sans-serif;
        }

        .am-header .social-icon:hover {
            background: var(--primary);
            border-color: var(--primary);
            color: var(--primary-1);
            transform: translateY(-2px);
        }

        @media (max-width: 1193px) {
            .am-header {
                width: 98%;
                top: 10px;
            }
            .am-header .header-content {
                padding: 0 30px;
            }
            .am-header .nav-menu {
                gap: 30px;
            }
            .am-header .mega-menu-content {
                gap: 40px;
            }
        }

        @media (max-width: 1193px) {
            .am-header {
                width: 98%;
                top: 10px;
                background: #fff;
            }
            .am-header .header-content {
                padding: 0 20px;
                height: 80px;
                background: var(--primary-1);
            }
            .am-header .logo img {
                /* font-size: 1.5rem; */
                width: 130px;
            }
            .am-header .nav-menu {
                display: none;
            }
            .am-header .learn-more-btn {
                /* display: none; */
            }
            .am-header .learn-more-btn a {font-size:13px;padding: 10px 15px;}
            .am-header .mobile-menu-toggle {
                display: flex;
            }
            .am-header .mega-menu {
                padding: 100px 20px 30px;
                border-radius: 25px;
                max-height: calc(100vh - 120px);
                overflow-y: auto;
            }
            .am-header .mega-menu-content {
                grid-template-columns: 1fr;
                gap: 30px;
            }
            .am-header .menu-column h3 {
                font-size: 20px;
                margin-bottom: 20px;
                padding-bottom: 8px;
            }
            .am-header .menu-links {
                margin-bottom: 20px;
            }
            .am-header .menu-links li {
                margin-bottom: 8px;
            }
            .am-header .menu-links a {
                font-size: 15px;
                padding: 8px 0;
            }
            .am-header .social-icons {
                justify-content: center;
                flex-wrap: wrap;
                gap: 12px;
            }
            .am-header .social-icon {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
        }

        @media (max-width: 480px) {
            .am-header .header-content {
                padding: 0 16px;
                height: 70px;
            }
            .am-header .logo {
                font-size: 1.3rem;
            }
            .am-header .mobile-menu-toggle {
                width: 40px;
                height: 40px;
            }
            .am-header .hamburger-line {
                width: 20px;
            }
            .am-header .mega-menu {
                padding: 85px 16px 20px;
            }
        }

.cta-style-2.banner-landing {padding:30px; background:var(--primary-1); overflow:hidden; position:relative;}
.cta-style-2 .cta-wrap {height:560px; border-radius:25px}
.cta-style-2.banner-landing .cta-wrap {height:720px}
.cta-style-2 .cta-overlay {height:100%; display:flex; align-items:center; padding:0 90px}
.cta-style-2 .cta-content {max-width: 445px;}
.cta-style-2 .cta-content h2 {color:#fff;text-transform:none;}
.cta-style-2 .cta-content h2 sup {font-size:100px}
.cta-style-2 .cta-content .top-line, .cta-style-2 .cta-content .bottom-line {font-family:var(--font-family-sans-serif);font-size:30px;font-weight:500;margin-bottom: 10px;}
.cta-style-2 .cta-content .middle-line {font-size:150px;border-top:1px solid #fff;border-bottom:1px solid #fff;margin-bottom: 10px;}
.cta-style-2 .cta-content .bottom-line {margin-bottom:30px}

@media (max-width:991px) {
    .cta-style-2 .cta-content h2, .cta-style-2 .cta-content .mwBtnLeft  {text-align:center;}
.cta-style-2 .cta-overlay {height:100%; display:flex; align-items:center; padding:60px 30px 30px; justify-content:center;background:rgba(0,0,0,0.4); border-radius:25px}   
    .cta-style-2 .cta-content .middle-line {font-size:100px;border-top:none;border-bottom:none;margin-bottom: 10px;}
    .cta-style-2 .cta-content .top-line, .cta-style-2 .cta-content .bottom-line {font-size:24px}
    .cta-style-2 .cta-wrap {height:100%; border-radius:25px;}
    .cta-style-2 .cta-content h2 sup {font-size:70px}
}


.icons-hover .icon-mobile-content {display:none;}
.icons-hover .icons-top-wrap {display:flex;justify-content: space-between;margin-bottom:90px}
.icons-hover .icon-wrap {width:190px; height:190px;border-radius:100%; display:flex;justify-content:center; align-items:center;}
.icons-hover .icon-wrap-icon {width:190px;height:190px;position:relative;margin: 0 auto;}
.icons-hover .icon-wrap-icon img {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.icons-hover .icon-wrap .icon-bg-1 {width:190px;height:190px;display:flex;justify-content:center;align-items:center;border-radius:100%;transition:0.3s ease;animation: pulseOuter 5s infinite cubic-bezier(0.4, 0, 0.2, 1); transform-origin: center center; /* scale from center */
  will-change: transform;          /* smoother animation */}
.icons-hover .icon-wrap .icon-bg-2 {width:140px; height:140px;display:flex;justify-content:center; align-items:center;border-radius:100%; transition:0.3s ease;animation: pulseInner 5s infinite cubic-bezier(0.4, 0, 0.2, 1); transform-origin: center center; /* scale from center */
  will-change: transform;          /* smoother animation */}

@keyframes pulseOuter {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(0.8421); } /* 160/190 */
}

/* Inner compensates for parent scale */
@keyframes pulseInner {
  0%, 100% { width: 140px; height: 140px; }
  50%      { width: 190px; height: 190px; } /* 190 * 0.842 ≈ 160 visual */
}

.icons-hover .icon-wrap.icon-one .icon-bg-1, .icons-hover .icon-wrap.icon-one .icon-bg-2 {background:rgba(137, 73, 52, 0);}
.icons-hover .icon-wrap.icon-one.active .icon-bg-1, .icons-hover .icon-wrap.icon-one.active .icon-bg-2 {background:rgba(137, 73, 52, 0.2);}

.icons-hover .icon-wrap.icon-two .icon-bg-1, .icons-hover .icon-wrap.icon-two .icon-bg-2 {background:rgba(84, 89, 54, 0);}
.icons-hover .icon-wrap.icon-two.active .icon-bg-1, .icons-hover .icon-wrap.icon-two.active .icon-bg-2 {background:rgba(84, 89, 54, 0.2);}

.icons-hover .icon-wrap.icon-three .icon-bg-1, .icons-hover .icon-wrap.icon-three .icon-bg-2 {background:rgba(92, 116, 112, 0);}
.icons-hover .icon-wrap.icon-three.active .icon-bg-1, .icons-hover .icon-wrap.icon-three.active .icon-bg-2 {background:rgba(92, 116, 112, 0.2);}

.icons-hover .icon-wrap.icon-four .icon-bg-1, .icons-hover .icon-wrap.icon-four .icon-bg-2 {background:rgba(177, 122, 102, 0);}
.icons-hover .icon-wrap.icon-four.active .icon-bg-1, .icons-hover .icon-wrap.icon-four.active .icon-bg-2 {background:rgba(177, 122, 102, 0.2);}

.icons-hover .icon-wrap.icon-five .icon-bg-1, .icons-hover .icon-wrap.icon-five .icon-bg-2 {background:rgba(117, 123, 78, 0);}
.icons-hover .icon-wrap.icon-five.active .icon-bg-1, .icons-hover .icon-wrap.icon-five.active .icon-bg-2 {background:rgba(117, 123, 78, 0.2);}

.icons-hover .icon-wrap.icon-six .icon-bg-1, .icons-hover .icon-wrap.icon-six .icon-bg-2 {background:rgba(49, 71, 68, 0);}
.icons-hover .icon-wrap.icon-six.active .icon-bg-1, .icons-hover .icon-wrap.icon-six.active .icon-bg-2 {background:rgba(49, 71, 68, 0.2);}

.icons-hover .icon-content-wrap {text-align:center;position: relative;min-height: 210px;}
.icons-hover .icon-content-wrap .icon-content {opacity:0;transition:0.3s ease;max-width: 870px;margin: 0 auto;position: absolute;height: 100%;left: 0;right: 0;}
.icons-hover .icon-content-wrap .icon-content.active {opacity:1}
.icons-hover .icon-content-wrap .icon-content-one h2 {color:#894934}
.icons-hover .icon-content-wrap .icon-content-two h2 {color:#757B4E}
.icons-hover .icon-content-wrap .icon-content-three h2 {color:#5C7470}
.icons-hover .icon-content-wrap .icon-content-four h2 {color:#894934}
.icons-hover .icon-content-wrap .icon-content-five h2 {color:#757B4E}
.icons-hover .icon-content-wrap .icon-content-six h2 {color:#5C7470}
.icons-hover .icon-content-wrap .icon-content p {font-size:22px;}

@media (max-width:1199px) {
 .icons-hover .icon-content-wrap {display:none;}
    .icons-hover .icon-mobile-content {display:block;margin-bottom:30px}
    .icons-hover .icons-top-wrap {display:block;margin-bottom:0}
    .icons-hover .icon-wrap {width:100%;display:block;height:auto;text-align:center;}
    .icons-hover .icon-wrap .icon-bg-1 {margin:0 auto 30px; width:60px; height:90px; animation: none !important;}
    .icons-hover .icon-wrap .icon-bg-2 {animation: none !important;}
    .icons-hover .icon-wrap.active .icon-bg-1, .icons-hover .icon-wrap.active .icon-bg-2  {background:rgba(137, 73, 52, 0)!important;animation:none}
}
.content-area-circles {display:none;position:absolute;right: -30px;top:40%;z-index: 9;width: 700px;height: 700px;animation: pulseContent 4s infinite ease-in-out;}

.show-circles .content-area-circles {display: block;}
.show-circles {overflow:hidden}

@keyframes pulseContent {
  0%, 100% {
    width: 700px;
    height: 700px;
  }
  50% {
    width: 650px;
    height: 650px;
  }
}

@media (max-width:991px) {
  .content-area-circles {display:none;}  
}

.banner-circles {display:none;position:absolute;right: -30px;top: 60px;z-index: 9;width: 700px;height: 700px;animation: pulseContentBanner 4s infinite ease-in-out;}

.banner-circles {display: block;}

@keyframes pulseContentBanner {
  0%, 100% {
    width: 700px;
    height: 700px;
  }
  50% {
    width: 650px;
    height: 650px;
  }
}

@media (max-width:991px) {
  .banner-circles {display:none;}  
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel - Style 3 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.carousel-style-3 .carousel-wrap {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.carousel-style-3 .carousel-wrap.slick-initialized {
  opacity: 1;
}
.carousel-style-3 .carousel-item {
  position: relative;
  margin: 15px;
}
.carousel-style-3 .carousel-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  height: 350px;
  border-radius: var(--border-radius);
  background-color: var(--primary-1);
  margin-bottom: 30px;
}
.carousel-style-3 .carousel-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: var(--transition-200);
  border-radius: 15px;
}

.carousel-style-3 .carousel-wrap .carousel-item-bottom {border-left:1px solid var(--primary); padding-left:30px}
.carousel-style-3 .carousel-wrap .carousel-item-title {font-size:28px; margin-bottom:15px}
.carousel-style-3 .carousel-wrap .carousel-item-desc p {color:var(--primary)}


.hubspot-form {border: 30px solid var(--primary-1);background: var(--primary-1);}
.hubspot-form .hubspot-wrap {display:flex;align-items:end;border-radius: 25px;background: var(--primary);min-height: 580px;}
.hubspot-form .hubspot-left {flex:0 0 50%;}
.hubspot-form .hubspot-left img {max-width:100%;height: 580px;object-fit: cover;object-position: right;}

.hubspot-form .hubspot-wrap h2, .hubspot-form .hubspot-wrap p {color:var(--primary-1); margin-bottom:15px;}

.hubspot-form .hubspot-right {padding:60px; color:var(--primary-1)}
.hs-form-1d9220cd-33ea-4806-bd66-ad0c338d98c0_4943e5ec-8afd-4efc-b1e7-e7503f0d17e6 fieldset {max-width:100%!important;}
.hubspot-form input[type=text], .hubspot-form input[type=email] {width:100%;background:transparent; border:1px solid var(--primary-1); border-radius:5px; height:48px;margin-bottom:15px}
.hubspot-form .form-columns-2 label {position:absolute;background: var(--primary);font-size: 12px;left: 15px;top: -11px;padding: 3px;}
.hubspot-form .hs-form-field {position:relative}
.hubspot-form .hs-form-booleancheckbox-display {
    display: flex;
    align-items: baseline;
    gap: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}
.hubspot-form input[type=submit] {background:transparent;border:1px solid var(--primary-1);border-radius:50px;height:48px;padding:0 30px;margin-top:15px;cursor: pointer;transition:0.3s ease;}
.hubspot-form input[type=submit]:hover {background:var(--primary-1); color:var(--primary)}
.hubspot-form .hs-error-msgs {font-size:14px;margin-bottom:5px;}

@media (max-width:991px) {
   .hubspot-form .hubspot-wrap {flex-wrap:wrap; } 
    .hubspot-form .hubspot-left {flex:0 0 100%;order:2}
    .hubspot-form .hubspot-right {padding:30px; color:var(--primary-1)}
    .hubspot-form .hubspot-left img {height: 350px;}
    .hubspot-form {border-top:0; border-left:15px solid var(--primary-1); border-right:15px solid var(--primary-1)}
}

.text-card {padding:30px 0;text-align:center;border-radius:25px;height: 390px;margin-bottom: 30px;}

@media (max-width:1199px) {
   .text-card {height:auto}
}

.img-card-builder {background:#fff;border-radius:25px;padding:30px;margin-bottom: 30px;}
.img-card-builder .img-card-header {border-bottom:1px solid #A7A7A7;padding-bottom:15px;margin-bottom:30px;height:170px;text-align: center;}
.img-card-builder .img-card-header img {
    height: 140px;
    object-position: center;
    margin: 0 auto;
    object-fit: contain;
}
.img-card-builder .img-card-body {margin-bottom:30px}
.img-card-builder .img-card-homes img {width:70px; height:70px;margin-bottom:15px;}
.img-card-builder .img-card-title {color: var(--secondary);}


/* ==========================================================================
   PROPERTY POST STYLES
   ========================================================================== */

/* --------------------------------------------------------------------------
   Main Layout
   -------------------------------------------------------------------------- */

.PropertyPost {
  /* padding-top: 100px; */
  border-radius: 25px;
}

.posts-properties {
  display: flex;
  justify-content: center;
}

.posts-properties-sidebar {
  width: 315px;
  /* background: #efc; */
}

.posts-properties-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  width: 100%;
  padding: 0 20px;
}

/* --------------------------------------------------------------------------
   Property Items
   -------------------------------------------------------------------------- */

.posts-properties-item {
  text-decoration: none;
  border-radius: 20px;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--primary-1);
}

.posts-properties-item:hover {
  transform: translateY(-5px);
}

.posts-properties-item-img {
  width: 100%;
  height: 240px;
  overflow: hidden;
}

.posts-properties-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.posts-properties-body {
  padding: 23px;
  flex-grow: 1;
  background: #fff;
}

/* --------------------------------------------------------------------------
   Property Content
   -------------------------------------------------------------------------- */

.posts-properties-style {
  font-size: 28px;
  font-family: 'philosopher';
  font-weight: 600;
  color: var(--primary);
}

.posts-properties-builder {
  font-size: 18px;
  color: #2E3D47;
  /* font-family: 'acumin-pro'; */
  margin-bottom: 50px;
}

.posts-properties-title {
  color: var(--primary);
  /* font-family: 'acumin-pro'; */
  font-weight: 600;
  margin: 0 0 10px;
}

.posts-properties-price {
  margin-bottom: 10px;
}

.posts-properties-btn a {
  display: inline-block;
  background-color: var(--primary);
  color: #fff;
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 50px;
  line-height: 50px;
}

.posts-properties-btn a:hover {
  background-color: var(--primary-5);
}

/* --------------------------------------------------------------------------
   Property Icons
   -------------------------------------------------------------------------- */

.pp-icons {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.pp-item {
  text-align: center;
  border-right: 1px solid #B0B3B2;
  width: 100%;
}

.pp-item:last-child {
  border: none;
}

.pp-title {
  font-size: 16px;
  margin-top: 5px;
}

/* --------------------------------------------------------------------------
   Individual Property Post Layout
   -------------------------------------------------------------------------- */

.post-property-image {
  border-radius: 25px;
  margin-bottom: 40px;
}

/* Post Property Top Section */
.post-property-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.post-property-top-left {
  flex: 1;
}

.post-property-top-left h1 {
  /* font-size: 70px; */
  margin: 0;
  font-weight: 500;
  color: var(--primary);
}

.post-property-top-right {
  display: flex;
  gap: 50px;
  align-items: end;
  text-align: center;
}

.post-property-number {
  font-size: 56px;
  color: var(--secondary-6);
  /* font-weight: 100; */
  font-family: var(--h1-font-family);
}

/* Post Property Middle Section */
.post-property-mid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.post-property-mid-left {
  flex: 1;
  padding: 50px 50px 35px;
  border-radius: 25px;
  color: #fff;
  min-width: 850px;
  margin-right: 60px;
}

.post-property-mid-left h3 {
  color: #fff;
  font-size: 28px;
}


.post-property-mid-right {
  flex: 1;
}

.post-property-mid ul {
  list-style: square;
}

/* Post Property Bottom Section */
.post-property-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.post-property-bottom-left {
  flex: 1;
  min-width: 850px;
}

.post-property-bottom-right {
  flex: 1;
  padding: 0 0 0 60px;
}

.post-property-bottom-left img {
  max-width: 100%;
  height: auto;
}

/* --------------------------------------------------------------------------
   Property Grid and Details
   -------------------------------------------------------------------------- */

.post-property-grid {
  margin-bottom: 25px;
  font-size: 18px;
}

.post-property-item {
  display: flex;
  align-items: center;
}

.post-property-title {
  width: 180px;
  font-weight: 600;
}

/* Builder Section */
.post-builder-wrap {
  display: flex;
  align-items: center;
}

.post-builder-left {
  flex: 1;
}

.post-builder-right {
  flex: 3;
  padding-left: 20px;
}

.post-builder-left img {
  max-width: 100%;
  height: auto;
}

.post-builder-btns {
  display: flex;
}

.post-builder-btns .btn {
  margin-right: 10px;
}

/* --------------------------------------------------------------------------
   Sidebar Filters
   -------------------------------------------------------------------------- */

.posts-properties-sidebar {
  padding: 0px 25px 0 0;
  font-size: 18px;
}

.posts-properties-sidebar div {
  margin-bottom: 10px;
}

.posts-properties-sidebar p {
  font-weight: bold;
  margin-bottom: 5px;
}

.posts-properties-sidebar input[type="checkbox"],
.posts-properties-sidebar input[type="range"],
.posts-properties-sidebar input[type="text"],
.posts-properties-sidebar button {
  margin-top: 5px;
}

.posts-properties-sidebar input[type="text"] {
  border-radius: 20px;
  width: 100%;
  border: 1px solid #AFADAD;
  padding: 8px;
}

.posts-properties-sidebar input[type="text"]::placeholder {
  color: #999;
  font-style: italic;
  font-size: 16px;
}

.posts-properties-sidebar input[type="range"] {
  width: 100%;
}

.posts-properties-sidebar button {
  padding: 10px 30px;
  background-color: var(--primary);
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
}

.posts-properties-sidebar button:hover {
  background-color: var(--primary);
}

/* --------------------------------------------------------------------------
   Form Controls
   -------------------------------------------------------------------------- */

/* Home Type Checkboxes */
.home-type-list input[type="checkbox"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--primary);
  background-color: white;
  border-radius: 4px;
  line-height: 30px;
  cursor: pointer;
}

.home-type-list input[type="checkbox"]:checked {
  background-color: var(--primary);
  box-shadow: inset 0 0 0 3px #fff;
}

.home-type-list label {
  display: inline-block;
  vertical-align: middle;
  top: -13px;
  position: relative;
  margin-left: 5px;
}

/* Inline Checkboxes */
.inline-checkboxes input[type="checkbox"] {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--primary);
  background-color: white;
  border-radius: 4px;
  line-height: 25px;
  cursor: pointer;
}

.inline-checkboxes input[type="checkbox"]:checked {
  background-color: var(--primary);
  box-shadow: inset 0 0 0 3px #fff;
}

.inline-checkboxes label {
  display: inline-block;
  vertical-align: middle;
  top: -12px;
  position: relative;
  margin-right: 2px;
  margin-left: 1px;
}

/* Number Input */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

/* Range Slider */
.value-wrap {
  display: flex;
  justify-content: space-between;
}

.min-value input,
.max-value input {
  border: none;
  width: 50px;
}

.range-slider {
  position: relative;
  width: 100%;
  height: 4px;
  border-radius: 15px;
  background: #efefef;
  border: 1px solid var(--primary);
  margin-top: 20px;
}

.range-slider .progress {
  position: absolute;
  left: 5%;
  right: 0%;
  height: 100%;
  border-radius: 15px;
  background: var(--primary);
}

.range-slider input[type="range"] {
  position: absolute;
  width: 100%;
  height: 10px;
  -webkit-appearance: none;
  pointer-events: none;
  background: none;
  outline: none;
}

.range-slider .range-min::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #fcfcfc 0% 0% no-repeat padding-box;
  border: 2px solid var(--primary);
  border-radius: 20px;
  opacity: 1;
  top: -9px;
  position: relative;
}

.range-slider .range-max::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #fcfcfc 0% 0% no-repeat padding-box;
  border: 2px solid var(--primary);
  border-radius: 20px;
  opacity: 1;
  top: -9px;
  position: relative;
}

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */

/* --------------------------------------------------------------------------
   Large Desktop (1268px and below)
   -------------------------------------------------------------------------- */

@media (max-width: 1268px) {
  .posts-properties-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* --------------------------------------------------------------------------
   Tablet Landscape (1023px and below)
   -------------------------------------------------------------------------- */

@media (max-width: 1023px) {
  /* Property Post Layout */
  .post-property-top {
    display: block;
  }

  .post-property-top-left h1 {
    font-size: 50px;
    margin: 0;
    text-align: center;
  }

  .post-property-top-right {
    gap: 10px;
    display: block;
  }

  .post-property-top-right div {
    margin-bottom: 10px;
  }

  .post-property-top-right .btn {
    margin-top: 30px !important;
  }

  .post-property-number {
    font-size: 32px;
  }

  .post-property-number-cap {
    font-size: 16px;
  }

  /* Middle Section */
  .post-property-mid {
    display: block;
  }

  .post-property-mid-left {
    padding: 35px 35px;
    min-width: 100%;
    margin-bottom: 40px;
  }

  .post-property-mid-left h3 {
    font-size: 28px;
  }

  .post-property-mid-right {
    padding: 0 30px;
  }

  /* Bottom Section */
  .post-property-bottom {
    display: block;
  }

  .post-property-bottom-left {
    min-width: 100%;
    margin-bottom: 50px;
  }

  .post-property-bottom-right {
    padding: 0 30px;
  }

  /* Property Items */
  .post-property-item {
    display: block;
  }

  /* Builder Section */
  .post-builder-wrap {
    display: block;
  }

  .post-builder-left {
    max-width: 200px;
    margin: 0 auto 0px;
  }
}

/* --------------------------------------------------------------------------
   Tablet Portrait (968px and below)
   -------------------------------------------------------------------------- */

@media (max-width: 968px) {
  .posts-properties-wrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .PropertyPost {
    /* padding-top: 50px; */
  }
}

/* --------------------------------------------------------------------------
   Mobile (768px and below)
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
  .posts-properties {
    display: block;
  }

  .posts-properties-sidebar {
    width: 100%;
    max-width: 90%;
    padding: 0 !important;
    margin: 0 auto 25px;
  }
}

/* Detailed Map Styles */

.detailed-map-main {margin-bottom: 30px; }

.detailed-map-navs {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 10px;}



.detailed-map-navs div {transition: transform 0.3s ease-in-out;text-align: center;}

.detailed-map-navs div:hover {    transform: translateY(-5px);  }

#map_item_type_120,

#map_item_type_121,

#map_item_type_122,

#map_item_type_123,

#map_item_type_124,

#map_item_type_125,

#map_button_type_showAll,

#map_button_type_hideAll {text-align: center;/* margin-bottom: 10px; */cursor: pointer;}

.detailed-map-nav-icon {/* height: 40px; */margin-bottom: 15px;}

.detailed-map-nav-title {display: block;font-size: 16px;/* font-weight: 300; */}



#map_button_type_showAll .detailed-map-nav-title,

#map_button_type_hideAll .detailed-map-nav-title{

   display: block;

    font-size: 18px;

    font-weight: 300;

    }





@media (max-width: 1023px) {

    .detailed-map-nav-icon { }

    .detailed-map-nav-title {font-size: 14px;}

    #map_button_type_showAll .detailed-map-nav-title,

    #map_button_type_hideAll .detailed-map-nav-title{ font-size: 14px;}



.detailed-map-navs div {width: 33%;margin: 0 auto 35px;}







}





#map_item_type_132 {display:none; }