.page-template-page-search-by-vin {
background-color: #FFF;
}
.page-template-page-search-by-vin main {
display: flex;
flex-direction: column;
}
.page_banner {
order: -1;
margin: 0;
}
.page_search_by_vin {
margin-bottom: 8.75rem;
color: var(--Black_titles, #191A26);
}
.page_search_by_vin__wrapper {
padding: 0 1.25rem;
}
.page_search_by_vin__title {
font-size: 1.5rem;
line-height: 1.2;
font-weight: 700;
margin-bottom: 3.75rem;
}
.page_search_by_vin__form {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 0;
}
.page_search_by_vin__input {
padding: 1.0625rem 0.375rem;
font-size: 0.875rem;
line-height: 1;
color: inherit;
border: 1px solid var(--Black_titles, #191A26);
width: max(67.5%, calc( 100% - 104px ) );
}
.page_search_by_vin__input::placeholder {
color: var(--Grey_middle, #838587);
}
.page_search_by_vin__submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0 0.25rem;
line-height: 1;
font-weight: 600;
color: var(--white-back-texts, #FFF);
background-color: var(--Red, #C11D1D);
border: 1px solid var(--Red, #C11D1D);
padding: 1rem 0.25rem;
width: min(104px, 32.5%);
cursor: pointer;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.page_content {
padding: 0;
margin-bottom: 5rem;
}
@media screen and ( min-width: 992px ) {
.page_search_by_vin__title,
.page_search_by_vin__form {
width: 753px;
margin-left: auto;
margin-right: auto;
}
.page_search_by_vin__title {
text-align: center;
font-size: 2rem;
}
.page_search_by_vin__form {
padding: 0 0.8125rem;
}
.page_search_by_vin__input {
font-size: 1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
width: min(559px, 76.893%);
outline: none;
}
.page_search_by_vin__submit {
padding-left: 1.75rem;
padding-right: 1.75rem;
width: min(169px, 23.107%);
}
.page_search_by_vin__submit:hover {
background-color: var(--Black_titles, #191A26);
border-color: var(--Black_titles, #191A26);
color: var(--white-back-texts, #FFF);
}
.page_content {
margin-bottom: 6.25rem;
}
}