*{
margin: 0px;
padding: 0px;
}

:root {
--main-color: #f05d00;
}

@font-face {
font-family: "font-head";
src: url(/assets/fonts/ZeekrHeadline-Regular.woff2);
}
@font-face {
font-family: "font-regular";
src: url(/assets/fonts/ZeekrText-Regular.woff2);
}

body{
font-family: 'font-regular';
color: rgba(0,0,0,.85);
}

.f1{
font-family: 'font-head';
}
.f2{
font-family: 'font-regular';
}

.main-content {
display: flex;
min-height: calc(100vh - 270px);
align-items: center;
justify-content: center;
flex-direction: column;
}
.form-container{
padding-top: 40px;
padding-bottom: 80px;
}

.p{
font-size: 20px;
}

.submit-btn{
background-color: #000000;
color: #ffffff;
border: none;
padding: 14px 20px;
border-radius: 50px;
}

a.default-btn{
background-color: #000000;
color: #ffffff;
border: none;
padding: 14px 20px;
border-radius: 50px; 
text-decoration: none;
}

.form-control, .form-select{
line-height: 2rem;
}
.form-control:focus, .form-select:focus {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border-color: var(--main-color);
outline: 0;
box-shadow: 0 0 0 .25rem rgb(240 93 0 / 0%);
}
.error{
color: #d2211e;
font-size: 14px;
padding-top: 4px;
}

.highlight-color{
color: var(--main-color);
}

.uppercase{
text-transform: uppercase;
}

.header-desktop{
display: block;
}
.header-mobile{
display: none;
}

/* CSS Image Radio button */
.image-radio-group {
display: flex;
gap: 20px;
}

.image-radio-group input[type="radio"] {
display: none;
}

.image-radio-group label {
display: inline-block;
cursor: pointer;
border: 1px solid #d5d5d5;
border-radius: 8px;
transition: border 0.3s;
}

.image-radio-group label img {
width: 100%;
height: auto;
display: block;
}
.image-radio-group input[type="radio"]:checked + label {
border-color: black;
color: var(--main-color);
}
.vehicle-name{
text-align: center;
display: block;
padding-bottom: 20px;
}

@media only screen and (max-width: 991px) {
.header-desktop{
display: none;
}
.header-mobile{
display: block;
}
}