/* Contact */
.content-form {
    display: var(--vcl-cf-d, grid);
    overflow: var(--vcl-cf-o, hidden);
    grid-template-columns: var(--vcl-cf-gtc, 1fr 1fr);
    border-radius: var(--vcl-cf-br, 24px);
    box-shadow: var(--vcl-cf-bs, 0 20px 40px rgba(0,0,0,0.1));
}

.content-form_left {
    display: var(--vcl-cf-left-dp, block);
    flex-direction: var(--vcl-cf-left-fd, column);
    justify-content: var(--vcl-cf-left-jc, center);
    background: var(--vcl-cf-left-bg, var(--color-primary-800));
    color: var(--vcl-cf-left-c, var(--color-base));
    padding: var(--vcl-cf-left-p, 64px);
    border-radius: var(--vcl-cf-left-br, 0);
}

.content-form_left h2 {
    font-size: var(--vcl-cf-left-h2-fs, 2.5rem);
    line-height: var(--vcl-cf-left-h2-lh, normal);
    font-weight: var(--vcl-cf-left-h2-fw, 700);
    margin-bottom: var(--vcl-cf-left-h2-mb, 1rem);
}

.content-form_left p {
    font-size: var(--vcl-cf-left-p-fs, 1.1rem);
    line-height: var(--vcl-cf-left-p-lh, 1.6);
    opacity: var(--vcl-cf-left-p-o, 0.9);
    margin-bottom: var(--vcl-cf-left-p-mb, 64px);
}

.content-form_left div.desc {
    margin-bottom: var(--vcl-cf-left-div-mb, 0);
}

.content-form_left a {
    color: var(--vcl-cf-left-a-c, var(--vcl-cf-left-c, var(--color-base)));
}

.content-form_left_below {
    margin-top: var(--vcl-cf-left-below-mt, 80px);
}

.content-form_items {
    display: var(--vcl-cf-left-items-d, flex);
    flex-direction: var(--vcl-cf-left-items-fd, column);
    gap: var(--vcl-cf-left-items-gp, 32px);
}

.content-form_item {
    display: var(--vcl-cf-left-item-d, flex);
    align-items: var(--vcl-cf-left-item-ai, center);;
    gap: var(--vcl-cf-left-item-g, 16px);
}

.content-form_item_icon {
    display: var(--vcl-cf-left-item-icon-d, flex);
    align-items: var(--vcl-cf-left-item-icon-ai, center);
    justify-content: var(--vcl-cf-left-item-icon-jc, center);
    color: var(--vcl-cf-left-item-icon-c);
    width: var(--vcl-cf-left-item-icon-s, 48px);
    height: var(--vcl-cf-left-item-icon-s, 48px);
    background: var(--vcl-cf-left-item-icon-bg, rgba(255, 255, 255, 0.15));
    border-radius: var(--vcl-cf-left-item-icon-br, 12px);
}

.content-form_item_text h5 {
    font-size: var(--vcl-cf-left-item-h5-fs, 0.85rem); 
    font-weight: var(--vcl-cf-left-item-h5-fw, 500); 
    opacity: var(--vcl-cf-left-item-h5-o, 0.8);
    margin-bottom: var(--vcl-cf-left-item-h5-mb, 4px);
}

.content-form_item_text p,
.content-form_item_text a {
    font-size: var(--vcl-cf-left-item-pa-fs, 1.05rem);
    font-weight: var(--vcl-cf-left-item-pa-fw, 600);
    margin: var(--vcl-cf-left-item-pa-m, 0);
}

.content-form_item_text a {
    word-break: break-all;
}

.content-form_right {
    background: var(--vcl-cf-right-bg, white);
    padding: var(--vcl-cf-right-p, 64px);
}

@media (max-width: 1023px) {
    .content-form {
        --vcl-cf-gtc: 1fr;
        --vcl-cf-left-p-mb: 1rem;
        --vcl-cf-left-div-mb: 2rem;
        --vcl-cf-left-below-mt: 60px;
        --vcl-cf-left-p: 40px;
        --vcl-cf-right-p: 40px;
    }
}

@media (max-width: 520px) {
    .content-form {
        --vcl-cf-left-p: 28px;
        --vcl-cf-right-p: 28px;
        --vcl-cf-left-item-pa-fs: 0.825rem;
    }
}

@media (max-width: 360px) {
    .content-form {
        --vcl-cf-left-p: 20px;
        --vcl-cf-right-p: 20px;
    }
}