@font-face {
    font-family: 'yekan';
    src: url( '../fonts/yekan2/Yekan.eot' );
    src: url( '../fonts/yekan2/Yekan.eot?#iefix' ) format( 'embedded-opentype' ),
    url( '../fonts/yekan2/Yekan.woff2' ) format( 'woff2' ),
    url( '../fonts/yekan2/Yekan.woff' ) format( 'woff' ),
    url( '../fonts/yekan2/Yekan.ttf' ) format( 'truetype' ),
    url( '../fonts/yekan2/Yekan.svg#Yekan' ) format( 'svg' );
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/yekan/iranyekanwebboldfanum.eot');
    src: url('../fonts/yekan/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/yekan/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/yekan/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/yekan/iranyekanwebthinfanum.eot');
    src: url('../fonts/yekan/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/yekan/iranyekanwebthinfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/yekan/iranyekanwebthinfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/yekan/iranyekanweblightfanum.eot');
    src: url('../fonts/yekan/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/yekan/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/yekan/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/yekan/iranyekanwebregularfanum.eot');
    src: url('../fonts/yekan/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/yekan/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/yekan/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/yekan/iranyekanwebmediumfanum.eot');
    src: url('../fonts/yekan/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/yekan/iranyekanwebmediumfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/yekan/iranyekanwebmediumfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/yekan/iranyekanwebextraboldfanum.eot');
    src: url('../fonts/yekan/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/yekan/iranyekanwebextraboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/yekan/iranyekanwebextraboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/yekan/iranyekanwebblackfanum.eot');
    src: url('../fonts/yekan/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/yekan/iranyekanwebblackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/yekan/iranyekanwebblackfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 950;
    src: url('../fonts/yekan/iranyekanwebextrablackfanum.eot');
    src: url('../fonts/yekan/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/yekan/iranyekanwebextrablackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/yekan/iranyekanwebextrablackfanum.ttf') format('truetype');
}
@font-face {
    font-family: kalameh;
    src: url(../fonts//KalamehWebFaNum-Regular.woff) format("woff")
}

@font-face {
    font-family: kalameh;
    src: url(../fonts/KalamehWebFaNum-Regular.woff2) format("woff2")
}

@font-face {
    font-family: kalameh;
    src: url(../fonts//KalamehFaNum-Regular.ttf) format("truetype")
}

body {
    user-select: none;
    font-family: "iranyekan"
}

body.active {
    overflow: hidden
}

.login-Register {
    height: 100vh;
    background-image: url(../img/1644981800-car-on-great-ocean-road.avif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.login-Register .row {
    box-shadow: 0 0 20px -2px #12416b
}

header {
    position: sticky;
    top: 0;
    border-radius: .3rem;
    z-index: 99
}

.socials > div {
    color: #fff
}

header > div > ul > li a, footer ul li a, .reserve, a.custom-primary-bg, .socials a, .socials > div > div, .langs li, #magazine .row img {
    transition: all .4s
}

#langs {
    top: 29px;
    display: none
}

#langs.active, .login:hover form {
    display: block
}

#langs li, input[type='submit'] {
    transition: all .4s
}

#langs li:hover {
    background-color: #e9ecef !important
}

header > div > ul > li:hover a, header > div > ul > li.active a, .socials a:hover, footer ul li:hover a, .socials > div > div:hover {
    color: #5985ac !important
}

.dropdown-item.active {
    background-color: #aed7fc !important
}

#hamIcon {
    transition: all .5s;
    border-radius: 100%;
    background-color: #12416b;
    width: 44px;
    height: 44px;
    font-size: 20px;
    cursor: pointer;
    right: 10px;
    top: 23px;
    z-index: 110;
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute
}
@media(max-width: 767px)
{
    #hamIcon
    {
        top: 10px;
    }
}
#hamIcon span {
    display: block;
    width: 24px;
    height: 3px;
    margin: auto;
    background-color: #fff;
    transition: all .5s;
    margin-bottom: 5px
}

#hamIcon.active > div span:first-child, .login form {
    display: none
}

#hamIcon.active > div span:nth-child(2) {
    transform: rotate(42deg) translateX(2px) translateY(3px);
    background-color: #ffc107
}

#hamIcon.active > div span:last-child {
    transform: rotate(-44deg) translateX(3px) translateY(-3px);
    background-color: #ffc107
}

.custom-primary-bg {
    background-color: #12416b
}

.custom-secondary-bg {
    background-color: #45749d
}

.custom-gray-bg {
    background-color: #e6e6e6 !important
}

.custom-info-bg {
    background-color: #a2d0dccf
}

.custom-success-bg {
    background-color: #28a40e;
    transition: all .4s
}

.custom-primary-text {
    color: #12416b
}

.border-custom {
    border: 1px solid #12416b
}

.border-custom-light {
    border: 1px solid #eee
}

.cursor-pointer {
    cursor: pointer
}

a {
    text-decoration: none
}

.rounded-4 {
    border-radius: 1.3rem !important
}

.rounded {
    border-radius: 100% !important
}

.h-300 {
    height: 300px !important
}

.wh-25px {
    width: 25px;
    height: 25px;
    object-fit: contain
}
.wh-50px {
    width: 50px;
    height: 50px;
    object-fit: contain
}

.w-20 {
    width: 20px
}

.w-15 {
    width: 15px
}

.w-25px {
    width: 25px
}

.w-80 {
    width: 85%
}

.w-92 {
    width: 92px
}

.w-135 {
    width: 135px
}

.w-125 {
    width: 125px
}

.w-146 {
    width: 146px
}

.w-210 {
    width: 210px
}

.w-255 {
    width: 255px
}

.w-290 {
    width: 290px
}

.w-400 {
    width: 400px
}

.w-618 {
    width: 618px
}

.gap-6 {
    gap: 6rem
}

.shadow-custom {
    box-shadow: 0 4px 9px #000;
    z-index: 999;
}

#searchBox {
    background-image: url(../img/photo_2023-06-01_13-14-07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    position: relative;
    margin-top: -91px;
    padding-top: 103px
}

.daterangepicker .drp-buttons .btn {
    background-color: #12416b !important;
    color: white !important
}

.iconBox {
    width: 104px;
    height: 104px;
    box-shadow: none;
    transition: all .3s;
    cursor: pointer
}

.iconBox:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 9px #45749d
}

#our-center a {
    width: 240px;
    box-shadow: 0 4px 9px #45749d;
    transition: all .4s;
    margin-top: -35px;
    margin-bottom: 35px
}

#our-center a:hover {
    margin-top: -49px
}

#our-center span {
    bottom: 19px;
    margin: auto;
    left: 0;
    right: 0;
    display: inline-table;
    padding: 2px 35px;
    border-radius: 5px
}

#popular-cars {
    margin-top: 10px
}

.custom-after::after {
    content: '';
    background-color: #45749d;
    position: absolute;
    height: 2px;
    width: 100%;
    right: 0;
    bottom: -11px
}

.detailscarDetailsIcon {
    width: 40px
}

.detailscarDetailsSpan {
    font-size: 20px
}

@media (max-width: 575px) {
    .detailscarDetailsIcon {
        width: 15px
    }

    .detailscarDetailsSpan {
        font-size: 14px
    }
    .order-mobile-1{
        order: 1;
    }
}

.custom-success-bg img {
    width: 14px
}

.servicesImg {
    height: 66px
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
    top: 219px !important
}

.swiper-pagination-bullet-active {
    background-color: #12416b !important
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after, .swiper-button-next::after, .swiper-button-prev::after {
    font-size: 17px !important;
    color: #12416b
}

a.custom-primary-bg:hover, input[type='submit']:hover, .reserve:hover {
    transform: scale(.9)
}

.accardionContent {
    max-height: 0;
    transition: all .5s;
    overflow: hidden;
    padding: 0 19px !important
}

.accardionContent.active {
    padding: 19px !important;
    max-height: 2000px;
    border: 1px solid #e6e6e6;
    border-top: none
}

.accardionBtn.active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 26px !important;
    border-top-right-radius: 26px !important
}

.accardionBtn svg {
    transition: all .5s;
    color: #12416b
}

.accardionBtn svg.active {
    transform: rotate(180deg)
}

#questions img {
    width: 31%
}

#statistics img {
    height: 99px
}

#madarek h2 {
    width: 357px
}

#contact h2 {
    width: 149px
}

#madarek .order-0.order-lg-1, #contact .order-0.order-lg-2 {
    background-image: url(../img/28997029_car_rental_web_banner_1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.filters {
    position: sticky;
    top: 119px
}

.filterBtn.active {
    background-color: #45749d !important;
    color: #fff
}

.filterContent {
    max-height: 0;
    padding: 0 1rem;
    transition: all .4s;
    overflow: hidden
}

.filterContent.active {
    max-height: 1000px;
    padding: 1rem 1rem
}

.card-img-overlay {
    padding: 0 30%;
    background-clip: content-box;
    transition-duration: 0.3s
}

.card-img-overlay:hover {
    background-color: rgba(0, 0, 0, .5);
    padding: 0 0
}

.card-img-overlay a {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 30% 8px;
    color: #000;
    background-color: #fff;
    font-size: 18px;
    line-height: 2.1em;
    border-radius: 50%;
    transition-duration: 0.3s;
    opacity: 0
}

.card-img-overlay:hover a {
    opacity: 1
}

.card-img-overlay a:hover {
    background-color: #45749d
}

#magazine .row:hover img {
    transform: scale(1.1)
}

#magazine .col-xl-4.col-lg-3 span {
    z-index: 3
}

footer {
    background-image: url(../img/footer_pic.png);
    background-size: 42%;
    background-repeat: no-repeat
}

.footerOverlay {
    position: absolute;
    inset: 0;
    background-color: #12416bcc
}

@media only screen and (max-width: 992px) {
    #hamIcon {
        display: flex
    }

    #overlay {
        position: fixed;
        inset: 0;
        background-color: rgba(0, 0, 0, .433);
        z-index: 92;
        transition: all .4s;
        width: 0;
        margin-right: auto
    }

    #overlay.active, .w-400 {
        width: 100%
    }

    header {
        width: 100% !important;
        border-radius: 0
    }

    header > div > ul {
        position: fixed;
        right: -270px;
        bottom: 0;
        top: 0;
        width: 240px !important;
        z-index: 99;
        transition: all .5s
    }

    header > div > ul.active {
        right: 0
    }

    header > div > ul {
        line-height: 44px
    }

    #searchBox {
        margin-top: 0;
        height: 450px;
        padding-top: 15px;
        padding-left: 25px;
        padding-right: 25px
    }

    form {
        flex-wrap: wrap
    }

    .w-618 {
        width: auto
    }

    footer {
        background-attachment: scroll;
        background-size: 77%;
        background-position: center
    }
}

.text-truncate3 {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify
}

.text-truncate2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify
}

.fs-13px {
    font-size: 13px !important
}

.fs-12px {
    font-size: 12px !important
}

.fs-11px {
    font-size: 11px !important
}

.pre_text {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.w-h-90-img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    object-position: top
}

.bg-text-default {
    background: #00000060;
    padding: 10px;
    border-radius: 4px
}

.swal2-header {
    padding: 0 10px !important
}

.swal2-popup {
    width: 350px !important
}

.swal2-icon {
    width: 3em !important;
    height: 3em !important
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    height: 5px !important
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 30px !important;
    left: 5px !important;
    width: 15px !important
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    width: 35px !important;
    top: 25px !important;
    right: 2px !important
}

.swal2-icon .swal2-icon-content {
    font-size: 2.75em !important
}

.swal2-title {
    font-size: 1.5rem !important
}

.swal2-html-container {
    font-size: 15px !important
}

.swal2-styled.swal2-confirm {
    font-size: 15px !important
}

.swal2-content {
    padding: 0 0 !important
}

label.error {
    font-size: 13px !important;
    color: darkred;
    display: block
}

input.error, textarea.error, select.error {
    border-color: darkred
}

input.left, textarea.left {
    text-align: left;
    direction: ltr
}

::-webkit-input-placeholder {
    text-align: right;
    direction: rtl
}

:-ms-input-placeholder {
    text-align: right;
    direction: rtl
}

::placeholder {
    text-align: right;
    direction: rtl
}

.position-sticky-100 {
    position: sticky;
    top: 100px
}

.mt-n-30px {
    margin-top: -30px
}

img {
    max-width: 100% !important
}

.card_img_gallery {
    width: 100%;
    height: 170px;
    object-fit: contain;
    border-bottom: 1px solid #66666650
}

.text-default {
    color: #afafaf !important
}

.h-200px {
    height: 200px !important
}

.object-cover {
    object-fit: cover;
    -o-object-fit: cover
}

.object-contain {
    object-fit: contain;
    -o-object-fit: contain
}

.object-position-center {
    object-position: center;
    -o-object-position: center
}

.fs-15 {
    font-size: 15px
}

.fs-14 {
    font-size: 14px
}

.fs-13 {
    font-size: 13px
}

.fs-12 {
    font-size: 12px
}

.fs-11 {
    font-size: 11px
}

.day_font {
    position: absolute;
    left: 10px
}

.card-level {
    border-radius: 20px
}

.card-level .card-header {
    font-weight: 700;
    border-radius: 20px 20px 0 0
}

.card-level .card-header span {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #000;
    width: 35px;
    height: 35px;
    padding: 0;
    display: inline-block
}

.card-level .card-body {
    font-size: 12px;
    border-radius: 0 0 20px 20px
}

.card-level .card-body span {
    font-size: 13px;
    font-weight: 700;
    padding: 0 3px
}

.card-current .card-header, .card-current .card-body {
    background-color: #12416b;
    color: #fff
}

.card-current .card-header span {
    color: #000
}

@media only screen and (max-width: 750px) {
    .card-level .card-header {
        font-size: 12px
    }

    .card-level .card-body, .card-level .card-body span {
        font-size: 10px
    }

    .enmad {
        left: 1px !important
    }
}

.card-passed {
    opacity: .5
}

.option_card {
    position: relative;
    height: 100%;
    display: flex;
    margin-top: 5px;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 #6d6d6d75;
    font-size: 12px
}

.option_card h5, .option_card .price {
    font-size: 15px;
    font-weight: 700
}

.option_card .img {
    position: relative;
    width: 80px;
    height: 100%;
    background: var(--orginal_rgb_2);
    overflow: hidden;
    display: inline-table
}

.option_card .content {
    width: calc(100% - 80px);
    padding: 0 10px
}

.option_card .cart-count .btn-md {
    width: 35%
}

.option_card .cart-count input {
    width: 30%;
    padding: 9px 0;
    background: #f7f7f7;
    border-radius: 3px;
    text-align: center;
    color: #0c0800;
    font-weight: 500;
    border: 2px solid #eee
}

.pay_check_level img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-shadow: 0 0 2px 0 #66666660;
    padding: 10px;
    border-radius: 3px
}

.pay_check_level.checked img {
    box-shadow: 0 0 2px 0 #00ab28;
    background: #00ff3c30
}

.accordion-button {
    display: block
}

.border-box {
    box-sizing: border-box
}

.form-check {
    padding-right: 1.5em
}

.form-check .form-check-input {
    float: none;
    margin-right: 0;
    margin-left: 0
}

.float-right {
    float: right
}

.margin-right-1em {
    margin-right: -1.5em
}

.margin-left-1em {
    margin-left: -1.5em
}

.receipt {
    overflow-x: auto
}

.receipt .container {
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    min-width: 1200px;
    border: 1px solid #ccc
}

.receipt .header {
    padding: 15px 10px;
    background: #f5f5f5;
    border-radius: 5px 5px 0 0
}

.receipt .footer {
    padding: 15px 10px;
    background: #f5f5f5;
    border-radius: 0 0 5px 5px
}

.receipt .img_receipt {
    width: 100%;
    height: 200px;
    object-fit: contain;
    border-radius: 5px;
    filter: drop-shadow(0 0 2px #00000050)
}

.receipt p.in_p {
    background: #f6f6f6;
    font-size: 12px
}

.receipt p.in_p span {
    font-size: 12px
}

.car-Slider {
    height: 400px;
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    position: relative
}

.car-Slider img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.car-Slider-child {
    box-sizing: border-box;
    padding: 10px 0
}

.car-Slider-child img {
    border-radius: 6px
}

.time_from_select2 span.select2 {
    position: absolute;
    left: 12px;
    bottom: 0;
    height: 38px;
    width: 85px !important;
}

.title_filter {
    position: absolute;
    right: 0;
    width: 100%;
    bottom: -8px;
    background: #ffffff90;
}

.fw-bold-500 {
    font-weight: 500;
}

.time_from_select2.left-0 span.select2 {
    left: 0;
}

.time_from_select2 span.select2 span.select2-selection {
    height: 38px;
}

.time_from_select2 span.select2 span.select2-selection span.select2-selection__rendered {
    line-height: 36px;
}

.image-frame {
    width: 100%;
    height: 220px;
    position: relative;
    border-radius: 1.3rem;
    overflow: hidden;
}

.image-frame .blur_back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    /* blurring */
    filter: blur(6px);
    -webkit-filter: blur(6px);
}

.image-frame img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;

}
.datepicker-plot-area.datepicker-gregorian .datepicker-day-view .month-grid-box .header .header-row-cell
{
    float: left!important;
}
.datepicker-plot-area.datepicker-gregorian .datepicker-day-view .table-days
{
    direction: ltr!important;
}

@media (max-width: 991px) {
    .iconBox {
        width: 80px;
        height: 80px;
    }

    .service_h6 {
        font-size: 15px;
    }

    #our-center a {
        width: 160px;
    }

    #our-center span {
        bottom: 5px;
        padding: 2px 20px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .iconBox {
        width: 60px;
        height: 60px;
    }

    .service_h6 {
        font-size: 13px;
    }

    #our-center a {
        width: 200px;
    }

    .show-low-prices-box {
        position: unset !important;
    }
}

@media (max-width: 575px) {
    .iconBox {
        width: 40px;
        height: 40px;
    }

    .service_h6 {
        font-size: 10px;
    }

    #our-center a {
        width: 150px;
    }
}

@media (max-width: 425px) {
    #our-center a {
        width: 120px;
    }

    #our-center span {
        bottom: 5px;
        padding: 2px 15px;
        font-size: 12px;
    }
}

@media (max-width: 365px) {
    #our-center a {
        width: 180px;
    }
}

.datepicker-persian * {
    font-family: iranyekan !important;
}

.datepicker-persian table td {
    border: 1px solid #66666650;
}

.receipt .header,
.receipt .footer {
    background: #fff;
    padding: 0 !important;
    width: 100% !important;
}

.receipt .header img,
.receipt .footer img {
    width: 100% !important;
}

.receipt .header_info {
    width: 100% !important;
    padding: 10px !important;
    text-align: center;
    color: #0c63e4;
    background: #e7f1ff;
}

.receipt_top .svg_icon {
    width: 75px;
    height: 75px;
    object-fit: contain;
    padding: 10px;
}

.blog-single-photo {
    /*height: 300px;*/
    object-fit: contain;
}

.border-10 {
    border-radius: 10px !important;
}

.custom-price-car-box {
    background-color: #e6e6e4;
    padding: 5px;
    border-radius: 10px;
}

.custom-select-btn-box {
    background: #fabe00;
    border: none;
    padding: 5px;
    width: 100%;
    border-radius: 10px;
}

.mobile-filter-box-row {
    display: none !important;
}

.custom-size-car-filter-row {
    padding: 1rem;
}

.custom-size-car-filter-row img.car_img {
    border-radius: 1.3rem;
}

@media screen and (max-width: 991.5px) {
    .pc-filter-box-row {
        display: none !important;
    }

    .mobile-filter-box-row {
        display: block !important;
    }

    .custom-size-car-filter-row {
        padding: 0 !important;
        padding-bottom: 1rem !important;
    }

    .custom-size-car-filter-row img.car_img {
        border-radius: 0 !important;
    }
}

.show-more-prices-box {
    background-color: #e6e6e4;
    position: sticky;
    left: 10px;
    right: 10px;
    height: 90px;
    overflow-y: hidden;
}

.show-low-prices-box {
    background-color: #e6e6e4;
    position: absolute;
    left: 10px;
    right: 10px;
    height: 195px;
    overflow-y: auto;
    /*padding-bottom: 10px;*/
}

/*scrool start*/
/* width */
.show-low-prices-box::-webkit-scrollbar {
    width: 0;
}

/* Track */
.show-low-prices-box::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.show-low-prices-box::-webkit-scrollbar-thumb {
    background: transparent;
}

.show-low-prices-box::-webkit-scrollbar-button {
    background: transparent;
}

/* Handle on hover */
.show-low-prices-box::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

/*scrool end*/

.margin-for-show-price {
    margin-top: 115px !important;
}

.background-color-12416b {
    background-color: #12416b
}

.why-us-box {
    background-color: #F2F2F2;
}

.collapse-panel {
    display: block;
    width: 100%;
    border: 1px solid #66666650;
    border-radius: 5px;
    margin-top: 5px;
}

.collapse-panel h6 {
    width: 100%;
    cursor: pointer;
    padding: 15px 10px;
    margin-bottom: 0;
}
.collapse-panel.active h6
{
    background: #e7f1ff;
    color: #0c63e4;
}

.collapse-panel h6 a {
    display: block;
}

.collapse-panel .panel-content {
    max-height: 0;
    overflow: hidden;
    transition: all .2s ease;
    padding: 10px;
}

.collapse-panel.active .panel-content {
    max-height: 1000px;
}
.collapse-panel .panel-content {
    display: none;
}

.collapse-panel.active .panel-content {
    display: block;
}

/* CSS */
:root {
    --prm-color: #009e06;
    --prm-gray: #c5c1c1;
}
.time_line .steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
}
.bg-e6e5e1
{
    background: #e6e5e1;
}
.pointer
{
    cursor: pointer;
}
.time_line .step-button {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background-color: var(--prm-gray);
    transition: .4s;
    /*line-height: 50px;*/
    padding-top: 7px;
}

.time_line .step-button[aria-expanded="true"] {
    background-color: var(--prm-color);
    color: #fff;
}

.time_line .done {
    background-color: var(--prm-color);
    color: #fff;
}

.time_line .step-item {
    z-index: 10;
    text-align: center;
}
.time_line .step-item .step-title{
    font-size: 12px;
    font-weight: bolder;
    color: var(--prm-gray);
}
.time_line .step-item .step-title.active{
    color: var(--prm-color);
}

.time_line #progress {
    -webkit-appearance:none;
    position: absolute;
    width: 95%;
    z-index: 5;
    height: 3px;
    left: 20px;
    margin-bottom: 18px;
}

/* to customize progress bar */
.time_line #progress::-webkit-progress-value {
    background-color: var(--prm-color);
    transition: .5s ease;
}

.time_line #progress::-webkit-progress-bar {
    background-color: var(--prm-gray);
}
.time_line_mobile
{
    margin-top: 0;
    padding: 7px;
}
.time_line_mobile span
{
    font-size: 11px;
    font-weight: bold;
    color: #777;
}
.time_line_mobile i svg {
    width: 17px;
    height: 17px;
    color: #777;
    fill: #777;
}
.time_line_mobile span svg
{
    width: 20px;
    height: 20px;
    color: #777;
    fill: #777;
    stroke: #777;
}
.time_line_mobile span svg path,
.time_line_mobile span svg g
{
    color: #777;
    fill: #777;
    stroke: #777;
}
.time_line_mobile span.active
{
    color: var(--prm-color);
}
.time_line_mobile span.active svg.active
{
    color: var(--prm-color);
    fill: var(--prm-color);
    stroke: var(--prm-color);
}
.time_line_mobile span.active svg.active path,
.time_line_mobile span.active svg.active g
{
    color: var(--prm-color);
    fill: var(--prm-color);
    stroke: var(--prm-color);
}
.rounded-10
{
    border-radius: 10px;
}
.info_rent span
{
    color: #666;
    font-size: 13px;
    font-weight: bold;
}
.info_rent_mobile span
{
    color: #666;
    font-size: 12px;
    font-weight: bold;
}
.info_rent_mobile p
{
    color: #b7b5b5;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    border-bottom: 1px solid #dddada;
}
@media(max-width: 575px)
{
    .time_line_mobile span
    {
        font-size: 9px;
    }
    .time_line_mobile i svg {
        width: 15px;
        height: 15px;
    }
    .time_line_mobile span svg
    {
        width: 17px;
        height: 17px;
    }
}
@media(max-width: 380px)
{
    .time_line_mobile span
    {
        font-size: 9px;
    }
    .time_line_mobile i svg {
        width: 12px;
        height: 12px;
    }
    .time_line_mobile span svg
    {
        width: 14px;
        height: 14px;
    }
}
@media(max-width: 370px)
{
    .time_line_mobile span
    {
        font-size: 8px;
    }
    .time_line_mobile i svg {
        width: 12px;
        height: 12px;
    }
    .time_line_mobile span svg
    {
        width: 14px;
        height: 14px;
    }
}

@media(max-width: 330px)
{
    .time_line_mobile span
    {
        font-size: 9px;
    }
    .time_line_mobile i svg {
        width: 9px;
        height: 9px;
    }
    .time_line_mobile span svg
    {
        width: 10px;
        height: 10px;
    }
}
@media(max-width: 300px)
{
    .time_line_mobile span
    {
        font-size: 9px;
    }
    .time_line_mobile i svg {
        width: 9px;
        height: 9px;
    }
    .time_line_mobile span svg
    {
        display: none;
    }
    .info_rent_mobile span
    {
        font-size: 10px;
    }
    .info_rent_mobile p
    {
        font-size: 10px;
    }
}
.car-Slider-card
{
    height: 100%;
}
.count-car-find
{
    color: #666;
    font-size: 13px;
    font-weight: bold;
}
.new_card_new {
    background: #fff;
    border-radius: 10px;
    padding: 7px;
}
.new_card_new .new_card_new_img {
    width: 100%;
    height: 220px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.new_card_new .new_card_new_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.new_card_new .new_card_new_img .new_card_new_off_percent {
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: #cffe2297;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 13px;
    z-index: 9;
}
.new_card_new .new_card_new_img .top_img {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 9;
}
.new_card_new .new_card_new_img .top_img .top_img_inner {
    height: 32px;
    align-content: center;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
}
.new_card_new .new_card_new_img .top_img .top_img_inner svg
{
    margin-inline-end: 3px;
}
.new_card_new .swiper-button-prev
{
    z-index: 9999;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
}
.new_card_new .swiper-button-next
{
    z-index: 9999;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
}
@keyframes pulseGreen {
    0% {
        background: rgba(0, 255, 100, 0.3);
        box-shadow: 0 0 6px rgba(0, 255, 100, 0.3);
    }
    50% {
        background: rgba(0, 255, 100, 0.5);
        box-shadow: 0 0 12px rgba(0, 255, 100, 0.6);
    }
    100% {
        background: rgba(0, 255, 100, 0.3);
        box-shadow: 0 0 6px rgba(0, 255, 100, 0.3);
    }
}
.new_card_new .new_card_new_img .top_img .top_img_inner.top_img_inner2 {
    height: 32px;
    align-content: center;
    padding: 0 10px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 8px;
    border: 1px solid rgba(0, 255, 100, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pulseGreen 2s infinite ease-in-out;
}
.new_card_new .for_property {
    border-top: 1px solid #e6e5e1;
    border-bottom: 1px solid #e6e5e1;
}
.new_card_new .for_property svg,
.new_card_new .for_property span
{
    fill: #8e8e8e!important;
    color: #8e8e8e!important;
    font-size: 10px;
}
.new_card_new .new_card_new_text_day
{
    background: #f5f4f2!important;
    border-radius: 10px;
}
.new_card_new .last-item-text
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    background: #00000099;
}
@media (min-width: 575px) and (max-width: 991px)
{
    .new_card_new .new_card_new_img .top_img .top_img_inner {
        font-size: 9px;
    }
}
@media (max-width: 325px)
{
    .new_card_new .new_card_new_img .top_img .top_img_inner {
        font-size: 9px;
    }
}
.text-8e8e8e
{
    color: #8e8e8e;
}
.text-14934c
{
    color: #14934c;
}
.pe-2px
{
    padding-inline-end: 2px;
}
/*del {*/
/*    position: relative;*/
/*    text-decoration: none; !* خط پیش‌فرض را حذف می‌کنیم *!*/
/*}*/

/*del::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 57%;*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    background: black;*/
/*    transform: rotate(-30deg); !* زاویه خط *!*/
/*    transform-origin: left center;*/
/*}*/
.btn-0078df
{
    margin-top: 5px;
    border-radius: 10px;
    background: #0078df!important;
    color: #fff;
    font-weight: bold;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}
.btn-0078df:hover
{
    background: #12416b !important;
    color: #fff;
}
.bg-f5f4f2
{
    background: #f5f4f2;
}
#car_list_card {
    overflow-x: hidden; /* جلوگیری از اسکرول افقی */
    width: 100%; /* عرض کامل */
    max-width: 100%; /* جلوگیری از بزرگ‌تر شدن از عرض صفحه */
}
.filter-sticky
{
    position: sticky;
    top: 60px;
    z-index: 99;
}
.w-s-normal
{
    white-space:normal;
}

.form-filter-car {
    position: relative;
}

.form-filter-car > svg{
    position: absolute;
    top:8px;
    inset-inline-start: 12px;
    color: #9ca3af;
}
.form-filter-car .time_reserve{
    position: absolute;
    top:12px;
    inset-inline-end: 12px;
    color: #9ca3af;
}
.form-filter-car .time_reserve svg{
    color: #b00101;
    fill: #b00101;
    stroke: #b00101;
    margin-inline-end: 5px;
    width: 20px;
    height: 20px;
}
.form-filter-car .time_reserve .time_reserve_inner{
    direction: ltr;
}
.form-filter-car .time_reserve .time_reserve_inner span{
    color: #b00101;
    font-size: 12px;
    font-weight: bold;
}

.form-filter-car .form-input{

    height: 39px;
    padding-inline-start: 33px;
    padding-inline-end: 75px;
    padding-right: 45px;
    border-radius: 10px;
    background: #e6e5e1;
    box-shadow: none;
    border:none;
}

.form-filter-car .form-input:focus,
.form-filter-car .form-input:hover,
.form-filter-car .form-input:active
{
    box-shadow: 0 0 2px 0 #e6e5e1;
    background: #e6e5e1;
    outline: none;
}
.form-filter-car-selected
{
    overflow-x: auto;
    padding: 10px .25rem 0 0;
}
/*!*scrool start*!*/
/* width */
.form-filter-car-selected::-webkit-scrollbar {
    height: 0!important;
}
/*!*scrool end*!*/
.form-filter-car-selected .bg-info
{
    background-color: #0078df!important;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 10px;
}
.form-filter-car-selected .bg-default,
.form-filter-car-selected2 .bg-default
{
    background-color: #e6e5e1!important;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 10px;
    color: #333;
}
.form-filter-car-selected .bg-info a
{
    position: relative;
    left: -5px;
}
.form-filter-car-selected .bg-info a svg
{
    width: 18px;
    height: 18px;
}
.form-filter-car-selected .bg-info a svg,
.form-filter-car-selected .bg-info a path,
.form-filter-car-selected .bg-info a g
{
    color: #efbcc1 !important;
    stroke: #efbcc1 !important;
    fill: #efbcc1 !important;
}
.form-filter-car-selected .bg-default svg,
.form-filter-car-selected2 .bg-default svg
{
    width: 18px;
    height: 18px;
}
.form-filter-car-selected .bg-default a svg,
.form-filter-car-selected .bg-default a path,
.form-filter-car-selected .bg-default a g,
.form-filter-car-selected2 .bg-default a svg,
.form-filter-car-selected2 .bg-default a path,
.form-filter-car-selected2 .bg-default a g
{
    color: #333 !important;
    stroke: #333 !important;
    fill: #333 !important;
}
.form-filter-car-selected2 .dropdown
{
    /*position: absolute;*/
    /*inset-inline-start: 0;*/
    /*bottom: 0;*/
    padding-top: 10px;
}
.form-filter-car-selected2 .dropdown .dropdown-item
{
    text-align: start;
}
.form-filter-car-selected2 .dropdown-toggle::after
{
    display: none;
}
.p-s-102px
{
    padding-inline-start: 102px;
}
@media(max-width: 575px)
{
    .p-s-sm-82px
    {
        padding-inline-start: 82px;
    }
    .form-filter-car-selected .bg-info
    {
        font-size: 11px;
        /*padding: 3px 5px;*/
    }
    .form-filter-car-selected .bg-default,
    .form-filter-car-selected2 .bg-default
    {
        font-size: 11px;
        /*padding: 3px 5px;*/
    }
    /*.form-filter-car-selected .bg-info a svg*/
    /*{*/
    /*    width: 14px;*/
    /*    height: 14px;*/
    /*}*/
    .form-filter-car-selected .bg-default a svg,
    .form-filter-car-selected2 .bg-default a svg
    {
        width: 14px;
        height: 14px;
    }
    .form-filter-car > svg
    {
        top: 8px;
        width: 18px;
        height: 18px;
    }
    .form-filter-car .form-input
    {
        font-size: 13px;
    }
}
.border-bottom-2px
{
    border-bottom: 2px solid #e6e5e1;
}