.arena-vehicle-info .car-model.info-item p {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--body-font-arena);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.875rem;
    margin: 0;
    @media(width >= 1366px) {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

.sub-container.info-item {
    display: flex;
    align-items: center;
    margin-top: 16px;
    gap: 24px;
    padding-bottom: 16px;
}

.sub-container.info-item .sub-item p {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-family: var(--font-family-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.sub-container.info-item .engine-type  p {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-family: var(--font-family-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-left: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    @media(width >= 1366px) {
        margin-left: 0;
        margin-right: 16px;
    }
}
.sub-container.info-item .engine-type  p:nth-of-type(1):after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    bottom: 0;
    right: -8px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000 46%, rgba(0, 0, 0, 0.00) 100%);
}
.booking-title p {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-secondary);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 29px;
}

.block.ebook-journey .cmp-summary .booking-content .booking-details .summary-title h4 {
    margin: 0;
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-secondary);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    @media(width >=1366px) {
        font-size: 20px;
    }
}
.block.ebook-journey .cmp-summary .booking-content .booking-details .summary-title {
    position: relative;
    padding-bottom: 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.block.ebook-journey .cmp-summary .booking-content .booking-details .summary-title:not(.open):after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(178, 178, 178, 0.00) 0%, #B2B2B2 50.5%, rgba(178, 178, 178, 0.00) 100%);
    @media(width >= 1366px) {
        background: none;
    }
} 

.block.ebook-journey .cmp-summary .booking-content .booking-details .car-section .accordian {
    width: 24px;
    height: 24px;
    position: relative;
}

    .block.ebook-journey .cmp-summary .booking-content .booking-details .car-section .vehicle-details #car-info-section {
        @media (width >= 1366px) {
            display: block;
            background: var(--Gradients-Accent-Section-Bg-1, linear-gradient(228deg, rgba(23, 29, 155, 0.10) 31.52%, rgba(255, 98, 0, 0.10) 111.9%));
            padding: 40px;
        }
}
.block.ebook-journey .cmp-summary .accordian-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/icons/add.svg);
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: var(--blue-filter);
    
    &.open {
      background-image: url('/icons/minus-blue.svg');
    }
}

.block.ebook-journey .cmp-summary .customer-section {
    .customer-title {
        .accordian {
            width: 24px;
            height: 24px;
            position: relative;
            .accordian-icon {
                @media(width >= 1366px) {
                    display: none;
                }
            }
        }
    }
    #user-form-section {
        display: none;
        &.open {
            display: block;
        }
        @media(width >= 1366px) {
            display: block;
        }
    }
}

.block.ebook-journey .cmp-summary .booking-content .booking-details .car-section .vehicle-details #car-info-section.open {
    display: block;
    padding: 16px;
    background: var(--Primary-Variations-Secondary, #F5F5F5);
}

.sub-container.info-item {
    position: relative;
    @media(width >= 1366px) {
        flex-direction: column;
        align-items: flex-start;
        display: block;
    }
}

.engine-type.sub-item {
    display: flex;
    font-size: 0.875rem;
    line-height: 1.25rem;
    gap: 16px;
    @media(width >= 1366px) {
        border-top: 1px solid var(--tertiary-black);
        width: 50%;
        margin-top: 16px;
        .engine-item {
            margin-top: 1rem;
        }
    }

    .transmission {
        position: relative;
        &:after {
            content: "";
            position: absolute;
            bottom: 0;
            right: -8px;
            width: 1px;
            height: 100%;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000 50%, rgba(0, 0, 0, 0.00) 100%);
        }
    }
}
.sub-container.info-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 50%, rgba(0, 0, 0, 0.00) 100%);
    bottom: 0;
    left: 0;
    @media(width >= 1366px) {
        display: none;
    }
}

.block.ebook-journey .cmp-summary .booking-content .booking-details .car-section .dealer-details {
    margin-top: 24px;
    @media(width >= 1366px) {
        margin-top: 34px;
    }
}

.showroom-price.info-item.arena-desktop-only,
.arena-detail-link.arena-desktop-only,
.color-item.arena-desktop-only {
    display: none;
    @media(width >= 1366px) {
        display: inline-flex;
        flex-direction: column;
    }
}

.vehicle-details .arena-vehicle-color {
    @media(width >= 1366px) {
        display: none;
    }
}
.showroom-price.info-item.arena-desktop-only p {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-family: var(--font-family-secondary);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}

.showroom-price.info-item.arena-desktop-only span {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-family: var(--font-family-primary);
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 14px */
    text-transform: capitalize;
}
.info-item.arena-mobile-only .arena-color-section .color-text p {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    vertical-align: middle;
    display: inline-block;
}

.arena-vehicle-color {
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.showroom-price.color-item p {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-family: var(--font-family-secondary);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
}

.showroom-price.color-item span {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-primary);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.25rem;
    text-transform: capitalize;
    display: inline-block;
}

.arena-detail-link.color-item a {
    color: var(--Primary-Variations-Primary, #171C8F);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.top-navigate-link {
    display: none;
}

.block.ebook-journey .cmp-summary .booking-details .user-info {
    width: 100%;
    background: var(--secondary-gray-20);
    padding: 20px;
    @media(width >= 1366px) {
        padding-bottom: 85px;
    }
}
.summary-title.customer-title.user-item:after {
    display: none;
}


.arena-dealer-info .dealer-name p {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 0 0 16px;
    @media(width >= 1366px) {
        font-size: 16px;
    }
}

.arena-dealer-info {
    background: var(--Primary-Variations-Secondary, #F5F5F5);
    padding: 16px 10px 25px;
    @media(width >= 1366px) {
        margin-bottom: 90px;
        padding: 24px 24px 16px 24px;
    }
}
.arena-dealer-info .dealer-name {
    position: relative;
    @media(width >= 1366px) {
        margin-bottom: 0.875rem;
    }
}
.arena-dealer-info .dealer-name:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 50%, rgba(0, 0, 0, 0.00) 100%);
}

.dealer-address p {
    color: var(--Neutrals-Headings, #1D1D1D);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 24px;
    @media(width >= 1366px) {
        font-size: 14px;
    }
}

.dealer-contact {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.bottom-navigate-link {
    display: flex;
}

.bottom-navigate-link a {
    color: var(--Primary-Variations-Primary, #171C8F);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.phone-summary a {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.email-summary a {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.phone-summary, .email-summary {
    display: inline-flex;
    align-items: center;
    width: 100%;
    position: relative;
}

@media(width >= 1366px) {
    .phone-summary {
        margin-bottom: 1rem;
    }
}


.dealer-contact-left {
    display: inline-flex;
    flex-direction: column;
}

.block.ebook-journey .cmp-summary .booking-content .booking-details .dealer-details .arena-dealer-info .dealer-contact .phone-summary .phone-icon-summary {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M11.1051 6.84286C11.0715 5.72402 10.6641 4.77406 9.88291 3.99298C9.10173 3.2118 8.15177 2.80439 7.03304 2.77075V1.89575C7.71359 1.91072 8.35074 2.05019 8.94447 2.31415C9.53831 2.5782 10.057 2.93195 10.5005 3.37538C10.9439 3.81891 11.2976 4.33754 11.5616 4.93127C11.8257 5.52511 11.9652 6.1623 11.9801 6.84286H11.1051ZM8.77181 6.84286C8.73817 6.37541 8.5568 5.97622 8.2277 5.64527C7.89861 5.31443 7.50038 5.13403 7.03304 5.10409V4.22909C7.74276 4.25903 8.34738 4.52469 8.84691 5.02606C9.34654 5.52754 9.61317 6.13313 9.64681 6.84286H8.77181ZM11.3395 11.9583C10.2402 11.9583 9.13581 11.7027 8.02631 11.1915C6.9169 10.6803 5.89665 9.95917 4.96556 9.02817C4.03825 8.09707 3.319 7.0777 2.80781 5.97004C2.29661 4.86249 2.04102 3.75906 2.04102 2.65977C2.04102 2.48477 2.09935 2.33797 2.21602 2.21936C2.33268 2.10084 2.47852 2.04159 2.65352 2.04159H4.55606C4.70335 2.04159 4.83329 2.08966 4.94587 2.18581C5.05845 2.28187 5.13006 2.40058 5.16068 2.54194L5.49508 4.25825C5.51822 4.4175 5.51336 4.55434 5.4805 4.66877C5.44754 4.7832 5.38843 4.87931 5.30316 4.95709L3.95595 6.26856C4.17276 6.66562 4.42048 7.04124 4.69912 7.39542C4.97766 7.7495 5.27924 8.08769 5.60387 8.40998C5.92393 8.73013 6.2642 9.02744 6.6247 9.3019C6.9852 9.57636 7.37448 9.83176 7.79254 10.0681L9.10154 8.74773C9.19283 8.65275 9.30337 8.58615 9.43316 8.54794C9.56286 8.50983 9.69766 8.5005 9.83756 8.51994L11.4573 8.84981C11.6046 8.8887 11.7248 8.96386 11.818 9.07527C11.9111 9.18669 11.9577 9.31308 11.9577 9.45444V11.3458C11.9577 11.5208 11.8984 11.6666 11.7799 11.7833C11.6613 11.8999 11.5145 11.9583 11.3395 11.9583ZM3.54193 5.44067L4.58304 4.44448C4.6017 4.42951 4.61386 4.40895 4.61949 4.38279C4.62513 4.35664 4.62421 4.33233 4.61672 4.30988L4.36312 3.00627C4.35563 2.97643 4.34256 2.95402 4.32389 2.93904C4.30522 2.92407 4.28092 2.91659 4.25097 2.91659H3.00352C2.98106 2.91659 2.96234 2.92407 2.94737 2.93904C2.93249 2.95402 2.92506 2.97273 2.92506 2.99519C2.9549 3.3938 3.02014 3.79873 3.12077 4.20998C3.22129 4.62133 3.36168 5.03156 3.54193 5.44067ZM8.61693 10.482C9.00359 10.6622 9.40686 10.8 9.82677 10.8954C10.2468 10.9907 10.6392 11.0473 11.0041 11.0653C11.0265 11.0653 11.0453 11.0578 11.0602 11.0429C11.0752 11.0279 11.0827 11.0092 11.0827 10.9867V9.75952C11.0827 9.72958 11.0752 9.70527 11.0602 9.68661C11.0453 9.66794 11.0228 9.65486 10.993 9.64738L9.76799 9.39829C9.74554 9.39081 9.7259 9.38988 9.70908 9.39552C9.69226 9.40116 9.67447 9.41331 9.6557 9.43198L8.61693 10.482Z" fill="%23939393"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: cover;
    height: 14px;
    width: 14px;
    margin-right: 4px;
}

.block.ebook-journey .cmp-summary .booking-content .booking-details .dealer-details .arena-dealer-info .dealer-contact .email-summary .email-icon-summary {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.51351 11.375C2.21882 11.375 1.9694 11.2729 1.76523 11.0688C1.56107 10.8646 1.45898 10.6152 1.45898 10.3205V3.67952C1.45898 3.38484 1.56107 3.13542 1.76523 2.93125C1.9694 2.72708 2.21882 2.625 2.51351 2.625H11.4878C11.7825 2.625 12.0319 2.72708 12.2361 2.93125C12.4402 3.13542 12.5423 3.38484 12.5423 3.67952V10.3205C12.5423 10.6152 12.4402 10.8646 12.2361 11.0688C12.0319 11.2729 11.7825 11.375 11.4878 11.375H2.51351ZM7.00065 7.32535L2.33398 4.34131V10.3205C2.33398 10.3729 2.3508 10.4159 2.38444 10.4495C2.41808 10.4832 2.4611 10.5 2.51351 10.5H11.4878C11.5402 10.5 11.5832 10.4832 11.6169 10.4495C11.6505 10.4159 11.6673 10.3729 11.6673 10.3205V4.34131L7.00065 7.32535ZM7.00065 6.41667L11.5776 3.5H2.42367L7.00065 6.41667ZM2.33398 4.34131V3.5V10.3205C2.33398 10.3729 2.3508 10.4159 2.38444 10.4495C2.41808 10.4832 2.4611 10.5 2.51351 10.5H2.33398V4.34131Z" fill="%23939393"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: cover;
    height: 14px;
    width: 14px;
    margin-right: 4px;
}

.block.ebook-journey .cmp-summary .booking-details .agree-terms .checkbox-container input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    width: 20px;
    height: 20px;
    border-radius: 0;
    display: grid;
    place-content: center;
    cursor: pointer;
}

.block.ebook-journey .cmp-summary .booking-details .agree-terms .checkbox-container input.arena-summary-checkbox[type="checkbox"] {
    width: 20px;
    height: 20px;
    @media (width >=1024px) {
        width: 24px;
        height: 24px;
    }
}

.block.ebook-journey .cmp-summary .booking-details .agree-terms .checkbox-container input[type="checkbox"] {
    border: 1px solid var(--inactive-content);
}

.block.ebook-journey .cmp-summary .booking-details .agree-terms .checkbox-container input[type="checkbox"]:checked::before {
    content: "";
    width: 20px;
    height: 20px;
    margin: auto;
    position: relative;
    top: 0px;
    display: flex;
    background-image: url(../../../../icons/check.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.block.ebook-journey .cmp-summary .booking-details .agree-terms .checkbox-container input[type="checkbox"]:checked {
    background: var(--Primary-Variations-Primary, #171C8F);
    border: unset;
}

.block.ebook-journey .cmp-summary .booking-details .agree-terms .checkbox-container span.label {
    font-family: var(--body-font-family);
    text-align: left;
    display: inline-block;
    color: var(--neutrals-unfilled-inactive, #939393);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-primary);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 16px;
    line-height: 1rem;

    @media(width >= 1366px) {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    span {
        padding-right: 3px;
    }
}


.block.ebook-journey .cmp-summary .booking-details .agree-terms .checkbox-container span.label a {
    color: var(--neutrals-sub-texts-paragraphs, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-primary);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    @media(width >= 1366px) {
        font-size: 14px;
    }
}

.block.ebook-journey .cmp-summary .booking-details .agree-terms {
    margin-bottom: 18px;
}

.block.ebook-journey .cmp-summary .booking-details .input-box input[type=text], .block.ebook-journey .cmp-summary .booking-details .input-box input[type=email] {
    border-bottom: 0.5px solid var(--neutrals-unfilled-inactive, #939393);
    color: var(--tertiary-black);
    &:disabled {
        color: var(--tertiary-black);
      }
}

.arena-detail-link.arena-desktop-only a {
    color: var(--Primary-Variations-Primary, #171C8F);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    position: absolute;
    top: 52px;
    right: 48px;
}

#car-info-section {
    position: relative;
}


.block.ebook-journey .cmp-summary .booking-content .booking-details .car-section .dealer-details .arrow-icon-summary {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M0.7025 9.98228L0.0176775 9.29746L7.63967 1.67546L7.66101 1.65413H7.63083H3.0125V0.679126H9.32083V6.98746H8.34583V2.36913V2.33895L8.32449 2.36029L0.7025 9.98228Z' fill='%23171C8F' stroke='%23171C8F' stroke-width='0.025'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0 0 6px;
    /* transform: scale(1.25); */
    transition: all 0.2slinear;
    position: relative;
    top: 3px;
}

.arena-color-section {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.color-hexacode .tick-square {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid var(--dark-color);
    vertical-align: middle;
    &[data-name*="White"] {
        &:after {
            background: url(/icons/check-black.svg);
            top: -2px;
        }
    }
}
.color-hexacode .tick-square:after {
    content: "";
    width: 20px;
    height: 20px;
    margin: auto;
    position: relative;
    top: 0px;
    display: flex;
    background-image: url(../../../../icons/check.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.cmp-summary {
    .arena-detail-link.arena-desktop-only {
      border: none;
    }
    .arena-mobile-only {
        &.arena-detail-link {
            border: none;
        }
    }
    .cmp-summary-modal {
        .left {
            clip-path: none;
            background: linear-gradient(228.24deg, rgba(23, 29, 155, 0.1) 31.52%, rgba(255, 98, 0, 0.1) 111.9%);
            .left-section.arena {
                position: relative;
                @media(width >=1024px) {
                    padding-top: 52px ;
                }
                h4 {
                    display: none;
                }
                 > a.download-pdf {
                    position: absolute;
                    position: absolute;
                    right: 32px;
                    top: 52px;
                    color: var(--primary-blue-700);
                    &:after {
                        background: url('/icons/download-blue.svg');
                    }
                    @media(width >=1024px) {
                       display: flex; 
                    }
                 }
                .info-container {
                    flex-direction: column;
                    align-items: flex-start;

                    .info-item {
                        width: 100%;
                        row-gap: 0;
                        .ex-price {
                            font-family: var(--body-font-arena);
                            font-weight: 600;
                            font-size: 24px;
                            line-height: 28px;
                            letter-spacing: 0%;
                            vertical-align: middle;
                        }
                        .ex-label {
                            font-family: var(--body-font-arena);
                            font-weight: 300;
                            font-size: 10px;
                            line-height: 140%;
                            letter-spacing: 0%;
                            vertical-align: middle;
                            text-transform: capitalize;

                        }
                        .car-info-item {
                            display: inline-flex;
                            flex-direction: column;
                            width: 100%;
                            position: relative;
                            padding-bottom: 16px;
                            .car-type {
                                @media(width >=1024px) {
                                    display: flex;
                                    flex-wrap: wrap;
                                }
                                span {
                                    display: inline-block;
                                    font-family: var(--body-font-arena);
                                    font-weight: 400;
                                    font-size: 14px;
                                    line-height: 20px;
                                    letter-spacing: 0%;
                                    vertical-align: middle;
                                    color: var(--primary-black);

                                    @media(width>= 1024px) {
                                        font-family: var(--body-font-arena);
                                        font-weight: 400;
                                        font-size: 12px;
                                        line-height: 140%;
                                        letter-spacing: 0%;
                                        vertical-align: middle;
                                        text-transform: capitalize;
                                    }
                                    &:first-of-type {
                                        margin-right: 16px;
                                        font-family: var(--body-font-arena);
                                        font-weight: 600;
                                        @media(width >= 1024px) {
                                            width: 100%;
                                            padding-bottom: 12px;
                                            margin-bottom: 12px;
                                            border-bottom: 1px solid var(--primary-black);
                                            font-weight: 600;
                                            font-size: 24px;
                                            line-height: 28px;
                                            letter-spacing: 0%;
                                            vertical-align: middle;

                                        }
                                    }
                                    &:nth-of-type(2) {
                                        margin-right: 12px;
                                        @media(width >= 1024px) {
                                            margin-right: 16px;
                                        }
                                    }
                                    &:nth-of-type(3) {
                                        padding-left: 12px;
                                        @media(width >= 1024px) {
                                            padding-left: 16px;
                                        }
                                        position: relative;
                                        &:before {
                                            content: "";
                                            position: absolute;
                                            width: 1px;
                                            height: 100%;
                                            left: 0;
                                            top: 0;
                                            background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 46%, rgba(0, 0, 0, 0) 100%);
                                        }
                                    }
                                }
                            }
                            &:after {
                                content: "";
                                position: absolute;
                                width: 100%;
                                height: 1px;
                                bottom: 0;
                                left: 0;
                                background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 50%, rgba(0, 0, 0, 0) 100%);
                                @media(width >=1024px) {
                                    display: none;
                                }
                            }

                        }
                        &:first-child {
                            @media(width >=1024px) {
                                border-right: none;
                            }
                        }
                        &:last-child {
                            margin-left: 0;
                        }
                        .car-model {
                            margin-bottom: 6px;
                            font-family: var(--body-font-arena);
                            font-weight: 700;
                            letter-spacing: 0%;
                            vertical-align: middle;
                            display: inline-flex;
                            flex-direction: column;
                            @media(width >=1024px) {
                                line-height: 38px;
                                font-size: 32px;
                            }
                        }
                    }
                }
                .arena-mobile-info-item {
                    width: 100%;
                    display: inline-flex;
                    justify-content: space-between;
                    margin-top: 22px;
                    @media(width >=1024px) {
                        display: none;
                    }
                    .ex-price {
                        margin: 0;
                        font-family: var(--body-font-arena);
                        font-weight: 700;
                        font-size: 16px;
                        line-height: 18px;
                        letter-spacing: 0%;
                        vertical-align: middle;
                    }
                    .ex-label {
                        margin: 0;
                        p {
                            font-family: var(--body-font-arena);
                            font-weight: 300;
                            font-size: 10px;
                            line-height: 140%;
                            letter-spacing: 0%;
                            vertical-align: middle;
                            text-transform: capitalize;
                            margin: 0;
                        }
                    }
                    a.download-pdf {
                        display: inline;
                        margin: 0;
                        font-family: var(--body-font-arena);
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 18px;
                        letter-spacing: 0%;
                        text-decoration: underline;
                        text-decoration-style: solid;
                        text-decoration-thickness: 0%;

                    }
                }
                .car-image {
                        margin-top: 6px;
                }
            }
        }
        .right {
            .mobile-only.info-container {
                display: none;
            }
            .right-section {
                margin: 16px;
                @media(width >=1024px) {
                    margin: 60px 12px 0 32px;
                    padding: 0;
                }
                h3 {
                    font-size: 16px;
                    line-height: 20px;
                    font-family: var(--body-font-arena);
                    font-weight: 600;
                    margin: 0;
                    letter-spacing: 0%;
                    @media(width >=1024px) {
                        line-height: 28px;
                        font-size: 24px;
                    }
                }

                p, li {
                    font-size: 12px;
                    line-height: 16px;
                    letter-spacing: 0%;
                    font-family: var(--body-font-arena);
                    font-weight: 300;
                    @media(width >=1024px) {
                        font-size: 14px;
                        line-height: 20px;
                    }
                }
                li {
                    font-size: 14px;
                }
                .cmp-select-vehicle__row-cards {
                    margin-top: 0;
                    @media(width>=1366px) {
                    }
                    .cmp-select-vehicle__two-column-cards {
                        gap: 7px;
                        flex-direction: row;
                        img {
                            display: inline;
                            min-height: 62px;
                            @media(width >=1024px) {
                                min-height: 120px;
                            }
                        }
                        .cmp-select-vehicle__card {
                            width: 50%;
                            
                        }
                    }
                }
                .cmp-select-vehicle__tag {
                    span {
                        background: var(--primary-blue-75);
                        font-style: normal;
                        font-family: var(--body-font-arena);
                        font-weight: 500;
                        line-height: 100%;
                        letter-spacing: 0%;
                        font-size: 18px;
                        padding: 4px 8px;
                        height: auto;
                    }
                }
            }
        }
        .summary-modal-container {
            clip-path: none;
        }
        a.close {
            top: 24px;
            right: 24px;
        }
    }

    .cmp-select-vehicle__two-column-container,
    .cmp-select-vehicle__row-cards {
        border: none;
        padding: 0;
        @media(width >=1024px) {
            margin-top: 0;
            padding: 0 36px 24px 0;
        }
    }
}