/* Page: golf-cart-financing-application */

.page-application .block.application-section {
  --display: flex;
  --min-height: 400px;
  --flex-direction: column;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-flex-grow: 0;
  --flex-wrap-mobile: wrap;
  --justify-content: center;
  --align-items: center;
  --overlay-opacity: 0.6;
  --padding-top: 6rem;
  --padding-bottom: 6rem;
  --padding-left: 1.25rem;
  --padding-right: 1.25rem;
}
.page-application .block.application-section:not(.motion-effects-element-type-background) {
  background-color: #0000007d;
  background-image: url("/assets/storefront/page_sets/aledo-golf-carts/images/site/financing-hero-f3f674bc.jpg");
  background-position: center center;
  background-size: cover;
}
.page-application .block.application-section::before {
  background-color: #000000;
  --background-overlay: "";
}
.page-application .block.heading-application .heading-title {
  font-size: 80px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
}
.page-application .block.home-group-3 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-flex-grow: 1;
  --flex-wrap-mobile: wrap;
  --justify-content: center;
  --align-items: center;
  --gap: 8px 8px;
  --row-gap: 8px;
  --column-gap: 8px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.page-application .block.heading-home-3 .heading-title {
  color: var(--color-astglobalcolor5);
}
.page-application .block.heading-home-3 .heading-title a:hover,
.page-application .block.heading-home-3 .heading-title a:focus {
  color: var(--color-astglobalcolor8);
}
.page-application .block.icon-block-7 .icon-wrapper {
  text-align: center;
}
.page-application .block.icon-block-7.view-default .icon-shape {
  color: var(--color-astglobalcolor5);
  border-color: var(--color-astglobalcolor5);
}
.page-application .block.icon-block-7.view-default .icon-shape svg {
  fill: var(--color-astglobalcolor5);
}
.page-application .block.icon-block-7 .icon-shape {
  font-size: 8px;
}
.page-application .block.icon-block-7 .icon-shape svg {
  height: 8px;
}
.page-application .block.heading-application-2 .heading-title {
  color: var(--color-astglobalcolor5);
}
.page-application .block.heading-application-2 .heading-title a:hover,
.page-application .block.heading-application-2 .heading-title a:focus {
  color: var(--color-astglobalcolor8);
}
.page-application .block.type-of-application-section {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-flex-grow: 0;
  --flex-wrap-mobile: wrap;
  --padding-top: 7em;
  --padding-bottom: 7em;
  --padding-left: 1.25em;
  --padding-right: 1.25em;
}
.page-application .block.type-of-application-section:not(.motion-effects-element-type-background) {
  background-color: #54595f0a;
}
.page-application .block.type-of-application-group {
  --display: flex;
  --gap: 2em 2em;
  --row-gap: 2em;
  --column-gap: 2em;
  --border-radius: 1em 1em 1em 1em;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  --padding-top: 4em;
  --padding-bottom: 4em;
  --padding-left: 4em;
  --padding-right: 4em;
}
.page-application .block.type-of-application-group:not(.motion-effects-element-type-background) {
  background-color: var(--color-astglobalcolor5);
}
@media (min-width: 768px) {
  .page-application .block.type-of-application-section {
    --content-width: 1170px;
  }
}
@media (max-width: 1024px) {
  .page-application .block.application-section {
    --min-height: 350px;
    --padding-top: 4rem;
    --padding-bottom: 4rem;
    --padding-left: 1.25rem;
    --padding-right: 1.25rem;
  }
  .page-application .block.heading-application {
    text-align: center;
  }
  .page-application .block.heading-application .heading-title {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .page-application .block.heading-application .heading-title {
    font-size: 36px;
  }
  .page-application .block.type-of-application-group {
    --padding-top: 2em;
    --padding-bottom: 2em;
    --padding-left: 2em;
    --padding-right: 2em;
  }
}