/* Header fixed 6/16/2025, I had to say I wanted it to stick to the top. Claude 3.5 */
* {
    line-height: 1
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

img {
    aspect-ratio: 16 / 9; /* Matches 1920x1080 */
    width: 100%;
    height: auto;
}

*, :after, :before {
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6, p {
    font-weight: 300
}

h1, h2, h3, h4, h5, h6 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
}

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

.left {
    text-align: left
}

.right {
    text-align: right
}

.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.justify {
    text-align: justify
}

.container {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1140px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100% !important
}

@media (min-width:576px) and (max-width:768px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .container {
        max-width: 960px
    }
}

body, html {
    height: 100%;
    left: 0;
    line-height: 1;
    margin: 0;
    padding: 0;
    top: 0;
    width: 100%
}

body {
    font-family: Nunito Sans;
    font-size: 16px; /* or whatever your desktop base is */
    line-height: 1.5; /* pick a comfortable line-height */
}

html {
    font-size: 100%
}

input, select, textarea {
    border: 0;
    font-size: 16px;
    min-height: 20px
}

.headerFive, .headerFour, .headerOne, .headerSix, .headerThree, .headerTwo, .paragraph {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: .1rem 0;
    width: 100%
}

.lg-text-center-vertical {
    display: flex;
    flex-direction: column;
    height: inherit;
    justify-content: center
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    align-items: inherit;
    -moz-column-gap: inherit;
    column-gap: inherit;
    display: inherit;
    flex-direction: inherit;
    flex-wrap: inherit;
    height: inherit;
    justify-content: inherit;
    row-gap: inherit;
    text-decoration: none;
    width: auto
}

    a, a:active, a:focus, a:hover, a:link, a:visited {
        color: inherit;
        cursor: pointer;
        text-decoration: none
    }

img {
    border-radius: inherit;
    height: 100%;
    -o-object-fit: inherit;
    object-fit: inherit;
    width: 100%
}

span {
    display: block
}

.headerFive span, .headerFour span, .headerOne span, .headerSix span, .headerThree span, .headerTwo span, .paragraph span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, p span {
    display: inline
}

.headerFive a, .headerFour a, .headerOne a, .headerSix a, .headerThree a, .headerTwo a, .paragraph a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a {
    color: inherit;
    display: inline
}

.headerFive strong, .headerFour strong, .headerOne strong, .headerSix strong, .headerThree strong, .headerTwo strong, .paragraph strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, p strong {
    font-weight: 700
}

.h-e-123:hover {
    background-color: #00000000;
    color: #a8894d
}

.h-e-124:hover {
    background-color: #00000000;
    color: #fff
}

.cd-paragraph-clean {
    white-space: pre !important;
}

.h-e-92,.h-e-93 {
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
}

@media (max-width: 1199px) {
    .h-e-125:hover {
        background-color: #00000019
    }

    .h-e-121 {
        padding: 0
    }

    .h-e-122 {
        background-color: var(--vId-a324eb46-43e7-49f4-a638-36ed2c06ddc2);
        border-radius: 4px;
        box-shadow: 0 0 3px 0 #0000003b;
        display: none;
        flex-direction: row;
        position: absolute; /* Changed from fixed */
        top: 100%; /* Position below header */
        right: 0;
        width: 200px; /* Fixed width */
        padding: 0; /* Remove padding */
    }


    .h-e-129 { /* Around line 219 */
        padding: 0.5rem 1rem;
        text-align: right;
        width: 100%;
    }

    .h-e-124 {
        padding: 12px 16px;
        text-align: left; /* Left align text */
        width: 100%;
        display: block; /* Ensure proper block display */
    }

    .h-e-125 {
        background-color: #fff;
        display: block
    }

    .h-e-5 {
        flex-direction: row;
        padding: 40px
    }

    .h-e-114 {
        max-width: 720px
    }

    .h-e-113 {
        flex-direction: column
    }

    .h-e-112 {
        max-width: 100%;
        padding: 0 0 60px
    }

    .h-e-111 {
        padding: 0
    }

    .h-e-110 {
        align-items: center;
        /* bump its width from ~46% up to 60% so the image can grow */
        flex: 0 0 60%;
        max-width: 60%;
        padding: 0 0 40px;
        position: relative;
    }

    .h-e-108, .h-e-109 {
        text-align: center
    }

    .h-e-6 {
        min-height: 20px;
        padding: 40px
    }

    .h-e-92 {
        flex-direction: column
    }

    .h-e-7 {
        align-items: center;
        padding: 0 0 40px
    }

    .h-e-8 {
        font-size: 32px;
        line-height: 42px
    }

    .h-e-8, .h-e-9 {
        text-align: center
    }

    .h-e-11 {
        min-height: 20px
    }

    .h-e-11, .h-e-95 {
        justify-content: center
    }

    .h-e-15 {
        -moz-column-gap: 40px;
        column-gap: 40px;
        flex-wrap: wrap;
        padding: 40px;
        row-gap: 40px
    }

    .h-e-15, .h-e-93 {
        flex-direction: column
    }

    .h-e-17 {
        align-items: center;
        justify-content: center
    }

    .h-e-16, .h-e-18 {
        max-width: none;
        text-align: center
    }

    .h-e-22 {
        justify-content: center;
        padding: 40px 0 0
    }

    .h-e-24, .h-e-28, .h-e-32, .h-e-36 {
        height: auto;
        width: auto
    }

    .h-e-39 {
        flex-direction: column;
        padding: 40px;
        row-gap: 24px
    }

    .h-e-97 {
        flex-wrap: wrap
    }

    .h-e-40, .h-e-97 {
        justify-content: center
    }

    .h-e-40 {
        align-items: center;
        padding: 0 0 40px
    }

    .h-e-100, .h-e-41, .h-e-42 {
        text-align: center
    }

    .h-e-48, .h-e-51 {
        position: relative
    }

    .h-e-54 {
        padding: 40px;
    }

    .h-e-55 {
        justify-content: center;
        padding: 20px;
    }

    .h-e-58 {
        padding: 16px;
    }

    .h-e-58, .h-e-94 {
        flex-direction: column;
    }

    .h-e-94 {
        padding: .3rem !important;
    }

    .h-e-59, .h-e-94 {
        align-items: center;
    }

    .h-e-59 {
        justify-content: center;
        padding: .6rem !important;
        width: 100%;
    }

    .h-e-60, .h-e-61 {
        max-width: none;
        text-align: center;
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    .h-e-138 {
        -moz-column-gap: 22px;
        column-gap: 22px;
        display: flex !important;
        flex-direction: row !important;
        /* flex-wrap: nowrap !important; */
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        flex-wrap: wrap !important;
    }

    .h-e-138, .h-e-139 {
        align-items: center;
    }

    .h-e-140, .h-e-141 {
        text-align: center;
    }

    .h-e-143 {
        justify-content: center;
    }

    .h-e-143, .h-e-144, .h-e-149 {
        align-items: center;
    }

    .h-e-144 {
        flex-direction: row !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }

        .h-e-150 {
            text-align: center;
        }

    .h-e-62 {
        position: relative;
        flex-direction: row;
        z-index: 1;
        order: 3;
        align-items: center;
        -moz-column-gap: 12px;
        column-gap: 12px;
        display: flex;
        height: -moz-fit-content;
        height: fit-content;
        min-height: auto;
        min-width: 20px;
        padding: 10px;
        width: -moz-fit-content;
        width: fit-content;
    }

    /* Also update the child element to match the alignment */
    .h-e-63 {
        display: flex;
        align-items: center;
        width: auto; /* Changed from 100% */
    }

    .h-e-143,
    .h-e-149 {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .h-e-145, .h-e-150 {
        font-size: 13px !important;
        white-space: nowrap;
        margin: 0 6px 0 0 !important;
        padding: 0 !important;
    }

}

.h-e-143,
.h-e-149 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.h-e-19:hover {
    background-color: #fff
}

.h-e-23:hover, .h-e-27:hover, .h-e-31:hover, .h-e-35:hover {
    border-color: #a8894d
}

.h-e-43:hover {
    background-color: #fff
}

.h-e-98:hover, .h-e-99:hover {
    border-color: #a8894d
}

/* Root container fixes */
.h-e-1 {
    background-color: var(--vId-f17d981e-364b-446f-a223-babc6218a6c8);
    min-height: 100vh; /* Changed from auto to 100vh */
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-x: hidden; /* Prevent horizontal scroll */
}

.h-e-1, .h-e-120 {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 20px;
    position: relative;
}

.h-e-120 {
    background-color: var(--vId-a324eb46-43e7-49f4-a638-36ed2c06ddc2);
    display: flex;
    align-items: center; /* Align items vertically */
    width: 100%;
    height: 60px; /* Fixed height */
    z-index: 10;
    padding: 0 1rem;
}


/* Main navigation container */
.h-e-121 {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.h-e-121, .h-e-128 {
    align-items: center;
    display: flex;
    position: relative
}

.h-e-128 {
    -moz-column-gap: 12px;
    column-gap: 12px;
    flex-direction: row;
    height: auto;
    padding: 5px;
    width: -moz-fit-content;
    width: fit-content
}

    .h-e-128 a:last-of-type p {
        color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
        font-family: Lexend, sans-serif;
        font-weight: 700;
        font-size: 20px
    }

.h-e-126 {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url('/assets/AbelBetancourtRealEstateIconProfileIconOnly.webp');
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 40px;
    padding: 10px;
    position: relative;
    width: 40px
}

.h-e-127 {
    color: #fff;
    display: block;
    font-family: Lexend;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    padding: 0;
    z-index: 1
}

.h-e-122, .h-e-127 {
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-122 {
    align-items: center;
    display: flex;
    z-index: 2500;
}

.h-e-129 {
    color: #fff;
    display: none;
    font-size: 22px;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    min-width: 10px;
    padding: 0;
    position: relative;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-123 {
    background-color: #ffffff00;
    color: #fff
}

.h-e-123, .h-e-124 {
    border: 0 groove #333;
    border-radius: 2px 2px 2px 2px;
    font-family: Lexend;
    font-size: 15px;
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 25px;
    padding: 12px 16px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

.h-e-124 {
    background-color: #e4cc3900;
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e)
}

.h-e-125 {
    display: none;
    height: 50px;
    min-height: 20px;
    min-width: 20px;
    position: relative;
    width: 50px;
}

.h-e-2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: linear-gradient(270deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.45) 100%),url('/assets/Real-Estate-Home-TOP.webp');
    background-origin: padding-box,padding-box;
    background-position: 50% 50%,50% 50%;
    background-repeat: no-repeat,no-repeat;
    background-size: cover,cover;
    height: auto; /* Single height declaration */
    justify-content: center;
    max-width: none;
    min-height: 600px; /* Subtract header height */
    padding: 60px 24px; /* Adjusted padding */
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.h-e-2, .h-e-91 {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Fix the content container */
.h-e-91 {
    height: auto;
    margin: 0 auto; /* Fixed margins */
    max-width: 1200px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.h-e-3 {
    color: #fff;
    font-family: Italiana;
    font-size: 115px;
    line-height: 135px;
    padding: 10px 0 20px
}

.h-e-3, .h-e-4 {
    display: block;
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.h-e-4 {
    color: #d7d7d7;
    font-family: Lexend;
    font-size: 15px;
    line-height: 25px;
    max-width: 700px;
    padding: 0 0 60px;
}

.h-e-5 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    min-height: auto;
    min-width: 20px;
    padding: 80px 0 40px;
    position: relative;
    width: 100%;
}

.h-e-115 {
    background-color: var(--vId-f17d981e-364b-446f-a223-babc6218a6c8);
    padding: 40px 15px;
}

.h-e-114, .h-e-115 {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    z-index: 1;
}

.h-e-114 {
    max-width: 940px;
    padding: 0;
}

.h-e-113 {
    align-items: center;
    flex-direction: row;
    width: 100%;
    gap: 1rem;
}

.h-e-112, .h-e-113 {
    display: flex;
    height: auto;
    position: relative;
}

.h-e-112 {
    display: flex;
    flex-direction: column;
    max-width: 100% !important;
    width: auto;
    z-index: 1;
}

.h-e-111 {
    height: auto !important;
    -o-object-fit: contain;
    object-fit: contain;
}

.h-e-110, .h-e-111 {
    position: relative;
    width: auto;
}

.h-e-110 {
    display: flex;
    flex-direction: column;
    height: auto; 
    max-width: 38% !important;
    padding: 1px;
}

.h-e-108 {
    color: #fff;
    font-family: Italiana;
    font-size: 38px;
    font-weight: 700;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 48px;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    padding: 20px 0 10px;
    text-align: left;
    width: 100%;
    z-index: 1;
}

.h-e-108, .h-e-109 {
    display: block;
    position: relative
}

.h-e-109 {
    color: #949494;
    font-family: Lexend;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 24px;
    padding: 0 0 24px;
    width: -moz-fit-content;
    width: fit-content;
}

.h-e-6 {
    flex-wrap: wrap;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    min-height: auto;
    min-width: 20px;
    padding: 40px 0;
}

.h-e-6, .h-e-92 {
    align-items: center;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: flex;
    position: relative;
    width: 100%;
}

.h-e-92 {
    flex-direction: row;
    height: auto;
    max-width: 1300px;
    padding: 0;
}

.h-e-7 {
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    max-height: none;
    max-width: 625px;
    padding: 50px 0;
    position: relative;
    width: 100%;
}

.h-e-8 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Italiana;
    font-size: 60px;
    line-height: 70px;
    padding: 0 0 20px
}

.h-e-8, .h-e-9 {
    display: block;
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.h-e-9 {
    color: var(--vId-93ddf1ed-4def-4bfc-af99-64d67358a888);
    font-family: Lexend;
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 32px
}

.h-e-11 {
    -moz-column-gap: 40px;
    column-gap: 40px;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px 0 40px;
    width: 100%
}

.h-e-11, .h-e-12 {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    position: relative
}

.h-e-12 {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    padding: 10px;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-14 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 22px;
    min-width: 10px;
    text-align: left
}

.h-e-13, .h-e-14 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-13 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1
}

.h-e-82 {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: 10px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-84 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 22px;
    min-width: 10px;
    text-align: left
}

.h-e-83, .h-e-84 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-83 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1
}

.h-e-79 {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: 10px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-81 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 22px;
    min-width: 10px;
    text-align: left
}

.h-e-80, .h-e-81 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-80 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1
}

.h-e-76 {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: 10px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-78 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 22px;
    min-width: 10px;
    text-align: left
}

.h-e-77, .h-e-78 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-77 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1
}

.h-e-73 {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: 10px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-75 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 22px;
    min-width: 10px;
    text-align: left
}

.h-e-74, .h-e-75 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-74 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1
}

.h-e-88 {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: 10px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-90 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 22px;
    min-width: 10px;
    text-align: left
}

.h-e-89, .h-e-90 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-89 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1
}

.h-e-85 {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: 10px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-87 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 22px;
    min-width: 10px;
    text-align: left
}

.h-e-86, .h-e-87 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-86 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1
}

.h-e-70 {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: 10px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-72 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 22px;
    min-width: 10px;
    text-align: left
}

.h-e-71, .h-e-72 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-71 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1
}

.h-e-95 {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    flex-direction: row;
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%
}

.h-e-10 { /* Left pic */
    background-image: url('/assets/Modern-House-Real-Estate-Left.webp');
    min-height: 525px
}

.h-e-10, .h-e-96 {
    align-items: flex-start;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    max-height: 650px;
    max-width: none;
    padding: 0;
    position: relative;
    width: 100%
}

.h-e-96 {
    background-image: url('/assets/Abel-Betancourt-Realtor-Bridge-R.webp');
    min-height: 625px
}

.h-e-15 {
    justify-content: center;
    padding: 40px 0
}

.h-e-15, .h-e-93 {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: auto;
    position: relative;
    width: 100%
}

.h-e-93 {
    max-width: 1300px;
    padding: 0
}

.h-e-17 {
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: 10px 10px 10px 0;
    position: relative;
    width: 100%
}

.h-e-16 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Italiana;
    font-size: 60px;
    line-height: 70px;
    padding: 0 0 20px
}

.h-e-16, .h-e-18 {
    display: block;
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 500px;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.h-e-18 {
    color: var(--vId-93ddf1ed-4def-4bfc-af99-64d67358a888);
    font-family: Lexend;
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 40px
}

.h-e-19 {
    align-items: center;
    background-color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    flex-direction: row;
    height: auto;
    padding: 24px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-21 {
    font-size: 22px;
    min-width: 10px;
    text-align: left
}

.h-e-20, .h-e-21 {
    color: #000;
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-20 {
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1
}

.h-e-22 {
    -moz-column-gap: 24px;
    column-gap: 24px;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-height: auto;
    min-width: 20px;
    padding: 0;
    row-gap: 24px
}

.h-e-22, .h-e-23 {
    align-items: center;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: 100%
}

.h-e-23 {
    border: 1px solid #d5d5d5;
    flex-direction: column;
    justify-content: center;
    max-width: 275px;
    min-height: 275px;
    padding: 24px;
    row-gap: 12px
}

.h-e-24 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    display: block;
    font-size: 40px;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    min-width: 10px;
    padding: 0;
    position: relative;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-25 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Italiana;
    font-size: 28px;
    line-height: 38px;
    padding: 0
}

.h-e-25, .h-e-26 {
    display: block;
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.h-e-26 {
    color: var(--vId-93ddf1ed-4def-4bfc-af99-64d67358a888);
    font-family: Lexend;
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 20px
}

.h-e-31 {
    align-items: center;
    border: 1px solid #d5d5d5;
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    max-width: 275px;
    min-height: 275px;
    padding: 24px;
    position: relative;
    row-gap: 12px;
    width: 100%
}

.h-e-32 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 40px;
    min-width: 10px;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-32, .h-e-33 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative
}

.h-e-33 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Italiana;
    font-size: 28px;
    line-height: 38px
}

.h-e-33, .h-e-34 {
    font-weight: 400;
    min-width: 16px;
    opacity: 100%;
    text-align: center;
    width: 100%;
    z-index: 1
}

.h-e-34 {
    color: var(--vId-93ddf1ed-4def-4bfc-af99-64d67358a888);
    display: block;
    font-family: Lexend;
    font-size: 16px;
    line-height: 26px;
    min-height: 10px;
    padding: 0 0 20px
}

.h-e-27, .h-e-34 {
    height: -moz-fit-content;
    height: fit-content;
    position: relative
}

.h-e-27 {
    align-items: center;
    border: 1px solid #d5d5d5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 275px;
    min-height: 275px;
    padding: 24px;
    row-gap: 12px;
    width: 100%
}

.h-e-28 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    display: block;
    font-size: 40px;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    min-width: 10px;
    padding: 0;
    position: relative;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-29 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Italiana;
    font-size: 28px;
    line-height: 38px;
    padding: 0
}

.h-e-29, .h-e-30 {
    display: block;
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.h-e-30 {
    color: var(--vId-93ddf1ed-4def-4bfc-af99-64d67358a888);
    font-family: Lexend;
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 20px
}

.h-e-35 {
    align-items: center;
    border: 1px solid #d5d5d5;
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    max-width: 275px;
    min-height: 275px;
    padding: 24px;
    position: relative;
    row-gap: 12px;
    width: 100%
}

.h-e-36 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 40px;
    min-width: 10px;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-36, .h-e-37 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative
}

.h-e-37 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Italiana;
    font-size: 28px;
    line-height: 38px
}

.h-e-37, .h-e-38 {
    font-weight: 400;
    min-width: 16px;
    opacity: 100%;
    text-align: center;
    width: 100%;
    z-index: 1
}

.h-e-38 {
    color: var(--vId-93ddf1ed-4def-4bfc-af99-64d67358a888);
    display: block;
    font-family: Lexend;
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 26px;
    min-height: 10px;
    padding: 0 0 20px;
    position: relative
}

.h-e-39 {
    -moz-column-gap: 24px;
    column-gap: 24px;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    min-height: auto;
    min-width: 20px;
    padding: 40px 16px;
}

.h-e-39, .h-e-97 {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%
}

.h-e-97 {
    flex-direction: row;
    height: auto;
    max-width: 1300px;
    padding: 10px;
    transform: rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)
}

.h-e-40 {
    display: flex;
    flex-direction: column;
    min-height: auto;
    min-width: 20px;
    padding: 10px
}

.h-e-40, .h-e-41 {
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: 100%
}

.h-e-41 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Italiana;
    font-size: 60px;
    line-height: 70px;
    padding: 0 0 20px
}

.h-e-41, .h-e-42 {
    display: block;
    font-weight: 400;
    max-width: 500px;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1
}

.h-e-42 {
    color: var(--vId-93ddf1ed-4def-4bfc-af99-64d67358a888);
    font-family: Lexend;
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 26px;
    padding: 0 0 40px;
    position: relative;
    width: 100%
}

.h-e-43 {
    align-items: center;
    background-color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    flex-direction: row;
    height: auto;
    padding: 24px
}

.h-e-43, .h-e-45 {
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-45 {
    font-size: 22px;
    min-width: 10px;
    text-align: left
}

.h-e-44, .h-e-45 {
    color: #000;
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0
}

.h-e-44 {
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

.h-e-53 {
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 600px;
    width: 100.06993006993008%
}

.h-e-52, .h-e-53 {
    display: flex;
    position: relative
}

.h-e-52 {
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    min-height: 50px;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.h-e-99 {
    align-items: center;
    border: 1px solid #d5d5d5;
    display: flex;
    flex-direction: column;
    height: 400px;
    justify-content: center;
    max-height: none;
    min-height: 20px;
    min-width: 20px;
    padding: 24px
}

.h-e-100, .h-e-99 {
    max-width: 600px;
    position: relative;
    width: 100%
}

.h-e-100 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    display: block;
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 26px;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    padding: 0 0 40px;
    z-index: 1
}

.h-e-101 {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.h-e-101, .h-e-102 {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: 10px;
    position: relative;
    width: 100%
}

.h-e-102 {
    flex-direction: column
}

.h-e-103 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-size: 28px;
    line-height: 38px
}

.h-e-103, .h-e-104 {
    display: block;
    font-family: Lexend;
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.h-e-104 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 16px;
    line-height: 26px
}

.h-e-98 {
    border: 1px solid #d5d5d5;
    height: 400px;   
    max-height: none;  
    min-height: 20px;
    min-width: 20px;
    padding: 24px;
    position: relative;
    width: 100%
}

.h-e-48, .h-e-98 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.h-e-48 {
    bottom: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    height: 100%;
    left: auto;
    padding: 0 10px;
    position: absolute;
    right: 0;
    row-gap: 0;
    top: 0;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-47 {
    background-color: #0000007f;
    border-radius: 100px 100px 100px 100px;
    flex-direction: column;
    height: 42px;
    width: 42px
}

.h-e-46, .h-e-47 {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative
}

.h-e-46 {
    color: #ffffffcc;
    font-size: 16px;
    height: 32px;
    line-height: 26px;
    min-height: 10px;
    min-width: 10px;
    text-align: left;
    width: 32px
}

.h-e-51 {
    align-items: center;
    bottom: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 0 10px;
    position: absolute;
    right: auto;
    row-gap: 0;
    top: 0;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-50 {
    background-color: #0000007f;
    border-radius: 100px 100px 100px 100px;
    flex-direction: column;
    height: 42px;
    width: 42px
}

.h-e-49, .h-e-50 {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}

.h-e-49 {
    color: #ffffffcc;
    font-size: 16px;
    height: 32px;
    line-height: 26px;
    min-height: 10px;
    min-width: 10px;
    text-align: left;
    width: 32px;
}

.h-e-54 {
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    justify-content: center;
    min-height: 650px;
    padding: 40px 16px;
}

.h-e-54, .h-e-55 {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.h-e-55 {
    background-color: #050f17;
    border-color: #050f17;
    border-style: solid;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 1300px;
    min-height: auto;
    min-width: 20px;
    padding: 60px;
}

.h-e-56 {
    color: #fff;
    font-family: Italiana;
    font-size: 50px;
    line-height: 60px;
    max-width: none;
    padding: 0 0 20px
}

.h-e-56, .h-e-57 {
    display: block;
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.h-e-57 {
    color: var(--vId-93ddf1ed-4def-4bfc-af99-64d67358a888);
    font-family: Lexend;
    font-size: 16px;
    line-height: 26px;
    max-width: 900px;
    padding: 0 0 40px
}

.h-e-58 {
    align-items: center;
    -moz-column-gap: 24px;
    column-gap: 24px;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    min-height: auto;
    min-width: 20px;
    padding: 30px 16px
}

.h-e-58, .h-e-94 {
    display: flex;
    position: relative;
    width: 100%
}

.h-e-94 {
    flex-direction: row;
    height: auto;
    justify-content: space-between;
    max-width: 1300px;
    padding: 0
}

.h-e-59 {
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: .6rem;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

.h-e-60 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Italiana;
    font-size: 42px;
    line-height: 48px
}

.h-e-60, .h-e-61 {
    display: block;
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 500px;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    padding: 0 0 8px;
    position: relative;
    width: 100%;
    z-index: 1
}

.h-e-61 {
    color: var(--vId-93ddf1ed-4def-4bfc-af99-64d67358a888);
    font-family: Lexend;
    font-size: 16px;
    line-height: 26px
}

.h-e-62 {
    order: 3 !important;
    align-items: center !important;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding-top: 10px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    width: 100%;
    justify-content: center !important; /* Add center alignment */
    position: relative;
}

.h-e-63 {
    display: flex;
    align-items: center;
    width: auto; /* Changed from 100% */
}

.h-e-64 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 22px;
    min-width: 10px;
    text-align: left;
}

.h-e-63, .h-e-64 {
    display: flex !important;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}

.h-e-63 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1;
    width: 100%;
}

.h-e-68 {
    order: 1;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: 10px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}

.h-e-69 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 22px;
    min-width: 10px;
    text-align: left;
}

.h-e-151, .h-e-69 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}

.h-e-151 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1;
}

.h-e-65 {
    order: 2;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    min-width: 20px;
    padding: 10px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}

.h-e-67 {
    color: var(--vId-310da845-38ae-4ab3-bc70-3470cbb45b0e);
    font-size: 22px;
    min-width: 10px;
    text-align: left;
}

.h-e-66, .h-e-67 {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}

.h-e-66 {
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35);
    font-family: Lexend;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    min-width: 16px;
    opacity: 100%;
    z-index: 1;
}

.h-e-130 {
    align-items: center;
    background-color: #000;
    flex-direction: column;
    margin-bottom: 0;
    min-height: auto; /* Changed from 20vh to auto */
    padding: 8px 0 0; /* Reduced from 32px */
    row-gap: 16px; /* Reduced from 32px */
    z-index: 100;
}

.h-e-130, .h-e-138 {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-width: 20px;
    position: relative;
    width: 100%;
}

.h-e-138 {
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1300px;
    min-height: auto; /* Changed from 20px */
    padding: 0 16px;
    row-gap: 16px; /* Reduced from 22px */
}

.h-e-139 {
    align-items: center;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 20px;
    min-width: 20%;
    row-gap: 12px;
    width: -moz-fit-content;
    width: fit-content;
}

.h-e-139, .h-e-142, .h-e-140 {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    -ms-align-content: center !important;
    -webkit-align-content: center !important;
    align-content: center !important;
}

.h-e-142 {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url('/assets/AbelBetancourtRealEstateIconProfileIconOnly.webp');
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40px;
    padding: 10px;
    width: 40px;
}

.h-e-140 {
    padding: 10px 0 0;
    text-align: center;
}

.h-e-140, .h-e-141 {
    color: #fff;
    display: block;
    font-family: Kumbh Sans;
    font-size: 16px;
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 26px;
    max-width: 350px;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}

.h-e-143 {
    justify-content: center;
    max-width: auto;
    min-width: fit-content;
    padding: 0;
    width: 100%;
    z-index: 300
}

.h-e-143, .h-e-144 {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 20px;
    position: relative
}

.h-e-144 {
    min-width: 20px;
    row-gap: 12px;
    width: -moz-fit-content;
    width: fit-content;
        flex-direction: row !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
}

.h-e-145 {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.h-e-145, .h-e-148 {
    display: block;
    font-family: Kumbh Sans;
    height: auto;
    line-height: 24px;
    min-height: 10px;
    min-width: 16px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-148 {
    color: #888;
    font-size: 16px;
    font-weight: 400;
    row-gap: 12px;
    z-index: 50
}

.h-e-147 {
    z-index: 100
}

.h-e-146, .h-e-147 {
    color: #888;
    display: block;
    font-family: Kumbh Sans;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    line-height: 24px;
    min-height: 10px;
    min-width: 16px;
    position: relative;
    row-gap: 12px;
    width: -moz-fit-content;
    width: fit-content
}

.h-e-146 {
    z-index: 200
}

.h-e-149 {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 20px;
    min-width: 30%;
    position: relative;
    row-gap: 12px;
    width: -moz-fit-content;
    width: fit-content;
    text-wrap-mode: wrap !important;
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.h-e-150 {
    color: #fff;
    display: block;
    font-family: Kumbh Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    max-width: 350px;
    min-height: 10px;
    min-width: 16px;
    opacity: 100%;
    text-wrap-mode: wrap !important;
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.h-e-131, .h-e-150 {
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: 100%;
    z-index: 1
}

/* =========================
   Footer Section Styles
   ========================= */

/* Desktop Styles (default) */
/* .h-e-131: Footer container background */

.h-e-131 {
    background-color: #eee;
    display: flex;
    justify-content: center;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: 100%;
    z-index: 1;
}

/* .h-e-132: Footer inner flex container (row, space-between) */

.h-e-132 {
    align-items: center;
    border: 0 transparent;
    border-top: 0 solid #00000019;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: 1300px;
    min-height: auto;
    min-width: 20px;
    padding: 8px;
    position: relative;
    width: 100%;
    gap: 16px;
}
/* .h-e-133: Copyright text containe */
.h-e-133 {
    order: 2;
    margin-left: auto;
    color: #000;
    display: block;
    font-family: Kumbh Sans;
    font-size: 8px;
    font-weight: 400;
    height: auto;
    line-height: 26px;
    min-height: 10px;
    min-width: 16px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}

.h-e-133, .h-e-134 {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}

    .h-e-133 p {
        font-size: 8px;
        margin: 0;
        padding: 0;
    }
/* .h-e-134: Social media icons container (row, gap) */

.h-e-134 {
    order: 1;
    margin-right: 16px;
    -moz-column-gap: 22px;
    column-gap: 22px;
    display: flex;
    flex-wrap: wrap;
    height: -moz-fit-content;
    height: fit-content;
    row-gap: 22px;
    z-index: 1;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}
/* Social icon styles */
.h-e-135, .h-e-136, .h-e-137, .h-e-161, .h-e-162 {
    color: #333;
    display: block;
    font-size: 24px;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 24px;
    min-width: 24px;
    padding: 0;
    position: relative;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
}

/* Base Styles */
    .location-stats-container {
    position: relative;
    width: 100%;
}

.location-dropdown {
    cursor: pointer;
    position: relative;
    width: 100%;
    z-index: 1000;
    box-sizing: border-box;
}

.main-area {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: var(--vId-644fd6fe-b423-45f5-8b28-15a19f6d4e35); /* Changed to white color variable */
    padding: 8px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

    .main-area:hover {
        background-color: rgba(255, 255, 255, 0.1); /* Light transparent gray */
    }

    .main-area .fa-chevron-right {
        transition: transform 0.3s ease;
    }

/* Main content section */
.main-content {
    display: none;
    position: relative;
    left: 0;
    top: 100%;
    background: var(--vId-f17d981e-364b-446f-a223-babc6218a6c8);
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    padding: 12px;
    border-radius: 8px;
    min-width: 220px;
    border: 1px solid #e0e0e0;
    width: 100%;
    margin: 8px 0;
}

.county-header {
    font-weight: bold;
    padding: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #e0e0e0;
}

/* City Items Styles */
.city-item {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 5px;
}

    .city-item:last-child {
        border-bottom: none;
    }

.city-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin: 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .city-name:hover {
        background-color: rgba(255, 255, 255, 0.1); /* Light transparent gray */
    }

    .city-name .fa-chevron-right {
        transition: transform 0.3s ease;
    }

.city-item.active .fa-chevron-right {
    transform: rotate(90deg);
}

.city-stats {
    display: none;
    padding: 0 10px 10px 30px;
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 0 0 4px 4px;
}

.city-item.active .city-stats {
    display: block;
}

.timestamp {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #e0e0e0;
    font-size: 12px;
    color: #666;
    text-align: right;
}

@media (max-width:767px) {

    html, body {
        overflow-x: hidden !important;
        width: 100vw; /* ensure we’re always exactly viewport-wide */
    }

    .h-e-1 {
        flex-direction: column;
        min-height: 100vh;
    }

    .h-e-1, .h-e-120 {
        position: relative
    }

    .h-e-121 {
        padding: 0
    }

    .h-e-121, .h-e-122, .h-e-126, .h-e-127, .h-e-128 {
        position: relative
    }

    .h-e-128 { /* logo + name */
        flex-shrink: 0 !important;
        gap: 0.25rem !important;
        font-size: .9rem !important; /* or even .875rem if you need it tinier */
        white-space: nowrap; /* never wrap onto two lines */
        overflow: hidden; /* just in case */
        text-overflow: ellipsis; /* adds “…” if it ever still runs out of room */
        max-width: 50vw; /* cap it at half the viewport width */
    }

    /* 4) Header row itself: logo left, nav right */
    .h-e-120, .h-e-121 {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 2px 4px !important;
        min-width: 0;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    /* shrink the little logo “icon” */
    .h-e-126 {
        width: 46px !important; /* Increased from 14px */
        height: 46px !important;
        padding: 2px !important;
    }

        /* if there’s an <img> inside, make sure it scales down */
        .h-e-126 img {
            width: 100% !important;
            height: auto !important;
        }

    /* 2) Force nav container to stay on one row and allow shrinking */
    .h-e-122 {
        background-color: transparent !important; /* Changed from var color to transparent */
        border-radius: 0 !important; /* Remove border radius */
        box-shadow: none !important;
        flex-direction: row !important;
        padding: 0 !important; /* Remove padding */
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 0 !important; /* Remove gap */
        min-width: 0;
        flex-shrink: 1;
    }

    .h-e-129 {
        padding: 0 12px 0 0;
        position: relative;
        text-align: right;
    }

    /* 1) Hide hamburger icons */
    .h-e-125, .h-e-129 {
        display: none !important;
    }

    /* Modify the navigation buttons */
    .h-e-123, .h-e-124 {
        padding: 0 8px !important; /* Reduced padding */
        text-align: center;
        width: auto;
        display: inline-block;
        margin: 0 !important; /* Remove margin */
        background-color: transparent !important;
    }


    .h-e-125 {
        background-color: #fff;
    }

    .h-e-91 {
        padding: 0;
        margin: 0;
    }

    .h-e-125, .h-e-2, .h-e-3, .h-e-91 {
        position: relative;
    }

    /* 5) Tweak hero spacing so it sits up under the nav */
    .h-e-2 {
        min-height: auto;
        height: auto;
        padding: 3rem 1rem;
    }

    .h-e-3 {
        font-size: 48px !important;
        line-height: 1.2;
        padding: 0.5rem 0;
    }

    .h-e-4 {
        font-size: 14px;
        line-height: 1.5;
        padding: 0.5rem 0 1rem;
    }

    .h-e-4, .h-e-5 {
        position: relative;
    }

    .h-e-5 {
        flex-direction: column;
        padding: 16px
    }

    .h-e-113, .h-e-114, .h-e-115 {
        position: relative
    }

    .h-e-113 {
        flex-direction: column
    }

    .h-e-112 {
        padding: 0 0 40px;
        position: relative;
        max-width: 100vw !important;
        width: 100vw !important;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    }

    .h-e-111 img {
        width: 100vw !important;
        max-width: none !important;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        height: auto;
        object-fit: contain;
        display: block;
        margin-bottom: 1rem;
    }

    /* ——————————————————————————
     Center the image container on mobile
     —————————————————————————— */
    .h-e-111 {
        text-align: center !important;
    }

        .h-e-111 img {
            margin: 0 auto !important;
            display: inline-block !important;
        }

    .h-e-110 {
        align-items: center;
        padding: 0 0 40px;
        position: relative;
        max-width: 100% !important;
        width: 100% !important;
    }

    .h-e-108, .h-e-109 {
        position: relative;
        text-align: center
    }

    .h-e-6 {
        padding: 16px;
        row-gap: 16px
    }

    .h-e-6, .h-e-92 {
        flex-direction: column;
        position: relative
    }

    .h-e-7 {
        align-items: center;
        padding: 0 0 10px;
        position: relative
    }

    .h-e-8 {
        font-size: 38px;
        line-height: 48px
    }

    .h-e-8, .h-e-9 {
        position: relative;
        text-align: center
    }

    .h-e-11 {
        -moz-column-gap: 24px;
        column-gap: 24px;
        justify-content: center
    }

    .h-e-11, .h-e-12 {
        flex-direction: row
    }

    .h-e-11, .h-e-12, .h-e-13, .h-e-14, .h-e-82 {
        position: relative
    }

    .h-e-82 {
        flex-direction: row
    }

    .h-e-79, .h-e-83, .h-e-84 {
        position: relative
    }

    .h-e-79 {
        flex-direction: row
    }

    .h-e-76, .h-e-80, .h-e-81 {
        position: relative
    }

    .h-e-76 {
        flex-direction: row;
    }

    .h-e-73, .h-e-77, .h-e-78 {
        position: relative;
    }

    .h-e-73 {
        flex-direction: row;
    }

    .h-e-74, .h-e-75, .h-e-88 {
        position: relative;
    }

    .h-e-88 {
        flex-direction: row;
    }

    .h-e-85, .h-e-89, .h-e-90 {
        position: relative;
    }

    .h-e-85 {
        flex-direction: row;
    }

    .h-e-70, .h-e-86, .h-e-87 {
        position: relative;
    }

    .h-e-70 {
        flex-direction: row;
    }

    .h-e-71, .h-e-72, .h-e-95 {
        position: relative;
    }

    .h-e-95 {
        flex-direction: column;
        row-gap: 24px;
    }

    .h-e-10, .h-e-96 {
        position: relative;
        padding-left: 0 !important;
        padding-right: 0 !important;
        scroll-padding-left: 0;
        scroll-padding-right: 0;
    }

    .h-e-15 {
        flex-wrap: wrap;
        padding: 16px;
    }

    .h-e-15, .h-e-17, .h-e-93 {
        flex-direction: column;
        position: relative;
    }

    .h-e-17 {
        align-items: center;
        padding: 0;
    }

    .h-e-16 {
        font-size: 38px;
        line-height: 48px;
    }

    .h-e-16, .h-e-18 {
        text-align: center;
    }

    .h-e-16, .h-e-18, .h-e-19, .h-e-20, .h-e-21, .h-e-22 {
        position: relative;
    }

    .h-e-22 {
        align-items: center;
        flex-direction: column;
        padding: 24px 0 0;
    }

    .h-e-23 {
        max-width: none;
    }

    .h-e-23, .h-e-24, .h-e-25, .h-e-26, .h-e-31 {
        position: relative;
    }

    .h-e-31 {
        max-width: none;
    }

    .h-e-27, .h-e-32, .h-e-33, .h-e-34 {
        position: relative;
    }

    .h-e-27 {
        max-width: none;
    }

    .h-e-28, .h-e-29, .h-e-30, .h-e-35 {
        position: relative;
    }

    .h-e-35 {
        max-width: none;
    }

    .h-e-36, .h-e-37, .h-e-38 {
        position: relative;
    }

    .h-e-39 {
        flex-direction: column;
    }

    .h-e-39, .h-e-54 {
        padding: 24px 16px;
    }

    .h-e-39, .h-e-97 {
        position: relative;
        row-gap: 24px;
    }

    .h-e-97 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .h-e-40 {
        align-items: center;
        flex-direction: column;
        position: relative;
    }

    .h-e-41 {
        font-size: 38px;
        line-height: 48px;
    }

    .h-e-41, .h-e-42 {
        text-align: center;
    }

    .h-e-41, .h-e-42, .h-e-43, .h-e-44, .h-e-45, .h-e-52, .h-e-53, .h-e-99 {
        position: relative;
    }

    .h-e-99 {
        height: -moz-fit-content;
        height: fit-content;
    }

    .h-e-100 {
        position: relative;
        text-align: center;
    }

    .h-e-101, .h-e-102 {
        flex-direction: column;
        position: relative
    }

    .h-e-103, .h-e-104 {
        position: relative;
        text-align: center;
    }

    .h-e-98 {
        height: -moz-fit-content;
        height: fit-content;
    }

    .h-e-46, .h-e-47, .h-e-48, .h-e-49, .h-e-50, .h-e-51, .h-e-54, .h-e-98 {
        position: relative;
    }

    .h-e-54 {
        padding: 24px;
    }

    .h-e-55 {
        align-items: center;
        flex-direction: column;
        padding: 12px;
        position: relative;
    }

    .h-e-56 {
        color: #fff;
        font-size: 32px;
        line-height: 42px;
    }

    .h-e-56, .h-e-57 {
        position: relative;
        text-align: center;
    }

    .h-e-58 {
        padding: 8px;
        row-gap: 24px;
    }

    .h-e-58, .h-e-94 {
        flex-direction: column;
        position: relative;
    }

    .h-e-94 {
        row-gap: 40px;
    }

    .h-e-59 {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 10px;
        position: relative;
        z-index: 1;
    }

    .h-e-60, .h-e-61 {
        position: relative;
        text-align: center;
    }

    .h-e-60 {
        font-size: 40px !important; /* Increased from 32px */
        line-height: 46px !important;
        text-align: center;
        max-width: 95vw !important;
    }

    .h-e-62, .h-e-63 {
        width: 100%;
        position: relative;
    }

    .h-e-62 {
        position: relative;
        flex-direction: row;
        z-index: 1;
        order: 3;
        align-items: center;
        -moz-column-gap: 12px;
        column-gap: 12px;
        display: flex;
        height: -moz-fit-content;
        height: fit-content;
        min-height: auto;
        min-width: 20px;
        padding: 10px;
        width: -moz-fit-content;
        width: fit-content;
    }

    /* Also update the child element to match the alignment */
    .h-e-63 {
        display: flex;
        align-items: center;
        width: auto; /* Changed from 100% */
    }

    .h-e-62, .h-e-63, .h-e-64, .h-e-68 {
        position: relative;
    }

    .h-e-68 {
        flex-direction: row;
        z-index: 1;
        order: 1;
    }

    .h-e-151, .h-e-65, .h-e-69 {
        position: relative;
    }

    .h-e-65 {
        flex-direction: row;
        z-index: 1;
        order: 2;
    }

    .h-e-130, .h-e-66, .h-e-67 {
        position: relative;
    }

    .h-e-138 {
        flex-direction: row;
        flex-wrap: wrap !important;
        padding: 0 16px;
        row-gap: 22px;
    }

    .h-e-138, .h-e-139 {
        align-items: center;
        position: relative;
    }

    .h-e-142 {
        position: relative;
    }

    .h-e-140, .h-e-141 {
        position: relative;
        text-align: center;
    }

    .h-e-143 {
        padding: 0;
        position: relative;
    }

    .h-e-144 {
        align-items: center;
        width: 100%;
    }

    .h-e-144, .h-e-145, .h-e-146, .h-e-147, .h-e-148, .h-e-149, .h-e-150 {
        position: relative;
    }

    .h-e-150 {
        text-align: center;
    }

    .h-e-131, .h-e-132 {
        position: relative;
    }
    /* .h-e-132: Footer inner flex container (column, centered, wrap) */

    .h-e-132 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        padding: 8px;
    }
    /* .h-e-133: Copyright text container (centered) */

    .h-e-133 {
        order: 2;
        margin: 0;
        position: relative;
        text-align: center;
    }

        .h-e-133 p {
            font-size: 6px;
            margin: 0;
            padding: 0;
        }
    /* .h-e-134: Social media icons container (row, more gap) */

    .h-e-134 {
        order: 1;
        margin: 0 0 4px 0;
        -moz-column-gap: 26px;
        column-gap: 26px;
        row-gap: 10px
    }

    .h-e-134, .h-e-135, .h-e-136, .h-e-137 {
        position: relative
    }

    /* Mobile Specific Styles for City Stats */

    .main-content {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        max-height: auto;
        width: 95vw;
        max-width: 500px;
        min-width: 0;
        overflow-y: auto;
        margin: 8px auto;
        background-color: var(--vId-f17d981e-364b-446f-a223-babc6218a6c8);
        z-index: 20;
        border-radius: 8px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.2);
        padding: 1rem;
    }


    .city-stats {
        padding: 0 15px 15px 25px;
        width: 100%;
        margin: 8px 0;
    }

    .city-name {
        padding: 15px 10px;
    }

        .city-name .fa-chevron-right {
            padding: 10px;
            margin: -10px;
        }

    .location-stats-container {
        width: 100%;
        position: relative; /* Forces normal document flow on mobile */
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .location-dropdown {
        width: 100%;
        left: 0 !important;
        right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 0;
    }

        .location-dropdown .main-content {
            position: relative;
            left: 0 !important;
            right: 0 !important;
            top: 0;
            transform: none;
            width: 98vw;
            max-width: 325px;
            min-width: 0;
            margin: 8px auto;
            background-color: var(--vId-f17d981e-364b-446f-a223-babc6218a6c8);
            z-index: 20;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.2);
            padding: 1rem;
            overflow-x: auto;
        }
}

/* ADD this entire section at the end of your index.css file */
/* Small phone specific styles 
@media screen and (max-width: 320px) {
    .main-area {
        font-size: 14px;
    }

    .main-content {
        width: 95%;
        max-width: 300px;
    }
}
    */

/* Add tablet styles */
@media (min-width: 767px) and (max-width: 1024px) {
 
    .h-e-120, .h-e-121 {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding: 2px 4px !important;
        min-width: 0;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .h-e-2 {
        min-height: auto;
        padding: 3rem 1rem;
    }

    .h-e-3 {
        font-size: 60px;
        line-height: 1.2;
    }

    /* Navigation container adjustments */
    .h-e-122 {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        height: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        background-color: transparent !important;
        box-shadow: none !important;
        width: auto !important;
        top: auto !important;
    }

    /* Navigation button adjustments */
    .h-e-123, .h-e-124 {
        height: 40px !important;
        line-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        padding: 0 12px !important;
        margin: 0 !important;
        top: auto !important;   
    }

    /* Logo container adjustments */
    .h-e-128 {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    /* Header container spacing */
    .h-e-121 {
        height: 40px !important;
        padding: 0 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 1140px !important;
        margin: 0 auto !important;
    }

    /* Hide hamburger menu elements */
    .h-e-125, .h-e-129 {
        display: none !important;
    }

    .h-e-138 {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 24px !important;
    }

    .h-e-143,
    .h-e-149 {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        min-width: 0 !important;
        max-width: none !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .h-e-144 {
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .h-e-145, .h-e-150 {
        font-size: 14px !important;
        white-space: nowrap;
        margin: 0 6px 0 0 !important;
        padding: 0 !important;
    }


    .h-e-62 {
        position: relative;
        flex-direction: row;
        z-index: 1;
        order: 3;
        align-items: center;
        -moz-column-gap: 12px;
        column-gap: 12px;
        display: flex;
        height: -moz-fit-content;
        height: fit-content;
        min-height: auto;
        min-width: 20px;
        padding: 10px;
        width: -moz-fit-content;
        width: fit-content;
    }

    /* Also update the child element to match the alignment */
    .h-e-63 {
        display: flex;
        align-items: center;
        width: auto; /* Changed from 100% */
    }
}


/* ADD this new tablet-specific media query after the mobile one */
@media (min-width: 768px) and (max-width: 1199px) {
    .h-e-138 {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 24px !important;
    }
    .h-e-143,
    .h-e-149 {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        min-width: 0 !important;
        max-width: none !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 8px !important;
    }
    .h-e-144 {
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .h-e-145, .h-e-150 {
        font-size: 14px !important;
        white-space: nowrap;
        margin: 0 8px 0 0 !important;
        padding: 0 !important;
    }

    .h-e-121, .h-e-122, .h-e-126, .h-e-127, .h-e-128 {
        position: relative;
        display: flex !important;
        flex-direction: row !important;
    }
    /* Navigation container adjustments */
    .h-e-122 {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        height: 45px !important;
        padding: 0 !important;
        margin: 0 !important;
        background-color: transparent !important;
        box-shadow: none !important;
        width: auto !important;
        top: auto !important;
    }

    .h-e-62 {
        position: relative;
        flex-direction: row;
        z-index: 1;
        order: 3;
        align-items: center;
        -moz-column-gap: 12px;
        column-gap: 12px;
        display: flex;
        height: -moz-fit-content;
        height: fit-content;
        min-height: auto;
        min-width: 20px;
        padding: 10px;
        width: -moz-fit-content;
        width: fit-content;
    }

    /* Also update the child element to match the alignment */
    .h-e-63 {
        display: flex;
        align-items: center;
        width: auto; /* Changed from 100% */
    }

}

.paragraph {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

a.underline-link {
    text-decoration: underline !important;
    text-decoration-color: #a8894d !important;
    text-decoration-thickness: 2px !important;
}