:root {
    --terms-details-descr-title-fs: 32px;
    --terms-details-descr-fs: 20px;
    --terms-details-descr-title-fw: 500;
    --terms-details-descr-fw: 300;
    --terms-details-descr-title-ls: 3px;
    --terms-details-descr-ls: 2px;
}

.car_terms_details_container {
    padding: var(--info-container-padding);
    gap: var(--info-container-title-gap);
    justify-content: center;
    box-sizing: border-box;
    flex-direction: column;
    align-items: start;
    position: relative;
    overflow: hidden;
    display: flex;
    width: 100%;
}

.car_terms_details_container > .car_terms_details_container__title {
    letter-spacing: var(--info-container-title-ls);
    font-weight: var(--info-container-title-fw);
    font-family: "Raleway", Arial, sans-serif;
    font-size: var(--info-container-title-fs);
    color: var(--hover-text-color);
    line-height: 100%;
    margin: 0;
}

.car_terms_details_container > .car_terms_details__items {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--info-container-gap);
    align-items: start;
    display: grid;
    width: 100%;
}

.car_terms_details_container > .car_terms_details__items > .car_terms_details_container__item {
    gap: calc(var(--gap) * 5/4);
    justify-content: start;
    flex-direction: column;
    align-items: start;
    display: flex;
    width: 100%;
}

.car_terms_details_container > .car_terms_details__items > .car_terms_details_container__item > .car_terms_details__item__title {
    letter-spacing: var(--terms-details-descr-title-ls);
    font-weight: var(--terms-details-descr-title-fw);
    font-size: var(--terms-details-descr-title-fs);
    font-family: "Raleway", Arial, sans-serif;
    color: var(--hover-text-color);
    text-transform: uppercase;
    line-height: 100%;
    margin: 0;
}

.car_terms_details_container > .car_terms_details__items > .car_terms_details_container__item > .car_terms_details__item__descr {
    line-height: calc(var(--terms-details-descr-fs) * 1.5);
    letter-spacing: var(--terms-details-descr-ls);
    font-weight: var(--terms-details-descr-fw);
    font-size: var(--terms-details-descr-fs);
    font-family: "Inter", Arial, sans-serif;
    color: var(--hover-text-color);
    margin: 0;
}

.car_terms_details_container > .car_terms_details__slogan_block {
    justify-content: end;
    flex-direction: row;
    align-items: center;
    display: flex;
    width: 100%;
}

.car_terms_details_container > .car_terms_details__slogan_block > .car_terms_details__slogan {
    border-top: 1px solid var(--hover-text-color-opacity-link);
    letter-spacing: var(--terms-details-descr-title-ls);
    font-weight: var(--terms-details-descr-title-fw);
    font-size: var(--terms-details-descr-title-fs);
    font-family: "Raleway", Arial, sans-serif;
    padding-top: calc(var(--gap) * 5/4);
    color: var(--hover-text-color);
    text-transform: uppercase;
    line-height: 100%;
    margin: 0;
}


@media only screen and (max-width: 760px) {
    :root {
        --terms-details-descr-title-fs: 24px;
        --terms-details-descr-fs: 16px;
        --terms-details-descr-fw: 200;
    }

    .car_terms_details_container > .car_terms_details__items {
        grid-template-columns: 1fr 1fr;
        gap: calc(var(--gap) * 2);
    }

    .car_terms_details_container > .car_terms_details__items > .car_terms_details_container__item {
        gap: calc(var(--gap) / 2);
    }

    .car_terms_details_container > .car_terms_details__slogan_block > .car_terms_details__slogan {
        white-space: normal;
        text-align: end;
    }
}

@media only screen and (max-width: 560px) {
    :root {
    }

    .car_terms_details_container > .car_terms_details__items {
        grid-template-columns: 1fr;
    }
}