.cf7-smart-date {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-content: space-between;
}
.cf7-smart-date .my-smart-date {
    width: 31%;
}
.cf7-smart-date select {
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 32%;
    min-width: 90px;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
}

.cf7-smart-date select:focus {
    border-color: #0073aa;
    outline: none;
}

.cf7-preview {
    width: 100%;
    font-size: 13px;
    color: #555;
    margin-top: 5px;font-weight: 600;
}

/* CF7 error styling */
.wpcf7-not-valid {
    border-color: red !important;
}