body {
    background-color: #f4f4f4;
    font-family: 'Pretendard', sans-serif;
    font-size: 0.90em;
    -webkit-font-smoothing: antialiased;
}

label {
    /* font-size: 0.75em; */
    /* 상위 요소의 글꼴 크/기의 66% */
    font-size:13px;
}

.no-margin-bottom p,
.no-margin-bottom h1, 
.no-margin-bottom h2,
.no-margin-bottom h3,
.no-margin-bottom h4,
.no-margin-bottom h5,
.no-margin-bottom h6 {
    margin-bottom:0;
}

/*
h1, h2, h3, h4, h5, h6{
    margin-bottom:0;
}*/

#content{
    min-width:320px;
    max-width:100%;
}
.container{
    padding-right:0;
    padding-left:0;
    color:#212529;
}

/*

.elementor-heading-title{
    font-weight:600;
}

.elementor a{
    color: #00b361;
    font-weight: 500;
    text-decoration: underline;
}

.elementor-316 .elementor-element.elementor-element-59db024{
    background-color:#fff;
    z-index:2;
}
.elementor-302 .elementor-element.elementor-element-8bf9dbd{
    padding:0;
}
.elementor-301 .elementor-element.elementor-element-8bf9dbd{
    padding:0;
}*/

.easepick-wrapper{
    position:absolute !important;
    left:50% !important;
    transform:translateX(-50%) !important;
}
.easepick-wrapper .container.inline{
    box-shadow: none !important;
}

.row{
    margin-right:0 !important;
    margin-left:0 !important;
}
.row>*{
    flex-shrink: inherit !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

.icon_m{
    display:none;
}


.warning{
    color: #f11616;
    /* font-size:0.9em; */
}
.badge{
    font-size:12px !important;
}
.text-bg-primary{
    background-color:#36b77c   !important;
}
.text-bg-light{
    background-color: #fff !important;
    border: 1px solid #ddd !important;
}

/***** 검색  *****/
.form-control::placeholder{
    color:#bbb;
}
#listContainer.search_list_box{
    max-width:100%;
    padding:0;
    border-radius: 0;
    margin-top:0;
}
#listContainer.search_list_box .search_input > label{
    display:none; 
}
.search_list_box #searchBoxList .search_input > .form-control{
    height:42px;
    font-size:14px;
}
.search_list_box #searchBoxList .search_input > .btn{
    height:42px;
    font-size:14px;
}

.search_box_fix{
    max-width:1140px;
    margin:0 auto;
    padding:0;
}
.search_list{
    max-width:1140px;
    margin:0 auto;
    background-color:#fff;
    border-radius:10px;
    margin-top:20px;
}
.search_list label{
    padding-left: 3px;
    margin-bottom:6px;
    color:#54585A;
}

#filterContainer{
    width:100%;
    justify-content: flex-end;
    margin-bottom: 15px;
}
.filter_box{
    width: 500px !important;
    display: flex;
    gap: 6px;
    padding:0;
}
.filter_box .form-select{
    height:42px;
    font-size:14px;
    border-color:#aaa;
}
/* .accordion{
    margin-top:12px;
} */


/***** 모달 modal *****/
.modal-content {
    min-width:320px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.md_header{
    background-color:#36b77c;
    border-bottom:0;
    color:#fff;
}
.modal-title{
    font-size:1.2rem;
}
.modal-body label{
    margin-bottom:0.5rem;
    padding-left:2px;
}

.modal_input_box{
    padding-bottom:12px;
    gap:6px;
    flex-wrap: nowrap !important;
}
.modal_input_box {
    .form-control{
        height:50px;
    }
    .form-select{
        height:50px;
    }
}

.modal_input_box .form-control::placeholder{
    color: #999;
}

.md_footer{
    justify-content: center !important;
    border-top:0 !important;
    padding-top:6px !important;
    padding-bottom:28px !important;
}

textarea{
    border-color:#dee2e6;
    border-radius: 5px;
    outline-color: #36b77c;
}


/* 도시선택 모달을 위한 CSS */

.location-info + .location-info{
    margin-top:14px;
}
.location-info h6{
    padding-left: 2px;
    font-size: 14px;
    margin-bottom: 10px;
}
.location-info:last-child h6{
    margin-top:20px;
}

.form-check.form_check2{
    display:flex;
    margin-bottom:0;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
}
.form-check.form_check2 .form-check-label{
    margin-bottom:0;
}
.form-check.form_check2 .form-check-input{
    width:20px;
    height:20px;
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
}

#map_canvas {
    width: 100%;
    height: 250px;
    margin-bottom:14px;
    border-radius:5px;
}





/* 버튼 스타일 조정, 현재는 기본 컬러이나 차후 회사 컬러톤에 맞춰서 변경 */
/***** 버튼 button *****/
.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #45bc8a !important;
    --bs-btn-border-color: #36b77c !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #36b77c !important;
    --bs-btn-hover-border-color: #36b77c !important;
    --bs-btn-focus-shadow-rgb: 60,153,110 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #146c43 !important;
    --bs-btn-active-border-color: #13653f !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #36b77c !important;
    --bs-btn-disabled-border-color: #36b77c !important;
    font-weight:600 !important;
}
.btn-success{
    min-width:140px;
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #45bc8a !important;
    --bs-btn-border-color: #36b77c !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #36b77c !important;
    --bs-btn-hover-border-color: #36b77c !important;
    --bs-btn-focus-shadow-rgb: 60,153,110 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #146c43 !important;
    --bs-btn-active-border-color: #13653f !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #36b77c !important;
    --bs-btn-disabled-border-color: #36b77c !important;
    font-weight:600 !important;
}
.btn{
    height:38px;
}

.view-map-button {
    padding: 5px 10px;
    background-color: #45bc8a;
    color: #fff;
    border-radius: 5px;
    border:none;
    cursor: pointer;
    font-size: 12.5px;
    font-weight:600 !important;
}
/* .view-map-button:hover{
    background-color:#36b77c;
} */


/****** 화살표 뱃지 스타일 badge ******/
.text-bg-secondary{
    color:#818181 !important;
    color:#888;
    font-weight:500;
    font-size:14px;
    background-color:#fff !important;
    border:1px solid #d9d9d9;
    border-radius:20;
    padding:10px 20px;
}


/****** 아이콘 icon ******/
.ic_place{
    width:24px;
    height:24px;
    background-image: url(./ic_place.svg);
    background-repeat: no-repeat;
    background-position:center;
}
.ic_arrow_gr{
    width:24px;
    height:24px;
    background-image: url(./ic_arrow_gr.svg);
    background-repeat: no-repeat;
    background-position:center;
}
.ic_info{
    width:24px;
    height:24px;
    background-image: url(./ic_info.svg);
    background-repeat: no-repeat;
    background-position:center;
}



/****** 회사별 로고 이미지 ******/
.vendor_logo_box{
    display:inline-flex;
    align-items: center;
    gap:4px;
}
.vendor-logo {
    margin: 5px 0;
    display: inline-flex;
    margin-right:8px;
}
.vendor-header {
    font-weight: bold;
}
.vendor-header.en{
    font-size:1.2rem;
    font-weight:700;
    margin-bottom:4px;
}
.vendor-header.ko{
    font-weight:600;
}
.vendor-detail {
    display: flex;
    flex-wrap: wrap;
}


.vendor-button {
    width: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
}
.vendor_button_box{
    width:100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    gap:4px;
}
.vendor_button_box h4{
    margin-bottom:0;
}
.vendor_button_box .text-muted{
    font-weight:300;
    color:#999 !important;
}


.vendor_button_box .price{
    font-weight:700;
    color:#222;
}
.vendor_button_box .price > span{
    font-weight:500;
    font-size:1rem;
    padding-left:2px;
}
.vendor_button_box .reserve-button{
    margin-top:6px;
    height:42px;
}


.vendor-image {
    width: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vendor-info {
    flex-grow: 1; 
    width:calc(100% - 530px);
}



/** ca 캐나다 리스트 **/
.vendor_header_wrap{
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
}
.vendor_header_wrap .vendor-header.en{
    margin-bottom:0;
}
.vendor_header_wrap .vendor-header.ko{
    font-weight:500;
}

.search_row{
    gap:6px;
    flex-wrap: nowrap !important;
}

#rtSearchBox {
    padding: 18px 20px;
    max-width: 100%;
}

.detail_left{
    width:calc(100% - 324px);
    /* border:1px solid #e9e9e9; */
    border-radius:5px;
}
.detail_info{
    display:flex;
    gap:24px;
}
.detail_info .card{
    border:none;
    border-top: 1px solid #e9e9e9;
    border-radius: 0;
    padding:16px 0;
}

.card-title + .card{
    border-top:none;
    padding-top:16px;
}
.car-title{
    font-weight:600;
    display: flex;
    align-items: center;
    gap:5px;
}
.car-title .car_en{
    font-size:1.1rem;
    font-weight:500;
}
.carOption{
    color:#696969;
}

.detail_info_box {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 14px 24px;
    margin-top: 15px;
    display:flex;
    justify-content: space-evenly;
    align-items: center;
    gap:16px;
}
.detail_info_box .detail_info_in{
    display:flex;
    flex-direction: column;
    text-align: center;
}


.detail_info_tit{
    color:#777;
    margin-bottom:6px;
}

.detail_info_date{
    font-size:16px;
    font-weight:500;
}
.detail_info_place{
    font-size:16px;
    color:#000;
    font-weight:500;
}
.detail_info_place{
    font-size:16px;
    color:#000;
    font-weight:500;
}
.detail_info_address{
    font-size:12px;
    color:#000;
    font-weight:400;
}

.detail_info_button{
    padding:5px;
}

.detail_left .vendor_logo_box{
    margin:14px 0 10px;
}
.detail_left .vendor_logo_box h5{
    display:flex;
    gap:6px;
    flex-wrap: wrap;
}
.driver_info{
    margin-top:16px;
    padding-left:3px;
}

.card-body{
    padding:0 !important;
}
.card_form{
    padding:18px !important;
    border-top:1px solid #e9e9e9;
}

#postpaidPromotion{
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.card-title{
    font-weight:600;
}

.card_form_inner{
    display:flex;
    flex-direction: column;
    gap:8px;
}
.card_form_inner .row{
    flex-wrap:nowrap;
    align-items: center;
    gap:20px;
}

.card_form_text{
    display: flex;
    align-items: center;
    width:calc(100% - 180px);
    gap:4px;
}
.card_form_text h6{
    font-weight:400;
    font-size:0.93em;
    color:#888;
}
.card_form_input{
    width:160px;
}

.card_form_multi{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: calc(100% - 240px);
    gap:4px;
}
.card_form_btn_box{
    display: flex;
    width: 220px;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    gap:8px;
}
.card_form_btn_box .btn{
    width:80px;
}
.card_form_btn_box .form-select{
    width:100px;
}

.btn_info{
    display:inline-flex;
    padding:0;
    border:none;
    background-color: transparent;
    font-size:0;
    display:none;
}


.driver_input_box{
    gap:14px;
    margin-top:20px;
}
.driver_input{
    display:flex;
    align-items: center;
}
.driver_input label{
    width:100px;
    font-size:14px;
}
.driver_input input{
    width:calc(100% - 100px);
}


.notice_box{
    padding:24px;
    /* background-color: #f5f5f5; */
    background-color: #f9fbfa;
    border:1px solid #7dc1a2;
    border-radius:10px;
    margin:20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#requiredWarning{
    margin-bottom:20px;
}

.notice_box p{
    font-size:14px;
    line-height:1.6;
}



.detail_left .form_check2{
    padding:14px 20px;
    margin-left:20px
}



.detail_right{
    width:300px;
}
.paid_info_fix {
    position: sticky;
    top: 30px;
    /* height: 100vh; */
    border:1px solid #e9e9e9;
    border-radius:5px;
}
.paid_info_fix dl{
    display:flex;
    justify-content: space-between;
    margin-bottom:4px;
}
.paid_info_fix dl dt{
    width:120px;
    font-weight:400;
    color: var(--bs-secondary-color);
    line-height:1.6;
}
.paid_info_fix dl dd{
    text-align: right;
    line-height:1.6;
    width:calc(100% - 120px);
    margin-bottom:0;
}

.paid_info_fix dl.total_price dt{
    color:#000;
    font-weight:500;
}
.paid_info_fix dl.total_price dd{
    color:#000;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    /* font-size:22px; */
    font-size:1.35rem;
    line-height:24px;
    letter-spacing: -0.5px;
}
.paid_info_fix dl.total_price dd span:last-child{
    font-weight: 400;
    font-size:0.9rem;
    margin-top:4px;
    letter-spacing: 0px;
}

.dl_edit dd + dl{
    display:none;
}




.accordion-button{
    line-height:1.4;
    gap:20px;
}
.accordion-button:not(.collapsed){
    box-shadow: none;
    background-color: #eee;
}
.vat{
    padding:4px 20px 14px;
}



#rt-images{
    padding:20px;
}

.detail_info .accordion .card{
    border-top:0;
}
.accordion_2 .accordion-item{
    border:none;
    border-radius:0;
    border-bottom:1px solid #ccc;
}
.accordion_2 .accordion-item:last-of-type{
    border-bottom:0;
}
.accordion_2 .accordion-button{
    border-radius:0 !important;
    background-color:#eee;
    box-shadow: none;
}
.accordion_2 .accordion-button.collapsed{
    border-radius:0 !important;
    background-color:#eee;
    box-shadow: none;
}

.accordion-body{
    color:#333;
    font-weight:400;
}
.accordion_tit{
    font-size:1rem;
    font-weight:600;
}
.accordion-body p{
    line-height:1.6;
    padding-bottom:8px;
}
.accordion-body b{
    font-weight:600;
}





/* 섹션 제목 스타일 */
.section-title {
    padding: 18px;
    margin-bottom: 0px;
    border-bottom:1px solid #e9e9e9;
    font-weight:600;
}


/* 섹션 서브 제목 스타일 */
.section-title-sub {
    /* padding: 10px; */
    margin-bottom: 6px;
    font-size:1em;
    color:#36b77c;
}

/* 상세 텍스트 스타일 */
/* .detail-text {
    font-size: 1em;
    line-height:1.6;
    font-weight:400;
    min-height: 40px;
} */

.rate_form{
    padding: 14px 0;
    margin: 0 20px;
    border-top:1px solid #e9e9e9;
}
.detail-rate {
    font-size: 1em;
    /* min-height: 40px; */
}
.rate_form.detail-rate{
    border:none;
}
.total_price{
    line-height:1.6;
}

.rate_form.postpaid-section {
    padding:0;
    border:none;
}
.rate_form.postpaid-section #postpaidRate .newOptionDiv:first-child {
    padding-top:14px;
    /* border-top:1px solid #e9e9e9; */
}
.rate_form.postpaid-section #postpaidRate .newOptionDiv:last-child{
    padding-bottom:14px;
}
#prepaidTotal + .rate_form.postpaid-section #postpaidRate .newOptionDiv:first-child{
    border-top:1px solid #e9e9e9;
}


.rate_form_btn{
    padding:0 18px 30px;
}
#postpaidRate + #postpaidTotal{
    margin-top:10px;
}


#rtOptions .detail_info{
    border-top:0;
    padding-top:0;
}


/** 정보입력 화면 booking **/
.payment_btn_box{
    /* border-top:1px solid #e9e9e9; */
    padding:14px 18px 30px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.payment_btn{
    display:flex;
    flex-direction: column;
    gap:6px;
}
.payment_text{
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -0.5px;
    gap:6px;
    justify-content: center;
    flex-wrap: wrap;
}

.payment_text p:last-child{
    font-weight: 400;
    font-size: 0.9rem;
    margin-top: 4px;
    letter-spacing: 0px;
}


/** 보험 **/
.vendor-container {
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
    padding: 15px 20px 20px 15px;
    border-radius: 10px;
    background-color: #f7f7f7;
}
.vendor-header {
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}
.include_tx{
    font-size: 15px;
    font-weight:600;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-bottom:8px;
}


/** booking **/
.rentalDateDetail{
    border:none;
}

#bookingButton{
    height:44px;
    font-size:18px;
}

#hertzGoldCheck{
    height:40px;
    font-size:15px;
}

#toSearchPage{
    width:50%;
    height:36px;
    font-size:15px;
}


/** 상담요청 modal **/
.modal-body-custom{
    color: #212529;
    padding: 16px 30px;
}
.modal_detail{
    line-height:1.6;
}

.modal_detail_box{
    margin-top:16px;
}
.modal_detail_box:first-child{
    margin-top:0;
}
.modal_detail_tit{
    font-weight: 700;
    font-size: 1rem;
    margin-bottom:2px;
}

/* 로딩 오버레이 스타일 */
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* 반투명 검정 배경 */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 로딩 애니메이션 스타일 */
.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #36b77c;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 빠른 선택 CSS */
#fastSelection {
    /* border: 1px solid #ccc; */
    padding: 15px;
    border-radius: 5px;
    background-color: #f7f7f7;
    margin-bottom: 15px;
}

#fastSelection h6 {
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

/* #fastSelection div {
    display: flex;
    flex-direction: column;
} */


.fast-option {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
    color: #555;
}

.fast-option i {
    margin-right: 10px;
    color: #007bff;
}

.fast-option:hover {
    color: #007bff;
    text-decoration: underline;
}

/********* 반응형 *********/
@media (min-width: 1000px) {

    #toggle_open{
        display:block !important;
    }
    #toggle_btn{
        display:none;
    }
    #rtSearchBoxList.container{
        max-width:100% ;
    }
}

@media (min-width: 768px) {
    .col-md-6{
        flex:inherit !important;
        display:flex;
    }
    .col-md-4{
        width:33%;
    }
    .col-md-2{
        width:16%;
    }
    .col-md-3{
        width:25%;
    }
    .col-md-1{
        width:9%;
    }
    #rtSearchBoxList.container{
        max-width:100% ;
    }
}

@media (min-width: 576px) {
    #rtSearchBoxList.container{
        max-width:100% ;
    }
}


@media (max-width: 1200px) {
    #rtDetail{
        padding:0 20px;
        max-width:100%;
    }
    #bookingBox{
        padding:0 20px;
    }
    #bookingBox .card_inner{
        align-items: center;
    }
    .image-container-left{
        max-width:250px;
    }
    .image-container-right{
        max-width:950px;
    }    
    .image-container-left img{
        width:100%;
        padding:0;
    }
    .car-title{
        align-items: flex-start;
        flex-direction: column;
    }

}

@media (max-width: 1000px) {
    #rtDetail{
        padding:0;
        max-width:100%;
    }
    #bookingBox{
        padding:0;
    }

    .detail_left{
        width:100%;
        border:none;
        border-top:1px solid #e9e9e9;
        border-radius:0;
    }
    .detail_right{
        width:100%;
        position:fixed;
        z-index:999;
        left:0;
        background-color:#fff;
        bottom:0;
        box-shadow: 0 -2px 14px 1px rgba(177,177,177,.4);
        border-radius:10px;
    }

    .car-title{
        flex-direction: row;
    }

    .paid_info_fix{
        border:none;
    }

    .vendor-detail {
        display: flex;
        flex-wrap: wrap;
    }
    .vendor_header_wrap{
        flex-direction: column;
        gap: 2px;
    }
    .vendor-image{
        width:210px;
        padding-right:10px;
    }
    .vendor-info{
        width: calc(100% - 380px);
    }
    .vendor-button{
        width:170px;
        padding:0 20px;
    }

   

    .rate_form{
        margin-top:0;
        padding:14px 0;
        border-top:none;
        border-bottom:1px solid #e9e9e9;
    }
    .rate_form:last-child{
        border-bottom:none;
    }
    .rate_form_btn{
        padding: 14px 18px 24px;
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff;
    }

    
    .payment_btn_box{
        padding: 14px 18px 24px;
        gap:18px;
    }
    .payment_btn {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .payment_btn .btn{
        width:150px;
    }
    .payment_btn .payment_text p:first-child{
        font-size:18px;
    }

    #toggle_btn{
        display:flex;
        justify-content: center;
        padding:4px 0 2px;
        transform: rotate(0deg);
        /* transition: all 0.4s ease; */
    }
    #toggle_btn.on{
        transform: rotate(180deg);
    }

    #toggle_open{
        margin-bottom:74px;
    }
    #toggle_open .detail_top{
        display:none;
    }
    #toggle_open .detail_bottom .rate_form.detail-rate{
        display:none;
    }
    #toggle_open .detail_bottom .additional-options-section{
        display:none;
    }
    #toggle_open.notice_box .detail_top{
        display:block;
    }

    #toggle_open.on{
        margin-bottom:0;
    }
    #toggle_open.on .detail_bottom .rate_form.detail-rate{
        display:block;
    }
    #toggle_open.on .detail_bottom .additional-options-section{
        display:block;
        border-bottom:0;
    }


    #toggle_open + .vat{
        display:none;
    }
    #toggle_open.on + .vat{
        display:block;
    }


    #bookingBox  #toggle_open{
        margin-bottom:0;
    }
    #toggle_open .detail_bottom .prepaid-item{
        display:none;
    }
    #toggle_open .detail_bottom .prepaid-total{
        display:none;
    }
    #toggle_open .detail_bottom .postpaid-item{
        display:none;
    }
    #toggle_open .detail_bottom .postpaid-section{
        display:none;
    }

    #toggle_open .detail_bottom .postpaid-total{
        display:block;
    }
    #toggle_open .detail_bottom .postpaid-total.booking_postpaid_total{
        display:none;
    }


    #toggle_open .prepaid-total-section{
        display:block;
    }

   


    #toggle_open.on .detail_bottom .prepaid-item{
        display:block;
        border-bottom:0;
    }
    #toggle_open.on .detail_bottom .prepaid-total{
        display:block;
    }
    #toggle_open.on .detail_bottom .postpaid-total.booking_postpaid_total{
        display:block;
    }

    #toggle_open.on .detail_bottom .postpaid-item{
        display:block;
        border-bottom:0;
    }
    #toggle_open.on .detail_bottom .postpaid-section{
        display:block;
    }
    #toggle_open.on .rate_form.postpaid-section #postpaidRate .newOptionDiv:first-child{
        border-top:0;
    }


    .paid_info_fix dl{
        align-items:center;
    }
    .paid_info_fix dl.total_price dd{
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap:8px;
        font-size:18px;
    }
    .paid_info_fix dl.total_price dd span:last-child{
        margin-top:0;
    }



}

@media (max-width: 768px) {
    #rtSearchBox{
        padding:14px 18px 20px;
        margin-top:0;
        margin-bottom:0;
    }
    #rtSearchBoxList.container{
        min-width:300px;
    }
    .modal_input_box{
        flex-wrap:wrap !important;
    }

    .easepick-wrapper{
        width:100%;
    }
    .calendars{
        grid-template-columns: repeat(1,1fr) !important;
    }

    .search_box_fix{
        padding:20px;
    }
    .search_row{
        gap:4px;
        flex-wrap: wrap !important;
    }
    
    .search_list_box #searchBoxList .search_input > .form-control{
        height:28px;
        cursor:pointer;
    }

    .vendor-container{
        flex-direction: column;
        align-items: center;
    }
    .vendor-info{
        width:100%;
        text-align: center;
    }
    .vendor-image{
        margin-bottom:6px;
    }
    .vendor-detail{
        flex-direction: column;
    }
    .vendor-button {
        padding:0;
    }

    .icon_m{
        display:inline-flex;
        font-size: 16px;
        width: 20px;
        justify-content: center;
        align-items: center;
        margin-left:4px;
    }

    .filter_box{
        width:100% !important;
    }

    .search_list_box #searchBoxList .search_input > .btn{
        font-size:16px;
    }


    .detail_left .vendor_logo_box h5{
        flex-direction: column;
    }

    .detail-item{
        font-size:1em;
    }


    .card-text {
        font-size: 0.95rem;
        font-weight:400;
        display:flex;
        gap:4px;
    }
    .card_price{
        display:block;
    }
    #bookingButton{
        font-size:15px;
        height:40px;
    }
    #hertzGoldCheck{
        font-size:15px;
        height:40px;
    }
    #toSearchPage{
        width:100%;
        font-size:15px;
        height:40px;
    }


    .payment_btn_box{
        gap:12px;
        padding-top:12px;
    }
    .payment_btn_box .btn{
        height:36px;
        font-size:14px;
    }
    .payment_btn .payment_text p:first-child{
        font-size:16px;
    }
    .payment_text p:last-child{
        margin-top:0;
    }

    .card_form_inner{
        gap:14px;
    }
    .card_form_multi{
        width:calc(100% - 120px);
    }
    .card_form_btn_box{
        flex-direction: column;
        width:100px;
        gap:4px;
    }
    .card_form_btn_box .btn {
        font-size: 14px;
        width:100px;
    }
    .card_form_text{
        width: calc(100% - 120px);
        flex-direction: column;
        align-items: flex-start;
    }
    .card_form_input{
        width:100px
    }

    .rate_form{
        padding:6px 0;
    }


    .rtPayment{
        font-size:16px;
    }
    

    .form-select{
        font-size:14px;
    }
    .search_input > .form-select{
        font-size:1rem;
    }
    .modal_input_box .form-select{
        height:42px;
        font-size:14px;
    }
    .modal_input_box .form-control{
        height:42px;
        font-size:14px;
    }
    .fast-option{
        font-size:14px;
    }
    
    .detail_info_date{
        font-size:inherit;
    }
    .detail_info_place{
        font-size:16px
    }
    .text-bg-secondary{
        font-size:13px
    }


    .accordion-button{
        font-size:0.9rem;
        padding: 12px 20px;
    }
    .accordion-item{
        font-size:0.85rem;
    }
    
}


@media (max-width: 600px){
    #content{
        padding:0;
    }

    .elementor-heading-title{
        font-size:1.3rem;
    }


    .driver_input{
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
    .driver_input input{
        width:100%;
    }

    .card-text{
        font-weight:400;
    }
    .card_form{
        padding:18px;
    }
    .detail_info .card{
        padding:8px 0;
    }
    .card-title + .card{
        padding-top:14px;
    }
    
}


@media (max-width: 500px){
    .car-title{
        flex-direction: column;
        align-items: center;
    }
    
    .detail_info_box{
        flex-direction: column;
        gap:20px;
        padding:14px;
        align-items: flex-start;
        padding-left: 24px;
        position:relative;
    }
    .detail_info_box .detail_info_in{
        flex-direction: row;
        text-align: center;
        gap:16px;
        align-items: center;
    }
    .detail_info_in:first-child::after{
        top: 50%;
        content: '';
        width: 90%;
        height: 1px;
        display: block;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        background-color: #ccc;
    }
    .detail_info_detail{
        text-align: left;
    }
    .text-bg-secondary{
        display:none;
    }
}



@media (max-width: 450px){
    .detail_left .vendor_logo_box h5{
        font-size:0.9rem;
    }
    .card-title{
        font-size:1.1rem;
    }
    .paid_info_fix dl{
        align-content: flex-start;
    }
    .paid_info_fix dl.total_price dt{
        font-size:1em;
        width:80px;
    }
    .paid_info_fix dl.total_price dd{
        width:auto;
        gap:4px;
        line-height:22px;
        font-size:16px;
    }


    .text-bg-secondary{
        padding: 8px 10px;
    }
    .detail_info_tit{
        margin-bottom:2px;
        font-size:0.85rem;
    }


    .detail_info_place{
        font-size:0.85rem;
    }
    .detail_info_date{
        font-size:0.95rem;
    }

    .driver_info{
        font-size:0.85rem;
    }
    .driver_info h6{
        font-size:0.85rem;
    }

    .insurance_tit{
        font-size:1.1rem;
    }
    .option-label h5{
        font-size:1.05rem;
    }
    .coverage-right h5{
        font-size:1.05rem;
    }

    .vendor-header.en{
        font-size:1.1rem;
    }

    .payment_btn_box .btn{
        height:34px;
        font-size:13px;
        width:110px;
        --bs-btn-padding-x: 0.56rem;
    }


}