.map_section {
    & .section_inner {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        
        & .map_outer {
            width: 100%;
            height: 55rem;
            position: relative;
            overflow: hidden;
            
            iframe {
                width: 100%;
                height: 80rem;
                margin-top: -25rem;
            }
        }

        & .map_overlay {
            position: absolute;
            display: flex;

            & .overlay_inner {
                width: 44rem;
                max-width: 100%;
                background: var(--white);
                padding: 3rem;
                border-radius: 3rem;
                box-shadow: 0 4rem 5rem rgba(0, 0, 0, .3);

                & p {
                    &.header {
                        font-size: 4rem;
                        color: var(--teal);
                    }

                    &:not(.header) {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        margin-bottom: 2rem;

                        & svg {
                            width: 3.4rem;
                        }

                        & span {
                            display: block;
                            margin-left: 1rem;
                        }
                    }
                }
            }
        }
    }
}