.elementor-2500 .elementor-element.elementor-element-9b52998:not(.elementor-motion-effects-element-type-background), .elementor-2500 .elementor-element.elementor-element-9b52998 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF9F1;}.elementor-2500 .elementor-element.elementor-element-9b52998{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:145px 0px 0px 0px;}.elementor-2500 .elementor-element.elementor-element-9b52998 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}/* Start custom CSS for safem_appointment2, class: .elementor-element-af7b8e9 *//* =========================================================
   KALYNA CLEANING FORM — COMPACT 3 COLUMN LAYOUT
   ========================================================= */

.wpcf7 form .row {
    display: grid !important;

    /* 6 grid units = allows 3 columns */
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    column-gap: 20px !important;
    row-gap: 0 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: start !important;
}


/* =========================================================
   RESET BOOTSTRAP
   ========================================================= */

.wpcf7 form .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;

    flex: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    margin: 0 !important;

    min-width: 0 !important;
}


/* =========================================================
   GENERAL
   ========================================================= */

.wpcf7 form .input-group {
    position: relative !important;

    width: 100% !important;

    margin: 0 0 7px 0 !important;

    padding: 0 !important;
}


/* =========================================================
   ROW 1
   FIRST NAME | LAST NAME | EMAIL
   ========================================================= */

/* First Name */
.wpcf7 form .row > :nth-child(1) {
    grid-column: 1 / span 2 !important;
    grid-row: 1 !important;
}

/* Last Name */
.wpcf7 form .row > :nth-child(2) {
    grid-column: 3 / span 2 !important;
    grid-row: 1 !important;
}

/* Email */
.wpcf7 form .row > :nth-child(3) {
    grid-column: 5 / span 2 !important;
    grid-row: 1 !important;
}


/* =========================================================
   ROW 2
   PHONE | HOW DID YOU HEAR | TOTAL SQUARE FOOTAGE
   ========================================================= */

/* Phone */
.wpcf7 form .row > :nth-child(4) {
    grid-column: 1 / span 2 !important;
    grid-row: 2 !important;
}

/* How did you hear */
.wpcf7 form .row > :nth-child(5) {
    grid-column: 3 / span 2 !important;
    grid-row: 2 !important;

    align-self: start !important;
}

/* Square Footage */
.wpcf7 form .row > :nth-child(12) {
    grid-column: 5 / span 2 !important;
    grid-row: 2 !important;
}


/* =========================================================
   PROPERTY ADDRESS TITLE
   ========================================================= */

.wpcf7 form .row > :nth-child(6) {
    grid-column: 1 / span 6 !important;
    grid-row: 3 !important;

    margin: 1px 0 4px 0 !important;
    padding: 0 !important;
}


.wpcf7 form .form-section-title {
    display: block !important;

    font-size: 15px !important;
    line-height: 18px !important;

    font-weight: 600 !important;

    color: #087c36 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   ROW 4
   STREET ADDRESS | STREET ADDRESS LINE 2
   ========================================================= */

/* Street Address */
.wpcf7 form .row > :nth-child(7) {
    grid-column: 1 / span 3 !important;
    grid-row: 4 !important;
}

/* Street Address Line 2 */
.wpcf7 form .row > :nth-child(8) {
    grid-column: 4 / span 3 !important;
    grid-row: 4 !important;
}


/* =========================================================
   ROW 5
   CITY | STATE / PROVINCE
   ========================================================= */

.wpcf7 form .row > :nth-child(9) {
    grid-column: 1 / span 3 !important;
    grid-row: 5 !important;
}

.wpcf7 form .row > :nth-child(10) {
    grid-column: 4 / span 3 !important;
    grid-row: 5 !important;
}


/* =========================================================
   ROW 6
   POSTAL CODE | SERVICE
   ========================================================= */

.wpcf7 form .row > :nth-child(11) {
    grid-column: 1 / span 3 !important;
    grid-row: 6 !important;
}

.wpcf7 form .row > :nth-child(13) {
    grid-column: 4 / span 3 !important;
    grid-row: 6 !important;
}


/* =========================================================
   ROW 7
   APPOINTMENT DATE | PREFERRED TIME
   ========================================================= */

.wpcf7 form .row > :nth-child(14) {
    grid-column: 1 / span 3 !important;
    grid-row: 7 !important;
}

.wpcf7 form .row > :nth-child(15) {
    grid-column: 4 / span 3 !important;
    grid-row: 7 !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="date"],
.wpcf7 form select {

    width: 100% !important;

    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    padding: 5px 11px !important;

    margin: 0 !important;

    border: 1px solid #d3d3d3 !important;

    border-radius: 5px !important;

    background: #ffffff !important;

    color: #555 !important;

    font-size: 14px !important;

    line-height: 24px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SELECT
   ========================================================= */

.wpcf7 form select {
    cursor: pointer !important;

    appearance: auto !important;

    padding-right: 28px !important;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

.wpcf7 form textarea {

    width: 100% !important;

    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;

    padding: 8px 11px !important;

    margin: 0 !important;

    border: 1px solid #d3d3d3 !important;

    border-radius: 5px !important;

    background: #ffffff !important;

    color: #555 !important;

    font-size: 14px !important;

    line-height: 20px !important;

    resize: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOW DID YOU HEAR
   ========================================================= */

.wpcf7 form .hear-options {

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 7px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    min-height: 36px !important;
}


/* Checkbox item */

.wpcf7 form .hear-options .wpcf7-list-item {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;

    font-size: 11px !important;

    line-height: 16px !important;

    color: #555 !important;
}


/* Checkbox itself */

.wpcf7 form .hear-options input[type="checkbox"] {

    width: 14px !important;
    height: 14px !important;

    min-width: 14px !important;
    min-height: 14px !important;

    margin: 0 4px 0 0 !important;

    padding: 0 !important;

    vertical-align: middle !important;

    accent-color: #e52529 !important;

    cursor: pointer !important;
}


/* Remove CF7 extra margins */

.wpcf7 form .hear-options .wpcf7-list-item-label {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   ICONS
   ========================================================= */

.wpcf7 form .input-group .icon {

    position: absolute !important;

    right: 11px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    color: #e52529 !important;

    pointer-events: none !important;

    font-size: 14px !important;
}


/* =========================================================
   MESSAGE ROW
   ========================================================= */

.wpcf7 form .row > :nth-child(16) {

    grid-column: 1 / span 6 !important;
    grid-row: 8 !important;

    margin: 0 !important;
}


/* =========================================================
   SUBMIT ROW
   ========================================================= */

.wpcf7 form .row > :nth-child(17) {

    grid-column: 1 / span 6 !important;
    grid-row: 9 !important;

    margin: 0 !important;
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.wpcf7 form .main-btn {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    width: 100% !important;

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    margin: 0 !important;

    padding: 0 18px !important;

    border: none !important;

    border-radius: 22px !important;

    background: #e52529 !important;

    color: #ffffff !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    line-height: 38px !important;

    text-align: center !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition: all .25s ease !important;
}


.wpcf7 form .main-btn:hover {
    background: #c91c20 !important;
}


/* Plus icon */

.wpcf7 form .main-btn i {

    position: static !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px !important;

    transform: none !important;
}


/* =========================================================
   REMOVE ALL EXTRA CF7 SPACING
   ========================================================= */

.wpcf7 form br {
    display: none !important;
}


.wpcf7 form p {

    margin: 0 !important;
    padding: 0 !important;
}


.wpcf7 form .mb-20 {

    margin-bottom: 7px !important;
}


.wpcf7 form .row > div {
    margin-top: 0 !important;
}


/* =========================================================
   CF7 VALIDATION SPACE
   ========================================================= */

.wpcf7 form .wpcf7-not-valid-tip {

    font-size: 10px !important;

    line-height: 12px !important;

    margin: 1px 0 0 0 !important;
}


.wpcf7 form .wpcf7-response-output {

    margin: 5px 0 0 0 !important;

    padding: 5px 10px !important;

    font-size: 12px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wpcf7 form .row {

        display: grid !important;

        grid-template-columns: 1fr !important;

        column-gap: 0 !important;
        row-gap: 0 !important;
    }


    .wpcf7 form .row > [class*="col-"] {

        grid-column: 1 / span 1 !important;

        grid-row: auto !important;

        width: 100% !important;
    }


    .wpcf7 form .hear-options {

        flex-wrap: wrap !important;

        gap: 6px !important;

        min-height: auto !important;
    }


    .wpcf7 form .hear-options .wpcf7-list-item {

        font-size: 11px !important;
    }


    .wpcf7 form input[type="text"],
    .wpcf7 form input[type="email"],
    .wpcf7 form input[type="tel"],
    .wpcf7 form input[type="date"],
    .wpcf7 form select {

        height: 36px !important;
        min-height: 36px !important;
    }


    .wpcf7 form textarea {

        height: 55px !important;
        min-height: 55px !important;
    }


    .wpcf7 form .main-btn {

        height: 38px !important;
        min-height: 38px !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .wpcf7 form .hear-options {
        gap: 5px !important;
    }

    .wpcf7 form .hear-options .wpcf7-list-item {
        font-size: 10px !important;
    }
}/* End custom CSS */