.btn-form-absolute {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.modal__dialog--900 {
    max-width: 900px;
}

.select-bg-primary.select-wrapp .select2-container--default .select2-selection--single {
    background-color: #F0F5F9;
}

.product-card__optons-list.--row-blue-style {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
}

.variant-small-caps {
    font-variant: all-small-caps;
}

.product-card__optons-list.--row-blue-style li {
    color: var(--primary);
}

.multiple-gange-chart {
    display: flex;
    align-items: center;
    gap: 3px;
    height: 5px;
    width: 100%;
}

.multiple-gange-chart span {
    display: block;
    border-radius: 10px;
    height: 100%;
}

.switch.switch-red-green .switch-point {
    background-color: #f85757;
}

.switch.switch-red-green .switch-point::after {
    border-color: #f85757;
}

.switch.switch-red-green .switch-point:after {
    background-image: url('data:image/svg+xml,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.81389 0.186109C7.69469 0.0669437 7.53304 0 7.36449 0C7.19594 0 7.03429 0.0669437 6.91508 0.186109L4 3.10119L1.08492 0.186109C0.965715 0.0669437 0.804064 0 0.635513 0C0.466962 0 0.305311 0.0669437 0.186109 0.186109C0.0669437 0.305311 0 0.466962 0 0.635513C0 0.804064 0.0669437 0.965715 0.186109 1.08492L3.10119 4L0.186109 6.91508C0.0669437 7.03429 0 7.19594 0 7.36449C0 7.53304 0.0669437 7.69469 0.186109 7.81389C0.305311 7.93306 0.466962 8 0.635513 8C0.804064 8 0.965715 7.93306 1.08492 7.81389L4 4.89881L6.91508 7.81389C7.03429 7.93306 7.19594 8 7.36449 8C7.53304 8 7.69469 7.93306 7.81389 7.81389C7.93306 7.69469 8 7.53304 8 7.36449C8 7.19594 7.93306 7.03429 7.81389 6.91508L4.89881 4L7.81389 1.08492C7.93306 0.965715 8 0.804064 8 0.635513C8 0.466962 7.93306 0.305311 7.81389 0.186109Z" fill="%23F85757" /></svg>');
    background-position: center;
    background-size: 8px;
    background-repeat: no-repeat;
}

.switch.switch-red-green input:checked~.switch-point {
    background-color: #4bae4f;
}

.switch.switch-red-green input:checked~.switch-point::after {
    border-color: #4bae4f;
    background-image: url('data:image/svg+xml,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 1.25L3.5 6.75L1 4.25" stroke="%234BAE4F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}


.by-criteria-body {
    font-weight: 400;
    font-size: 14px;
    color: #131515;
}

.bay-criteria-true-btn {
    gap: 12px;
}

.bay-criteria-true-hover {
    opacity: 0;
}

.bay-criteria-true-btn:hover .bay-criteria-true-hover {
    opacity: 1;
}

.bay-criteria-block.--checked .bay-criteria-true,
.bay-criteria-false {
    display: flex;
}

.bay-criteria-block.--checked .bay-criteria-false,
.bay-criteria-block .bay-criteria-true {
    display: none;
}

.custom-number-input.--style-variant-2 {
    position: relative;
}

.custom-number-input.--style-variant-2 .minus-btn,
.custom-number-input.--style-variant-2 .plus-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    background: #fff;
    border-radius: 4px;
    padding: 4px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 0;
}

.custom-number-input.--style-variant-2 .minus-btn {
    left: 12px;
}

.custom-number-input.--style-variant-2 .plus-btn {
    right: 12px;
}

.custom-number-input.--style-variant-2 .number-input {
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(16, 24, 40, 0.04);
    background: #fff;
}

.card-popover {
    margin: -5px -9px;
}

.card-popover>* {
    padding: 16px;
}

.popover-list-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popover-list-detail li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 171%;
    color: #131515;
    padding-left: 8px;
    padding-right: 8px;
    flex: 1;
}

.gallery-label {
    background-size: cover;
}

.popover-list-detail li+li {
    border-left: 1px solid rgba(93, 103, 126, 0.75);
    ;
}

.bg-primary-light {
    background-color: #f0f5f9;
}

.popover-list-detail li span {
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    color: #5d677e;
}

.btn--danger-2 {
    background-color: rgba(248, 102, 36, 0.2);
    color: #f86624;
}

.page-heading-info-list {
    display: flex;
    flex-wrap: wrap;
}

.page-heading-info-list>li {
    width: 100%;
    max-width: 360px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-heading-info-list>li+li {
    padding-left: 40px;
    margin-left: 40px;
    border-left: 1px solid #ddd;
}

.checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.check-with-icon {
    display: flex;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="15" height="15" rx="7.5" stroke="%235D677E"/><path d="M4 8.375L6.43478 11L12 5" stroke="%235D677E" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.checkbox input:checked+.check-with-icon {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" rx="8" fill="%234BAE4F"/><path d="M4 8.375L6.43478 11L12 5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.car-rank-pill {
    display: flex;
    user-select: none;
}

.car-rank-pill__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    border-radius: 4px 0 0 4px;
    padding: 4px;
    min-width: 24px;
    height: 24px;
    /* flex: 0 0 24px; */
    background-color: var(--color-bg);
    color: var(--color-text);
    font-weight: 500;
    font-size: 12px;
}

.car-rank-pill__logo:only-child {
    border-radius: 4px;
}

.car-rank-pill__text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border: 1px solid var(--color-bg);
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #131515;
    border-radius: 0 4px 4px 0;
}

.check-icon-circle {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border-radius: 8px;
    border: 1px solid rgba(93, 103, 126, 0.75);
}

.checkbox input:checked+.check-icon-circle {
    border: 5px solid #336bb3;
}

.g-20 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.active-accordion .section-accordeon-handler .section-accordeon-handler-info {
    display: none;
}

.active-accordion .section-accordeon-handler {
    background-color: #f0f5f9;
}

.active-accordion .section-accordeon-handler .btn {
    transform: rotate(90deg);
    background-color: var(--primary);
    color: white;
}

.products-slider .swiper-slide {
    width: 300px;
}

.items-8>*:not(:last-child) {
    margin-bottom: 8px;
}

.cards-group-grid__item--300 {
    flex: 0 0 calc(20% - (var(--gap, 20px) - (var(--gap, 20px) / (100 / 20))));
    min-width: 250px;
}

.table-row-flex-group {
    display: flex;
    /* align-items: center; */
    white-space: normal;
}

.table-row-flex-group>* {
    flex: 0 0 20%;
}

.buying-guidelines-sidebar {
    display: flex;
    flex-direction: row;
    right: calc(var(--sidebar-width)* -1 + 64px);
}

.sidebar-nav {
    flex: 0 0 64px;
    width: 64px;
    padding-top: 40px;
    /* border-left: 1px solid #ddd; */
    border-right: 1px solid #ddd;
}

.sidebar-nav__list {
    display: flex;
    flex-direction: column;
    padding: 12px;
    align-items: center;
}

.sidebar-nav__list .btn--primary {
    position: relative;
}

.sidebar-nav__list .btn--primary.active:after {
    content: '';
    border-radius: 4px 0 0 4px;
    width: 4px;
    height: 100%;
    position: absolute;
    right: -14px;
    background-color: var(--primary);
}

.buying-guidelines-sidebar .sidebar-content-body {
    flex: auto;
    /* padding: 0 12px; */
}

.buying-guidelines-sidebar .sidebar-content-body .sidebar-header {
    border-bottom: 0;
    min-height: 42px;
    padding: 12px;
}

.buying-guidelines-sidebar.sidebar-helper .sidebar-body {
    padding: 16px 12px;
    border: 0;
    gap: 16px;
}

.card-shadow {
    border: 1px solid #ddd;
}

.progress-wrap.bg-secondary {
    background-color: #ddd;
}

.steps-list-checbox {
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    border: 0.50px solid #ddd;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 14px;
    color: #131515;
}

.group.group--12 {
    --gap: 12px
}

.steps-list-checbox__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    background-color: #d9dde0;
}

.steps-list-checbox input:checked+.steps-list-checbox__icon {
    background-color: #4bae4f;
}

.buying-guidelines-sidebar--spase .content-side {
    margin-right: 64px;
}

.table-border {
    border-collapse: collapse;
    width: 100%;
}

.table-border tr:not(:first-child) th,
.table-border tr:not(:first-child) td {
    padding: 10px 8px;

}

.table-border tr:not(:first-child, :last-child) th,
.table-border tr:not(:first-child, :last-child) td {
    border-bottom: 1px solid #ddd;
}

.table-border th {
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    color: #5d677e;
    text-align: start;
    padding: 0 8px;
}

.multiple-gange-chart-group .multiple-gange-chart {
    gap: 0;
}

.multiple-gange-chart-group__values {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 2px;
}

.multiple-gange-chart-value-sub {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #131515;
    gap: 4px;
}

.multiple-gange-chart-value-sub:first-child {
    align-items: start;
    text-align: start;
}

.multiple-gange-chart-value-sub:last-child {
    align-items: flex-end;
    text-align: end;
}

.multiple-gange-chart-value-sub-name {
    font-weight: 400;
    font-size: 12px;
    color: #5d677e;
}

.bits {
    display: flex;
    align-items: end;
    position: relative;
    height: 50px;
}

.bit-item {
    position: absolute;
}

.bit-item--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    font-weight: 400;
    font-size: 8px;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    background-color: #5d677e;
    border-radius: 50%;
    bottom: 0;
}

.bit-item.max-bit .bit-item--icon{
    background-color: var(--primary);
    width: 20px;
    height: 20px;
}


.disabled-card {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.7);
    padding: 40px 20px;
    overflow: auto;
    display: flex;
    align-items: center;
    text-align: center;
    gap: 20px;
    flex-direction: column;
    z-index: 3;
}

.bit-item [data-tippy-root]{
    z-index: 2!important;
}

.bg-primari-light {
    background-color: #f0f5f9;
}
.bg-purple-light {
    background-color: rgba(86, 54, 103, 0.06);
}

.color-purple {
    color: #563667;
}