.elementor-18 .elementor-element.elementor-element-60f9e68{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-60f9e68:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-60f9e68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-85c4b66{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-18 .elementor-element.elementor-element-f2564ed .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:300;color:#000000;}.elementor-18 .elementor-element.elementor-element-7858100{width:100%;max-width:100%;}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-85c4b66{--width:95%;}}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-85c4b66{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-18 .elementor-element.elementor-element-85c4b66{--width:95%;}}/* Start custom CSS for shortcode, class: .elementor-element-7858100 *//* This hides the original CF7 select and its wrapper container entirely */
.wpcf7-form-control-wrap[data-name="car-model"],
#car-.elementor-18 .elementor-element.elementor-element-7858100 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
}

/* Ensure the custom select wrapper stays visible and has proper spacing */
.custom-select-wrapper {
    position: relative;
    width: 100%;
    max-width: 320px;
    margin-bottom: 40px; 
    display: block !important; /* Forces it to show even if parent is hidden */
}

/* Custom Select Wrapper - Small Width */
.custom-select-wrapper {
    position: relative;
    width: 100%;
    max-width: 320px; /* Adjust this value to match your desired width */
    margin-bottom: 40px; /* Space between .elementor-18 .elementor-element.elementor-element-7858100 and other fields */
}

.mg-picker {
    position: relative;
    width: 100%;
    user-select: none;
}

.mg-current-selection {
    display: flex;
    align-items: center;
    border: 1px solid #8c8fa3;
    border-radius: 12px;
    padding: 8px 15px;
    background: #fff;
    cursor: pointer;
    min-height: 50px;
    transition: border-color 0.3s;
}

.mg-current-selection:hover {
    border-color: #000;
}

.mg-current-selection img {
    width: 45px;
    margin-right: 12px;
}

.mg-current-selection .arrow:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #8c8fa3;
}

.mg-options-dropdown {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    z-index: 9999;
    max-height: 280px;
    overflow-y: auto;
    display: none;
}

.mg-picker.active .mg-options-dropdown {
    display: block;
}

.mg-opt-item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
    transition: background 0.2s;
}

.mg-opt-item:hover {
    background: #f8f9fa;
}

.mg-opt-item img {
    width: 50px;
    margin-right: 15px;
}

/* Form Grid Styling */
.mg-test-drive-form .form-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-bottom: 24px;
}

.mg-test-drive-form .form-field label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 500;
}

.mg-test-drive-form .form-field input {
    width: 100%;
    border: 1px solid #8c8fa3;
    border-radius: 12px;
    padding: 14px 16px;
    box-sizing: border-box;
}

.mg-test-drive-form .submit-button input[type="submit"] {
    background: #000;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 14px 40px;
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 767px) {
    .custom-select-wrapper { max-width: 100%; }
    .mg-test-drive-form .form-grid { grid-template-columns: 1fr; }
}/* End custom CSS */