:root {
    --button-color: black;
    --text-color: #1a1a1a;
    --text-on-button: white;
}

.webflow-body .w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.webflow-body {
    color: #000;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 14px;
    line-height: 1.3;
}

.webflow-body .section {
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 50px 0%;
    display: flex;
}

.webflow-body .section.reverse-color {
    background-color: var(--button-color);
}

.webflow-body .container {
    width: 100%;
    max-width: 1100px;
    padding-left: 0px;
    padding-right: 0px;
}

.webflow-body .grid_1-2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.webflow-body .content-wrap {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.webflow-body .content-wrap.center {
    text-align: center;
    align-items: center;
}

.webflow-body .content-wrap.center.skinny {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.webflow-body .h2 {
    color: var(--text-color);
    margin-top: 0;
    font-weight: 500;
}

.webflow-body .h2.body-color {
    color: var(--text-on-button);
}

.webflow-body .p {
    color: var(--text-color);
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}

.webflow-body .p.body-color {
    color: var(--text-on-button);
}

.webflow-body .p.mb-0 {
    margin-bottom: 0;
}

.webflow-body .button {
    border: 1px solid var(--button-color);
    background-color: var(--button-color);
    color: var(--text-on-button);
    border-radius: 5px;
}

.webflow-body .button.secondary {
    border: 1px solid var(--button-color);
    color: var(--text-color);
    background-color: rgba(0, 0, 0, 0);
}

.webflow-body .button.secondary.reverse {
    color: var(--text-on-button);
    background-color: rgba(0, 0, 0, 0);
}

.webflow-body .button.reverse {
    border-color: var(--text-on-button);
    background-color: var(--text-on-button);
    color: var(--button-color);
}

.webflow-body .short-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 20px;
}

.webflow-body .wrap_body-color {
    background-color: var(--text-on-button);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .2);
}

.webflow-body .wrap_2-buttons {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.webflow-body .section_bg-image {
    background-image: url("https://s3.amazonaws.com/realestatewebcreation/ctas/images/iStock-1498888707.jpg");
    background-position: 0%;
    background-size: cover;
}

.webflow-body .section_bg-image.reverse-color {
    background-color: var(--button-color);
}

.webflow-body .section_bg-image._2 {
    background-image: url("https://s3.amazonaws.com/realestatewebcreation/ctas/images/pexels-sarah-chai-7262412.jpg");
}

.webflow-body .content-wrap_bg-blur {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, .75);
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px;
    display: flex;
}

.webflow-body .content-wrap_bg-blur.center {
    text-align: center;
    align-items: center;
}

.webflow-body .content-wrap_bg-blur.center.skinny {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.webflow-body .content-wrap_bg-blur.reverse {
    background-color: rgba(0, 0, 0, .75);
}

.webflow-body .wrap_relative-images {
    border-radius: 20px;
    padding: 75px;
    position: relative;
    box-shadow: 0 14px 20px rgba(0, 0, 0, .2);
}

.webflow-body .image_absolute-1 {
    width: 200px;
    height: 150px;
    object-fit: cover;
    border-radius: 20px;
    position: absolute;
    top: -40px;
    bottom: auto;
    left: -20px;
    right: auto;
    box-shadow: 0 14px 20px rgba(0, 0, 0, .2);
}

.webflow-body .image_absolute-2 {
    width: 200px;
    height: 150px;
    object-fit: cover;
    border-radius: 20px;
    position: absolute;
    top: auto;
    bottom: 20px;
    left: auto;
    right: -20px;
    box-shadow: 0 14px 20px rgba(0, 0, 0, .2);
}

.webflow-body .content-wrap_center_m700 {
    max-width: 700px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.webflow-body .content-wrap_center_m500 {
    max-width: 500px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.webflow-body .image_absolute-3 {
    width: 200px;
    height: 150px;
    object-fit: cover;
    border-radius: 20px;
    position: absolute;
    top: -60px;
    bottom: auto;
    left: auto;
    right: 40px;
    box-shadow: 0 14px 20px rgba(0, 0, 0, .2);
}

.webflow-body .image_absolute-4 {
    width: 200px;
    height: 150px;
    object-fit: cover;
    border-radius: 20px;
    position: absolute;
    top: auto;
    bottom: -40px;
    left: 75px;
    right: auto;
    box-shadow: 0 14px 20px rgba(0, 0, 0, .2);
}

.webflow-body .section_2x-padding {
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 100px 5%;
    display: flex;
}

.webflow-body .section_2x-padding.reverse-color {
    background-color: var(--button-color);
}

.webflow-body .wrap_cta-color {
    background-color: var(--button-color);
    border-radius: 20px;
    padding: 40px;
}

.webflow-body .divider {
    border-top: 1px dashed var(--button-color);
    border-bottom: 1px dashed var(--button-color);
    color: var(--button-color);
    background-color: #e4e4e4;
    padding: 30px 5%;
}

.webflow-body .form_email {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    display: flex;
}

.webflow-body .input {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    margin-bottom: 0;
}

.webflow-body .input.mb-10 {
    margin-bottom: 10px;
}

.webflow-body .grid_4-3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
}

.webflow-body .logo-code {
    color: #000;
}

.webflow-body .logo-code.grayscale {
    opacity: .7;
    filter: grayscale();
    transition: all .2s;
}

.webflow-body .logo-code.grayscale:hover {
    opacity: 1;
    filter: grayscale(0%);
}

.webflow-body .banner_flex-end {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.webflow-body .content-wrap_m500 {
    max-width: 500px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.webflow-body .banner_flex-end_contrast {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    background-color: var(--text-on-button);
    border-radius: 20px;
    grid-template-rows: auto;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    display: flex;
}

.webflow-body .banner_flex-end_reverse {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    background-color: var(--button-color);
    border-radius: 20px;
    grid-template-rows: auto;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    display: flex;
}

.webflow-body .content-wrap_40pc {
    max-width: 40%;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.webflow-body .form-block {
    background-color: var(--text-on-button);
    margin-bottom: 0;
    padding: 40px;
}

.webflow-body .wrap_flex_cta-color {
    background-color: var(--button-color);
    border-radius: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    display: flex;
}

.webflow-body .form-block_overlap {
    width: 55%;
    background-color: var(--text-on-button);
    border-radius: 20px;
    margin-top: -80px;
    margin-bottom: -80px;
    padding: 40px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .2);
}

.webflow-body .success {
    border: 1px dashed var(--button-color);
    border-radius: 20px;
}

.webflow-body .form-block_shadow {
    width: 100%;
    background-color: var(--text-on-button);
    border-radius: 20px;
    margin-bottom: 0;
    padding: 40px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .2);
}

.webflow-body .wrap_body-color_half-image {
    background-color: var(--text-on-button);
    border-radius: 20px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .2);
}

.webflow-body .half-image_r {
    width: 45%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.webflow-body .half-image_l {
    width: 45%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.webflow-body .style-guide {
    flex-direction: column;
    align-items: center;
    padding: 50px 5%;
    display: flex;
}

.webflow-body .container_style-guide {
    width: 100%;
    max-width: 1100px;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.webflow-body .form-block_email {
    margin-bottom: 0;
}

.webflow-body .reverse-style-guide {
    background-color: var(--button-color);
    flex-direction: column;
    align-items: center;
    padding: 50px 5%;
    display: flex;
}

.webflow-body .swatch-wrap {
    width: 50px;
    height: 50px;
    border: 1px solid var(--button-color);
    background-color: var(--button-color);
    border-radius: 5px;
}

.webflow-body .swatch-wrap.text {
    background-color: var(--text-color);
}

.webflow-body .swatch-wrap.body {
    background-color: var(--text-on-button);
}

.webflow-body .intro-section {
    border-bottom: 1px dashed #e0e0e0;
    justify-content: center;
    align-items: center;
    padding: 100px 50px;
    display: flex;
}

.webflow-body .intro-grid {
    width: 100%;
    max-width: 1100px;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.webflow-body .content-wrap---intro {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.webflow-body .memberstack-logo {
    max-width: 155px;
    margin-left: -5px;
}

.webflow-body .paragraph {
    font-size: 17px;
    line-height: 1.7;
}

.webflow-body .video {
    background-image: url("https://s3.amazonaws.com/realestatewebcreation/ctas/images/vidbox.jpg");
    background-position: 50%;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 30px -10px rgba(0, 0, 0, .2);
}

.webflow-body .h1 {
    font-weight: 500;
}

.webflow-body .ms-iframe {
    z-index: 2147483647;
    height: 70px;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.webflow-body .ms-iframe-embed {
    width: 180px;
    height: 70px;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    position: relative;
    overflow: visible;
}

.webflow-body .hidden-embed {
    z-index: -1;
    height: 0;
    max-height: 0;
    opacity: 0;
    position: fixed;
}

.webflow-body .ms-iframe-footer-embed-3 {
    width: 100%;
    height: 350px;
    background-color: #d1e7fb;
    background-image: url("https://s3.amazonaws.com/realestatewebcreation/ctas/images/noise.png");
    background-position: 0 0;
    background-size: 200px;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 0;
    display: block;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .webflow-body .image_absolute-2 {
        bottom: -35px;
    }

    .webflow-body .image_absolute-3 {
        top: -75px;
        right: -20px;
    }

    .webflow-body .image_absolute-4 {
        bottom: -75px;
        left: 20px;
    }

    .webflow-body .grid_4-3 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .webflow-body .banner_flex-end,
    .webflow-body .banner_flex-end_contrast,
    .webflow-body .banner_flex-end_reverse {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .webflow-body .intro-section {
        padding-left: 5%;
        padding-right: 5%;
    }

    .webflow-body .intro-grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 767px) {
    .webflow-body .grid_1-2 {
        grid-template-columns: 1fr;
    }

    .webflow-body .image_absolute-1,
    .webflow-body .image_absolute-2,
    .webflow-body .image_absolute-3,
    .webflow-body .image_absolute-4 {
        display: none;
    }

    .webflow-body .banner_flex-end,
    .webflow-body .banner_flex-end_contrast,
    .webflow-body .banner_flex-end_reverse {
        grid-template-columns: 1fr;
    }

    .webflow-body .content-wrap_40pc {
        max-width: none;
        margin-bottom: 20px;
    }

    .webflow-body .wrap_flex_cta-color {
        flex-direction: column;
    }

    .webflow-body .form-block_overlap,
    .webflow-body .form-block_shadow {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .webflow-body .half-image_r,
    .webflow-body .half-image_l {
        display: none;
    }
}

@media screen and (max-width: 479px) {

    .webflow-body .wrap_body-color,
    .webflow-body .wrap_cta-color {
        padding-left: 20px;
        padding-right: 20px;
    }

    .webflow-body .grid_4-3 {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .webflow-body .wrap_flex_cta-color,
    .webflow-body .wrap_body-color_half-image {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.webflow-body #w-node-_79720281-de3f-111f-411d-fb5f8ae3ab2d-7f83a604,
.webflow-body #w-node-_41620af3-9500-778d-956c-8c506d5f199e-7f83a604,
.webflow-body #w-node-_41620af3-9500-778d-956c-8c506d5f19a8-7f83a604,
.webflow-body #w-node-_94bd5a7f-68f4-5ce7-6273-6adff27e4672-7f83a604,
.webflow-body #w-node-_94bd5a7f-68f4-5ce7-6273-6adff27e4668-7f83a604,
.webflow-body #w-node-e76d019e-6d26-af8e-3252-23bfb763e482-7f83a604,
.webflow-body #w-node-_597c73db-e49a-0a61-ecc3-4c6b28e22697-7f83a604,
.webflow-body #w-node-d6d816b5-0a94-5aa1-2606-fb1abd4a53cb-7f83a604,
.webflow-body #w-node-_85c7f0ca-492c-3d3a-a701-4f664e5074ef-7f83a604,
.webflow-body #w-node-_1df57d10-3278-417b-8871-c65f3e241f66-7f83a604,
.webflow-body #w-node-c452d6f0-fef4-92cb-c89b-0c142df4739d-7f83a604,
.webflow-body #w-node-_2f5401ba-fce5-c065-5bde-02a182346046-7f83a604,
.webflow-body #w-node-d5f80316-ae24-3e7c-3491-91ffcd59cbce-7f83a604,
.webflow-body #w-node-_7a496fe3-d168-3c42-3739-b7cc2b7b6ac9-7f83a604,
.webflow-body #w-node-_0cf708c2-7f71-245e-5882-a75f8fa5b42c-7f83a604,
.webflow-body #w-node-af573821-6a3c-bbf4-175f-cefbdc38a261-7f83a604,
.webflow-body #w-node-_781d0fe5-4c3e-4e80-4df5-f45e87334e06-7f83a604,
.webflow-body #w-node-_75aae1fd-11a6-0e7b-9a43-d9c1d4657b22-7f83a604,
.webflow-body #w-node-ea31dd7b-92c1-22f6-4d31-356c0e4a5056-7f83a604,
.webflow-body #w-node-e854d197-9d50-5d59-dc85-7a18b70015f6-7f83a604,
.webflow-body #w-node-_580568d6-3c4a-7c34-701f-a350e990c343-7f83a604 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}