.ly-contact-form-section-wrapper {
    padding-top: calc(40 * var(--u, 1px));
    padding-bottom: calc(40 * var(--u, 1px));
}

.ly-contact-form-input-style {
    border-radius: 6px;
    border: 0.5px solid rgba(0, 0, 0, 0.30);
    background: #FAFAFA;
    padding: calc(7 * var(--u, 1px)) calc(20 * var(--u, 1px));
    display: flex;
    align-items: center;
}

.ly-contact-form-input-style:not(textarea) {
    min-height: calc(40 * var(--u, 1px));
}

.ly-contact-form-support-wrapper {
    .ly-contact-form-support-grid {
        margin-top: calc(30 * var(--u, 1px));
        padding-right: calc(52 * var(--u, 1px));

        .ly-contact-form-support-grid-item {
            display: flex;
            align-items: center;
            gap: calc(10 * var(--u, 1px));

            &+& {
                margin-top: calc(18 * var(--u, 1px));
            }

            .ly-contact-form-support-grid-item-title {
                flex: 0 0 90px;
            }

            .ly-contact-form-support-grid-item-link {
                text-decoration: none;
                flex: 1;
                height: calc(46 * var(--u, 1px));
            }
        }
    }

    .ly-contact-form-support-footer {
        margin-top: calc(40 * var(--u, 1px));

        .ly-contact-form-support-footer-content-wrapper {
            margin-top: calc(20 * var(--u, 1px));
            display: flex;
            align-items: center;
            gap: calc(10 * var(--u, 1px));

            .ly-contact-form-support-footer-content-title {
                flex: 0 0 90px;
            }

            .ly-contact-form-support-footer-content {
                height: calc(46 * var(--u, 1px));
            }
        }
    }

    .ly-contact-form-support-address {
        margin-top: calc(26 * var(--u, 1px));
        color: rgba(51, 51, 51, 0.50);
    }
}

.ly-contact-form-form-wrapper {

    form {
        margin-top: calc(24 * var(--u, 1px));

        .field {

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

            &::before,
            &::after {
                content: none;
            }

            &+& {
                margin-top: calc(24 * var(--u, 1px));
            }
        }

        .contact__button {
            margin-top: calc(18 * var(--u, 1px));
            display: flex;
            width: 136px;
            height: 48px;
            padding: 6.987px 38.343px;
            justify-content: center;
            align-items: center;
            gap: 10.481px;
            flex-shrink: 0;
            border-radius: 6px;
            border: 1.065px solid var(--ly-color-primary);
            background: var(--ly-color-primary);

            &::before,
            &::after {
                content: none;
            }
        }
    }

    .ly-contact-form-form-desc {
        margin-top: calc(20 * var(--u, 1px));
        color: #33333380;
    }
}

@media screen and (max-width: 749px) {
    .ly-contact-form-form-wrapper {
        margin-top: calc(40 * var(--u, 1px));
    }
}

@media screen and (min-width: 750px) {
    .ly-contact-form-section-wrapper {
        padding-top: calc(85 * var(--u, 1px));
    }

    .ly-contact-form-input-style:not(textarea) {
        min-height: calc(34 * var(--u, 1px));
    }

    .ly-contact-form-wrapper {
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-start;
    }

    .ly-contact-form-form-wrapper {
        flex: 692;

        .ly-contact-form-form-inner {
            padding-left: 82px;

            form {
                padding-right: 102px;
            }
        }
    }

    .ly-contact-form-support-wrapper {
        flex: 508;
        border-left: 1px solid #33333380;

        .ly-contact-form-support-inner {
            padding-left: 70px;

            .ly-contact-form-support-grid {
                margin-top: calc(20 * var(--u, 1px));
                padding-right: calc(101 * var(--u, 1px));

                .ly-contact-form-support-grid-item {

                    .ly-contact-form-support-grid-item-title {
                        flex: 0 0 110px;
                    }

                    .ly-contact-form-support-grid-item-link {
                        height: calc(34 * var(--u, 1px));
                    }

                    &+& {
                        margin-top: calc(20 * var(--u, 1px));
                    }
                }
            }

            .ly-contact-form-support-footer {
                margin-top: calc(68 * var(--u, 1px));

                .ly-contact-form-support-footer-content-wrapper {
                    margin-top: calc(20 * var(--u, 1px));

                    .ly-contact-form-support-footer-content-title {
                        flex: 0 0 110px;
                    }

                    .ly-contact-form-support-footer-content {
                        height: calc(34 * var(--u, 1px));
                    }
                }
            }
        }
    }

    .ly-contact-form-footer {
        margin-top: 20px;
        display: flex;
        align-items: flex-start;
        gap: 74px;
        color: #33333380;
        padding-left: 80px;

        .ly-contact-form-footer-desc {
            flex: 692;
        }

        .ly-contact-form-footer-address {
            flex: 508;
        }
    }
}