.elementor-530 .elementor-element.elementor-element-2327291{--spacer-size:10px;}.elementor-530 .elementor-element.elementor-element-058fc1c > .elementor-container{max-width:1350px;}.elementor-530 .elementor-element.elementor-element-058fc1c{margin-top:20px;margin-bottom:0px;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-not-valid-tip{display:block !important;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-validation-errors{display:block !important;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .etheme-contact-form-7-title{color:#FFFFFF;font-family:"Kanit", Sans-serif;font-size:149px;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .etheme-contact-form-7-description{font-size:103px;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form .wpcf7-form-control-wrap, .elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form .form-group:not(:last-child){margin-bottom:20px;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form-control.wpcf7-text, .elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form-control.wpcf7-date, .elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form-control.wpcf7-textarea, .elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form-control.wpcf7-select{border-radius:8px 8px 8px 8px;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form p{text-align:left;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form label, .elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form:not(input){color:#FFFFFF;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form label{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form > p:nth-last-of-type(1){text-align:center;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form input[type="submit"]{display:inline-block;width:200px;background-color:#000000;padding:0px 0px 0px 0px;font-family:"Kanit", Sans-serif;font-size:15px;font-weight:500;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form input[type="submit"]:hover{background-color:#FFFFFF;color:#000000;}body.elementor-page-530:not(.elementor-motion-effects-element-type-background), body.elementor-page-530 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:767px){.elementor-530 .elementor-element.elementor-element-058fc1c{margin-top:-10px;margin-bottom:0px;padding:0px 10px 0px 10px;}.elementor-530 .elementor-element.elementor-element-0d5449e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-530 .elementor-element.elementor-element-cbbaf47 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .etheme-contact-form-7-title{font-size:16px;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form .wpcf7-form-control-wrap, .elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form .form-group:not(:last-child){margin-bottom:-10px;}.elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form-control.wpcf7-text, .elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form-control.wpcf7-date, .elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form-control.wpcf7-textarea, .elementor-530 .elementor-element.elementor-element-cbbaf47 .etheme-contact-form-7 .wpcf7-form-control.wpcf7-select{min-height:40px;}}/* Start custom CSS for et-contact-form-7, class: .elementor-element-cbbaf47 *//* CF7 Test Drive Form Wrapper */
.cf7-test-drive {

  padding: 40px;
  border-radius: 10px;
  font-family: inherit;
}

/* Title */
.cf7-title {
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  font-size: 19px;
  letter-spacing: 0.5px;
  margin-bottom: 34px;
  color: white;
}

.cf7-desc {
  margin-bottom: 40px !important;
  margin-top: -20px;
}

/* Form Rows */
.cf7-row {
  display: flex;
  gap: 30px;
  margin-bottom: 22px;
}

.cf7-col {
  flex: 1;
}

.cf7-col-full {
  width: 100%;
}

.cf7-test-drive label {
  display: block;
  margin-bottom: 8px;
}

.cf7-field {
  width: 100%;
  padding: 14px 16px;
  border-radius: 10px;
  border: none;
  background: #fff;
  font-size: 15px;
  outline: none;
  color: black !important;
}

.cf7-field::placeholder {
  color: #999;
}

/* Submit Wrap */
.cf7-submit-wrap {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

/* Skewed Button */
.cf7-slanted-btn {
  display: inline-block;
  background: white;
  padding: 5px 40px !important;
  border-radius: 0px;
  cursor: pointer;
  transform: skewX(-20deg); /* skew button */
  border: none;
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: black;
  text-align: center;
  transition: all 0.3s ease;
  height: 35px;
   margin-bottom: -10px;
}

/* Keep the text straight */
.cf7-slanted-btn span {
  display: inline-block;
  transform: skewX(20deg); /* unskew text */
  transition: color 0.3s ease;
}

/* Hover effect */
.cf7-slanted-btn:hover {
  background: black;
}

.cf7-slanted-btn:hover span {
  color: white;
}

/* Responsive fix for mobile */
@media (max-width: 768px) {
  .cf7-row {
    flex-direction: column; /* stack fields */
    gap: 35px; /* smaller spacing */
  }

  .cf7-test-drive {
    padding: 30px 15px 35px 15px; /* smaller horizontal padding */
  }

  .cf7-col {
    width: 100%; /* ensure full width */
    flex: unset; /* remove flex-grow to prevent overflow */
  }

  .cf7-field {
    width: 100%;
    box-sizing: border-box; /* include padding in width */
    text-align: left; /* align text left */
    -webkit-appearance: none; /* remove default mobile style */
    -moz-appearance: none;
    appearance: none;
  }

  /* Specifically fix date input alignment */
  input[type="date"].cf7-field {
    text-align: left;
    color: black;
  }

  select.cf7-field {
    text-align: left;
    padding-right: 30px; /* optional: space for dropdown arrow */
  }

  .cf7-submit-wrap {
    margin-bottom: 20px;
  }

  .cf7-slanted-btn {
    padding: 12px 30px;
    font-size: 14px;
    margin-top: 20px;
   
  }
}



/* Apply the precise -45° light glassmorphism effect to the form container */
.form-glass {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  
  /* BASE 10% OPACITY WHITE BACKGROUND */
  background: rgba(255, 255, 255, 0.1);
  
  /* LOW FROST BLUR (Value: 4) */
  backdrop-filter: blur(4px) saturate(120%);
  -webkit-backdrop-filter: blur(4px) saturate(120%);

  /* HIGH REFRACTION / CRUNCHY EDGE */
  border: 1px solid rgba(255, 255, 255, 0.25);

  /* FIGMA SHADOWS & LAYER COMPONENT LIFT */
  box-shadow: 
    0 24px 48px rgba(0, 0, 0, 0.4),
    inset 1px -1px 0px rgba(255, 255, 255, 0.3); /* Interior edge highlight matching -45° angle */
}

/* HIGH INTENSITY GLANCE LIGHTING (-45° FROM BOTTOM LEFT) */
.form-glass::before {
  content: "";
  position: absolute;
  inset: 0;
  /* Simulates 80% light hitting the bottom-left corner at a -45 degree trajectory */
 

  pointer-events: none;
  z-index: 1;
}/* End custom CSS */