.agents-in-locality {
    max-width: 73.125rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;

    .view-header {
        position: relative;
        flex-wrap: wrap;
        display: flex;
        box-sizing: border-box;
        padding: 0 92px;

        .views-row {
            width: 33.333333%;

            a {
                color: #333;
                font-family: 'Roboto', sans-serif;
                font-size: 1rem;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 24px;
                text-decoration: underline;
                text-transform: capitalize;
            }

            .field-content {
                padding-right: 20px;
            }
        }
    }

    @media (max-width: 1170px) {
        max-width: 970px;

    }

    @media (max-width: 970px) {
        max-width: 768px;

        .view-header {
            .views-row {
                width: 50%;
            }
        }
    }

    @media (max-width: 768px) {
        .view-header {
            padding: 0 52px;
            display: block;

            .views-row {
                width: 100%;
            }
        }
    }


    iframe {
        border: 0;

    }
}

.view-related-locations {
    max-width: 73.125rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
    margin-bottom: 35px;

    .view-content {
        position: relative;
        padding: 0 92px;
        flex-wrap: wrap;
        display: flex;
        box-sizing: border-box;

        .views-row {
            width: 33.333333%;

            a {
                color: #333;
                font-family: 'Roboto', sans-serif;
                font-size: 1rem;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 24px;
                text-decoration: underline;
                text-transform: none;
            }

            .field-content {
                padding-right: 20px;
            }
        }
    }
}

.block:has(.view-related-locations) h2 {
    font-size: 3.375rem;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.4;
    text-align: left;
    border-bottom-width: 1px;
    border-color: #333;
    padding-bottom: .625rem;
    margin-block: unset;
    margin-top: 2.1875rem;
    border-bottom-style: solid;
    max-width: 73.125rem;
    margin-left: auto;
    margin-right: auto;
    @media (max-width: 970px) {
        font-size: 1.5rem;
    }
}


@media (max-width: 1170px) {
    .view-related-locations {
        max-width: 970px;
    }

    .block:has(.view-related-locations) h2 {
        max-width: 970px;
    }
}

@media (max-width: 970px) {
    .view-related-locations {
        max-width: 768px;

        .view-content {
            .views-row {
                width: 50%;
            }
        }
    }

    .block:has(.view-related-locations) h2 {
        max-width: 768px;
    }
}

@media (max-width: 768px) {
    .view-related-locations {
        padding-left: 0;
        padding-right: 0;

        .view-content {
            padding: 0 52px;

            .views-row {
                width: 100%;
            }
        }
    }
}