/*CONTACT====================*/

/*CONTACT-CONTENT====================*/
.contact-content .sc-inner {
    display: flex;
    grid-gap: var(--spacing-80);
    padding-bottom: var(--spacing-160);
}

.contact-content .map-and-detail {
    width: 37.06896551724%;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-80);
}

.contact-content .map-and-detail .map {
    width: 100%;
    height: min(23.2638888889vw, 402px);
    position: relative;
    background-color: var(--color-off-white);
}

.contact-content .map-and-detail .map *:is(iframe, img) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.contact-content .map-and-detail .map .map-image {
    opacity: 0.5;
    mix-blend-mode: multiply;
}

.contact-content .map-and-detail .pin {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: var(--spacing-6);
}

.contact-content .map-and-detail .pin .pin-image {
    width: min(1vw, 18px);
}

.contact-content .contact-form {
    flex: 1;
}

.contact-content .contact-form .input.with-select .trigger-dropdown {
    font-size: var(--icon-size-16);
    position: absolute;
    right: 0;
    top: 0;
    color: var(--color-body);
    cursor: pointer;
    display: block;
}

.contact-content .contact-form .select-others {
    display: none;
}

.contact-content .contact-form form .form-footer {
    grid-column: span 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkbox,
.checkbox label {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-16);
}

.checkbox .label {
    opacity: 1;
}

.checkbox input[type="checkbox"] {
    --input-height: 20px;
    position: relative;
    box-shadow: unset;
    border: none;
    background: none;
    padding: inherit;
    margin: unset;
    min-width: unset;
    font: inherit;
    line-height: normal;
    text-align: center;
    width: unset;
    font: inherit;
    color: currentColor;
    width: var(--input-height);
    height: var(--input-height);
    border: 1px solid currentColor;
    display: grid;
    place-content: center;
    cursor: pointer;
}

input[type="checkbox"]::before {
    content: "";
    width: calc(var(--input-height) * 0.75);
    height: calc(var(--input-height) * 0.75);
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    transform-origin: center;
    box-shadow: inset 1.2em 1em var(--color-neutral-dark-gray);
    /* clip-path: polygon(16% 48%, 10% 60%, 48% 90%, 92% 20%, 80% 10%, 45% 70%); */
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.wpcf7-list-item-label:before,
.wpcf7-list-item-label:after {
    display: none !important;
}

@media (max-width: 991px) {
    .contact-content .sc-inner {
        flex-direction: column-reverse;
        padding-bottom: 0;
        grid-gap: var(--spacing-60);
    }

    .field.half-width {
        grid-column: span 2;
    }

    .contact-content .map-and-detail {
        width: 100vw;
        margin: 0 calc(-1 * var(--container-spacing-x));
    }

    .contact-content .map-and-detail .pin .pin-image {
        width: 3.8834951456vw;
    }

    .contact-content .map-and-detail .map {
        height: 90.06148867314vw;
    }

    .contact-content .contact-form form .form-footer {
        flex-direction: column;
        grid-gap: var(--spacing-40);
        align-items: start;
        flex-direction: column-reverse;
    }

    .contact-content .contact-form .input.with-select .trigger-dropdown {
        font-size: 13px;
    }
}