:root{
    --color-bg: #0D0D0D;
    --color-secondary-bg: #141414;
    --color-primary: white;
    --color-secondary: #E50000;
    --btn-bg-primary: #E50000;
    --btn-bg-primary-hover: #c30000;
    --btn-bg-secondary: white;
    --linear-hero: linear-gradient(181deg, #0d0d0d 17%, rgba(13, 13, 13, 0.7) 31.29%, rgba(13, 13, 13, 0.7) 79.14%, #0d0d0d 93.26%);
    --color-scheme: dark;
}

.lightTheme{
    --color-bg: white;
    --color-secondary-bg: #f1f1f1;
    --color-primary: #000000;
    --color-secondary: #E50000;
    --btn-bg-primary: #E50000;
    --btn-bg-primary-hover: #c30000;
    --btn-bg-secondary: white;
    --linear-hero: linear-gradient(181deg, #ffffff 17%, rgba(255, 255, 255, 0.7) 31.29%, rgba(255, 255, 255, 0.7) 79.14%, #ffffff 93.26%);
    --color-scheme: light;
}


.autodealer-widget-form-submit{
    background-color: var(--btn-bg-primary) !important;
    color: white !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
}

.autodealer-widget-form-submit:hover{
    background-color: var(--btn-bg-primary-hover) !important;
}

.autodealer-widget-side-wrapper{
    background-color: var(--color-secondary-bg) !important;
}

.autodealer-widget-form-autodealer{
    display: none !important;
}

.autodealer-widget-form{
    margin-bottom: 20px !important;
}

.autodealer-widget-form-title{
    background-color: var(--color-secondary-bg) !important;
    color: var(--color-primary) !important;
    font-family: 'Montserrat', sans-serif !important;
}

.autodealer-widget-form-close::before{
    background-color: var(--color-primary) !important;
}

.autodealer-widget-form-close::after{
    background-color: var(--color-primary) !important;
}

.autodealer-widget-form-input > input::placeholder{
    background-color: var(--color-bg) !important;
    color: var(--color-primary) !important;
    font-family: 'Montserrat', sans-serif !important;
    opacity: 1 !important;
}
.autodealer-widget-form-input input{
    background-color: var(--color-bg) !important;
    height: auto !important;
    background-clip: border-box !important;
    border: none !important;
    box-shadow: none !important;
    font-family: 'Montserrat', sans-serif !important;
}
.autodealer-widget-form-input textarea{
    background-color: var(--color-bg) !important;
    background-clip: border-box !important;
    border: none !important;
    box-shadow: none !important;
    font-family: 'Montserrat', sans-serif !important;
}
.autodealer-widget-form-checkbox input{
    background-color: var(--color-bg) !important;
    background-clip: border-box !important;
    border: none !important;
    box-shadow: none !important;
    font-family: 'Montserrat', sans-serif !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
}
.autodealer-widget-form-checkbox input::checkmark{
    background-color: var(--color-bg) !important;
    color: var(--color-primary);
   
}
.autodealer-widget-form-input input{
    background-color: var(--color-bg) !important;
    height: auto !important;
    background-clip: border-box !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--color-primary) !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

.autodealer-widget-form-input textarea{
    background-color: var(--color-bg) !important;
    height: auto !important;
    background-clip: border-box !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--color-primary) !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
}
.autodealer-widget-form-input input:active{
    background-color: var(--color-bg) !important;
    height: auto !important;
    background-clip: border-box !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--color-primary) !important;
}
.autodealer-widget-form-input textarea:active{
    background-color: var(--color-bg) !important;
    height: auto !important;
    background-clip: border-box !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--color-primary) !important;
}
.autodealer-widget-form-input input:focus{
    background-color: var(--color-bg) !important;
    height: auto !important;
    background-clip: border-box !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--color-primary) !important;
    box-shadow: 0px 0px 4px 0px rgba(255, 0, 0, 0.25) !important;

}
.autodealer-widget-form-input textarea:focus{
    background-color: var(--color-bg) !important;
    height: auto !important;
    background-clip: border-box !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--color-primary) !important;
    box-shadow: 0px 0px 4px 0px rgba(255, 0, 0, 0.25) !important;
}
.autodealer-widget-form-input > textarea::placeholder{
    background-color: var(--color-bg) !important;
    color: var(--color-primary) !important;
    font-family: 'Montserrat', sans-serif !important;
    opacity: 1 !important;
}

.autodealer-widget-form-input > label{
    color: var(--color-primary) !important;
    font-family: 'Montserrat', sans-serif !important;
    background-color: var(--color-secondary-bg) !important;
}

.autodealer-widget-form-input input[type=date]{
    color-scheme: var(--color-scheme) !important;
    height: 50px !important;
}

.autodealer-widget-form-input input[type=time]{
    color-scheme: var(--color-scheme) !important;
    height: 50px !important;
}

.autodealer-widget-success-form{
    color: var(--color-primary) !important;
    padding-bottom: 30px !important;
}

.autodealer-widget-success-form-detail-title{
    background-color: var(--color-secondary-bg) !important;
    color: var(--color-primary) !important;
}

.autodealer-widget-success-form-detail-title span{
    background: var(--color-secondary-bg) !important;
    color: var(--color-primary) !important;
}

.autodealer-widget-success-form-detail-title::before span{
    background: var(--color-secondary-bg) !important;
    color: var(--color-primary) !important;
}
