.elementor-1157 .elementor-element.elementor-element-15113c0:not(.elementor-motion-effects-element-type-background), .elementor-1157 .elementor-element.elementor-element-15113c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1157 .elementor-element.elementor-element-15113c0 > .elementor-background-overlay{background-image:url("https://valuecardeals.ca/wp-content/uploads/2025/11/happy-customers-car-dealership.webp");background-position:0px 35%;background-repeat:no-repeat;background-size:cover;opacity:0.2;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1157 .elementor-element.elementor-element-15113c0 > .elementor-container{max-width:1290px;}.elementor-1157 .elementor-element.elementor-element-15113c0, .elementor-1157 .elementor-element.elementor-element-15113c0 > .elementor-background-overlay{border-radius:0px 0px 40px 40px;}.elementor-1157 .elementor-element.elementor-element-15113c0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-132px;margin-bottom:0px;padding:250px 0px 150px 0px;}.elementor-1157 .elementor-element.elementor-element-1747543{text-align:center;}.elementor-1157 .elementor-element.elementor-element-1747543 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-4f381b8 );}.elementor-1157 .elementor-element.elementor-element-ec7b3c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1157 .elementor-element.elementor-element-913b7cf{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-1157 .elementor-element.elementor-element-913b7cf.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-1157 .elementor-element.elementor-element-ec7b3c1{--content-width:1290px;}}@media(max-width:1024px){.elementor-1157 .elementor-element.elementor-element-15113c0 > .elementor-background-overlay{background-position:0px 0%;}.elementor-1157 .elementor-element.elementor-element-15113c0{margin-top:-130px;margin-bottom:0px;padding:230px 20px 100px 20px;}.elementor-1157 .elementor-element.elementor-element-1747543 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-1157 .elementor-element.elementor-element-15113c0 > .elementor-background-overlay{background-position:0px 0%;}.elementor-1157 .elementor-element.elementor-element-1747543 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-913b7cf *//* Target all Gravity Forms buttons inside this Elementor widget */
.elementor-element-913b7cf .gform_button,
.elementor-element-913b7cf .gform_next_button,
.elementor-element-913b7cf .gform_previous_button {
    background-color: #054552 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: 0.3s ease;
    cursor: pointer;
}

/* Hover State */
.elementor-element-913b7cf .gform_button:hover,
.elementor-element-913b7cf .gform_next_button:hover,
.elementor-element-913b7cf .gform_previous_button:hover {
    background-color: #0E6C73 !important;
    color: #ffffff !important;
}



/* TARGET FULL FORM INSIDE THIS ELEMENTOR WIDGET */
.elementor-element-913b7cf * {
    --gform-theme-color: #0E6C73 !important;
}

/* Inputs, Select, Textarea Focus Border */
.elementor-element-913b7cf input:focus,
.elementor-element-913b7cf select:focus,
.elementor-element-913b7cf textarea:focus {
    border-color: #0E6C73 !important;
    box-shadow: 0 0 0 1px #0E6C73 !important;
}

/* Checkbox & Radio Accent Color */
.elementor-element-913b7cf input[type="checkbox"],
.elementor-element-913b7cf input[type="radio"] {
    accent-color: #0E6C73 !important;
}

/* Progress Bar (if enabled) */
.elementor-element-913b7cf .gf_progressbar_percentage {
    background-color: #0E6C73 !important;
}

/* Section Titles / Page Titles */
.elementor-element-913b7cf .gsection_title,
.elementor-element-913b7cf .gf_step {
    color: #0E6C73 !important;
}

/* Validation Highlight (error border) */
.elementor-element-913b7cf .gfield_error input,
.elementor-element-913b7cf .gfield_error select,
.elementor-element-913b7cf .gfield_error textarea {
    border-color: #0E6C73 !important;
}

/* Button Colors (Next, Previous, Submit) */
.elementor-element-913b7cf .gform_button,
.elementor-element-913b7cf .gform_next_button,
.elementor-element-913b7cf .gform_previous_button {
    background-color: #054552 !important;
    color: #ffffff !important;
    transition: .3s;
}

.elementor-element-913b7cf .gform_button:hover,
.elementor-element-913b7cf .gform_next_button:hover,
.elementor-element-913b7cf .gform_previous_button:hover {
    background-color: #0E6C73 !important;
    color: #ffffff !important;
}


/* CHECKBOX & RADIO COLOR */
.elementor-element-913b7cf input[type="checkbox"],
.elementor-element-913b7cf input[type="radio"] {
    accent-color: #0E6C73 !important;
}

/* FIELD FOCUS BORDER COLOR */
.elementor-element-913b7cf input:focus,
.elementor-element-913b7cf select:focus,
.elementor-element-913b7cf textarea:focus {
    border-color: #0E6C73 !important;
    box-shadow: 0 0 0 1px #0E6C73 !important;
}

/* SELECT FIELD BORDER WHEN OPEN (CHROME / SAFARI) */
.elementor-element-913b7cf select:focus-visible {
    border-color: #0E6C73 !important;
    outline: none !important;
}


/* Hide native radio buttons */
.gform_wrapper .gfield-choice-input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Custom radio circle */
.gform_wrapper .gfield-choice-input[type="radio"] + label {
    position: relative;
    padding-left: 24px; /* space for custom circle */
    cursor: pointer;
    display: inline-block;
    line-height: 16px;
}

/* Outer circle */
.gform_wrapper .gfield-choice-input[type="radio"] + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;       /* custom small size */
    height: 16px;
    border: 2px solid #0E6C73;
    border-radius: 50%; /* circle */
    background-color: #fff;
    box-sizing: border-box;
}

/* Inner dot when checked */
.gform_wrapper .gfield-choice-input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 8px;
    height: 8px;
    background-color: #0E6C73;
    border-radius: 50%;
}



/* Make all text in the form black */
.gform_wrapper {
    color: #000000; /* all text black */
}

/* Make labels black */
.gform_wrapper .gfield_label {
    color: #000000;
}

/* Make input text black */
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select {
    color: #000000;
    border-color: #000000; /* optional: border black */
}

/* Placeholder text black */
.gform_wrapper ::placeholder {
    color: #000000;
    opacity: 1; /* ensure it’s visible */
}/* End custom CSS */