.el-cf7-form-wrap {
    position: relative;
    z-index: 1;
}

.rtl .wpcf7-form{
    direction: rtl;
}

.rtl .wpcf7-form label{
    text-align: start;
}

.el-cf7-form-wrap .overlay {
    background-color: #000;
    opacity: 0.5;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.el-cf7-form-wrap .wpcf7-form-control.wpcf7-submit,
.el-cf7-form-wrap .wpcf7-form-control.wpcf7-submit:focus,
.el-cf7-form-wrap .wpcf7-form-control.wpcf7-submit:active {
    display: inline-block;
    background-color: var(--charitian-primary-color, #ffc105);
    color: var(--charitian-heading-color, #122f2b);
    font-family: var(--charitian-primary-font, 'Quicksand');
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: -0.2px;
    width: auto;
    height: 50px;
    padding: 0 25px;
    border-radius: 5px;
    border: none;
    outline: none;
    box-shadow: none;
    transition: all ease 700ms;
}

.el-cf7-form-wrap .wpcf7-form-control.wpcf7-submit:hover{
    background-color: var(--charitian-secondary-color, #00705d);
    color: #fff;
}

.el-cf7-form-wrap .wpcf7 form .wpcf7-response-output{
    margin: 20px 0 0;
    padding: 15px;
    border: 1px solid #00705d;
    border-radius: 3px;
    width: 100%;
    color: var(--charitian-base-color, #667470);
}

.el-cf7-form-wrap .wpcf7 form.invalid .wpcf7-response-output{
    border: 1px solid #dc3232;
}

/* Form Column */
.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7.5px;
}

.wpcf7-form p {
    margin: 0;
}

.wpcf7-form p:not(:last-of-type) {
    margin-bottom: 15px;
}

.wpcf7-form p {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 7.5px;
}

@media (min-width: 767px) {

    .layout-7 .wpcf7 form>p,
    .layout-6 .wpcf7 form>p,
    .layout-5 .wpcf7 form>p:nth-child(3),
    .layout-5 .wpcf7 form>p:nth-child(4),
    .layout-5 .wpcf7 form>p:nth-child(5),
    .layout-5 .wpcf7 form>p:nth-child(6),
    .layout-4 .wpcf7 form>p:nth-child(3),
    .layout-4 .wpcf7 form>p:nth-child(4),
    .layout-3 .wpcf7 form>p:nth-child(2),
    .layout-3 .wpcf7 form>p:nth-child(3),
    .layout-3 .wpcf7 form>p:nth-child(5),
    .layout-3 .wpcf7 form>p:nth-child(6),
    .layout-2 .wpcf7 form>p:nth-child(2),
    .layout-2 .wpcf7 form>p:nth-child(3),
    .layout-1 .wpcf7 form>p:nth-child(2),
    .layout-1 .wpcf7 form>p:nth-child(3),
    .layout-1 .wpcf7 form>p:nth-child(4),
    .layout-1 .wpcf7 form>p:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .layout-7 .wpcf7 form>p:last-of-type,
    .layout-6 .wpcf7 form>p:nth-last-of-type(1),
    .layout-6 .wpcf7 form>p:nth-last-of-type(2),
    .layout-6 .wpcf7 form>p:nth-last-of-type(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Input Style */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="range"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="month"],
.wpcf7-form input[type="week"],
.wpcf7-form input[type="time"],
.wpcf7-form input[type="datetime"],
.wpcf7-form input[type="datetime-local"],
.wpcf7-form input[type="color"],
.wpcf7-form textarea {
    width: 100%;
    outline: none;
    box-shadow: none;
}

.wpcf7-form textarea {
    height: 160px;
}

.wpcf7-form .wpcf7-form-control:focus,
.wpcf7-form .wpcf7-form-control:active{
    outline: none;
    box-shadow: none;
}


/* Checkbox */
.el-cf7-form-wrap .wpcf7-acceptance,
.el-cf7-form-wrap .wpcf7-radio,
.el-cf7-form-wrap .wpcf7-checkbox {
    display: flex;
    column-gap: 10px;
}

.el-cf7-form-wrap .wpcf7-acceptance>span,
.el-cf7-form-wrap .wpcf7-radio>span,
.el-cf7-form-wrap .wpcf7-checkbox>span {
    margin: 0;

}

.el-cf7-form-wrap .wpcf7-acceptance>span>label,
.el-cf7-form-wrap .wpcf7-radio>span>label,
.el-cf7-form-wrap .wpcf7-checkbox>span>label {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.el-cf7-form-wrap .wpcf7-radio input {
    appearance: none;
    font: inherit;
    color: currentColor;
    width: 20px;
    height: 20px;
    border: 1px solid #bbb;
    border-radius: 50%;
    display: grid;
    place-content: center;
    transition: 120ms border ease-in-out;
}

.el-cf7-form-wrap .wpcf7-radio input:hover {
    border: 1px solid var(--charitian-primary-color, #ffc105);
    transition: 120ms border ease-in-out;
}

.el-cf7-form-wrap .wpcf7-radio input::before {
    background-color: var(--charitian-primary-color, #ffc105);
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
}

.el-cf7-form-wrap .wpcf7-radio input:checked::before {
    transform: scale(1);
}

/* Submit Button */
.wpcf7-form-control.wpcf7-submit {
    background: inherit;
    background-color: var(--charitian-primary-color, #ffc105);
}

.wpcf7 form>p:last-of-type {
    display: flex;
    align-items: center;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    box-shadow: none!important;
    outline: none;
}