.heroBgImg{
    background-image: url(https://images.unsplash.com/photo-1473625247510-8ceb1760943f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1211&q=80);
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.heroBgCl{
    background: #0000004d;
    height: 100%;
    width: 100%;
    position: absolute;
}
.top-20 {
    top: 20%;
}
.top-20 {
    right: 4%;
}
.bookingForm{
    z-index: 9;
    background: rgb(255 255 255 / 80%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    z-index: 9;
}
.bookingForm .form-label{
    color: #000;
    background: transparent;
}
.bookingForm .choices__placeholder {
    opacity: 1 !important;
}


.header-sticky-on .navbar-toggler-animation span{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.ms-n4rem{
    margin-left: -4rem;
}
.pe-4rem {
    padding-right: 4rem;
}



/* responsive */
@media screen and (max-width: 1199px) {
    .nav-pills-primary-soft .nav-link{
        color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity));
        --bs-text-opacity: 1;
    }
}


@media screen and (max-width: 768px){
    .dtp_modal-content{
        width: 90vw !important;
        left: 50% !important;
        transform: translate(-50%) !important;
    }
    .dtp_modal-cell-date{
        display: block !important;
        width: 100% !important;
        margin-bottom: 0 !important;
    }
    .dtp_modal-cell-time{
        border-top: solid 1px #000;
        border-right: none !important;
        margin-left: 10px !important;
    }
    .dpt_modal-button{
        display: block !important;
        margin: auto !important;
        float: none !important;
    }
    .dtp_modal-title {
        padding: 10px 36px !important;
        margin-bottom: 0 !important; 
    }
    .dtp_modal-digits{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding-left: 0 !important;
    }
    .dtp_modal-digit{
        font-size: 35px !important;
    }
    .dtp_modal-content .ico-size-large{
        font-size:27px !important;
    }
}






.vehicle-card{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: .4s;
}
.vehicle-card:hover{
    transform: scale(1.02);
}
.vehicle-select-btn.selected{
    background: #3054f7 !important;
    border-color: #3054f7;
}
.service-select-btn.selected{
    background: #3054f7 !important;
    border-color: #3054f7;
}
.book-form-card{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}