/*
Theme Name: Asiatel
Author: Asiatel
Description: Custom WordPress theme for Asiatel
Version: 1.0
Text Domain: asiatel
*/
 /* Contact Form 7 input and textarea background */
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-textarea {
  background-color: #f9f9f9;  /* light grey background */
  border: 1px solid #ddd;     /* border color */
  color: #333;                /* text color */
  padding: 12px;
  border-radius: 6px;
  width: 100%;
  transition: all 0.3s ease;
}

/* Change background on focus */
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-email:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
  background-color: #fff;     /* white background when active */
  border-color: #0073e6;      /* highlight border */
  outline: none;
}

    background-color: 
 color-mix(in srgb, var
#ffffff
(--background-color), transparent 50%);
    border-color: 
 color-mix(in srgb, var(--default-color), transparent 80%);