.contact {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--pa-gray);

    h4 {
        margin: 50px 100px 50px 0;
        font-size: 2rem;
        font-weight: 900;
        line-height: 2.8rem;
    }

    h5 {
        margin: 30px;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.25rem;
    }

    h6 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.25rem;
    }

    .contact-form {
        input,
        textarea,
        select {
            padding: 0 20px;
            font-size: 0.875rem;
            line-height: 48px;
            border-radius: var(--pa-border-radius);

            &:focus {
                box-shadow: none;
            }
        }

        input,
        select {
            height: 48px;
        }

        select {
            text-indent: 1px;
            background: var(--pa-white);
            background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1L4 4L1 1' stroke='%23FF7800' stroke-width='1.5'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-position-x: calc(100% - 16px);
            background-position-y: 50%;
        }

        label:has(svg) {
            font-weight: 700;
            cursor: pointer;
        }

        p:not(.text-muted) {
            margin: 38px 0;
        }

        .form-control-wrapper {
            position: relative;

            .placeholder {
                position: absolute;
                top: 0;
                left: 2px;
                display: inline-block;
                width: calc(100% - 2 * 20px - 2px - 25px);
                color: #999;
                background-color: var(--pa-white);
                transform: translate(20px, 14px);
                pointer-events: none;
                opacity: 1;
            }

            .form-control::placeholder {
                color: transparent;
            }

            .form-control:not(select):not(:placeholder-shown) + .placeholder,
            .form-control:not(select):not(:placeholder-shown) + div + .placeholder {
                display: none;
            }

            select[aria-invalid="false"] + .placeholder {
                display: none;
            }
        }

        .text-muted {
            font-size: 0.813rem;
            color: #b0b0af !important;
        }

        .text-requirements {
            color: #999;
        }

        .error-wrapper {
            margin-bottom: 8px;

            label {
                &.error {
                    display: block;
                    margin: 4px 8px 0;
                    color: #f44336;
                }
            }
        }
    }

    .contact-header {
        background-color: rgba(var(--pa-primary-rgb), 1);

        .contact-header-content {
            max-width: calc(var(--pa-container-xl) / 2);

            a {
                font-size: 0.75rem;
                font-weight: 900;
            }
        }

        .contact-header-image {
            overflow: hidden;
            position: relative;
            height: 350px;

            &:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: '';
                background-color: rgba(var(--pa-primary-rgb), 0.7);
            }
        }
    }

    .contact-body {
        background-color: rgba(var(--pa-light-rgb), 1);

        .contact-indicators {
            padding: 42px 24px 40px;
            border: var(--pa-border-size) solid var(--pa-border-color);
            border-radius: var(--pa-border-radius);

            em {
                font-size: 1.25rem;
                font-weight: 800;
                font-style: normal;
                line-height: 1.5rem;
                color: var(--pa-info);
            }

            strong {
                font-size: 0.875rem;
                line-height: 1.25rem;
                color: var(--pa-gray);
            }

            hr {
                margin: 35px 0;
                border-color: var(--pa-orange);
            }
        }
    }

    .contact-map {
        .contact-map-area {
            min-height: 250px;

            img {
                max-width: calc(100% - 50px);
                max-height: calc(100% - 50px);
            }
        }

        .contact-locations {
            padding: 30px;
            border: var(--pa-border-size) solid var(--pa-border-color);
            border-radius: var(--pa-border-radius);

            hr {
                margin: 20px 0;
                border-color: var(--pa-orange);
            }
        }

        .contact-representatives {
            .representative {
                margin-bottom: 8px;
            }

            strong {
                display: block;
                margin-bottom: 30px;
                color: #717171;
            }

            span {
                font-weight: 700;
            }

            img,
            svg {
                margin-right: 15px;
            }
        }
    }

    .contact-body,
    .contact-map {
        .contact-headquarters {
            color: #717171;

            .headquarter {
                margin: 20px 0;
            }

            .phone:not(:last-child) {
                margin-bottom: 20px;
            }

            a {
                color: #717171;
            }

            address {
                font-size: 0.78rem;
                line-height: 1.181rem;
                color: var(--pa-gray);
            }

            img,
            svg {
                margin-right: 15px;
            }

            button {
                svg {
                    margin-right: 0;
                }
            }

            hr {
                margin: 30px 0;
            }
        }
    }
}

.awards-container {
    h3 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.25rem;
    }
}