.contact-section {
    .map {
        .map-wrapper {
            iframe {
                border-radius: $br-12;
                width: 100%;
                height: clamp(450px, 31.25vw, 900px);
            }
        }
    }

    .contact-wrapper {
        .contact-text-container {
            .detail-block {
                display: flex;
                align-items: flex-start;
                gap: 16px;

                .icon-box {
                    width: clamp(32px, 2.5vw, 60px);
                    height: clamp(32px, 2.5vw, 60px);
                    display: grid;
                    align-items: center;
                    justify-content: center;
                    background: $accent-1;
                    border-radius: $br-8;

                    svg {
                        width: clamp(18px, 1.25vw, 32px);
                        height: clamp(18px, 1.25vw, 32px);

                        path {
                            fill: $white;
                        }
                    }
                }
            }
        }
    }
}