.elementor-362 .elementor-element.elementor-element-3258488{--display:flex;--min-height:350px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-362 .elementor-element.elementor-element-3258488:not(.elementor-motion-effects-element-type-background), .elementor-362 .elementor-element.elementor-element-3258488 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#092143;}.elementor-362 .elementor-element.elementor-element-426886b .woocommerce-breadcrumb{color:var( --e-global-color-6b904bc );font-family:"Cabin", Sans-serif;font-size:16px;text-align:center;}.elementor-362 .elementor-element.elementor-element-426886b .woocommerce-breadcrumb > a{color:var( --e-global-color-e5bc297 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-362 .elementor-element.elementor-element-1a6ffcd.elementor-element{--align-self:center;}.elementor-362 .elementor-element.elementor-element-1a6ffcd .elementor-heading-title{font-family:"Cabin", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-e5bc297 );}.elementor-362 .elementor-element.elementor-element-6610db1{--display:flex;--min-height:971px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-362 .elementor-element.elementor-element-f75d3a8{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#CCCCCC;--border-color:#CCCCCC;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-362 .elementor-element.elementor-element-3258488{--min-height:238px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-362 .elementor-element.elementor-element-426886b .woocommerce-breadcrumb{font-size:15px;text-align:center;}.elementor-362 .elementor-element.elementor-element-1a6ffcd .elementor-heading-title{font-size:23px;}.elementor-362 .elementor-element.elementor-element-6610db1{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-362 .elementor-element.elementor-element-f75d3a8{--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}}@media(min-width:768px){.elementor-362 .elementor-element.elementor-element-3258488{--content-width:1250px;}.elementor-362 .elementor-element.elementor-element-6610db1{--content-width:1250px;}.elementor-362 .elementor-element.elementor-element-f75d3a8{--width:68%;}}/* Start custom CSS for shortcode, class: .elementor-element-2bd98bd *//* =========================================
   ZEKI.PK CONTACT FORM 7
========================================= */

.zeki-cf7-form {
    --zeki-navy: #092143;
    --zeki-blue: #0FA5E9;
    --zeki-blue-hover: #0D94D2;
    --zeki-text: #5F6670;
    --zeki-border: #DDE3E8;
    --zeki-light: #F8FAFC;
    --zeki-white: #FFFFFF;

    width: 100%;
    font-family: "Cabin", sans-serif;
    color: var(--zeki-text);
}

.zeki-cf7-form,
.zeki-cf7-form * {
    box-sizing: border-box;
}


/* =========================================
   INTRO
========================================= */

.zeki-form-intro {
    max-width: 680px;
    margin-bottom: 35px;
}

.zeki-form-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 14px;

    color: var(--zeki-navy);

    font-family: "Cabin", sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.zeki-form-label::before {
    content: "";
    width: 22px;
    height: 2px;

    background: var(--zeki-navy);
    border-radius: 10px;
}

.zeki-form-intro h2 {
    margin: 0 0 12px;

    color: var(--zeki-navy);

    font-family: "Cabin", sans-serif;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 700;
}

.zeki-form-intro p {
    margin: 0;

    color: var(--zeki-text);

    font-family: "Cabin", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
}


/* =========================================
   GRID
========================================= */

.zeki-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.zeki-field {
    min-width: 0;
}

.zeki-field-full {
    grid-column: 1 / -1;
}


/* =========================================
   LABELS
========================================= */

.zeki-field label {
    display: block;

    margin-bottom: 8px;

    color: var(--zeki-navy);

    font-family: "Cabin", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
}

.zeki-field label span {
    color: var(--zeki-blue);
}


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

.zeki-cf7-form input[type="text"],
.zeki-cf7-form input[type="email"],
.zeki-cf7-form input[type="tel"],
.zeki-cf7-form select,
.zeki-cf7-form textarea {
    width: 100% !important;

    margin: 0 !important;

    padding: 13px 15px !important;

    background: var(--zeki-white) !important;

    border: 1px solid var(--zeki-border) !important;
    border-radius: 7px !important;

    outline: none !important;

    color: #222222 !important;

    font-family: "Cabin", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;

    box-shadow: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.zeki-cf7-form input[type="text"],
.zeki-cf7-form input[type="email"],
.zeki-cf7-form input[type="tel"],
.zeki-cf7-form select {
    min-height: 50px;
}

.zeki-cf7-form textarea {
    min-height: 150px;
    resize: vertical;
}


/* Placeholder */

.zeki-cf7-form input::placeholder,
.zeki-cf7-form textarea::placeholder {
    color: #9A9FA6 !important;
    opacity: 1;
}


/* Focus */

.zeki-cf7-form input[type="text"]:focus,
.zeki-cf7-form input[type="email"]:focus,
.zeki-cf7-form input[type="tel"]:focus,
.zeki-cf7-form select:focus,
.zeki-cf7-form textarea:focus {
    border-color: var(--zeki-blue) !important;

    box-shadow:
        0 0 0 3px rgba(15,165,233,.10) !important;

    background: #FFFFFF !important;
}


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

.zeki-cf7-form select {
    cursor: pointer;
}


/* =========================================
   PRIVACY ACCEPTANCE
========================================= */

.zeki-privacy-consent {
    margin-top: -3px;

    color: var(--zeki-text);

    font-family: "Cabin", sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

.zeki-privacy-consent .wpcf7-list-item {
    margin: 0 !important;
}

.zeki-privacy-consent label {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    cursor: pointer;
}

.zeki-privacy-consent input[type="checkbox"] {
    width: 16px;
    height: 16px;

    margin-top: 3px;

    accent-color: var(--zeki-blue);
}


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

.zeki-submit-wrap {
    margin-top: 2px;
}

.zeki-cf7-form .zeki-submit,
.zeki-cf7-form input[type="submit"] {
    min-width: 165px;
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 25px !important;

    background: var(--zeki-blue) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--zeki-blue) !important;
    border-radius: 7px !important;

    font-family: "Cabin", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    cursor: pointer;

    box-shadow: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.zeki-cf7-form .zeki-submit:hover,
.zeki-cf7-form input[type="submit"]:hover {
    background: var(--zeki-blue-hover) !important;
    border-color: var(--zeki-blue-hover) !important;

    transform: translateY(-1px);

    box-shadow:
        0 7px 18px rgba(15,165,233,.18) !important;
}


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

.zeki-cf7-form .wpcf7-not-valid {
    border-color: #D63638 !important;
}

.zeki-cf7-form .wpcf7-not-valid-tip {
    margin-top: 6px;

    color: #D63638;

    font-family: "Cabin", sans-serif;
    font-size: 12px;
    line-height: 1.4;
}


/* =========================================
   RESPONSE MESSAGE
========================================= */

.zeki-cf7-form .wpcf7-response-output {
    margin: 24px 0 0 !important;
    padding: 14px 16px !important;

    border: 1px solid var(--zeki-border) !important;
    border-radius: 7px !important;

    color: var(--zeki-navy);

    font-family: "Cabin", sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

.zeki-cf7-form form.sent .wpcf7-response-output {
    border-color: var(--zeki-blue) !important;
    background: rgba(15,165,233,.05);
}


/* =========================================
   SPINNER
========================================= */

.zeki-cf7-form .wpcf7-spinner {
    margin: 0 0 0 10px;
    vertical-align: middle;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .zeki-form-intro h2 {
        font-size: 27px;
    }

}


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

@media (max-width: 767px) {

    .zeki-form-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .zeki-field-full {
        grid-column: auto;
    }

    .zeki-form-intro {
        margin-bottom: 28px;
    }

    .zeki-form-intro h2 {
        font-size: 23px;
    }

    .zeki-form-intro p {
        font-size: 14px;
        line-height: 1.65;
    }

    .zeki-field label {
        font-size: 13px;
    }

    .zeki-cf7-form input[type="text"],
    .zeki-cf7-form input[type="email"],
    .zeki-cf7-form input[type="tel"],
    .zeki-cf7-form select,
    .zeki-cf7-form textarea {
        font-size: 14px !important;
    }

    .zeki-cf7-form input[type="text"],
    .zeki-cf7-form input[type="email"],
    .zeki-cf7-form input[type="tel"],
    .zeki-cf7-form select {
        min-height: 47px;
    }

    .zeki-cf7-form textarea {
        min-height: 135px;
    }

    .zeki-cf7-form .zeki-submit,
    .zeki-cf7-form input[type="submit"] {
        width: 100%;
        min-height: 48px;

        font-size: 14px !important;
    }

    .zeki-privacy-consent {
        font-size: 12px;
    }

}
/* =========================================
   ZEKI CF7 - COMPACT RESPONSIVE SPACING
========================================= */

/* Intro spacing */
.zeki-form-intro {
    margin-bottom: 22px !important;
}

.zeki-form-intro h2 {
    margin-bottom: 8px !important;
}

.zeki-form-intro p {
    margin-bottom: 0 !important;
}


/* Main fields grid */
.zeki-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 18px !important;
    row-gap: 16px !important;
}


/* Full width fields */
.zeki-field-full {
    grid-column: 1 / -1;
}


/* Label spacing */
.zeki-field label {
    margin-bottom: 6px !important;
}


/* Remove unwanted CF7 paragraph spacing */
.zeki-cf7-form p,
.zeki-cf7-form .wpcf7-form-control-wrap {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* Consent spacing */
.zeki-privacy-consent {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* Submit spacing */
.zeki-submit-wrap {
    margin-top: 0 !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .zeki-form-intro {
        margin-bottom: 20px !important;
    }

    .zeki-form-grid {
        column-gap: 16px !important;
        row-gap: 14px !important;
    }

}


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

@media (max-width: 767px) {

    .zeki-form-intro {
        margin-bottom: 18px !important;
    }

    .zeki-form-grid {
        grid-template-columns: 1fr;

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

    .zeki-field-full {
        grid-column: auto;
    }

    .zeki-field label {
        margin-bottom: 5px !important;
    }

}


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

@media (max-width: 480px) {

    .zeki-form-intro {
        margin-bottom: 16px !important;
    }

    .zeki-form-grid {
        row-gap: 12px !important;
    }

}/* End custom CSS */