/* ========================================
           GLOBAL / RESET
           ======================================== */
	   .admin-bar .community-menu-outter-container.is-affixed {
  display: none !important;
}
		.community-menu-container.affix {display: none;}
	
        *, *::before, *::after { box-sizing: border-box; }
        body {
            font-family: 'Roboto', sans-serif;
            font-size: 20px;
            color: #444;
            line-height: 28px;
            overflow-x: hidden;
        }
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Roboto Slab', serif;
        }
		p { font-weight: 400; }
        a { color: #3198AF; text-decoration: none; }
        a:hover { color: #3198AF; text-decoration: underline; }
        img { max-width: 100%; height: auto; }
        .section-pad { padding: 60px 0; }
        .section-pad-sm { padding: 40px 0; }
        /* ========================================
           BUTTONS
           ======================================== */
        .btn-teal {
            background-color: #3C7A90;
            color: #fff;
            border: 2px solid #3C7A90;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 22px;
            text-transform: uppercase;
            padding: 14px 34px;
            border-radius: 5px;
            transition: all 0.3s;
            display: inline-block;
        }
        .btn-teal:hover {
            background-color: #247a8c;
            border-color: #247a8c;
            color: #fff;
            text-decoration: none;
        }
        .btn-outline-white {
            background: #3C7A90;
            color: #fff;
            border: 2px solid #3C7A90;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 22px;
            text-transform: uppercase;
            padding: 12px 28px;
            border-radius: 5px;
            transition: all 0.3s;
            display: inline-block;
        }
        .btn-outline-white:hover {
            background: #247a8c;
			border-color: #247a8c;
            color: #fff;
            text-decoration: none;
        }
        .btn-navy {
            background-color: #021F3C;
            color: #fff;
            border: 2px solid #021F3C;
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 22px;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            padding: 12px 30px;
            border-radius: 5px;
            transition: all 0.3s;
        }
        .btn-navy:hover {
            background-color: #0a1830;
            color: #fff;
            text-decoration: none;
        }
        .btn-register {
            background-color: #9D2F08;
            color: #FFFFFF;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 22px;
            text-transform: uppercase;
            width: 255px;
            text-align: center;
            padding: 12px 0;
            border: none;
            border-radius: 5px;
            display: inline-block;
            transition: all 0.3s;
        }
        .btn-register:hover {
            background-color: #7a2506;
            color: #FFFFFF;
            text-decoration: none;
        }
/* ========================================
           COMMUNITY HEADER
           ======================================== */
        .community-header {
            position: relative;
            width: 100%;
            overflow: hidden;
            display: flex;
			max-height: 560px;
        }
        .community-header__video {
            width: 70%;
            position: relative;
        }
        .community-header__video video,
        .community-header__video-placeholder {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .community-header__video-placeholder {
            min-height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(255,255,255,0.4);
            overflow: hidden;
        }
        .community-header__video-placeholder .cardel-simple-gallery-wrapper {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .community-header__video-placeholder .cardel-simple-gallery-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            font-size: 14px;
        }
        .community-header__overlay {
            width: 30%;
            background: #021F3C;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 20px;
            color: #fff;
        }
        .community-header__logo {
            text-align: center;
            margin-bottom: 30px;
        }
        .community-header__logo-img {
            height: auto;
        }
        .community-header__text {
            font-family: 'Roboto', serif;
            font-size: 26px;
            font-weight: 500;
            line-height: 38px;
            color: #fff;
            display: block;
            margin-bottom: 20px;
        }
        .community-header__divider {
            width: 80%;
            max-width: 280px;
            height: 1px;
            background: rgba(255,255,255,0.3);
            margin: 0 auto 20px;
        }
        .community-header__movein {
            font-family: 'Roboto', sans-serif;
            font-size: 20px;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #fff;
            margin-bottom: 20px;
            display: block;
        }
        .community-header__cta {
            font-family: 'Roboto', sans-serif;
            font-size: 17px;
            font-weight: 500;
            text-transform: uppercase;
            color: #fff;
            background: #3C7A90;
            padding: 12px 30px;
            border-radius: 5px;
            border: none;
            transition: all 0.3s;
            display: inline-block;
        }
        .community-header__cta:hover {
            background: #247a8c;
            color: #fff;
            text-decoration: none;
        }
/* Make the swiper fill the full height of the video container */
.community-header__video .swiper,
.community-header__video .swiper-wrapper,
.community-header__video .swiper-slide {
    height: 100%;
}

/* Make images fill the slide height */
.community-header__video .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
        /* ========================================
           HERO SECTION
           ======================================== */
        /* ========================================
           AT-A-GLANCE BAR
           ======================================== */
        .at-a-glance {
            background: #fff;
            padding: 20px 0;
            border-bottom: 1px solid #e0e0e0;
        }
        .at-a-glance__inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 15px;
        }
        /* Mobile: stack items in order 1-7 */
        .at-a-glance__row {
            display: flex;
            flex-direction: column;
        }
        .aag-item { padding: 2px 0; }

        /* Desktop: CSS Grid to recreate original 3-column layout */
        @media (min-width: 992px) {
            .at-a-glance__row {
                display: grid;
                grid-template-columns: auto auto 1fr 1fr;
                grid-template-areas:
                    "sf-price th-price sf-loc   th-loc"
                    "sf-spec  sf-spec  sf-loc   th-loc"
                    "th-spec  th-spec  sf-loc   th-loc"
                    "actions  actions  actions  actions";
                align-items: center;
                gap: 0;
            }
            .aag-sf-price { grid-area: sf-price; padding-right: 30px; position: relative; }
            .aag-sf-price::after {
                content: '|';
                position: absolute;
                right: 0;
                top: 50%;
                transform: translate(50%, -50%);
                color: #999;
                font-weight: 400;
            }
            .aag-th-price { grid-area: th-price; padding-left: 30px; }
            .aag-sf-spec  { grid-area: sf-spec; margin-top: 10px; }
            .aag-th-spec  { grid-area: th-spec; margin-top: 6px; }
            .aag-sf-loc   { grid-area: sf-loc; align-self: start; padding-left: 60px; }
            .aag-th-loc   { grid-area: th-loc; align-self: start; padding-left: 60px; }
            .aag-actions   { grid-area: actions; }
            /* Pipe between pricing headers handled by border-right on .aag-sf-price */
        }
        .at-a-glance__header {
            font-family: 'Roboto', sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: #000;
            text-transform: uppercase;
            margin: 0;
        }
        .at-a-glance__header span {
            display: block;
            font-size: 15px;
            font-weight: 400;
            text-transform: none;
            color: #555;
            margin-top: 2px;
        }
        .at-a-glance__specs {
            margin-top: 8px;
        }
        .at-a-glance__spec-row {
            font-family: 'Roboto', sans-serif;
            font-size: 13px;
            font-weight: 400;
            color: #555;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            line-height: 1.4;
        }
        .at-a-glance__spec-row strong {
            color: #333;
            font-weight: 700;
        }
        .badge-coming-soon {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            font-weight: 700;
            color: #333;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-left: 8px;
            vertical-align: middle;
        }
        .badge-coming-soon::before {
            content: '';
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #22c55e;
            flex-shrink: 0;
            animation: pulse-green 5s ease-in-out infinite;
        }
        @keyframes pulse-green {
            0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5); }
            50% { box-shadow: 0 0 0 5px rgba(34, 197, 94, 0); }
        }
        .at-a-glance__details {
            display: flex;
            align-items: flex-start;
            gap: 30px;
            flex-wrap: wrap;
        }
        .at-a-glance__location {
            font-size: 15px;
            color: #555;
            line-height: 1.6;
        }
        .at-a-glance__location i,
        .at-a-glance__location svg {
            color: #dc3545;
            fill: #dc3545;
            margin-right: 6px;
            font-size: 16px;
            width: 16px;
            height: 16px;
            vertical-align: middle;
        }
        .at-a-glance__location .at-a-glance__neighborhood {
            font-weight: 700;
            color: #333;
        }
        .at-a-glance__location .at-a-glance__phone {
            color: #B2292D;
            font-weight: 500;
        }
        .at-a-glance__actions {
            display: flex;
            gap: 10px;
            align-items: center;
            flex-shrink: 0;
			margin-top: 10px;
        }
        .at-a-glance__actions .btn-qc {
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            padding: 10px 20px;
            border: 1px solid #707070;
            border-radius: 5px;
            transition: all 0.3s;
            display: inline-block;
        }
        .at-a-glance__actions .btn-qc-primary {
            background: #9D2F08;
            color: #fff;
            border-color: #9D2F08;
        }
        .at-a-glance__actions .btn-qc-primary:hover {
            background: #7a2506;
            border-color: #7a2506;
            color: #fff;
            text-decoration: none;
        }
        .at-a-glance__actions .btn-qc-secondary {
            background: #fff;
            color: #000;
        }
        .at-a-glance__actions .btn-qc-secondary:hover {
            background: #021F3C;
            color: #fff;
            border-color: #021F3C;
            text-decoration: none;
        }
/* ========================================
           TAB NAVIGATION
           ======================================== */
        .tab-nav {
            background: #fff;
            border-bottom: 2px solid #e0e0e0;
            position: sticky;
            top: 0;
            z-index: 99;
            transition: box-shadow 0.3s;
        }
        .tab-nav.stuck {
            box-shadow: 0 2px 12px rgba(0,0,0,0.1);
        }
        .tab-nav .nav {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
        }
        .tab-nav .nav-link {
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 18px;
            color: #555;
            text-transform: capitalize;
            padding: 14px 32px;
            border: none;
            border-bottom: 3px solid transparent;
            border-radius: 0;
            transition: all 0.2s;
            white-space: nowrap;
        }
        .tab-nav .nav-link:hover {
            color: #021F3C;
            background: transparent;
            border-bottom-color: #ccc;
			text-decoration: none;
        }
        .tab-nav .nav-link.active {
            background: transparent;
            color: #021F3C;
            font-weight: 700;
            border-bottom-color: #2d8a9e;
        }

        /* ========================================
           PROMO HIGHLIGHT BAR
           ======================================== */
        .promo-highlight {
            background: #021F3C;
            padding: 18px 0;
            position: relative;
            overflow: hidden;
        }
        .promo-highlight::before,
        .promo-highlight::after {
            content: '';
            position: absolute;
            top: 0;
            width: 5px;
            height: 100%;
            background: linear-gradient(180deg, #2d8a9e, #4992AD, #2d8a9e);
        }
        .promo-highlight::before { left: 0; }
        .promo-highlight::after { right: 0; }
        .promo-highlight__inner {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
        }
        .promo-highlight__badge {
            background: #9D2F08;
            color: #fff;
            font-family: 'Roboto', sans-serif;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            padding: 5px 14px;
            border-radius: 0;
            white-space: nowrap;
        }
        .promo-highlight__label {
            font-family: 'Roboto', sans-serif;
            font-size: 11px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #fff;
            border: 1px solid #3095AB;
            padding: 3px 10px;
            border-radius: 0;
            white-space: nowrap;
        }
        .promo-highlight__content {
            display: flex;
            flex-direction: column;
        }
        .promo-highlight__text {
            font-family: 'Roboto', sans-serif;
            font-size: 20px;
            font-weight: 500;
            color: #fff;
        }
        .promo-highlight__text strong {
            font-weight: 700;
            color: #fff;
        }
        .promo-highlight__disclaimer {
            font-size: 11px;
            color: rgba(255,255,255,0.5);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .promo-highlight__cta {
            font-family: 'Roboto', sans-serif;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #fff;
            border: 1px solid rgba(255,255,255,0.4);
            padding: 8px 20px;
            border-radius: 5px;
            transition: all 0.3s;
            white-space: nowrap;
        }
        .promo-highlight__cta:hover {
            background: #fff;
            color: #021F3C;
            text-decoration: none;
            border-color: #fff;
        }
        .promo-highlight__divider {
            border-top: 1px solid rgba(255,255,255,0.15);
            margin: 12px 0;
        }


/* ========================================
           NEW HOMES SECTION
           ======================================== */
        .new-homes {
            background: #fff;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2264.098' height='634.37' viewBox='0 0 2264.098 634.37'%3E%3Cpath id='Path_1617' data-name='Path 1617' d='M-521,1957s1504.367-801.984,2031.594-600.969-10.273,593.508-10.273,593.508H-45.164Z' transform='translate(521.235 -1323.13)' fill='%234992ad' stroke='%23707070' stroke-width='1' opacity='0.116'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: calc(50% - 280px) calc(100% + 10px);
        }
        .new-homes h1 {
            font-family: 'Roboto', sans-serif;
            font-size: 36px;
            font-weight: 700;
            color: #021F3C;
            text-transform: uppercase;
            margin-bottom: 18px;
            line-height: 1.2;
        }
        .new-homes p { color: #555; font-size: 20px; line-height: 28px; margin-bottom: 20px; }
        .community-highlights {
            margin-top: 30px;
            padding-top: 20px;
            border-top: none;
        }
        .highlights-title {
            text-align: center;
            margin-bottom: 12px;
        }
        .highlights-bg {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='299.962' height='101.699' viewBox='0 0 299.962 101.699'%3E%3Cdefs%3E%3CclipPath id='clip-path-hb'%3E%3Crect id='Rectangle_102' data-name='Rectangle 102' width='88.265' height='50' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_237' data-name='Group 237' transform='translate(159.708 20.859)'%3E%3Cg id='Group_236' data-name='Group 236' transform='translate(0 0)' clip-path='url(%23clip-path-hb)'%3E%3Cpath id='Path_1611' data-name='Path 1611' d='M19.722,1.931,22.376,10.1a2.07,2.07,0,0,0,1.969,1.432H32.93a2.071,2.071,0,0,1,1.218,3.746L27.2,20.32a2.069,2.069,0,0,0-.752,2.315L29.1,30.8a2.071,2.071,0,0,1-3.187,2.315L18.97,28.069a2.07,2.07,0,0,0-2.435,0L9.59,33.116A2.071,2.071,0,0,1,6.4,30.8l2.652-8.165A2.069,2.069,0,0,0,8.3,20.32L1.358,15.274a2.071,2.071,0,0,1,1.217-3.746H11.16A2.072,2.072,0,0,0,13.13,10.1l2.653-8.164a2.071,2.071,0,0,1,3.939,0' transform='translate(0.064 0.064)' fill='%239dcadb' stroke='%23b8c9c6' stroke-width='1'/%3E%3Cpath id='Path_1612' data-name='Path 1612' d='M19.722,1.931,22.376,10.1a2.07,2.07,0,0,0,1.969,1.432H32.93a2.071,2.071,0,0,1,1.218,3.746L27.2,20.32a2.069,2.069,0,0,0-.752,2.315L29.1,30.8a2.071,2.071,0,0,1-3.187,2.315L18.97,28.069a2.07,2.07,0,0,0-2.435,0L9.59,33.116A2.071,2.071,0,0,1,6.4,30.8l2.652-8.165A2.069,2.069,0,0,0,8.3,20.32L1.358,15.274a2.071,2.071,0,0,1,1.217-3.746H11.16A2.072,2.072,0,0,0,13.13,10.1l2.653-8.164A2.071,2.071,0,0,1,19.722,1.931Z' transform='translate(0.064 0.064)' fill='none' stroke='%23c3ddc3' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='Path_1613' data-name='Path 1613' d='M66.4,1.931,69.05,10.1a2.07,2.07,0,0,0,1.969,1.432H79.6a2.071,2.071,0,0,1,1.218,3.746L73.876,20.32a2.069,2.069,0,0,0-.752,2.315L75.776,30.8a2.071,2.071,0,0,1-3.187,2.315l-6.945-5.046a2.07,2.07,0,0,0-2.435,0l-6.945,5.046A2.071,2.071,0,0,1,53.077,30.8l2.652-8.165a2.069,2.069,0,0,0-.752-2.315l-6.945-5.046a2.071,2.071,0,0,1,1.217-3.746h8.585A2.072,2.072,0,0,0,59.8,10.1l2.653-8.164a2.071,2.071,0,0,1,3.939,0' transform='translate(6.023 0.064)' fill='%23fff'/%3E%3Cpath id='Path_1614' data-name='Path 1614' d='M66.4,1.931,69.05,10.1a2.07,2.07,0,0,0,1.969,1.432H79.6a2.071,2.071,0,0,1,1.218,3.746L73.876,20.32a2.069,2.069,0,0,0-.752,2.315L75.776,30.8a2.071,2.071,0,0,1-3.187,2.315l-6.945-5.046a2.07,2.07,0,0,0-2.435,0l-6.945,5.046A2.071,2.071,0,0,1,53.077,30.8l2.652-8.165a2.069,2.069,0,0,0-.752-2.315l-6.945-5.046a2.071,2.071,0,0,1,1.217-3.746h8.585A2.072,2.072,0,0,0,59.8,10.1l2.653-8.164A2.071,2.071,0,0,1,66.4,1.931Z' transform='translate(6.023 0.064)' fill='%239dcadb' stroke='%23c3ddc3' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='Path_1615' data-name='Path 1615' d='M43.971,3.49l4.4,13.548a2.07,2.07,0,0,0,1.969,1.431H64.589a2.071,2.071,0,0,1,1.217,3.747L54.28,30.589a2.072,2.072,0,0,0-.752,2.315l4.4,13.549a2.071,2.071,0,0,1-3.187,2.315L43.219,40.4a2.07,2.07,0,0,0-2.435,0L29.26,48.768a2.071,2.071,0,0,1-3.187-2.315l4.4-13.549a2.07,2.07,0,0,0-.752-2.315L18.2,22.216a2.072,2.072,0,0,1,1.218-3.747H33.66a2.071,2.071,0,0,0,1.97-1.431l4.4-13.548a2.071,2.071,0,0,1,3.939,0' transform='translate(2.214 0.263)' fill='%23fff'/%3E%3Cpath id='Path_1616' data-name='Path 1616' d='M43.971,3.49l4.4,13.548a2.07,2.07,0,0,0,1.969,1.431H64.589a2.071,2.071,0,0,1,1.217,3.747L54.28,30.589a2.072,2.072,0,0,0-.752,2.315l4.4,13.549a2.071,2.071,0,0,1-3.187,2.315L43.219,40.4a2.07,2.07,0,0,0-2.435,0L29.26,48.768a2.071,2.071,0,0,1-3.187-2.315l4.4-13.549a2.07,2.07,0,0,0-.752-2.315L18.2,22.216a2.072,2.072,0,0,1,1.218-3.747H33.66a2.071,2.071,0,0,0,1.97-1.431l4.4-13.548A2.071,2.071,0,0,1,43.971,3.49Z' transform='translate(2.214 0.263)' fill='%234992ad' stroke='%23e5fdfb' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_1640' data-name='Path 1640' d='M225,1611s79.625,184.54,299.249,54.73' transform='translate(-224.541 -1610.802)' fill='none' stroke='%234992ad' stroke-width='1'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: calc(50% - 392px) 117px;
        }
        .highlights-title i {
            color: #2d8a9e;
            font-size: 30px;
        }
        .highlights-title h2 {
            font-family: 'Roboto Slab', serif;
            font-size: 34px;
            font-weight: 700;
            font-style: normal;
            color: #021F3C;
            margin: 0;
        }
        .highlights-list {
            list-style: none;
            padding: 0;
            columns: 1;
        }
        .highlights-list li {
            font-size: 18px;
            line-height: 26px;
            color: #555;
            padding: 4px 0 4px 18px;
            position: relative;
        }
        .highlights-list li::before {
            content: '\2022';
            position: absolute;
            left: 0;
            color: #2d8a9e;
            font-size: 32px;
            line-height: 26px;
            font-weight: 700;
        }
        .new-homes p.interactive-text {
            font-family: 'Roboto Slab', serif;
            font-weight: 500;
            font-style: normal;
            color: #4992AD;
            font-size: 26px;
            text-align: center;
            margin: 25px 0 20px;
        }

        /* ========================================
           TOWNHOMES SECTION
           ======================================== */
        .townhomes-section { background: #FFFAF0; }
        .townhome-content-wide {
            max-width: 1500px;
            margin: 0 auto;
            padding: 0 15px;
        }
        .section-heading-center {
            text-align: center;
            margin-bottom: 10px;
        }
        .section-heading-center h2 {
            font-family: 'Roboto', sans-serif;
            font-size: 55px;
            font-weight: 700;
            text-transform: uppercase;
            color: #021F3C;
            margin-bottom: 0;
        }
        .section-heading-center .subtitle {
            font-family: 'Roboto', sans-serif;
            font-size: 34px;
            font-weight: 700;
            color: #021F3C;
        }
        .specs-bar-center {
            text-align: center;
            font-family: 'Roboto', sans-serif;
            font-size: 16px;
            font-weight: 500;
            color: #555;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            margin-bottom: 30px;
        }
        .specs-bar-center span { margin: 0 8px; color: #555; }
        .townhome-desc {
            font-size: 20px;
            line-height: 28px;
            color: #555;
            margin-bottom: 15px;
        }
        .btn-view-townhomes {
            background-color: #021F3C;
            border-color: #021F3C;
            color: #FFFFFF;
            font-size: 22px;
            font-weight: 500;
        }
        .btn-view-homesites {
            font-size: 22px;
            font-weight: 500;
            color: #FFFFFF;
        }
        .feature-list {
            list-style: none;
            padding: 0;
        }
        .feature-list li {
            font-size: 18px;
            color: #555;
            padding: 5px 0 5px 20px;
            position: relative;
            line-height: 26px;
        }
        .feature-list li::before {
            content: '\2022';
            position: absolute;
            left: 0;
            color: #021F3C;
            font-size: 20px;
            line-height: 26px;
            font-weight: 700;
        }

        /* ========================================
           SIMPLER BUYING EXPERIENCE
           ======================================== */
        .simpler-buying {
            background: #FFFAF0;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='509.003' height='108.557' viewBox='0 0 509.003 108.557'%3E%3Cdefs%3E%3CclipPath id='clip-path-sb'%3E%3Crect id='Rectangle_103' data-name='Rectangle 103' width='103.95' height='80' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Path_1639' data-name='Path 1639' d='M0,490.737c0-75.068,46.483-114.692,80.2-188.244S130.588,122.886,28.138,0' transform='translate(490.737 1.879) rotate(90)' fill='none' stroke='%234992ad' stroke-width='1'/%3E%3Cg id='Group_240' data-name='Group 240' transform='translate(405.052)'%3E%3Cg id='Group_239' data-name='Group 239' clip-path='url(%23clip-path-sb)'%3E%3Cpath id='Path_1618' data-name='Path 1618' d='M132.057,38.413a2.172,2.172,0,0,0-1.508.791c-2.457,3.2,19.2,1.968,22.149-15.231A20.292,20.292,0,0,0,114.166,12.13c-3.03.037-5.006,1.856-5.331,4.3a4.958,4.958,0,0,0,3.049,5.119,4.866,4.866,0,0,0,5.953-2.218c1.226-2.2.529-4.645-1.517-6.355A17.967,17.967,0,0,1,138.063,3.01,18.311,18.311,0,0,1,150.6,23.482c-1.289,8.813-10.273,15.185-18.545,14.931' transform='translate(-49.056 0)' fill='%23fff'/%3E%3Cpath id='Path_1619' data-name='Path 1619' d='M3.222,33.833,0,42.469l8.4,4.385L47.41,31.815a18.157,18.157,0,0,0,25.122.623,17.829,17.829,0,0,0,1.1-25.2,13.42,13.42,0,0,0-4.481,5.226c2.989,2.934,3.038,6.352.965,9.317a6.809,6.809,0,0,1-8.706,2.028,7,7,0,0,1-3.591-8.062c.81-3.219,3.752-4.715,7.014-5.362L70.1,4.22a17.756,17.756,0,0,0-18.531-.614,18.147,18.147,0,0,0-9.223,14.958c-2.508,1.053-6.075,1.565-7.56,3.285l-2.83,3.278-5.783-.809L23.484,28.49l-4.9-1.186-3.733,4.521L10.54,31a58.725,58.725,0,0,0-7.317,2.833' transform='translate(0 -0.583)' fill='%23fff'/%3E%3Cpath id='Path_1620' data-name='Path 1620' d='M145.4,57.007a18.465,18.465,0,0,0,6.836-1.041,17.291,17.291,0,0,0-8.991-12.259l-2.969,6.269a7.689,7.689,0,0,1,5.124,7.031' transform='translate(-63.248 -19.707)' fill='%23fff'/%3E%3Cpath id='Path_1621' data-name='Path 1621' d='M128.5,63c-1.623,2.5,1.774,5.6,4.269,5.47a4.842,4.842,0,0,0,4.82-4.809c.136-1.96-2.169-5.438-4.629-4.354A15.617,15.617,0,0,0,128.5,63' transform='translate(-57.75 -26.647)' fill='%23fff'/%3E%3Cpath id='Path_1622' data-name='Path 1622' d='M46.726,94.445l-4.66.477-6.049,4.413-.7,9.335,9.211,1.992,33.654-24.81c6.031,3.223,12.326,3.321,18.31-.1,4.557-2.6,8.644-8.247,8.476-13.932l-8.438.452c-2.478,1.605-4.984,3.26-8.272,1.845A8.237,8.237,0,0,1,83.748,68c-4.779,1.89-9.285,1.731-14.3.362l.108,6.241L63.232,79.4l-1.513,4.011-5.935.835-1.592,4.721-4.97.056Z' transform='translate(-15.924 -30.662)' fill='%23fff'/%3E%3Cpath id='Path_1623' data-name='Path 1623' d='M3.222,33.833A58.725,58.725,0,0,1,10.54,31l4.312.825L18.585,27.3l4.9,1.186,2.693-4.171,5.783.809,2.83-3.278c1.485-1.72,5.051-2.233,7.56-3.285A18.147,18.147,0,0,1,51.573,3.606,17.756,17.756,0,0,1,70.1,4.22l-5.27,6.169c-3.262.647-6.2,2.142-7.014,5.362a7,7,0,0,0,3.591,8.062,6.809,6.809,0,0,0,8.706-2.028c2.073-2.965,2.024-6.383-.965-9.317a13.42,13.42,0,0,1,4.481-5.226,17.829,17.829,0,0,1-1.1,25.2,18.157,18.157,0,0,1-25.122-.623L8.4,46.855,0,42.469Z' transform='translate(0 -0.583)' fill='%234992ad' stroke='%23e5fdfb' stroke-width='1'/%3E%3Cpath id='Path_1624' data-name='Path 1624' d='M46.726,94.445l2.5-5.425,4.97-.056,1.592-4.721,5.935-.835L63.232,79.4l6.324-4.79-.108-6.241c5.014,1.368,9.52,1.528,14.3-.362a8.237,8.237,0,0,0,4.51,6.114c3.288,1.415,5.794-.24,8.272-1.845l8.438-.452c.168,5.685-3.918,11.328-8.476,13.932-5.984,3.42-12.279,3.322-18.31.1l-33.654,24.81-9.211-1.992.7-9.335,6.049-4.413Z' transform='translate(-15.924 -30.662)' fill='%239dcadb' stroke='%23c3ddc3' stroke-width='1'/%3E%3Cpath id='Path_1625' data-name='Path 1625' d='M132.057,38.413c8.272.254,17.256-6.118,18.545-14.931A18.311,18.311,0,0,0,138.063,3.01a17.967,17.967,0,0,0-21.742,9.967c2.045,1.71,2.743,4.158,1.517,6.355a4.866,4.866,0,0,1-5.953,2.218,4.958,4.958,0,0,1-3.049-5.119c.325-2.446,2.3-4.265,5.331-4.3A20.292,20.292,0,0,1,152.7,23.974c-2.95,17.2-24.606,18.428-22.149,15.231a2.172,2.172,0,0,1,1.508-.791' transform='translate(-49.056 0)' fill='%234992ad' stroke='%23e5fdfb' stroke-width='1'/%3E%3Cpath id='Path_1626' data-name='Path 1626' d='M145.4,57.007a7.689,7.689,0,0,0-5.124-7.031l2.969-6.269a17.291,17.291,0,0,1,8.991,12.259,18.465,18.465,0,0,1-6.836,1.041' transform='translate(-63.248 -19.707)' fill='%239dcadb' stroke='%23c3ddc3' stroke-width='1'/%3E%3Cpath id='Path_1627' data-name='Path 1627' d='M128.5,63a15.617,15.617,0,0,1,4.459-3.693c2.46-1.084,4.765,2.394,4.629,4.354a4.842,4.842,0,0,1-4.82,4.809c-2.495.133-5.891-2.972-4.269-5.47' transform='translate(-57.75 -26.646)' fill='%234992ad' stroke='%23e5fdfb' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: calc(50% - 538px) 201px;
            color: #444;
            padding: 50px 0;
        }
        .simpler-buying h3 {
            font-family: 'Roboto Slab', serif;
            font-size: 34px;
            font-weight: 700;
            font-style: normal;
            color: #021F3C;
            margin-bottom: 20px;
            line-height: 1.3;
            text-align: center;
        }
        .simpler-buying .feature-list-light li {
            color: #555;
            font-size: 18px;
            line-height: 26px;
            padding: 4px 0 4px 18px;
            position: relative;
            list-style: none;
        }
        .simpler-buying .feature-list-light li::before {
            content: '\2022';
            position: absolute;
            left: 0;
            font-size: 32px;
            line-height: 26px;
            color: #2d8a9e;
        }
        .simpler-buying .feature-list-light {
            padding: 0;
            list-style: none;
        }

        /* ========================================
           SINGLE-FAMILY HOMES
           ======================================== */
        .single-family-section { background: #021F3C; }
        .sf-content-wide {
            max-width: 1500px;
            margin: 0 auto;
            padding: 0 15px;
        }
        .sf-content-wide p { color: #fff; }
        .sf-content-wide .feature-list li { color: #fff; }
        .sf-content-wide .feature-list li::before { color: #FFFFFF; }
        .sf-dark-block {
            color: #fff;
            padding: 50px 0 0;
        }
        .sf-dark-block h2 { color: #fff; }
        .sf-dark-block .subtitle { color: #FFFFFF; }
        .sf-specs {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: 500;
        }
        .sf-content-fluid {
            padding: 40px 0;
        }
        .sf-dark-block .specs-bar-center { color: #FFFFFF; }
        .sf-dark-block .specs-bar-center span { color: rgba(255,255,255,0.5); }
        .sf-dark-block p { color: #FFFFFF; font-size: 20px; line-height: 28px; }
        .sf-dark-block .feature-list li { color: #FFFFFF; }
        .sf-dark-block .feature-list li::before { color: #5bb8d0; }

        /* ========================================
           PERSONALIZE YOUR HOME
           ======================================== */
        .btn-design-center {
            font-size: 22px;
            text-transform: uppercase;
        }
        .personalize-section { background: #021F3C; padding-top: 0; }
        .personalize-section h3 {
            font-family: 'Roboto', sans-serif;
            font-size: 32px;
            font-weight: 700;
            color: #fff;
            text-align: center;
            margin-bottom: 30px;
        }
        .personalize-section p { font-size: 20px; line-height: 28px; color: #fff; }
        .personalize-section ol {
            padding-left: 18px;
            color: #fff;
            font-size: 20px;
            line-height: 28px;
        }
        .personalize-section ol li { padding: 2px 0; }
        .personalize-section .personalize-cols {
            display: flex;
        }
        .personalize-section .personalize-cols > .col-md-6:first-child {
            border-right: 1px solid #4992AD;
            padding-right: 30px;
        }
        .personalize-section .personalize-cols > .col-md-6:last-child {
            padding-left: 30px;
        }
        .personalize-section .feature-list li { color: #fff; }
        .personalize-section .feature-list li::before { color: #fff; }

        /* ========================================
           RESORT-STYLE LIVING
           ======================================== */
        .resort-section {
            background: #fff;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='491.057' height='146.622' viewBox='0 0 491.057 146.622'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_105' data-name='Rectangle 105' width='81.082' height='80' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Path_1650' data-name='Path 1650' d='M0,490.737c0-75.068,46.483-114.692,80.2-188.244S130.588,122.886,28.138,0' transform='translate(490.737 0.5) rotate(90)' fill='none' stroke='%234992ad' stroke-width='1'/%3E%3Cg id='Group_265' data-name='Group 265' transform='translate(303.869 66.622)'%3E%3Cg id='Group_264' data-name='Group 264' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1642' data-name='Path 1642' d='M18.123,54.123c5.665,1.916,12.081-1.374,16.206-5.2,7.482-6.938,15.985-11.315,26.591-11.728a32.622,32.622,0,0,0-.543-12.861c-3.355,2.3-5.953,3.987-8.935,5.695-6.138-.287-8.689,2.268-15.549.681a16.156,16.156,0,0,0-7.975.555c-4.031,1.154-7.323-1.392-10.452-2.979L9.646,24.315c-2.94,10.415-.035,22.809,8.477,29.808' transform='translate(0.737 2.099)' fill='%239dcadb' stroke='%23c3ddc3' stroke-width='1'/%3E%3Cpath id='Path_1643' data-name='Path 1643' d='M57.529,40.127c-6.992.842-13.291,4.341-18.513,9.139-5.283,4.855-11.336,8.228-18.725,7.815C12.969,56.673,7.2,53.044,0,49.537c7.439,14.167,27.005,20,40.652,9.23,3.983-3.144,7.365-6.253,11.453-8.787,9.184-5.7,18.828-4.664,28.977,1.056-4.29-8.784-14.346-12.016-23.553-10.908' transform='translate(0 3.447)' fill='%234992ad' stroke='%23e5fdfb' stroke-width='1'/%3E%3Cpath id='Path_1644' data-name='Path 1644' d='M47.519,12.528,37.956,29.241c.587.4,1.582.94,1.933.681a4.963,4.963,0,0,0,.981-1.121l9.086-15.4,4.026,4.786a13.157,13.157,0,0,1,8.428.771A14.92,14.92,0,0,0,54.98,2.343c.552,4.623,1.05,8.5-.463,12.718-2.911-3.8-6.215-5.318-10.478-6.108,2.792-3.539,6.321-4.85,10.535-6.7-5.315-3.69-12.851-2.613-17.947,1.5a24.167,24.167,0,0,1,5.3,7.68c1.858-.341,4.179-.41,5.6,1.092' transform='translate(3.162 0)' fill='%239dcadb' stroke='%23c3ddc3' stroke-width='1'/%3E%3Cpath id='Path_1645' data-name='Path 1645' d='M44.709,59.973C29.674,60.964,31.346,77.809,10,65.466c-.133,1.321.532,2.058,1.508,3.191,6.137,7.132,16.235,8.4,23.392,2.119,7.522-6.6,12.327-9.051,22.9-3.845-1.918-5.163-7.793-7.308-13.091-6.959' transform='translate(0.862 5.175)' fill='%234992ad' stroke='%23e5fdfb' stroke-width='1'/%3E%3Cpath id='Path_1646' data-name='Path 1646' d='M18.422,8.2l.588.519,8.531,20.638a4.658,4.658,0,0,0,4.237-1.473L23.952,9.229a.573.573,0,0,0-.028-.13c-.62-1.55-1.395-4.107-2.557-4.882A10.413,10.413,0,0,0,18.3,3.994v-.01L7.567,4.057a4.428,4.428,0,0,0,.02,4.377A89.163,89.163,0,0,0,18.422,8.2' transform='translate(0.604 0.344)' fill='%239dcadb' stroke='%23c3ddc3' stroke-width='1'/%3E%3Cpath id='Path_1647' data-name='Path 1647' d='M35.829,27.76l6.031-10.6c-3.545-2.185-6.308-1.953-9.1-.183l-4.592-.907L32.49,26.616c.345.844,2.89,1.934,3.338,1.144' transform='translate(2.432 1.345)' fill='%234992ad' stroke='%23e5fdfb' stroke-width='1'/%3E%3Cpath id='Path_1648' data-name='Path 1648' d='M24.152,27.665,19.683,16.936c-1.875.168-3,1.51-3.949,2.918l-3.585,2.673,7.035,3.49c1.732.858,2.98,2.94,4.968,1.647' transform='translate(1.049 1.462)' fill='%234992ad' stroke='%23e5fdfb' stroke-width='1'/%3E%3Cpath id='Path_1649' data-name='Path 1649' d='M54.308,21.775A18.181,18.181,0,0,0,48,18.869L43.37,26.981c2.732,1.877,10.709-3,10.938-5.206' transform='translate(3.744 1.629)' fill='%234992ad' stroke='%23e5fdfb' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: calc(50% - 435px) -41px;
        }
        .design-images-wide {
            max-width: 1500px;
            margin: 30px auto;
            padding: 0 15px;
            background: #021F3C;
        }
        .around-images-wide {
            max-width: 1500px;
            margin: 0 auto 30px;
            padding: 0 15px;
        }
        .amenity-images-wide {
            max-width: 1500px;
            margin: 0 auto 30px;
            padding: 0 15px;
        }
        .resort-section .wave-icon {
            text-align: center;
            margin-bottom: 10px;
            color: #2d8a9e;
            font-size: 36px;
        }
        .resort-section h2 {
            font-family: 'Roboto', sans-serif;
            font-size: 43px;
            line-height: 50px;
            font-weight: 700;
            text-transform: uppercase;
            text-align: center;
            color: #021F3C;
            margin-bottom: 8px;
        }
        .resort-section .resort-subtitle {
            text-align: center;
            color: #555;
            font-size: 20px;
            line-height: 28px;
            margin-bottom: 30px;
        }
        .amenity-label {
            text-align: center;
            font-family: 'Roboto', sans-serif;
            font-size: 16px;
            font-weight: 500;
            color: #2d8a9e;
            text-decoration: none;
            margin-bottom: 20px;
        }
        .amenity-detail-block {
            border-top: none;
            padding-top: 15px;
            margin-bottom: 25px;
        }
        .amenity-detail-block h3 {
            font-family: 'Roboto', sans-serif;
            font-size: 24px;
            font-weight: 700;
            color: #4992AD;
            margin-bottom: 8px;
        }
        .amenity-detail-block ul {
            list-style: none;
            padding: 0;
        }
        .amenity-detail-block ul li {
            font-size: 16px;
            color: #555;
            padding: 3px 0 3px 30px;
            position: relative;
        }
        .amenity-detail-block ul li::before {
            content: '\2022';
            position: absolute;
            left: 0;
            font-size: 32px;
            line-height: 32px;
            color: #2d8a9e;
        }

        /* ========================================
           AROUND WATERSET
           ======================================== */
        .around-section {
            background: #3C7A90;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1500' height='414' viewBox='0 0 1500 414'%3E%3Crect id='Rectangle_106' data-name='Rectangle 106' width='1500' height='105' fill='%23fff'/%3E%3Cpath id='Path_1651' data-name='Path 1651' d='M0,6013.013s574.383-120.394,947.609-30.02,552.359,30.02,552.359,30.02v346.1H0Z' transform='translate(0 -5945.112)' fill='%234992ad'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center top;
            background-size: 100% auto;
            color: #fff;
        }
        .around-section h2 {
            font-family: 'Roboto', sans-serif;
            font-size: 43px;
            line-height: 52px;
            font-weight: 700;
            text-transform: uppercase;
            text-align: center;
            color: #fff;
            margin-bottom: 8px;
        }
        .around-section .around-subtitle {
            text-align: center;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 22px;
            line-height: 32px;
            color: #FFFFFF;
            margin-bottom: 30px;
        }
        .map-placeholder {
            width: 100%;
            height: 300px;
            background: #dde6e0;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #6a8a70;
            font-size: 14px;
            margin-bottom: 30px;
            border: 2px solid rgba(255,255,255,0.2);
        }
        .map-placeholder i {
            font-size: 30px;
            margin-right: 10px;
        }
        .around-section .row > .col-md-4:nth-child(1) .around-category,
        .around-section .row > .col-md-4:nth-child(2) .around-category {
            border-right: 1px solid rgba(255,255,255,0.3);
            padding-right: 20px;
            height: 100%;
        }
        .around-section .row > .col-md-4:nth-child(2) .around-category,
        .around-section .row > .col-md-4:nth-child(3) .around-category {
            padding-left: 20px;
        }
        .around-section .row {
            display: flex;
            flex-wrap: wrap;
        }
        .around-section .row > .col-md-4 {
            display: flex;
        }
        .around-category h3 {
            font-family: 'Roboto', sans-serif;
            font-size: 24px;
            font-weight: 500;
            line-height: 34px;
            color: #fff;
            margin-bottom: 10px;
            padding-bottom: 6px;
            border-bottom: none;
        }
        .around-category ul {
            list-style: none;
            padding: 0;
        }
        .around-category ul li {
            font-size: 16px;
            font-weight: 500;
            line-height: 32px;
            color: #fff;
            padding: 0 0 0 18px;
            position: relative;
        }
        .around-category ul li::before {
            content: '\2022';
            position: absolute;
            left: 0;
            font-size: 32px;
            line-height: 32px;
            color: #fff;
        }
        .around-category ul li .dist {
            color: #fff;
            font-style: normal;
            font-weight: 500;
        }

        /* ========================================
           FAQ SECTION
           ======================================== */
        .faq-section {
            background: #021F3C;
            color: #fff;
        }
        .faq-section h2 {
            font-family: 'Roboto', sans-serif;
            font-size: 34px;
            font-weight: 500;
            text-transform: uppercase;
            text-align: center;
            color: #fff;
            margin-bottom: 5px;
        }
        .faq-section .faq-subtitle {
            text-align: center;
            color: #fff;
            font-size: 22px;
            line-height: 28px;
            margin-bottom: 30px;
        }
        .faq-accordion {
            border-bottom: 1px solid #FFFFFF;
        }
        .faq-accordion-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 14px 0;
            cursor: pointer;
            transition: background 0.2s;
        }
        .faq-accordion-header:hover { background: rgba(255,255,255,0.03); }
        .faq-accordion-header i,
        .faq-accordion-header svg {
            color: #fff;
            fill: #fff;
            flex-shrink: 0;
            font-size: 26px;
            width: 26px;
            height: 26px;
            transition: transform 0.3s ease;
            margin-left: 15px;
        }
        .faq-accordion-header span {
            font-size: 18px;
            color: #FFFFFF;
            line-height: 1.4;
        }
        .faq-accordion.active .faq-accordion-header i,
        .faq-accordion.active .faq-accordion-header svg {
            transform: rotate(180deg);
        }
        .faq-accordion-body {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            padding: 0 0 0 24px;
        }
        .faq-accordion.active .faq-accordion-body {
            max-height: 200px;
            padding-bottom: 14px;
        }
        .faq-accordion-body p {
            font-size: 16px;
            color: #FFFFFF;
            line-height: 24px;
            margin: 0;
        }
        .faq-accordion-body ul {
            list-style: none;
            padding: 0;
            margin: 8px 0 0;
        }
        .faq-accordion-body ul li {
            font-size: 16px;
            color: #FFFFFF;
            line-height: 24px;
            padding-left: 16px;
            position: relative;
        }
        .faq-accordion-body ul li::before {
            content: '\2022';
            position: absolute;
            left: 0;
            color: #FFFFFF;
        }

        /* ========================================
           TESTIMONIALS
           ======================================== */
        .testimonials-section {
            background: #FFF7E6;
            padding: 50px 0;
        }
        .testimonials-section h2 {
            font-family: 'Roboto', sans-serif;
            font-size: 34px;
            font-weight: 500;
            color: #021F3C;
            text-align: center;
            margin-bottom: 5px;
        }
        .testimonials-section .testimonials-subtitle {
            font-family: 'Roboto Slab', serif;
            font-size: 22px;
            font-weight: 400;
            font-style: normal;
            color: #021F3C;
            text-align: center;
            margin-bottom: 30px;
        }
        .testimonial {
            border-top: 1px solid #707070;
            border-bottom: 1px solid #707070;
            padding: 30px 0 15px;
            margin-bottom: -1px;
        }
        .testimonial p {
            font-size: 18px;
            line-height: 32px;
			font-weight: 400;
            color: #333;
            margin-bottom: 10px;
        }
        .testimonial .testimonial-name {
            font-style: italic;
            color: #585757;
            font-size: 18px;
            margin-bottom: 0;
        }

        /* ========================================
           FOOTER CTA
           ======================================== */
        .footer-cta {
            background: #fff;
            color: #021F3C;
            text-align: center;
            padding: 45px 0;
        }
        .footer-cta h3 {
            font-family: 'Roboto Slab', serif;
            font-size: 21px;
            font-weight: 500;
            line-height: 28px;
            color: #021F3C;
            margin-bottom: 0;
        }
        .footer-cta p {
            font-family: 'Roboto Slab', serif;
            font-size: 21px;
            font-weight: 500;
            line-height: 28px;
            color: #021F3C;
            margin-bottom: 25px;
            max-width: 850px;
            margin-left: auto;
            margin-right: auto;
        }

        /* ========================================
           RESPONSIVE
           ======================================== */
        /* ========================================
           RESPONSIVE BREAKPOINTS
           ======================================== */

        /* Large devices (=1199px) */
        @media (max-width: 1199px) {
            body { font-size: 18px; line-height: 26px; }
            .simpler-buying { background-position: calc(50% - 489px) 201px; }
            .highlights-bg { background-position: calc(50% - 336px) 117px; }
            .section-heading-center h2 { font-size: 46px; }
            .section-heading-center .subtitle { font-size: 30px; }
            .new-homes h1 { font-size: 32px; }
            .simpler-buying h3 { font-size: 30px; }
            .highlights-title h2 { font-size: 30px; }
            .resort-section h2 { font-size: 38px; line-height: 46px; }
            .around-section h2 { font-size: 38px; line-height: 46px; }
            .around-section .around-subtitle { font-size: 20px; line-height: 28px; }
            .faq-section h2 { font-size: 30px; }
            .faq-section .faq-subtitle { font-size: 20px; }
            .tab-nav .nav-link { font-size: 16px; padding: 12px 24px; }
            .promo-highlight__text { font-size: 18px; }
            .testimonials-section h2 { font-size: 30px; }
            .testimonials-section .testimonials-subtitle { font-size: 20px; }
            .testimonial p, .testimonial .testimonial-name { font-size: 17px; line-height: 30px; }
            .footer-cta h3 { font-size: 20px; }
            .footer-cta p { font-size: 20px; }
            .new-homes p.interactive-text { font-size: 24px; }
            .amenity-detail-block h3 { font-size: 22px; }
            .around-category h3 { font-size: 22px; }
            .highlights-list li { font-size: 17px; line-height: 25px; }
            .feature-list li { font-size: 17px; line-height: 25px; }
            .simpler-buying .feature-list-light li { font-size: 17px; line-height: 25px; }
            .amenity-detail-block ul li { font-size: 15px; }
            .around-category ul li { font-size: 15px; line-height: 30px; }
            .townhome-desc { font-size: 18px; line-height: 26px; }
            .btn-teal { font-size: 20px; }
            .btn-outline-white { font-size: 20px; }
            .btn-navy { font-size: 20px; }
            .btn-register { font-size: 20px; }

            .btn-view-townhomes { font-size: 20px; }
            .btn-view-homesites { font-size: 20px; }
            .btn-design-center { font-size: 20px; }
            .sf-specs { font-size: 22px; }
			.aag-sf-price { padding-right: 0; }
			.aag-sf-price::after { display: none; }
			.aag-th-price { padding-left: 0; }
        }

        /* Medium devices (=991px) */
        @media (max-width: 991px) {
            body { font-size: 17px; line-height: 25px; }
            .community-header__video { width: 65%; }
            .community-header__overlay { width: 35%; padding: 25px 15px; }
            .community-header__logo { margin-bottom: 20px; }
            .community-header__logo-img { max-width: 180px; }
            .community-header__text { font-size: 20px; line-height: 28px; margin-bottom: 15px; }
            .community-header__divider { margin-bottom: 15px; }
            .community-header__movein { font-size: 14px; margin-bottom: 15px; }
            .community-header__cta { font-size: 14px; padding: 10px 20px; }

            .section-pad { padding: 45px 0; }
            .section-heading-center h2 { font-size: 38px; }
            .section-heading-center .subtitle { font-size: 26px; }
            .new-homes h1 { font-size: 28px; }
            .simpler-buying h3 { font-size: 26px; }
            .highlights-title h2 { font-size: 26px; }
            .resort-section h2 { font-size: 32px; line-height: 40px; }
            .resort-section { background-image: none; }
            .around-section h2 { font-size: 32px; line-height: 40px; }
            .around-section .around-subtitle { font-size: 18px; line-height: 26px; }
            .faq-section h2 { font-size: 26px; }
            .faq-section .faq-subtitle { font-size: 18px; }
            .tab-nav .nav-link { font-size: 14px; padding: 10px 18px; }
            .promo-highlight__text { font-size: 16px; }
            .testimonials-section h2 { font-size: 26px; }
            .testimonials-section .testimonials-subtitle { font-size: 18px; }
            .testimonial p, .testimonial .testimonial-name { font-size: 16px; line-height: 28px; }
            .footer-cta h3 { font-size: 18px; }
            .footer-cta p { font-size: 18px; line-height: 26px; }
            .new-homes p.interactive-text { font-size: 20px; }
            .amenity-detail-block h3 { font-size: 20px; }
            .around-category h3 { font-size: 20px; }
            .highlights-list li { font-size: 16px; line-height: 24px; }
            .feature-list li { font-size: 16px; line-height: 24px; }
            .simpler-buying .feature-list-light li { font-size: 16px; line-height: 24px; }
            .amenity-detail-block ul li { font-size: 15px; }
            .around-category ul li { font-size: 15px; line-height: 28px; }
            .faq-accordion-header span { font-size: 16px; }
            .specs-bar-center { font-size: 18px; }
            .btn-teal { font-size: 18px; }
            .btn-outline-white { font-size: 18px; }
            .btn-navy { font-size: 18px; }
            .btn-register { font-size: 18px; width: 220px; }

            .townhome-desc { font-size: 17px; line-height: 25px; }
            .btn-view-townhomes { font-size: 18px; }
            .btn-view-homesites { font-size: 18px; }
            .btn-design-center { font-size: 18px; }
            .sf-specs { font-size: 20px; }
            .personalize-section h3 { font-size: 28px; }
            .simpler-buying { background-image: none; }
            .highlights-bg { background-image: none; }
            .resort-section { background-position: calc(50% - 300px) -41px; }
            .personalize-section .personalize-cols > .col-md-6:first-child { border-right: none; }
            .around-section .row > .col-md-4:nth-child(1) .around-category,
            .around-section .row > .col-md-4:nth-child(2) .around-category { border-right: none; padding-right: 0; }
            .around-section .row > .col-md-4:nth-child(2) .around-category,
            .around-section .row > .col-md-4:nth-child(3) .around-category { padding-left: 0; }
        }

        /* Small devices / Mobile (=767px) */
        @media (max-width: 767px) {
            body { font-size: 16px; line-height: 24px; }
            .section-pad { padding: 35px 0; }
            .community-header__video { width: 60%; }
            .community-header__video-placeholder { min-height: 220px; }
            .community-header__overlay { width: 40%; padding: 20px 12px; }
            .community-header__logo { margin-bottom: 12px; }
            .community-header__logo-img { max-width: 130px; }
            .community-header__text { font-size: 14px; line-height: 20px; margin-bottom: 10px; }
            .community-header__divider { margin-bottom: 10px; }
            .community-header__movein { font-size: 11px; letter-spacing: 0.5px; margin-bottom: 10px; line-height: 15px;}
            .community-header__movein br { display: none; }
            .community-header__cta { font-size: 10px; padding: 5px 10px; letter-spacing: 0; }

            .at-a-glance__header { font-size: 16px; }
            .at-a-glance__header span { font-size: 14px; }
            .at-a-glance__location { font-size: 14px; }
            .at-a-glance__spec-row { font-size: 12px; }
            .at-a-glance__actions { width: auto; justify-content: center; }
            .at-a-glance__actions .btn-qc { text-align: center; }
            .tab-nav .nav-link { padding: 10px; font-size: 12px; }
            .promo-highlight__text { font-size: 15px; }
            .promo-highlight__inner { gap: 10px; }
            .promo-highlight__cta { width: auto; text-align: center; }
            .tab-nav .nav { overflow-x: auto; -webkit-overflow-scrolling: touch; }
            .section-heading-center h2 { font-size: 28px; }
            .section-heading-center .subtitle { font-size: 22px; }
            .new-homes h1 { font-size: 24px; }
            .new-homes h1 br { display: none; }
            .new-homes p { font-size: 16px; line-height: 24px; }
            .simpler-buying h3 { font-size: 22px; }
            .simpler-buying h3 br { display: none; }
            .highlights-title h2 { font-size: 22px; }
            .highlights-title h2 br { display: none; }
            .resort-section h2 { font-size: 26px; line-height: 34px; }
            .resort-section { background-image: none; }
            .around-section h2 { font-size: 26px; line-height: 34px; }
            .around-section .around-subtitle { font-size: 16px; line-height: 24px; }
			.around-section iframe {height: 350px;}
            .faq-section h2 { font-size: 22px; }
            .faq-section .faq-subtitle { font-size: 16px; line-height: 22px; }
            .faq-accordion-header span { font-size: 15px; }
            .faq-accordion-header i,
            .faq-accordion-header svg { font-size: 20px; width: 20px; height: 20px; }
            .testimonials-section h2 { font-size: 22px; }
            .testimonials-section .testimonials-subtitle { font-size: 16px; }
            .testimonial p, .testimonial .testimonial-name { font-size: 15px; line-height: 26px; }
            .footer-cta h3 { font-size: 16px; }
            .footer-cta p { font-size: 16px; line-height: 24px; max-width: 100%; }
            .new-homes p.interactive-text { font-size: 18px; }
            .resort-subtitle br { display: none; }
            .amenity-detail-block { margin-bottom: 0; }
            .amenity-detail-block h3 { font-size: 18px; }
            .highlights-list li { font-size: 15px; line-height: 22px; }
            .feature-list li { font-size: 15px; line-height: 22px; }
            .simpler-buying .feature-list-light li { font-size: 15px; line-height: 22px; }
            .amenity-detail-block ul li { font-size: 14px; }
            .amenity-detail-block ul li::before { font-size: 30px; line-height: 26px; }
            .around-category h3 { font-size: 18px; line-height: 28px; }
            .around-category ul li { font-size: 14px; line-height: 26px; }
            .specs-bar-center { font-size: 16px; }
            .btn-teal { font-size: 16px; padding: 12px 24px; }
            .btn-outline-white { font-size: 16px; padding: 10px 22px; }
            .btn-navy { font-size: 16px; }
            .btn-register { font-size: 16px; width: 200px; }


            .townhome-content-wide,
            .sf-content-wide,
            .design-images-wide,
            .amenity-images-wide,
            .around-images-wide { padding: 0 15px; }
            .design-images-wide .row > div,
            .amenity-images-wide .row > div,
            .around-images-wide .row > div {
                display: flex;
                justify-content: center;
            }
            .personalize-section.section-pad { padding: 0; }
            .personalize-section h3 { font-size: 24px; }
            .personalize-section p { font-size: 16px; }
            .personalize-section .personalize-cols > .col-md-6:last-child { padding-left: 15px; }
            .townhome-desc { font-size: 16px; line-height: 24px; }
            .btn-view-townhomes { font-size: 16px; }
            .btn-view-homesites { font-size: 16px; }
            .btn-design-center { font-size: 16px; margin-left: auto !important; margin-right: auto !important; }
            .sf-specs { font-size: 16px; }

            .btn-teal,
            .btn-outline-white,
            .btn-navy,
            .btn-register,
            .btn-view-townhomes,
            .btn-view-homesites,
            .btn-design-center {
                display: table;
                margin-left: auto;
                margin-right: auto;
            }
        }

        /* ========================================
           SwiperJS CSS
           ======================================== */
        .swiper-button-next, .swiper-button-prev {
            color: #fff !important;
        }

/*Start promoEvent */
#promoEvent .modal-dialog {
    max-width: 700px;
}
#promoEvent .modal-body {
    position: relative;
    padding: 0;
}
#promoEvent .custom-close {
    position: absolute;
    top: 14px;
    right: 20px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#promoEvent .custom-close span {
    font-size: 50px;
    line-height: 1;
}
@media (max-width: 991px) { 
#promoEvent .modal-dialog {
    max-width: 90%;
}
}