.dtpickuppart, .dtreturnpart {
   /*padding:0;*/
}
.row.datetimepart {
    display:flex;
}
.row.datetimepart > div {
    /*flex-grow: 1;*/
}
form div.required label.control-label:after {
    /*content:" * ";*/
}
.review-content-left-contnt2{
    margin-top: -30px;
}
.dropOffLocation {
    display:none;
}

.pickUpLocation .has-error p.help-block-error,
.dropOffLocation .has-error p.help-block-error,
.field-rentaldetailsform-promocode.has-error p.help-block-error{
    background: #f6db00;
    color: #181918;
    padding: 5px 15px;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    line-height: 21px;

}

.field-rentaldetailsform-pickuplocation input.form-control,
.field-rentaldetailsform-dropofflocation input.form-control {
    height: 50px !important;
    padding: 11px 18px 11px 18px;
    border-radius: 0;
    font-size: 20px;
    border: 1px solid #c3c3c3 !important;
    /* border-bottom: 4px solid #169a5a; */
}

.field-rentaldetailsform-dropofflocation p.help-block{
    display:none!important;
}
/* Hide all empty help-block elements to prevent spacing issues */
.help-block:empty,
p.help-block:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Remove margin from help-blocks when they have no visible content */
.field-rentaldetailsform-pickuplocation .help-block,
.field-rentaldetailsform-driverage .help-block,
.field-rentaldetailsform-promocode .help-block {
    margin-bottom: 0 !important;
}
.field-rentaldetailsform-pickuplocation label{
    font-family: DINMedium,Arial,sans-serif;
    font-size: 14px;
    color: #181918;
}
.field-rentaldetailsform-pickuplocation input.form-control:focus,
.field-rentaldetailsform-dropofflocation input.form-control:focus {
    color: #181918;
   
    outline: 2px solid #a4daff;
}

.field-rentaldetailsform-pickuplocation input.form-control:hover,
.field-rentaldetailsform-dropofflocation input.form-control:hover,
#rentaldetailsform-driverage:hover,
.pickupDate:hover,
.pickupTime:hover,
.returnDate:hover,
.returnTime:hover,
#rentaldetailsform-promocode:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2) !important;
}

.field-rentaldetailsform-pickuplocation label span{
    font-family: DINLight,Helvetica,Arial,sans-serif;
}
.tt-dataset{
    font-size: 16px;
    /*padding: 14px;*/
    margin: 0;
}
.tt-dataset p{
    margin: 0;
}
/* Location Dropdown Menu - matching enterprise.com */
.tt-menu {
    background-color: rgb(243, 243, 243);
    border: 2px solid rgb(195, 195, 195);
    border-radius: 0px 0px 8px 8px;
    max-height: 400px;
    overflow: hidden auto;
    padding: 0;
    font-size: 16px;
    font-family: din-2014, Arial, sans-serif;
}
input.form-control.promotionCode {
    height: 50px !important;
    padding: 11px 18px 11px 18px;
    border-radius: 0;
    font-size: 20px;
    border: 1px solid #c3c3c3;
}

.btn-primary {
    padding: 20px;
    position: relative;
    height: 64px;
    background: #169a5a;
    color: white;
    line-height: 28px;
    font-size: 18px;
    border: 0;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 250ms ease-in-out;
    border-radius: 0px;
}

.btn-primary:hover, .btn-primary:focus {
    background: #006639!important;
    outline: none !important;
}
.renterAge {
    font-size: 2.4rem;
    color: #181918;
    font-weight: bold;
    width: 17.1875rem;
    height: 50px;
    padding: .8em 1.875rem .5em .5em;
    margin: .1875rem 0 0 0;
    border-radius: 0;
    appearance: none;
    border: 2px solid #c3c3c3;
    text-overflow: '';
    text-indent: .01px;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iZzEwIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjMzMzMzMzMsMCwwLC0xLjMzMzMzMzMsMCwyOCkiPgoJPGcgaWQ9ImcxMiIgdHJhbnNmb3JtPSJzY2FsZSgwLjEpIj4KCQk8cGF0aCBpZD0icGF0aDE0IiBmaWxsPSIjMTI3RjRBIiBkPSJNMy43MjQsMTcwLjUxOUwxOC4xMjcsMTg3LjhsNTguMzE5LTQ2LjgwMmw1Ni44NzYsNDUuNzIxbDE0LjQwNy0xNy42NEw3Ni40NDcsMTEyLjIKCQkJTDMuNzI0LDE3MC41MTkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 1.20rem auto;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.pickupTime, .returnTime {
    background-color: #f3f3f3;
}


.pickupDate, .returnDate,
.pickupTime, .returnTime {
    width: 135px;
    height: 4.1em;
    border: 1px solid #c3c3c3;
    font-family: "DINMedium",Arial,sans-serif;
    /*margin-top: .2em;*/
    position: relative;
    cursor: pointer;
    width:100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iZzEwIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjMzMzMzMzMsMCwwLC0xLjMzMzMzMzMsMCwyOCkiPgoJPGcgaWQ9ImcxMiIgdHJhbnNmb3JtPSJzY2FsZSgwLjEpIj4KCQk8cGF0aCBpZD0icGF0aDE0IiBmaWxsPSIjMTI3RjRBIiBkPSJNMy43MjQsMTcwLjUxOUwxOC4xMjcsMTg3LjhsNTguMzE5LTQ2LjgwMmw1Ni44NzYsNDUuNzIxbDE0LjQwNy0xNy42NEw3Ni40NDcsMTEyLjIKCQkJTDMuNzI0LDE3MC41MTkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
    background-position: right 1.5rem center;
    background-repeat: no-repeat;
    background-size: 1.20rem auto;
    padding-right: 1.875rem;
}

.pickupDate .day, .returnDate .day,
.pickupTime .hour, .returnTime .hour {
    font-size: 3.2em;
    font-family: "DINLight",Helvetica,Arial,sans-serif;
    color: #169a5a;
    position: absolute;
    left: 1.2rem;
    letter-spacing: -.25rem;
}

.pickupDate .month, .returnDate .month,
.pickupTime .min, .returnTime .min{
    position: absolute;
    left: 56px;
    top: 6px;
    color: #424242;
}

.pickupDate .year, .returnDate .year,
.pickupTime .ampm, .returnTime .ampm {
    position: absolute;
    top: 24px;
    left: 56px;
    font-size: .9em;
    color: #424242;
}

/* Old pickupReturnArrow styles removed - using modern flexbox version below */

.icon.icon-nav-carrot-down {
    position: absolute;
    top: 15px;
    right: 5px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: center;
    background-image: url(../img/icon/nav-carrot-down.png);
}
#vehicle-reservation-form [readonly~="readonly"]{
    background: transparent;
    text-transform: uppercase;
    color: #000;
    font-family: DINRegular,Arial,sans-serif;
    border: 0;
    padding-left: 0;
    pointer-events: none;
}
#vehicle-reservation-form input,
#vehicle-reservation-form select{
    border-radius: 0;
    font-family: Arial,sans-serif;
    box-shadow: none;
    padding: 8px 10px;
    font-size: 16px;
    min-height: 38px;
}
#reservationform-airline_code{
    background-image: url(../img/icon/nav-carrot-down-green.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 12px;
    -moz-appearance: window;
    background-position-x: 96%;
    -webkit-appearance: none;
}
#vehicle-reservation-form input:focus{
    border:1px solid #169a5a;
}
#reservation-form .tt-btn-select{
    float: right;
    color: rgb(18, 127, 74);
    font-size: 15px;
    font-weight: 600;
    border: 1px solid rgb(18, 127, 74);
    border-radius: 100px;
    padding: 6px 15px;
    background-color: transparent;
    line-height: 1;
    cursor: pointer;
}

/*#reservation-form .tt-menu {*/
/*    max-height: 575px;*/
/*    overflow-y: auto;*/
/*}*/
#reservation-form .tt-group{
    color: rgb(24, 25, 24);
    font-size: 12px;
    font-weight: 600;
    padding: 8px 0px 10px;
    text-transform: uppercase;
    border-top: 1px solid #c3c3c3;
    padding-left: 15px;
}
#reservation-form .tt-black{
    color: #424242;
}
#reservation-form .tt-group .tt-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    cursor: pointer;
    font-family: din-2014, Arial, sans-serif;
    text-transform: none !important;
}
#reservation-form .tt-item p{
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 200;
}
#reservation-form .tt-location {
    font-size:15px;
}
#reservation-form .tt-suggestion.tt-selectable .tt-label span{
    margin-top: 5px;
    margin-left: 5px;
}
#reservation-form .tt-suggestion.tt-selectable .tt-label{
    color: #181918;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-top: 10px;
    padding-bottom: 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
}
#reservation-form .tt-suggestion.tt-selectable:last-child{
    border-bottom: none;
}
#reservation-form tt-dataset>.tt-cursor:hover,#reservation-form .tt-group:hover {
    background-color: unset;
}
#reservation-form .tt-group .tt-item:hover{
   
    cursor: pointer;
    color:#127f4a;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
#reservation-form .tt-group .tt-item:hover .tt-black,
#reservation-form .tt-group .tt-item:hover p {
   /* color: white;*/
}
#reservation-form .tt-group .tt-item:hover .tt-btn-select {
    border: 1px solid white;
    color: white;
    background: #169a5a;
}
#vehicle-reservation-form label{
    font-family: DINMedium,Arial,sans-serif;
    font-size: 14px;
    color: #333333;
    font-weight: normal;
}
#vehicle-reservation-form .error-summary ul li{
    list-style-type: none;
}
#vehicle-reservation-form .error-summary{
    background: #F6DB00;
    padding: 5px 15px;
    margin: 15px 0 20px 0px;
}
#vehicle-reservation-form .error-summary ul{
    margin-bottom: 0;
    padding-left: 0;
}

.timeAlignment {
    padding-left: 11px;
}
.pickupReturnArrowContainer {
    padding:0;
    width:37px;
}
.no-flight-action span,
.change-flight-action span{
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #169a5a;
    cursor: pointer;
    border: none;
    outline: none;
}
.no-flight-action span:hover,
.change-flight-action span:hover{
    color: #15804d;
}
.change-flight-action .selected-action{
    font-weight: bold;
    font-size: 16px;
}
.change-flight-action{
    display: none;
}
@media only screen and (max-width: 767px){

    .pickupDate, .returnDate, .pickupTime, .returnTime {
        width: 100%!important;
    }
    .timeAlignment {
        padding-left: 15px;
    }
    .pickupReturnArrowContainer {
        visibility:hidden;
        padding: 10px 10px;
    }
    .pickupReturnArrowContainer .pickupReturnArrow {
        margin:0;
    }

    .daterangepicker {
        width: 100%;
    }
    .daterangepicker .calendar-table table {
        /*width: 80%!important;*/
    }

}
@media only screen and (max-width: 600px){
    #reservation-form .tt-btn-select {
        display: none;
    }

}
.d-none  {
    display: none !important;
}
/* ==========================================
   Armenian-style Reservation Form Design
   Updated design matching enterprise.am
   ========================================== */

/* Main Reservation Form Wrapper */
#reservation-form-wrapper {
    position: relative;
    padding: 0;
}

#reservation-form-wrapper .form-control{
   box-shadow: none;
}

#reservation-form-wrapper > .row > .col-md-10 {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 10px 45px 40px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    max-width: 1000px;
}

/* ====================
   TITLE SECTION
   ==================== */
.home-form-title {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 0;
}

.home-form-title .col-md-12 {
    /*padding: 0;*/
}

.home-form-title p {
    display: inline-block;
    margin: 0;
    color: #000000;
    font-family: din-2014, Arial, sans-serif !important;
    text-transform: none !important;
    font-style: normal;
    font-size: 32px;
    font-weight: 800 !important;
    line-height: 40px;
    text-transform: none;
    margin-right: 0;
}

.home-form-title .title-or {
    display: inline-block;
    color: #757575;
    font-size: 15px;
    font-weight: 700;
    line-height: 16px;
    text-transform: lowercase;
    margin: 0 4px;
}

.home-form-title #viewModifyCancelBooking {
    display: inline-block;
}

.home-form-title #viewModifyCancelBooking a {
    color: #169a5a;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: underline;
    text-transform: none;
    cursor: pointer;
}

.home-form-title #viewModifyCancelBooking a:hover {
    color: #006639;
}

/* ====================
   FORM LAYOUT
   ==================== */
.home-form {
    display: flex;
    flex-wrap: wrap;
   /* width: 100%;*/
}

.home-form .first-row-left {
    padding-right: 15px;
}

.home-form .first-row-right {
    padding-left: 15px;
}

/* ====================
   FORM LABELS
   ==================== */
.home-form label,
.home-form-location label,
label[for="rentaldetailsform-pickuplocation"],
label[for="rentaldetailsform-driverage"],
label[for="rentaldetailsform-promocode"] {
    color: #000000;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 15px;
    display: block;
    margin-bottom: 7px;
    text-transform: capitalize;
    position: relative;
}

.home-form label sup,
.home-form-location label sup {
    color: #d32f2f;
    font-size: 12px;
    margin-left: 2px;
}

/* Add "* Required" text after required labels */
/*.first-row-left label[for="rentaldetailsform-pickuplocation"]::after,*/
.first-row-right label[for="rentaldetailsform-driverage"]::after {
    content: "* Required";
    position: absolute;
    right: 0;
    top: 0;
    color: #c3c3c3;
    font-size: 12px;
    font-weight: 400;
}

/* ====================
   INPUT FIELDS
   ==================== */
.home-form .form-control,
.home-form-location .form-control,
.pickUpLocation .form-control,
.renterAge {
    width: 100%;
    border-radius: 0;
    border: 1px solid #c3c3c3;
    color: #000000;
    font-size: 19px;
    font-weight: 500;
    line-height: normal;
    padding: 12px 15px;
    height: 50px;
    margin-bottom: 14px;
}

.home-form .form-control:focus,
.home-form-location .form-control:focus,
.pickUpLocation .form-control:focus,
.renterAge:focus,
input.form-control:focus,
select:focus,
textarea:focus,
#rentaldetailsform-driverage:focus {
    outline: 2px solid #a4daff;
    box-shadow: none;
}

.home-form .form-control::placeholder,
.pickUpLocation .form-control::placeholder {
    color: #c3c3c3;
    font-size: 19px;
    font-weight: 700;
}

/* ====================
   RENTER AGE DROPDOWN
   ==================== */

/* ====================
   CHECKBOX
   ==================== */
.home-checkbox-div,
#rentaldetailsform-differentlocation {
    margin-top: 0;
    /*margin-bottom: 24px;*/
}

.datetimerow {
    margin-top: 20px;
}

.datetimerow .row {
    align-items: stretch;
}

.datetimerow .col-md-5,
.datetimerow .col-md-2 {
    display: flex;
    align-items: center;
}

.datetimerow .col-md-5 > div {
    width: 100%;
}

.field-rentaldetailsform-differentlocation .checkbox {
    margin:0;
}

#rentaldetailsform-differentlocation {
    width: 28px;
    height: 28px;
    border: 2px solid #c3c3c3;
    border-radius: 0;
    margin-right: 12px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #ffffff;
    position: relative;
    flex-shrink: 0;
}

#rentaldetailsform-differentlocation:checked {
    border-color: #127f4a;
}

#rentaldetailsform-differentlocation::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 20px;
    width: 20px;
    background-color: #c3c3c3;
    border-radius: 2px;
    opacity: 0;
    pointer-events: none;
}

#rentaldetailsform-differentlocation:hover::before {
    opacity: 1;
}

#rentaldetailsform-differentlocation:checked:hover::before {
    opacity: 0;
}

#rentaldetailsform-differentlocation:focus,
#rentaldetailsform-differentlocation:focus-visible {
    outline: 2px solid #a4daff;
    box-shadow: none;
}

#rentaldetailsform-differentlocation:checked::after {
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    top: 10px;
    width: 12px;
    height: 5px;
    border-left: 2px solid #127f4a;
    border-bottom: 2px solid #127f4a;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    z-index: 1;
}

#rentaldetailsform-differentlocation + label,
.home-checkbox-div label,
.field-rentaldetailsform-differentlocation label {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    text-transform: none;
}

/* ====================
   DATE/TIME SECTION
   ==================== */
.pickup,
.return {
    width: 100%;
    margin-bottom: 20px;
}

.pickup label,
.return label {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    display: block;
    margin-bottom: 8px;
}

.pickup label sup,
.return label sup {
    color: #d32f2f;
    font-size: 12px;
    margin-left: 2px;
}

/* Date and Time Container - Horizontal Layout */
.pickup .row,
.return .row {
    display: flex;
    gap: 0;
    margin: 0;
}

.pickup .row .col-md-6,
.return .row .col-md-6 {
    padding: 0;
    margin: 0;
}

.pickup .row .col-md-6:first-child,
.return .row .col-md-6:first-child {
    padding-right: 0;
}

/* Date Box */
.pickupDate,
.returnDate {
    height: 50px;
    border: 1px solid #c3c3c3;
    border-right: none;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 8px 1.875rem 8px 12px;
    cursor: pointer;
    background-color: #ffffff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iZzEwIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjMzMzMzMzMsMCwwLC0xLjMzMzMzMzMsMCwyOCkiPgoJPGcgaWQ9ImcxMiIgdHJhbnNmb3JtPSJzY2FsZSgwLjEpIj4KCQk8cGF0aCBpZD0icGF0aDE0IiBmaWxsPSIjMTI3RjRBIiBkPSJNMy43MjQsMTcwLjUxOUwxOC4xMjcsMTg3LjhsNTguMzE5LTQ2LjgwMmw1Ni44NzYsNDUuNzIxbDE0LjQwNy0xNy42NEw3Ni40NDcsMTEyLjIKCQkJTDMuNzI0LDE3MC41MTkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
    background-position: right .9375rem center;
    background-repeat: no-repeat;
    background-size: 1.2rem auto;
    position: relative;
}

.pickupDate:hover,
.returnDate:hover {
    /* No border color change on hover - only shadow */
}

.pickupDate:focus,
.pickupDate:focus-within,
.returnDate:focus,
.returnDate:focus-within {
    outline: 2px solid #a4daff;
    outline-offset: -2px;
}

/* Date Numbers - Large Size matching Armenian */
.pickupDate .day,
.returnDate .day {
    font-size: 44px;
    font-weight: 300;
    line-height: 1;
    color: #169a5a;
    letter-spacing: -0.25rem;
}

/* Date Text */
.pickupDate .month,
.pickupDate .year,
.returnDate .month,
.returnDate .year {
    color: #424242;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.pickupDate .year,
.returnDate .year {
    display: block;
}

/* Dropdown Arrow */
.pickupDate .icon,
.returnDate .icon {
    width: 11px;
    height: 11px;
    display: flex;
    align-items: center;
    margin-top: -12px;
    transform: rotate(90deg);
    font-size: 11px;
    color: #000000;
}

/* ====================
   TIME BOXES
   ==================== */
.pickupTime,
.returnTime {
    height: 50px;
    border: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 8px 1.875rem 8px 12px;
    background-color: #f3f3f3;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iZzEwIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjMzMzMzMzMsMCwwLC0xLjMzMzMzMzMsMCwyOCkiPgoJPGcgaWQ9ImcxMiIgdHJhbnNmb3JtPSJzY2FsZSgwLjEpIj4KCQk8cGF0aCBpZD0icGF0aDE0IiBmaWxsPSIjMTI3RjRBIiBkPSJNMy43MjQsMTcwLjUxOUwxOC4xMjcsMTg3LjhsNTguMzE5LTQ2LjgwMmw1Ni44NzYsNDUuNzIxbDE0LjQwNy0xNy42NEw3Ni40NDcsMTEyLjIKCQkJTDMuNzI0LDE3MC41MTkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
    background-position: right 1.1rem center;
    background-repeat: no-repeat;
    background-size: 1.2rem auto;
    position: relative;
    cursor: pointer;
}

.pickupTime:hover,
.returnTime:hover {
    background-color: #f3f3f3;
    /* No border color change on hover - only shadow */
}

.pickupTime:focus,
.pickupTime:focus-within,
.returnTime:focus,
.returnTime:focus-within {
    outline: 2px solid #a4daff;
    outline-offset: -2px;
}

/* Time Numbers - matching Armenian design */
.pickupTime .hour,
.returnTime .hour {
    font-size: 44px;
    font-weight: 300;
    line-height: 1;
    color: #169a5a;
    letter-spacing: -0.25rem;
    position: absolute;
   
    left: 0.8rem;
}

.pickupTime .min,
.returnTime .min {
    font-size: 15px;
    font-weight: 600;
    color: #424242;
    position: absolute;
    left: 51px;
    top: 6px;
}

.pickupTime .ampm,
.returnTime .ampm {
    font-size: 14px;
    color: #424242;
    font-weight: 500;
    position: absolute;
    top: 24px;
    left: 51px;
}

/* Time Select Dropdown */
.pickupTime select,
.returnTime select {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.pickupTime .icon,
.returnTime .icon {
    width: 11px;
    height: 11px;
    display: flex;
    align-items: center;
    margin-top: -12px;
    transform: rotate(90deg);
    font-size: 11px;
    color: #000000;
}

/* ====================
   ARROW BETWEEN DATES
   ==================== */
.pickupReturnArrow {
    font-size: 32px;
    color: #000000;
    font-weight: 400;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.1em;
}

.pickupReturnArrow svg {
    height: 24px;
    width: 24px;
    fill: #c3c3c3;
    display: block;
}

.pickupReturnArrow svg path {
    transform: translate(1px, 0px);
}

.pickupReturnArrowContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
   /* margin-bottom: 20px;*/
}

/* ====================
   PROMOTION CODE
   ==================== */
.promo-code-column {
    display: flex;
    align-items: flex-end;
    padding-left: 15px;
    padding-bottom: 0;
    /*margin-bottom: 20px;*/
}

.promo-code-column .form-group {
    width: 100%;
    margin-bottom: 0;
}

.promotionCode {
    width: 100%;
    border: 2px solid #c3c3c3;
    background: #ffffff;
    color: #000000;
    font-size: 19px;
    font-weight: 500;
    padding: 12px 15px;
    height: 50px;
    border-radius: 0;
    margin-bottom: 0;
}

.promotionCode:focus {
    outline: 2px solid #a4daff;
    box-shadow: none;
}

.promotionCode::placeholder {
    color: #c3c3c3;
    font-size: 19px;
    font-weight: 700;
}

label[for="rentaldetailsform-promocode"] {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 7px;
}

/* ====================
   BUTTON
   ==================== */
.button-container {
    display: flex;
    justify-content: right;
    /*padding: 0;*/
    /*margin-top: 30px;*/
}

.home-form .btn-primary,
.btn-primary,
#reservation-form .btn-primary {
    cursor: pointer;
    padding: 12px 45px;
    background-color: #169a5a;
    color: #ffffff;
    border: 1px solid transparent;
    border-radius: 60px;
    min-width: 135px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-transform: none !important;
    transition: none !important;
    height:54px;
}

.home-form .btn-primary:hover,
.btn-primary:hover {
    background-color: #006639;
    border: 1px solid #169a5a;
    color: #ffffff;
}

.home-form .btn-primary:focus,
.btn-primary:focus {
    background-color: #006639;
    border: 1px solid #169a5a;
    color: #ffffff;
    outline: 0;
    box-shadow: none;
}

/* ====================
   ERROR STATES
   ==================== */
/* Disable red border on validation errors - validation still works on form submit */
.has-error .form-control {
    border: 1px solid #c3c3c3 !important;
}

/* Keep the green bottom border for location inputs even on error */
.field-rentaldetailsform-pickuplocation.has-error input.form-control,
.field-rentaldetailsform-dropofflocation.has-error input.form-control {
   /* border: 2px solid #c3c3c3 !important;
    border-bottom: 4px solid #169a5a !important;*/
}

.has-error label {
    color: #181918 !important;
}

/* ====================
   PREVIEW SECTION
   ==================== */
.preview {
    padding: 0;
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 425px;
    height: auto;
}

.preview .preview-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 425px;
    object-fit: cover;
    z-index: 0;
}

.preview #reservation-form-wrapper {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 100%;
    max-width: 1200px;
}

.preview .container {
    position: relative;
    z-index: 1;
}

/* ====================
   RESPONSIVE ADJUSTMENTS
   ==================== */

@media only screen and (max-width: 992px) {

    /* Fix preview section to stack image above form on mobile */
    .preview {
        min-height: auto;
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    /* Make background image display as block element above form */
    .preview .preview-bg {
        position: relative;
        width: 100% !important;
        height: 100px !important;
        min-height: 100px;
        object-fit: cover;
        z-index: auto;
    }

    .preview #reservation-form-wrapper {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        order: 2;
    }

    .home-form-title p {
        font-size: 24px;
        line-height: 24px;
    }

    .home-form .first-row-left,
    .home-form .first-row-right {
        width: 100%;
        padding: 0 15px;
    }

    .pickupDate .day,
    .returnDate .day {
        font-size: 28px;
    }

    .pickupTime .hour,
    .returnTime .hour {
        font-size: 28px;
    }
    #viewModifyCancelBooking {
        margin-top:10px;
    }
    .home-form .first-row-right{
        order: 3  !important;
        margin-top:10px;
    }
    .home-form .droppffcontainer{
        order: 2 !important;
        width: 100%;
        padding: 0 15px;
        margin-top:20px;
    }

    /* Fix existing reservation form wrapper positioning on mobile - same as reservation form */
    .preview #existing-reservation-form-wrapper {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        order: 2;
    }

    /* Remove rounded corners on mobile for both forms */
    #reservation-form-wrapper > .row > .col-md-10,
    #existing-reservation-form-wrapper .col-md-10 {
        border-radius: 0;
        padding: 10px 45px 40px;
    }
}

@media only screen and (min-width: 640px) and (max-width: 992px) {
     .preview .preview-bg {
        height: 200px !important;
        min-height: 200px;
    }

}

@media only screen and (max-width: 768px) {

    .home-form-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .home-form-title p {
        font-size: 20px;
        line-height: 20px;
        margin-right: 0;
        margin-bottom: 8px;
    }

    .home-form-title .title-or {
        display: inline;
    }

    .pickupReturnArrowContainer {
        display: none;
    }

    .pickupDate .day,
    .returnDate .day {
        font-size: 40px;
    }

    .pickupTime .hour,
    .returnTime .hour {
        font-size: 40px;
    }

    .button-container {
        justify-content: center;
    }

    .btn-primary {
        width: 100%;
    }
}
@media only screen and (min-width: 992px) {
    #reservation-form-wrapper > .row > .col-md-10 {
        padding: 38px 65px 40px;      
    }
    .field-rentaldetailsform-dropofflocation {
        padding-top:25px;
    }

}
/* ====================
   REQUIRED FIELD ASTERISK
   ==================== */

label span[aria-label="(required)"],
.control-label span[aria-label="(required)"] {
    color: #181919;
    margin-left: 0;
}

/* ====================
   TOOLTIP STYLES
   ==================== */

/* Tooltip trigger button */
.rs-tooltip-trigger {
    background: none;
    border: none;
    height: 19px;
    width: 19px;
    padding: 0;
    margin: 0;
    text-transform: none;
    /*vertical-align: sub;*/
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.rs-tooltip-trigger:focus {
    outline: none;
}

/* Tooltip icon styling */
.rs-tooltip-trigger-icon {
    display: inline-block;
    height: 19px;
    width: 19px;
}

.rs-tooltip-trigger-icon svg {
    height: 100%;
    width: 100%;
    display: block;
}

/* Idle state - green icon */
.rs-tooltip-trigger .rs-tooltip-trigger-icon--idle use {
    fill: #127f4a;
    color: transparent;
}

/* Active state - hidden by default */
.rs-tooltip-trigger .rs-tooltip-trigger-icon--active {
    display: none;
}

/* On hover or focus, show active icon and hide idle icon */
.rs-tooltip-trigger:hover .rs-tooltip-trigger-icon--idle,
.rs-tooltip-trigger:focus .rs-tooltip-trigger-icon--idle {
    display: none;
}

.rs-tooltip-trigger:hover .rs-tooltip-trigger-icon--active,
.rs-tooltip-trigger:focus .rs-tooltip-trigger-icon--active {
    display: inline-block;
}

.rs-tooltip-trigger:hover .rs-tooltip-trigger-icon--active use,
.rs-tooltip-trigger:focus .rs-tooltip-trigger-icon--active use {
    fill: #ffffff;
    color: #127f4a;
}

/* Tooltip popup */
.rs-tooltip {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #393a3b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.015625rem;
    padding: 10px;
    border-radius: 8px;
    max-width: 1000px;
    min-width: 250px;
    z-index: 1000;
    display: none;
    margin-top: 5px;
}

.rs-tooltip::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #393a3b;
}

.rs-tooltip p,
.rs-tooltip span {
    margin: 0;
    color: #ffffff;
    text-align: left;
}

/* Show tooltip on hover or focus */
.rs-tooltip-trigger:hover + .rs-tooltip,
.rs-tooltip-trigger:focus + .rs-tooltip,
.rs-tooltip:hover {
    display: block;
}

/* CTA base styles if not already defined */
.cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
    text-decoration: underline;
}

.cta--text {
    background: transparent;
    border: none;
}

.cta--large {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.25px;
}

.home-form .first-row-left{
    order: 1;
}
.home-form .first-row-right{
    order: 2;
}
.home-form .droppffcontainer{
     order: 3;  
}
.datetimepickerContainer {
    margin-left:0;
    margin-right:0;
}