:root {
  --section-spacing: 80px;
  --gap-spacing: 20px; }

.page-template-template-motor .row {
  max-width: 1280px !important; }

.steps {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center; }
  .steps__header {
    font-size: 2rem;
    text-align: center; }
  .steps__subheader {
    font-size: 1.5rem;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 65px;
    color: #202144; }
  @media screen and (min-width: 1024px) {
    .steps {
      flex-direction: row;
      flex-wrap: wrap; } }

.welcome-title {
  margin-top: 20px;
  color: #202144; }

#searchForm .welcome-title {
  margin-top: 0; }

/* Form Section */
#searchForm {
  border: 1px solid #202144;
  border-radius: 20px;
  padding: 20px; }

.bg-col-96d0ca {
  background-color: #96d0ca; }

.bg-col-e2edee {
  background-color: #e2edee; }

.p-tb-200 {
  padding-top: 200px;
  padding-bottom: 200px; }

.m-b-20 {
  margin-bottom: 20px; }
.m-b-40 {
  margin-bottom: 40px; }
.m-b-60 {
  margin-bottom: 60px; }

.m-t-80 {
  margin-top: 80px; }

.mf_header--h1 {
  color: #202144;
  font-size: 4.5rem;
  text-align: center; }

.mf_tag {
  text-align: center;
  font-weight: 700;
  color: #202144;
  font-size: 2.2rem; }

.step {
  border: 2px solid var(--dark-grey);
  width: 100%;
  border-radius: 10px;
  padding: 20px;
  background-color: #96d0ca; }
  .step__header {
    font-size: 1.5rem;
    color: #202144; }
  .step__content {
    font-size: 1rem;
    color: #202144; }
  .step__icon {
    width: 100%;
    height: 60px;
    margin-bottom: 10px; }
    .step__icon > svg {
      max-height: 100%; }
  @media screen and (min-width: 1024px) {
    .step {
      max-width: 300px; } }

@media screen and (max-width: 639px) {
  .mf-checklist {
    margin-bottom: calc(var(--section-spacing) / 2); } }
.checklist_point {
  display: flex;
  margin-bottom: 20px;
  align-items: center; }
.checklist_icon {
  width: 35px;
  height: 35px;
  max-height: 50px;
  margin-right: 20px; }
.checklist_desc {
  flex: 1;
  color: #202144; }

/* Claims Section */
.claims {
  padding-top: var(--section-spacing);
  padding-bottom: calc(var(--section-spacing) - 20px); }
  .claims-footer {
    display: flex;
    justify-content: center;
    align-items: center; }
  .claims_content {
    color: #202144 !important; }

@media only screen and (min-width: 640px) {
  .claims {
    padding-bottom: var(--section-spacing); } }
@media only screen and (max-width: 639px) {
  .claims .claim_wrapper {
    margin-bottom: 20px; } }
.claim {
  border: 1px solid #202144;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  background-color: #96d0ca; }
  .claim-button {
    color: #fff;
    background-color: #202144;
    padding: 10px;
    border-radius: 30px;
    margin-bottom: var(--section-spacing);
    width: 100%;
    text-align: center;
    font-size: 30px; }
  .claim_icon {
    min-width: 30px;
    height: 30px;
    margin-right: 20px;
    border: 1px solid #202144;
    background-color: #96d0ca;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; }
  .claim_content {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: #202144 !important; }
  .claim_title {
    margin-bottom: 20px;
    font-weight: 700; }

/* What we do section */
.wwd {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing); }
  .wwd_point {
    text-align: center;
    color: #202144; }
  .wwd_value {
    text-align: center;
    margin-top: 30px; }
    @media screen and (max-width: 639px) {
      .wwd_value {
        margin-top: 0;
        font-size: 1.9375rem; } }
  @media screen and (max-width: 639px) {
    .wwd_point {
      margin-top: 30px; } }

/* Trust Pilot section */
.tt-section {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing); }

/* Brands Section */
.asseen {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing); }
  .asseen h4 {
    color: #202144; }

.brands {
  display: flex;
  flex-direction: row;
  gap: 40px;
  justify-content: center;
  flex-wrap: wrap; }
  .brands_brand {
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .brands_brand svg {
      width: 100%; }

/* Why use Section  */
.whyuse {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing); }
  .whyuse-header {
    color: #202144;
    margin-bottom: 40px; }
  .whyuse-text {
    color: #202144; }

@media only screen and (max-width: 639px) {
  .whyuse-header {
    font-size: 2.5rem;
    margin-bottom: 35px;
    text-align: center; } }
.wu-point {
  display: flex;
  border: 2px solid #202144;
  border-radius: 10px;
  margin-bottom: var(--gap-spacing);
  padding: 30px;
  background-color: #e2edee; }
  .wu-point-icon {
    width: 50px;
    height: 50px;
    margin-right: var(--gap-spacing); }
  .wu-point-content {
    flex: 1;
    color: #202144 !important; }

/* How we work section */
.hww {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing); }
  .hww_header {
    text-align: center; }

.mf_footer {
  margin-top: 40px; }

.mf-checklist .welcome-title {
  line-height: 1.2 !important; }

@media screen and (max-width: 639px) {
  .columns {
    padding-left: 1rem;
    padding-right: 1rem; }

  .hww_header {
    font-size: 2.5rem; }

  .claims {
    padding-bottom: 20px; }

  .whyuse-text {
    margin-bottom: 40px; }

  .mf-checklist {
    margin-top: 20px; }

  .mf-checklist .welcome-title {
    margin-bottom: 40px; }

  #searchForm .welcome-title {
    margin-bottom: 40px; }

  .mf_header--h1 {
    font-size: 3.0rem; }

  #motorFinanceForm .m-b-60.m-t-80 {
    margin-bottom: 20px;
    margin-top: 40px; }

  .mf_form_row {
    display: flex;
    flex-direction: column-reverse; }

  .mf_tag {
    font-size: 1.8rem;
    line-height: 1; }

  .wu-point-content h4 {
    font-size: 1.5rem; }

  .asseen h4 {
    font-size: 1.5rem; }

  .whyuse-text {
    text-align: center; } }

/*# sourceMappingURL=motor_finance_templates.css.map */
