.modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    right: 10px;
}

.modal-content {
    height: 100%;
}

.border-top {
    border-top: unset !important;
}

.slider-bg {
    background-image: url(/images/icons/sliderbg.svg) !important;
    padding-top: 6px;
}

div ::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent;
}

div ::-webkit-scrollbar-thumb {
    background-color: transparent;
}

div ::-webkit-scrollbar {
    width: 2px !important;
    height: 20px !important;
    display: none;
    background-color: transparent;
}

div {
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-color: #fff;
}
.main-hm-title{
    font-size: 36px;
}
.fs-hm-title{
    font-size: 24px;
}
.fs-hm-subtitle{
    font-size: 16px;
}
.car-title{
    height: 32px;
    line-height: 16px;
}

.car-card {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 16px !important;
    border: none;
    margin-inline-end: 16px !important;
    margin-bottom: 16px;
}
.car-card .car-card-img-div {
    height: 175px !important;
}
.car-card-body {
    border: 1px solid rgba(0,0,0,0.05);
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    padding: 12px 12px !important;
    height: 125px;
}

html[dir="rtl"] .car-card-body {
    height: 130px !important;
}
.car-card-img-top {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    object-fit: cover !important;
    border: 1px solid rgba(0,0,0,0.05);
    border-bottom: none;
    width: 100%;
    height: 100%;
}

.car-card:hover .car-card-body .card-img-top {
    box-shadow: 0 4px 10px #00000017;
    -moz-box-shadow: 0px 4px 10px #00000017;
    -webkit-box-shadow: 0 4px 10px #00000017;
    -o-box-shadow: 0px 4px 10px #00000017;
    border: none !important;
    border-radius: 16px !important;
}

html[dir="ltr"] .feature-tag-icon {
    position: absolute;
    left: -8px;
    top: 16px;
}
html[dir="ltr"] .tag-icon {
    position: absolute;
    left: 16px;
    top: 16px;
}
html[dir="ltr"] .favorite-icon {
    position: absolute;
    right: 16px;
    top: 16px;
}

html[dir="rtl"] .feature-tag-icon {
    position: absolute;
    right: -8px;
    top: 16px;
}
html[dir="rtl"] .tag-icon {
    position: absolute;
    right: 16px;
    top: 16px;
}
html[dir="rtl"] .favorite-icon {
    position: absolute;
    left: 16px;
    top: 16px;
}

.car-card-usp {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 16px !important;
    border: none;
    margin-inline-end: 16px !important;
    margin-bottom: 16px;
    background: rgba(89, 193, 217, .1);
}
.car-card-usp-body {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    padding: 12px 12px !important;
    height: 155px;
}
.car-card-usp:hover .car-card-usp-body  {
    box-shadow: 0 4px 10px #00000017;
    -moz-box-shadow: 0px 4px 10px #00000017;
    -webkit-box-shadow: 0 4px 10px #00000017;
    -o-box-shadow: 0px 4px 10px #00000017;
    border: none !important;
    border-radius: 16px !important;
}
@media (max-width: 992px) {
    
    .car-card {
        position: relative;
        display: flex;
        flex-direction: column;
        word-wrap: break-word;
        background-clip: border-box;
        border-radius: 16px !important;
        border: none;
        margin-inline-end: unset !important;
    }
    .car-card-body {
        border: 1px solid rgba(0,0,0,0.05);
        border-top: none;
        border-bottom-left-radius: 16px !important;
        border-bottom-right-radius: 16px !important;
        padding: 12px 12px !important;
        height: unset !important;
    }
    .car-card-usp {
        position: relative;
        display: flex;
        flex-direction: column;
        word-wrap: break-word;
        background-clip: border-box;
        border-radius: 16px !important;
        border: none;
        margin-inline-end: unset !important;
    }
    .car-card-usp-body {
        border-bottom-left-radius: 16px !important;
        border-bottom-right-radius: 16px !important;
        padding: 12px 12px !important;
        height: unset !important;
    }
}