.elementor-1338 .elementor-element.elementor-element-dd811e2{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2%;--padding-bottom:2%;--padding-left:10%;--padding-right:10%;}.elementor-1338 .elementor-element.elementor-element-dd811e2:not(.elementor-motion-effects-element-type-background), .elementor-1338 .elementor-element.elementor-element-dd811e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CAB095;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1338 .elementor-element.elementor-element-bf99961 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-1338 .elementor-element.elementor-element-cd00e8d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2%;--padding-bottom:2%;--padding-left:10%;--padding-right:10%;}.elementor-1338 .elementor-element.elementor-element-3b00768{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1338 .elementor-element.elementor-element-8a49e05 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;line-height:30px;color:#4F4E4F;}.elementor-1338 .elementor-element.elementor-element-243caf8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1338 .elementor-element.elementor-element-319ab3d{width:100%;max-width:100%;}@media(min-width:768px){.elementor-1338 .elementor-element.elementor-element-dd811e2{--width:100%;}.elementor-1338 .elementor-element.elementor-element-3b00768{--width:50%;}.elementor-1338 .elementor-element.elementor-element-243caf8{--width:60%;}}/* Start custom CSS for container, class: .elementor-element-dd811e2 *//* 精准定位该容器，强制透明 */
.elementor-element.elementor-element-dd811e2 {
    background-color: transparent !important;
    background-image: none !important; /* 防止有默认背景图 */
}

/* 如果是它的内部包裹层有颜色，一并设为透明 */
.elementor-element-dd811e2 > .e-con-inner,
.elementor-element-dd811e2 > .elementor-widget-wrap {
    background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-319ab3d *//* 强制修改当前页面的 Header 背景 */
/* 注意：根据你的插件/主题，Header 的类名可能是 header, .site-header, 或 .elementor-location-header */

header, 
.site-header, 
.elementor-location-header {
    background-color: #CAB095 !important;
    background-image: none !important; /* 移除可能存在的渐变或图片 */
    box-shadow: none !important;     /* 移除底部分割线阴影 */
    border-bottom: none !important;
}

/* 如果你的导航栏有浮动（Sticky）效果，也需要覆盖 */
.elementor-sticky--effects, 
.elementor-sticky--active {
    background-color: #C6AD94 !important;
}
.elementor-1338 .elementor-element.elementor-element-319ab3d .gform-field-label--type-sub{
    display: none;
}
/* 1. 全局容器布局：将表单内部转为 Flex 模式 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gform_wrapper.gravity-theme form {
    display: flex !important;
    flex-wrap: wrap !important;
    background-color: #C6AD94 !important; /* 整体大背景 */
    padding: 60px 50px !important;
    align-items: flex-start;
}

/* 2. 左侧：处理标题 (H1) 和 HTML 描述文字 */
/* 强制标题和前方的 HTML 内容占据左侧 40% */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gform_heading, 
.elementor-1338 .elementor-element.elementor-element-319ab3d .gfield_html.left-text {
    width: 40% !important;
    flex-basis: 40% !important;
    padding-right: 50px;
}

.elementor-1338 .elementor-element.elementor-element-319ab3d h1.gform_title {
    color: #FFFFFF !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    text-align: left;
    margin-bottom: 30px !important;
    margin-top: 0 !important;
}

/* 3. 右侧：所有输入字段占据 60% */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gform_body {
    width: 60% !important;
    flex-basis: 60% !important;
}
/* --- 专门针对 Name 字段的 legend 标签进行重置 --- */

/* 1. 强制让 fieldset 表现得像普通 div，允许 flex 子元素并排 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gfield--type-name {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* 2. 关键：将 legend 标签强制转为普通 block 元素 */
/* 只有这样，它才会听 flex 的话，乖乖待在左边 35% */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gfield--type-name legend.gfield_label {
    display: block !important;
    float: left !important; /* 增加兼容性 */
    width: 35% !important;
    flex: 0 0 35% !important;
    max-width: 35% !important;
    position: static !important; /* 解除 legend 的默认定位 */
    padding-right: 20px !important;
    margin: 0 !important;
}

/* 3. 确保 Name 字段的右侧容器占满 65% */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gfield--type-name .ginput_complex {
    display: flex !important;
    flex: 0 0 66% !important;
    width: 66% !important;
    gap: 15px !important; /* 如果有多个输入框（First/Last），控制它们的间距 */
}

/* 4. 再次确保隐藏掉这个字段内部的子标签，防止撑开高度 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gfield--type-name .gform-field-label--type-sub {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
}
/* 4. 输入框行样式：标签左，输入框右 */
/* --- 4. 核心修正：标签左，输入框右，并加高 Input --- */

/* 强制每一行横向排列 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gfield {
    display: flex !important;
    flex-direction: row !important; /* 强制水平 */
    align-items: center !important;  /* 垂直居中 */
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    margin-bottom: 25px !important;
}

/* 标签：精准定位在左侧 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gfield_label, 
.elementor-1338 .elementor-element.elementor-element-319ab3d .gform-field-label,
.elementor-1338 .elementor-element.elementor-element-319ab3d .gfield_label_before_complex {
    width: 35% !important; /* 占据右侧区域的 35% */
    flex: 0 0 35% !important;
    padding-right: 20px !important;
    margin: 0 !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400 !important;
    color: #4F4E4F !important;
    line-height: 1.2 !important;
}

/* 输入框容器：占据剩余空间 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .ginput_container,
.elementor-1338 .elementor-element.elementor-element-319ab3d .ginput_complex {
    flex: 1 !important;
    width: 65% !important;
    margin-top: 0 !important; /* 清除 top_label 带来的顶部间距 */
}

/* 针对复合字段（如姓名）内部的 First/Last 也要横向 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .ginput_complex {
    display: flex !important;
    gap: 15px !important;
}

/* 增加输入框高度与内边距 */
.elementor-1338 .elementor-element.elementor-element-319ab3d input:not([type=checkbox]):not([type=radio]), 
.elementor-1338 .elementor-element.elementor-element-319ab3d select,
.elementor-1338 .elementor-element.elementor-element-319ab3d textarea {
    background-color: #E5D9CD !important;
    border: none !important;
    border-radius: 0 !important;
    height: 60px !important; /* 增加高度，原为 48px */
    width: 100% !important;
    padding: 0 20px !important; /* 增加内部水平间距 */
    font-size: 16px !important;
    color: #4A4A4A !important;
    box-sizing: border-box !important;
}

/* 特殊修正：针对 Gravity Forms 默认给 Label 设置的 100% 宽度进行覆盖 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gravity-theme .gfield_label {
    max-width: 35% !important;
}

.elementor-1338 .elementor-element.elementor-element-319ab3d .gfield_label {
    color: #4F4E4F !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400 !important;
    width: 35% !important; /* 标签在右栏里的宽度 */
}

.elementor-1338 .elementor-element.elementor-element-319ab3d input:not([type=checkbox]):not([type=radio]), 
.elementor-1338 .elementor-element.elementor-element-319ab3d select {
    background-color: #E5D9CD !important;
    border: none !important;
    border-radius: 0 !important;
    height: 48px !important;
    flex: 1 !important;
}

/* 5. 底部：Checkbox 和 按钮两端对齐 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gform_footer {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important; /* 关键：一左一右 */
    align-items: center !important;
    margin-top: 40px !important;
    padding: 0 !important;
}

/* 如果你的 Checkbox 在 body 里没下来，尝试给那个字段加 class "footer-checkbox" 并联系我 */

.elementor-1338 .elementor-element.elementor-element-319ab3d .gform_button {
    background-color: #E5D9CD !important;
    color: #4A4A4A !important;
    border-radius: 30px !important;
    padding: px 45px !important;
    border: none !important;
    font-weight: bold;
}

/* 6. 移动端优化：全部转为堆叠 */

/* --- 修改后的 Footer 布局：左侧文字，右侧按钮 --- */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gform_footer {
    width: 80% !important;
    display: flex !important;
    justify-content: space-between !important; /* 文字在左，按钮在右 */
    align-items: center !important;
    margin-top: 50px !important;
    padding: 30px 0 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* 可选：增加顶部分割线 */
}

/* 使用伪元素在按钮前生成文字 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gform_footer:before {
    content: "Click the button below to pay via the secure payment page. After payment, you'll be sent a confirmation email.";
    flex: 0 1 60%; /* 占据左侧最多 60% 的宽度 */
    color: #4A4A4A;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    padding-right: 30px;
}

/* 按钮样式微调 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gform_button {
    background-color: #E5D9CD !important;
    color: #4A4A4A !important;
    border-radius: 30px !important;
    border: none !important;
    font-weight: bold;
    white-space: nowrap; /* 防止按钮文字换行 */
    cursor: pointer;
}
@media (max-width: 1024px) {
    /* 1. 整体容器：确保垂直排列，内边距适中 */
    .elementor-1338 .elementor-element.elementor-element-319ab3d .gform_wrapper.gravity-theme form {
        flex-direction: column !important;
        padding: 40px 25px !important;
    }
       .elementor-1338 .elementor-element.elementor-element-319ab3d .gform_footer {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px;
    }
    
    .elementor-1338 .elementor-element.elementor-element-319ab3d .gform_footer:before {
        flex: 1 1 100%;
        padding-right: 0;
    }

    /* 2. 标题与表单体：拉满宽度 */
    .elementor-1338 .elementor-element.elementor-element-319ab3d .gform_heading, 
    .elementor-1338 .elementor-element.elementor-element-319ab3d .gform_body {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    /* 3. 字段行：强制标签在上，输入框在下 */
    .elementor-1338 .elementor-element.elementor-element-319ab3d .gfield {
        flex-direction: column !important;
        align-items: flex-start !important;
        margin-bottom: 25px !important;
    }

    /* 4. 标签：取消 35% 限制，占据整行 */
    .elementor-1338 .elementor-element.elementor-element-319ab3d .gfield_label, 
    .elementor-1338 .elementor-element.elementor-element-319ab3d .gform-field-label, 
    .elementor-1338 .elementor-element.elementor-element-319ab3d .gravity-theme .gfield_label {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px !important;
        text-align: left !important;
    }

    /* 5. 【关键】优化 Name 字段：让 First 和 Last 上下排，拉满宽度 */
    .elementor-1338 .elementor-element.elementor-element-319ab3d .gfield--type-name .ginput_complex {
        display: flex !important;
        flex-direction: column !important; /* 强制姓名内部也上下堆叠 */
        width: 100% !important;
        gap: 15px !important; /* First 和 Last 之间的间距 */
    }

    /* 确保姓名输入框的包装容器也是 100% */
    .elementor-1338 .elementor-element.elementor-element-319ab3d .ginput_complex span {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* 6. 统一所有 Input 长度：彻底消除长短不一 */
    .elementor-1338 .elementor-element.elementor-element-319ab3d .ginput_container, 
    .elementor-1338 .elementor-element.elementor-element-319ab3d .ginput_container input {
        width: 100% !important;
    }

    .elementor-1338 .elementor-element.elementor-element-319ab3d input:not([type=checkbox]):not([type=radio]), 
    .elementor-1338 .elementor-element.elementor-element-319ab3d select, 
    .elementor-1338 .elementor-element.elementor-element-319ab3d textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important; /* 强制拉满 */
        height: 55px !important;    /* 稍微调整高度，更适合触屏 */
        box-sizing: border-box !important;
    }

    /* 7. 页脚优化：按钮拉满，文字居中 */
    .elementor-1338 .elementor-element.elementor-element-319ab3d .gform_footer {
        flex-direction: column !important; /* 按钮和文字上下排 */
        align-items: stretch !important;
        gap: 20px;
    }

    .elementor-1338 .elementor-element.elementor-element-319ab3d .gform_footer:before {
        width: 100% !important;
        padding-right: 0 !important;
        text-align: left;
        font-size: 14px;
    }

    .elementor-1338 .elementor-element.elementor-element-319ab3d .gform_button {
        width: 100% !important; /* 移动端按钮全宽更易点击 */
        
    }
}
/* --- 1. 强制右侧容器拉满 70% 空间 --- */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gform_body {
    width: 80% !important;
    flex-basis: 80% !important;
    flex-grow: 1 !important;
    max-width: 80% !important; /* 确保不被挤压 */
}

/* --- 2. 关键：禁用 Gravity Forms 的原生 Grid 系统 --- */
/* 如果不禁用 Grid，内部的字段会按照网格比例缩成一团 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gform_fields {
    display: block !important; 
    width: 100% !important;
    grid-column-gap: 0 !important;
    grid-row-gap: 0 !important;
}

/* --- 3. 让每一个字段行 (li) 宽度拉满 --- */
.elementor-1338 .elementor-element.elementor-element-319ab3d .gfield {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    clear: both !important;
}

/* --- 4. 让输入框容器占满剩余空间 --- */
/* 因为你设置了标签占 35%，这里确保剩下的 65% 被完全填满 */
.elementor-1338 .elementor-element.elementor-element-319ab3d .ginput_container {
    flex: 1 !important;
    width: 100% !important;
    display: block !important;
}

/* 确保 input 本身也是 100% */
.elementor-1338 .elementor-element.elementor-element-319ab3d .ginput_container input:not([type=radio]):not([type=checkbox]),
.elementor-1338 .elementor-element.elementor-element-319ab3d .ginput_container select,
.elementor-1338 .elementor-element.elementor-element-319ab3d .ginput_container textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 1. 将字段容器设为 Flex 布局，并改为垂直堆叠 */
.gfield.gfield_error {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. 通过 order 属性重新排序内容 */
/* 让 Label 排在第 1 */
.gfield.gfield_error .gfield_label {
    order: 1 !important;
}

/* 让输入框容器排在第 2 */
.gfield.gfield_error .ginput_container {
    order: 2 !important;
    margin-bottom: 0 !important; /* 去掉输入框原本可能存在的底部间距 */
}

/* 让报错信息排在最下面 (第 3) */
.gfield.gfield_error .gfield_validation_message {
    order: 3 !important;
    margin-top: 12px !important; /* 在报错信息和输入框之间增加明显的间距 */
    padding: 8px 12px !important;
    background-color: #fcf2f2; /* 增加一个浅红背景，使其更醒目 */
    border-left: 3px solid #d63638; /* 左侧红色边框增强提示感 */
    border-radius: 4px;
    width: 100% !important;
    box-sizing: border-box;
}

/* 针对复杂字段（如 Name 字段）的兼容性处理 */
.gfield.gfield_error fieldset {
    display: flex !important;
    flex-direction: column !important;
}
/* 彻底隐藏所有报错信息文本 */
.gfield_validation_message, 
.validation_message {
    display: none !important;
}

/* 如果你想把描述信息也隐藏（如果报错时会显示描述） */
.gfield_description.validation_message {
    display: none !important;
}
/* 针对该复选框容器开启 Flex 布局 */
#input_19_25 .gchoice {
    display: flex !important;
    flex-direction: row !important; /* 确保横向排列 */
    align-items: center !important;  /* 垂直居中对齐 */
    gap: 20px;
    width: 100% !important;
    flex: none;
    margin-top: 20px;
    /* Checkbox 和文字之间的间距 */
}

/* 强制让 Checkbox 位于左侧 */
#input_19_25 .gfield-choice-input {
    order: 1 !important;
    /* 排序设为 1 */
    margin: 0 !important;
    width: auto !important;
}

/* 强制让 Label 位于右侧 */
#input_19_25 label {
    order: 2 !important;            /* 排序设为 2 */
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
}
/* 1. 桌面端设置：保持并排一行 */
@media (min-width: 769px) {
    .gchoice_19_25_1 {
        display: flex !important;
        flex-direction: row !important; /* 横向排列 */
        align-items: center !important;
        white-space: nowrap !important;
    }
    
    #label_19_25_1 {
        margin-left: 10px !important;
        display: inline-block !important;
        white-space: nowrap !important;
        width: auto !important;
    }
}

/* 2. 移动端设置：Checkbox 和文字各占一行（总共两行） */
@media (max-width: 768px) {
    .gchoice_19_25_1 {
        display: flex !important;
        flex-direction: column !important; /* 核心：改为纵向排列 */
        align-items: flex-start !important; /* 左对齐 */
    }

    #label_19_25_1 {
        display: block !important;
        white-space: normal !important; /* 允许文字在必要时自然换行 */
        margin-top: 8px !important;    /* 增加文字与上面 Checkbox 的间距 */
        margin-left: 0 !important;      /* 重置左边距 */
        width: 100% !important;
        line-height: 1.4 !important;
    }

    /* 适当调大 Checkbox，方便移动端点击 */
    #choice_19_25_1 {
        width: 22px !important;
        height: 22px !important;
        margin: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd00e8d *//* --- 1. 强制页面全局背景色 --- */
/* 覆盖从最外层 HTML 到内层容器的所有背景 */ 
.site-content,
.elementor-1258,
.elementor-section-wrap {
    background-color: #CAB095 !important;
}
/* 1. 给整个页面背景涂上褐色 */
body.page-id-1258 {
    background-color: #CAB095 !important;
}
main{
    background-color: #CAB095 !important;
}

/* 2. 确保页面所有中间容器（Elementor 容器等）不带背景，透出 Body 的褐色 */
.page-id-1258 #page,
.page-id-1258 #content,
.page-id-1258 .site-content,
.page-id-1258 .elementor-section-wrap {
    background-color: transparent !important;
}

/* 3. 核心：强制保护 Footer 区域，将其刷回白色 */
/* 涵盖了常见主题的 Footer 标签名，确保万无一失 */
.page-id-1258 footer,
.page-id-1258 .footer,
.page-id-1258 .site-footer,
.page-id-1258 #colophon {
    background-color: #ffffff !important;
    position: relative !important;
    z-index: 10 !important; /* 确保它在 Body 背景层之上 */
}
/* --- 2. 移除 Gravity Forms 可能自带的白色背景 --- */
.page-id-1258 .gform_wrapper,
.page-id-1258 .gform_wrapper.gravity-theme,
.page-id-1258 .gform_fields {
    background-color: transparent !important; /* 让表单透出全局背景色 */
}


/* --- 3. 优化“内容方框”样式 --- */
/* 为了让你的内容方框在背景色上显现出来，我们建议使用稍微亮一点或暗一点的透明白 */
.page-id-1258 .gform_wrapper.gravity-theme .gform_fields {
    background-color: rgba(255, 255, 255, 0.05) !important; /* 极淡的透明白，形成色块感 */
    padding: 50px !important;
    border-radius: 15px !important;
    margin-top: 20px !important;
}

/* --- 4. 确保标题在大背景上清晰显示 --- */
.page-id-1258 .gform_title {
    background-color: transparent !important;
    color: #ffffff !important;
    margin-bottom: 40px !important;
}/* End custom CSS */