.elementor-6735 .elementor-element.elementor-element-b98cec9{--display:flex;--min-height:0px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6735 .elementor-element.elementor-element-b98cec9:not(.elementor-motion-effects-element-type-background), .elementor-6735 .elementor-element.elementor-element-b98cec9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xds.co/wp-content/uploads/2025/11/微信图片_202408310754332.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6735 .elementor-element.elementor-element-b98cec9::before, .elementor-6735 .elementor-element.elementor-element-b98cec9 > .elementor-background-video-container::before, .elementor-6735 .elementor-element.elementor-element-b98cec9 > .e-con-inner > .elementor-background-video-container::before, .elementor-6735 .elementor-element.elementor-element-b98cec9 > .elementor-background-slideshow::before, .elementor-6735 .elementor-element.elementor-element-b98cec9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6735 .elementor-element.elementor-element-b98cec9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000 100%);}.elementor-6735 .elementor-element.elementor-element-b98cec9.e-con{--align-self:flex-start;}.elementor-6735 .elementor-element.elementor-element-4752b04{--display:flex;--min-height:0px;--gap:75px 75px;--row-gap:75px;--column-gap:75px;--border-radius:18px 18px 18px 18px;--margin-top:0px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:68px;--padding-left:0px;--padding-right:0px;}.elementor-6735 .elementor-element.elementor-element-4752b04:not(.elementor-motion-effects-element-type-background), .elementor-6735 .elementor-element.elementor-element-4752b04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4B4B4B8A;}.elementor-6735 .elementor-element.elementor-element-bbb0cff{--display:flex;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6735 .elementor-element.elementor-element-f376eea .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:68px;font-weight:700;text-transform:none;line-height:96px;color:#F4F6F6;}.elementor-6735 .elementor-element.elementor-element-3bd68db{--display:flex;--min-height:0px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6735 .elementor-element.elementor-element-c428f55{--display:flex;--min-height:679px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-6735 .elementor-element.elementor-element-7e9a154{--display:flex;--min-height:305px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6735 .elementor-element.elementor-element-7e9a154.e-con{--align-self:flex-start;}.elementor-6735 .elementor-element.elementor-element-d792d4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6735 .elementor-element.elementor-element-d792d4d.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-6735 .elementor-element.elementor-element-d792d4d{text-align:left;}.elementor-6735 .elementor-element.elementor-element-d792d4d img{max-width:162.0947265625px;height:32px;object-fit:cover;object-position:center center;}.elementor-6735 .elementor-element.elementor-element-03855b5{width:var( --container-widget-width, 514.29766845703px );max-width:514.29766845703px;--container-widget-width:514.29766845703px;--container-widget-flex-grow:0;}.elementor-6735 .elementor-element.elementor-element-03855b5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6735 .elementor-element.elementor-element-03855b5 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:40px;font-weight:700;text-transform:none;line-height:1em;color:#F4F6F6;}.elementor-6735 .elementor-element.elementor-element-d3b9c80 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6735 .elementor-element.elementor-element-d3b9c80{font-family:"Inter", Sans-serif;font-size:20px;font-weight:300;text-transform:none;line-height:1em;color:#FFFFFF;}.elementor-6735 .elementor-element.elementor-element-0cb2fdb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6735 .elementor-element.elementor-element-a5aa22f{--display:flex;--min-height:112px;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-6735 .elementor-element.elementor-element-a029f4e .elementor-repeater-item-cf165f9.elementor-social-icon{background-color:#02010100;}.elementor-6735 .elementor-element.elementor-element-a029f4e .elementor-repeater-item-cab2087.elementor-social-icon{background-color:#02010100;}.elementor-6735 .elementor-element.elementor-element-a029f4e .elementor-repeater-item-1ec1503.elementor-social-icon{background-color:#02010100;}.elementor-6735 .elementor-element.elementor-element-a029f4e .elementor-repeater-item-c03d569.elementor-social-icon{background-color:#02010100;}.elementor-6735 .elementor-element.elementor-element-a029f4e{--grid-template-columns:repeat(0, auto);width:var( --container-widget-width, 357px );max-width:357px;--container-widget-width:357px;--container-widget-flex-grow:0;--icon-size:44px;--grid-column-gap:60px;--grid-row-gap:0px;}.elementor-6735 .elementor-element.elementor-element-a029f4e .elementor-widget-container{text-align:center;}.elementor-6735 .elementor-element.elementor-element-a029f4e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6735 .elementor-element.elementor-element-a029f4e .elementor-social-icon{--icon-padding:0em;}.elementor-6735 .elementor-element.elementor-element-660d657{--divider-border-style:solid;--divider-color:#9C9C9C;--divider-border-width:1px;}.elementor-6735 .elementor-element.elementor-element-660d657 .elementor-divider-separator{width:100%;}.elementor-6735 .elementor-element.elementor-element-660d657 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-6735 .elementor-element.elementor-element-bc7a3cf{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6735 .elementor-element.elementor-element-8a3e84a .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:300;text-transform:none;line-height:1em;color:#9C9C9C;}.elementor-6735 .elementor-element.elementor-element-64de18a .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:300;text-transform:none;line-height:1em;color:#9C9C9C;}.elementor-6735 .elementor-element.elementor-element-ab84788 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:300;text-transform:none;line-height:1em;color:#9C9C9C;}body.elementor-page-6735:not(.elementor-motion-effects-element-type-background), body.elementor-page-6735 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#23262B;}@media(max-width:1024px){.elementor-6735 .elementor-element.elementor-element-b98cec9{--min-height:1001px;--padding-top:0px;--padding-bottom:0px;--padding-left:119px;--padding-right:119px;}.elementor-6735 .elementor-element.elementor-element-4752b04{--min-height:653px;--gap:70px 70px;--row-gap:70px;--column-gap:70px;}.elementor-6735 .elementor-element.elementor-element-bbb0cff{--min-height:64px;--gap:75px 75px;--row-gap:75px;--column-gap:75px;}.elementor-6735 .elementor-element.elementor-element-f376eea{text-align:left;}.elementor-6735 .elementor-element.elementor-element-f376eea .elementor-heading-title{font-size:64px;line-height:1em;}.elementor-6735 .elementor-element.elementor-element-c428f55{--min-height:481px;}.elementor-6735 .elementor-element.elementor-element-7e9a154{--min-height:177px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6735 .elementor-element.elementor-element-03855b5{width:var( --container-widget-width, 830px );max-width:830px;--container-widget-width:830px;--container-widget-flex-grow:0;text-align:center;}.elementor-6735 .elementor-element.elementor-element-03855b5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6735 .elementor-element.elementor-element-03855b5.elementor-element{--align-self:center;}.elementor-6735 .elementor-element.elementor-element-03855b5 .elementor-heading-title{font-size:28px;}.elementor-6735 .elementor-element.elementor-element-d3b9c80{font-size:20px;}.elementor-6735 .elementor-element.elementor-element-a029f4e{--container-widget-width:544px;--container-widget-flex-grow:0;width:var( --container-widget-width, 544px );max-width:544px;--icon-size:50px;--grid-column-gap:88px;}.elementor-6735 .elementor-element.elementor-element-a029f4e.elementor-element{--align-self:center;}.elementor-6735 .elementor-element.elementor-element-bc7a3cf{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6735 .elementor-element.elementor-element-8a3e84a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6735 .elementor-element.elementor-element-8a3e84a.elementor-element{--align-self:center;}.elementor-6735 .elementor-element.elementor-element-64de18a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6735 .elementor-element.elementor-element-64de18a.elementor-element{--align-self:center;}.elementor-6735 .elementor-element.elementor-element-ab84788 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6735 .elementor-element.elementor-element-ab84788.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-6735 .elementor-element.elementor-element-b98cec9{--content-width:100%;}.elementor-6735 .elementor-element.elementor-element-4752b04{--width:950px;}.elementor-6735 .elementor-element.elementor-element-bbb0cff{--content-width:1150px;}.elementor-6735 .elementor-element.elementor-element-3bd68db{--width:100%;}.elementor-6735 .elementor-element.elementor-element-c428f55{--width:1150px;}.elementor-6735 .elementor-element.elementor-element-7e9a154{--content-width:100%;}.elementor-6735 .elementor-element.elementor-element-a5aa22f{--content-width:1399.8100585938px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6735 .elementor-element.elementor-element-b98cec9{--content-width:1024px;}.elementor-6735 .elementor-element.elementor-element-bbb0cff{--content-width:786px;}}@media(max-width:767px){.elementor-6735 .elementor-element.elementor-element-b98cec9{--content-width:100%;--min-height:0vh;--padding-top:068px;--padding-bottom:68px;--padding-left:0px;--padding-right:0px;}.elementor-6735 .elementor-element.elementor-element-4752b04{--min-height:567.92309570312px;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-6735 .elementor-element.elementor-element-bbb0cff{--content-width:305px;--min-height:24px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-6735 .elementor-element.elementor-element-f376eea .elementor-heading-title{font-size:36px;}.elementor-6735 .elementor-element.elementor-element-c428f55{--min-height:456px;}.elementor-6735 .elementor-element.elementor-element-d792d4d > .elementor-widget-container{margin:0px 0px 0px -10px;}.elementor-6735 .elementor-element.elementor-element-03855b5{text-align:left;}.elementor-6735 .elementor-element.elementor-element-03855b5 .elementor-heading-title{font-size:20px;}.elementor-6735 .elementor-element.elementor-element-d3b9c80{text-align:left;font-size:15px;}.elementor-6735 .elementor-element.elementor-element-0cb2fdb > .elementor-widget-container{margin:0px 0px 0px -15px;}.elementor-6735 .elementor-element.elementor-element-0cb2fdb.elementor-element{--align-self:flex-start;}.elementor-6735 .elementor-element.elementor-element-a5aa22f{--gap:6px 6px;--row-gap:6px;--column-gap:6px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6735 .elementor-element.elementor-element-a029f4e{--container-widget-width:280px;--container-widget-flex-grow:0;width:var( --container-widget-width, 280px );max-width:280px;--icon-size:35.868465423584px;--grid-column-gap:44px;}.elementor-6735 .elementor-element.elementor-element-a029f4e.elementor-element{--align-self:flex-start;}.elementor-6735 .elementor-element.elementor-element-bc7a3cf{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-6735 .elementor-element.elementor-element-bc7a3cf.e-con{--align-self:flex-start;}.elementor-6735 .elementor-element.elementor-element-ab84788.elementor-element{--align-self:flex-start;}.elementor-6735 .elementor-element.elementor-element-ab84788 .elementor-heading-title{font-size:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-4925bd9 *//* Desktop: make Email, Reason, Country same width as one name column */
@media (min-width: 768px) {
.contact-section #email,
.contact-section #Reason-for-contact,
.contact-section #Country {
max-width: calc((100% - 1.5rem) / 2); /* same as one column in the name-row grid */
display: block;
}
}
/* Make CF7 wrappers behave like block-level rows */
.contact-section .wpcf7-custom-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
/* Make all inputs/selects/textarea fill the wrapper */
.contact-section .wpcf7-custom-form .wpcf7-form-control {
width: 100%;
box-sizing: border-box;
}
/* Desktop (default) – let them be full width or whatever your theme sets */
.contact-section #email,
.contact-section #Reason-for-contact,
.contact-section #Country {
width: 49%;
max-width: 100%;
display: block;
}
/* Mobile & tablet only */
@media (max-width: 1024px) {
/* Force these three fields to behave exactly like the name inputs */
.contact-section #email,
.contact-section #Reason-for-contact,
.contact-section #Country {
width: 100%;
}
}
/* Consistent vertical spacing for all fields */
.contact-section .wpcf7-custom-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
margin-bottom: 1rem; /* gap between box and the next line */
}
/* Consistent gap between text and box */
.contact-section .wpcf7-custom-form label {
display: block;
margin-bottom: -1rem; /* smaller, but positive */
}
/* Make the name row act like one field block */
.contact-section .name-row {
margin-bottom: -1rem; /* same as other fields */
}
row so only row-gap applies */
.contact-section .name-row .wpcf7-form-control-wrap {
margin-bottom: 0 !important;
}
}
/* Smaller submit button */
.contact-section .wpcf7-submit {
padding: 0.5rem 1.6rem; /* smaller height & width */
font-size: 0.8rem; /* slightly smaller text */
border-radius: 999px; /* pill shape (optional) */
background-color: #111111; /* default bg */
color: #ffffff; /* default text color */
border: 1px solid #111111; /* border to show when bg turns white */
}
/* Hover, focus & active: white background */
.contact-section .wpcf7-submit:hover,
.contact-section .wpcf7-submit:focus,
.contact-section .wpcf7-submit:active {
background-color: #ffffff;
color: #111111; /* dark text on white bg */
border-color: #111111;
}
/* Extra small "Message" button */
.contact-section input[type="submit"].wpcf7-submit {
width: auto !important; /* don't stretch full width */
min-width: 0 !important;
font-size: 0.7rem !important;
line-height: 1.2 !important;
border-radius: 999px !important;
background-color: #111111 !important;
color: #ffffff !important;
border: 1px solid #111111 !important;
display: inline-block !important;
}
/* Hover / focus / active: white background */
.contact-section input[type="submit"].wpcf7-submit:hover,
.contact-section input[type="submit"].wpcf7-submit:focus,
.contact-section input[type="submit"].wpcf7-submit:active {
background-color: #ffffff !important;
color: #111111 !important;
border-color: #111111 !important;
}
/* Make all form text smaller & regular weight */
.contact-section .wpcf7-custom-form,
.contact-section .wpcf7-custom-form label,
.contact-section .wpcf7-custom-form .wpcf7-form-control,
.contact-section .wpcf7-custom-form .wpcf7-not-valid-tip,
.contact-section .wpcf7-custom-form .wpcf7-response-output {
font-size: 0.8rem; /* smaller text */
font-weight: 400; /* regular weight */
}
/* If you use any captions under fields */
.contact-section .wpcf7-custom-form .field-caption {
font-size: 0.7rem;
font-weight: 400;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd68db *//* === Overall container === */
.contact-section {
max-width: 720px;
margin: 0 auto;
padding: 3rem 1.5rem;
}
/* Remove default CF7 paragraph spacing if any */
.contact-section .wpcf7-custom-form p {
margin: 0 0 1.5rem;
}
/* === CF7 wrappers & controls === */
/* Each CF7 field wrapper behaves like a block row and full width by default */
.contact-section .wpcf7-custom-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
margin-bottom: 1.5rem;
}
/* All CF7 controls (text, email, select, textarea, etc.) fill their wrapper */
.contact-section .wpcf7-custom-form .wpcf7-form-control {
width: 100%;
box-sizing: border-box;
}
/* Labels */
.contact-section .wpcf7-custom-form label {
display: block;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 0.4rem;
}
/* Inputs / selects / textarea visual style */
.contact-section .wpcf7-form-control.wpcf7-text,
.contact-section .wpcf7-form-control.wpcf7-email,
.contact-section .wpcf7-form-control.wpcf7-textarea,
.contact-section .wpcf7-form-control.wpcf7-select {
border-radius: 0;
border: 1px solid #d4d4d4;
padding: 0.75rem 0.9rem;
font-size: 0.95rem;
line-height: 1.5;
background-color: #ffffff;
color: #111111;
}
/* Focus state */
.contact-section .wpcf7-form-control.wpcf7-text:focus,
.contact-section .wpcf7-form-control.wpcf7-email:focus,
.contact-section .wpcf7-form-control.wpcf7-textarea:focus,
.contact-section .wpcf7-form-control.wpcf7-select:focus {
outline: none;
border-color: #111111;
}
/* Message box height */
#notes.wpcf7-form-control.wpcf7-textarea {
min-height: 160px;
resize: vertical;
}
/* === Name row layout === */
.contact-section .name-row {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin-bottom: 1.5rem;
}
.contact-section .name-field {
display: flex;
flex-direction: column;
}
/* Two columns on larger screens */
@media (min-width: 768px) {
.contact-section .name-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
}
}
/* === Make Email / Reason / Country same width as one name column (half width) on desktop === */
/* CF7 wraps fields like: ... */
@media (min-width: 768px) {
.contact-section .wpcf7-custom-form .wpcf7-form-control-wrap.email,
.contact-section .wpcf7-custom-form .wpcf7-form-control-wrap.Reason-for-contact,
.contact-section .wpcf7-custom-form .wpcf7-form-control-wrap.Country {
width: calc((100% - 1.5rem) / 2) !important;
max-width: calc((100% - 1.5rem) / 2) !important;
}
}
/* === Submit button === */
.contact-section .wpcf7-submit {
border: none;
border-radius: 0;
padding: 0.9rem 2.4rem;
background-color: #111111;
color: #ffffff;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
}
.contact-section .wpcf7-submit:hover {
background-color: #333333;
}
/* Optional: validation message styling */
.contact-section .wpcf7-not-valid-tip {
font-size: 0.8rem;
color: #c53030;
margin-top: 0.25rem;
}
.contact-section .wpcf7-response-output {
margin-top: 1rem;
font-size: 0.85rem;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4752b04 *//* === Overall container === */
.contact-section {
max-width: 720px;
margin: 0 auto;
padding: 3rem 1.5rem;
}
/* If CF7 auto-wraps fields in , keep spacing tidy */
.contact-section .wpcf7-custom-form p {
margin: 0 0 1.75rem;
}
/* === Labels === */
.contact-section .wpcf7-custom-form label {
display: block;
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.5rem;
color: #111827; /* dark grey/black */
}
/* Required star in red if you use * */
.contact-section .wpcf7-custom-form .required {
color: #e11d48;
}
/* Small caption under inputs (First Name, Last Name etc.) */
.contact-section .field-caption {
font-size: 0.75rem;
color: #9ca3af;
margin-top: 0.35rem;
}
/* === CF7 wrappers & controls === */
.contact-section .wpcf7-custom-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
margin-bottom: 1.75rem;
}
/* Base style for inputs, selects, textarea */
.contact-section .wpcf7-form-control.wpcf7-text,
.contact-section .wpcf7-form-control.wpcf7-email,
.contact-section .wpcf7-form-control.wpcf7-textarea,
.contact-section .wpcf7-form-control.wpcf7-select {
width: 100%;
box-sizing: border-box;
border-radius: 6px;
border: 1px solid #d1d5db; /* light grey border */
padding: 0.75rem 0.9rem;
font-size: 0.95rem;
line-height: 1.4;
background-color: #ffffff;
color: #111827;
}
/* Focus state */
.contact-section .wpcf7-form-control.wpcf7-text:focus,
.contact-section .wpcf7-form-control.wpcf7-email:focus,
.contact-section .wpcf7-form-control.wpcf7-textarea:focus,
.contact-section .wpcf7-form-control.wpcf7-select:focus {
outline: none;
border-color: #4b5563; /* darker gray on focus */
box-shadow: 0 0 0 1px rgba(75, 85, 99, 0.15);
}
/* Textarea height similar to bikes.com */
#notes.wpcf7-form-control.wpcf7-textarea {
min-height: 160px;
resize: vertical;
}
/* === Name row (two columns) === */
.contact-section .name-row {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin-bottom: 1.75rem;
}
.contact-section .name-field {
display: flex;
flex-direction: column;
}
/* On desktop: two columns for First / Last name */
@media (min-width: 768px) {
.contact-section .name-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
}
}
/* === Submit button === */
.contact-section .wpcf7-submit {
border: none;
border-radius: 999px;
padding: 0.9rem 2.4rem;
background-color: #111827;
color: #ffffff;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
}
.contact-section .wpcf7-submit:hover {
background-color: #374151;
}
/* Validation messages (optional) */
.contact-section .wpcf7-not-valid-tip {
font-size: 0.75rem;
color: #b91c1c;
margin-top: 0.35rem;
}
.contact-section .wpcf7-response-output {
margin-top: 1rem;
font-size: 0.85rem;
}/* End custom CSS */