/*===========================
    Custom Quicklink Buttons
============================*/

.custom-quicklinkbuttons-container {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
}

.custom-quicklinkbuttons-container *,
.custom-quicklinkbuttons-container *::before,
.custom-quicklinkbuttons-container *::after {
    box-sizing: border-box !important;
}

.custom-quicklinkbutton-wrapper {
    position: relative !important;

    width: 100% !important;
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
    cursor: pointer !important;
}

.custom-quicklinkbutton-wrapper::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;

    background: rgba(0, 0, 0, 0.50) !important;
    pointer-events: none !important;
}

.custom-brand-bottom {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    text-align: center !important;
}

.custom-brand-dealer {
    display: none !important;
}

.custom-brand-visitWebsite {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;
    text-decoration: none !important;
    background: transparent !important;
}

.font-type {
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0 !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75) !important;
}

.font-type i {
    width: 30px !important;
    height: 30px !important;
    margin: 0 0 9px !important;
    padding: 0 !important;

    display: block !important;

    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.font-type i::before {
    content: "" !important;
    display: none !important;
}

.font-type::after {
    display: block !important;

    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* 1 - View Inventory */
.custom-quicklinkbutton-wrapper:nth-child(1) .font-type i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23ffffff' d='M171.3 96H224v96H111.3l30.4-75.9C146.6 103.9 158.4 96 171.3 96zM272 192V96h81.2c13.7 0 26.5 5.8 35.5 15.8L460.7 192H272zM11.7 232.8C4.3 242.5 0 254.5 0 267.1V384c0 17.7 14.3 32 32 32h32c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32v-56c0-36.2-24.4-67.9-59.4-77.2l-76.4-20.4-79.1-87.9C403.7 113.8 379.9 96 353.2 96H171.3c-39.3 0-74.6 23.9-89.2 60.3L51.8 232H32c-8.1 0-15.6 3-20.3 8.8zM160 368a48 48 0 1 1 0 96 48 48 0 1 1 0-96zm320 0a48 48 0 1 1 0 96 48 48 0 1 1 0-96z'/%3E%3C/svg%3E") !important;
}

.custom-quicklinkbutton-wrapper:nth-child(1) .font-type::after {
    content: "View Inventory" !important;
}

/* 2 - Credit Application */
.custom-quicklinkbutton-wrapper:nth-child(2) .font-type i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23ffffff' d='M64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h288.8c-17-18.2-28.8-40.9-33.3-66.1H64V224h448v64.8c23.4 5.5 45.1 16.3 64 31.5V96c0-35.3-28.7-64-64-64H64zm0 64h448v64H64V96zm384 160a128 128 0 1 0 0 256 128 128 0 1 0 0-256zm65 119l-72 72c-9.4 9.4-24.6 9.4-33.9 0l-40-40c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E") !important;
}

.custom-quicklinkbutton-wrapper:nth-child(2) .font-type::after {
    content: "Credit Application" !important;
}

/* 3 - Schedule Test Drive */
.custom-quicklinkbutton-wrapper:nth-child(3) .font-type i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24v40H64C28.7 64 0 92.7 0 128v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64h-40V24c0-13.3-10.7-24-24-24s-24 10.7-24 24v40H152V24zM48 192h352v256c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192z'/%3E%3C/svg%3E") !important;
}

.custom-quicklinkbutton-wrapper:nth-child(3) .font-type::after {
    content: "Schedule Test Drive" !important;
}

/* 4 - Service */
.custom-quicklinkbutton-wrapper:nth-child(4) .font-type i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4h54.1l109 109c-14.7 29-10 65.4 14.3 89.6l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-24.2-24.2-60.6-29-89.6-14.3l-109-109V104c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L233.7 374.3c-7.8-20.9-9-43.6-3.6-65.1l-61.7-61.7L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5c-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7H352c-8.8 0-16-7.2-16-16V102.6c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0C288.5 0 224 64.5 224 144l0 .8l85.3 85.3c36-9.1 75.8 .5 104 28.7L429 274.5c49-23 83-72.8 83-130.5z'/%3E%3C/svg%3E") !important;
}

.custom-quicklinkbutton-wrapper:nth-child(4) .font-type::after {
    content: "Services" !important;
}

.custom-quicklinkbuttons-container .custom-quicklinkbutton-wrapper:nth-child(4) {
    background-image: url(https://automanagerprodcdn.azureedge.net/wmclients/042374/images/pexels-19x14-8478259.jpg) !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .custom-quicklinkbuttons-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .custom-quicklinkbutton-wrapper {
        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;
    }
}

@media (max-width: 767px) {
    .custom-quicklinkbuttons-container {
        grid-template-columns: 1fr !important;
    }

    .custom-quicklinkbutton-wrapper {
        height: 135px !important;
        min-height: 135px !important;
        max-height: 135px !important;
    }

    .font-type i {
        width: 26px !important;
        height: 26px !important;
        margin-bottom: 8px !important;
    }

    .font-type::after {
        font-size: 20px !important;
    }
}

.pagetitle {
    text-align: center;
    padding-top: 30px;
}

/*===========================
    Content Intro Block
============================*/

.content-intro-block {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 54px 20px 58px !important;

    background: transparent !important;
    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.content-intro-block *,
.content-intro-block *::before,
.content-intro-block *::after {
    box-sizing: border-box !important;
}

.content-intro-block h2 {
    margin: 0 0 22px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 34px !important;
    line-height: 1.25 !important;
    font-weight: 300 !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-transform: none !important;
}

.content-intro-block p {
    width: 100% !important;
    max-width: 1130px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.78) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .content-intro-block {
        padding: 46px 24px 50px !important;
    }

    .content-intro-block h2 {
        font-size: 30px !important;
        margin-bottom: 20px !important;
    }

    .content-intro-block p {
        font-size: 17px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 767px) {
    .content-intro-block {
        padding: 38px 20px 42px !important;
    }

    .content-intro-block h2 {
        font-size: 26px !important;
        line-height: 1.28 !important;
        margin-bottom: 18px !important;
    }

    .content-intro-block p {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }
}

@media (max-width: 480px) {
    .content-intro-block {
        padding: 34px 18px 38px !important;
    }

    .content-intro-block h2 {
        font-size: 24px !important;
    }

    .content-intro-block p {
        font-size: 15px !important;
    }
}


/*===========================
    Service Highlight Section
============================*/

.service-highlight-section {
    width: 100% !important;
    margin: 0 !important;
    padding: 70px 20px 84px !important;

    background: #ffffff !important;
    color: #1f2933 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
}

.service-highlight-section *,
.service-highlight-section *::before,
.service-highlight-section *::after {
    box-sizing: border-box !important;
}

.service-highlight-inner {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
}

.service-highlight-inner h2 {
    margin: 0 0 66px !important;
    padding: 0 !important;

    color: #1f2933 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 34px !important;
    line-height: 1.25 !important;
    font-weight: 300 !important;
    letter-spacing: 1.2px !important;
    text-align: center !important;
    text-transform: none !important;
}

.service-highlight-inner h3 {
    margin: 0 0 32px !important;
    padding: 0 !important;

    color: #1f2933 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
}


/*===========================
    List
============================*/

.service-highlight-list {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto 32px !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 82px !important;
    row-gap: 18px !important;

    text-align: left !important;
}

.service-highlight-item {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;

    color: #1f2933 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
}

.service-highlight-icon {
    width: 31px !important;
    min-width: 31px !important;
    height: 31px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #c8232c !important;
    border-radius: 50% !important;
}

.service-highlight-icon svg {
    width: 17px !important;
    height: 17px !important;
    display: block !important;
    fill: #ffffff !important;
}


/*===========================
    Bottom Text
============================*/

.service-highlight-note {
    margin: 27px 0 44px !important;
    padding: 0 !important;

    color: #1f2933 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    text-align: center !important;
}

.service-highlight-call {
    margin: 0 !important;
    padding: 0 !important;

    color: #1f2933 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    text-align: center !important;
}

.service-highlight-call a {
    color: #17966b !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.service-highlight-call a:hover,
.service-highlight-call a:focus {
    color: #17966b !important;
    text-decoration: none !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 991px) {
    .service-highlight-section {
        padding: 58px 24px 68px !important;
    }

    .service-highlight-inner h2 {
        font-size: 31px !important;
        margin-bottom: 48px !important;
    }

    .service-highlight-inner h3 {
        font-size: 20px !important;
        margin-bottom: 30px !important;
    }

    .service-highlight-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 44px !important;
        row-gap: 18px !important;
        max-width: 760px !important;
    }

    .service-highlight-item {
        font-size: 17px !important;
    }

    .service-highlight-note,
    .service-highlight-call {
        font-size: 20px !important;
    }
}

@media (max-width: 767px) {
    .service-highlight-section {
        padding: 44px 20px 54px !important;
    }

    .service-highlight-inner h2 {
        font-size: 27px !important;
        line-height: 1.25 !important;
        margin-bottom: 34px !important;
    }

    .service-highlight-inner h3 {
        font-size: 18px !important;
        line-height: 1.4 !important;
        margin-bottom: 26px !important;
    }

    .service-highlight-list {
        grid-template-columns: 1fr !important;
        max-width: 420px !important;
        row-gap: 16px !important;
    }

    .service-highlight-item {
        font-size: 16px !important;
    }

    .service-highlight-note {
        font-size: 18px !important;
        margin: 30px 0 34px !important;
    }

    .service-highlight-call {
        font-size: 18px !important;
    }
}

@media (max-width: 420px) {
    .service-highlight-section {
        padding: 40px 18px 50px !important;
    }

    .service-highlight-inner h2 {
        font-size: 25px !important;
    }

    .service-highlight-inner h3,
    .service-highlight-note,
    .service-highlight-call {
        font-size: 17px !important;
    }
}

/*===========================
    Service Cards
============================*/

/* Column/card wrapper */
div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) {
    width: 100% !important;
    max-width: 450px !important;
    margin: 0 auto 34px !important;
    padding: 28px 31px 32px !important;

    background: #ffffff !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 0 0 7px 7px !important;
    box-shadow: 6px 8px 14px rgba(0, 0, 0, 0.22) !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Reset platform spacing inside card */
div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) > .page-content-element {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) .element-outer-container,
div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) .element-container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Library image */
div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) .element-type-libraryimage img {
    width: 100% !important;
    height: 232px !important;
    max-height: 232px !important;

    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Custom HTML text area */
.service-card-panel {
    width: 100% !important;
    margin: 0 !important;
    padding: 22px 0 0 !important;

    background: transparent !important;
    color: #1f2933 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
}

.service-card-panel *,
.service-card-panel *::before,
.service-card-panel *::after {
    box-sizing: border-box !important;
}

.service-card-panel h3 {
    position: relative !important;

    margin: 0 0 26px !important;
    padding: 0 !important;

    color: #1f2933 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 23px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-transform: none !important;
}

.service-card-panel h3::after {
    content: "" !important;
    display: block !important;

    width: 230px !important;
    max-width: 80% !important;
    height: 1px !important;

    margin: 21px auto 0 !important;
    background: #333333 !important;
}

.service-card-panel ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    color: #1f2933 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

.service-card-panel li {
    margin: 0 !important;
    padding: 0 !important;
}

.service-card-panel li::before {
    content: "• " !important;
}


/*===========================
    Responsive
============================*/

@media (max-width: 1199px) {
    div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) {
        max-width: 420px !important;
        padding: 24px 24px 30px !important;
    }

    div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) .element-type-libraryimage img {
        height: 210px !important;
        max-height: 210px !important;
    }

    .service-card-panel h3 {
        font-size: 21px !important;
    }

    .service-card-panel ul {
        font-size: 16px !important;
    }
}

@media (max-width: 991px) {
    div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) {
        max-width: 520px !important;
        margin-bottom: 28px !important;
        padding: 24px 26px 30px !important;
    }

    div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) .element-type-libraryimage img {
        height: 220px !important;
        max-height: 220px !important;
    }

    .service-card-panel ul {
        font-size: 16px !important;
        line-height: 1.48 !important;
    }
}

@media (max-width: 767px) {
    div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) {
        max-width: 100% !important;
        margin-bottom: 24px !important;
        padding: 20px 20px 28px !important;
        border-radius: 0 0 6px 6px !important;
    }

    div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) .element-type-libraryimage img {
        height: 205px !important;
        max-height: 205px !important;
    }

    .service-card-panel {
        padding-top: 20px !important;
    }

    .service-card-panel h3 {
        font-size: 21px !important;
        margin-bottom: 24px !important;
    }

    .service-card-panel h3::after {
        width: 210px !important;
        margin-top: 19px !important;
    }

    .service-card-panel ul {
        font-size: 16px !important;
        line-height: 1.48 !important;
    }
}

@media (max-width: 420px) {
    div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) {
        padding: 16px 16px 24px !important;
    }

    div:has(> .page-content-element .element-type-libraryimage):has(> .page-content-element .service-card-panel) .element-type-libraryimage img {
        height: 180px !important;
        max-height: 180px !important;
    }

    .service-card-panel h3 {
        font-size: 20px !important;
    }

    .service-card-panel ul {
        font-size: 15px !important;
    }
}