.csm-contact-form input,
.csm-contact-form textarea {
    background-color: var(--csm-color-black-1) !important;
    background: var(--csm-color-black-1) !important;
    color: white !important;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder,
textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
    color: white;
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="range"]:focus,
input[type="range"]:active,
input[type="date"]:focus,
input[type="date"]:active,
textarea:focus,
textarea:active,
input.text:focus,
input.text:active,
input[type="search"]:focus,
input[type="search"]:active {
    border-color: var(--csm-color-secondary) !important;
}

.wpcf7-not-valid-tip {
    font-size: 0.9rem;
}

.wdt-custom-contact-page-form input[type="submit"] {
    background: white !important;
    color: var(--csm-color-secondary) !important;
    font-family: 'Fira Sans', sans-serif;
    font-weight: bold;
}

.wdt-custom-contact-page-form input[type="submit"]:hover {
    color: var(--csm-color-accent) !important;
}

.wdt-cus-contact-icon-box .wdt-content-item:before {
    background: linear-gradient(270deg, #FFB1E4 0%, var(--csm-color-primary) 100%);
}

.csm-channel .wdt-content-item {
    min-height: 250px;
}