/* -------------------------------------------------------------------- 

.shadow-sm {  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.shadow {   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;  }
.shadow-lg {   box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } 

transition: all 0.3s ease-out 0s;

0094fe
000000

-------------------------------------------------------------------- */

.section-padding{
    padding: 50px 0px;
}

.card-block{
    background-color: #fff;
    padding: 20px;
    border:1px solid #eee;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    transition: all 0.3s ease-out 0s;
}
.card-block:hover{
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}


.btn-facebook{
    background-color: #3b5999;
    color: #fff;
    border-color: #3b5999;
}

.btn-facebook:hover, .btn-facebook:active, .btn-facebook:focus{
    background-color: #fff;
    color: #3b5999;
    border-color: #3b5999;
}

.btn-google{
    background-color: #dd4b39;
    color: #fff;
    border-color: #dd4b39;
}

.btn-google:hover, .btn-google:active, .btn-google:focus{
    background-color: #fff;
    color: #dd4b39;
    border-color: #dd4b39;
}

/*
<div class="">
    <div class="or-text">
        <span> OR </span> 
    </div>
</div>
*/
.or-text{
    height: 21px;
    line-height: 18px;
    font-size: 14px;
    position: relative;
    margin: 15px 0px;
    text-align: center;
    z-index: 0;
}
.or-text:before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: -1;
}
.or-text span{
    display: inline-block;
    line-height: 16px;
    height: 23px;
    border-radius: 15px;
    border:1px solid #ddd;
    padding: 3px 10px 0px 10px;
    background-color: #fff;
    background-color: #eee;
}



.form-group-icon{
    position: relative;
}
.form-icon{
    position: absolute;
    right: 15px;
    top: 17px;
    color: #6c757d;
}
.form-group-icon label + .form-icon{
    top: 40px;
}
.form-group-icon .form-icon + .form-control{
    padding-right: 35px;
}
.form-group.form-group-info{
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.form-group.form-group-info label{
    font-size: 14px;
    line-height: 20px;
}
.form-group.form-group-info p{
    font-size: 16px;
    line-height: 20px;
    color: #000;
}



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

.upload-img{
    position: relative;
}
.upload-img input[type="file"]{
    position:absolute;
    left: 0;
    top: 0px;
    height: 0;
    width: 0;
    opacity: 0;
    visibility: hidden;
}
.upload-img label{
    position: relative;
    cursor: pointer;
}
.upload-img label img{
    height: 80px;
    width: 80px;
    object-fit: cover;
    object-position: center;
    border-radius: 6px;
    margin-right: 5px;
    margin-bottom: 5px;
}

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

.pickup-dropup-form-group{
    position: relative;
}

.pickup-dropup-form-group .left-icon{
    position: absolute;
    top: 35px;
    left: 12px;
    font-size: 20px;
}

.pickup-dropup-form-group .form-control{
    padding: 10px 15px 10px 35px;
    line-height: 20px;
    height: 40px;
    font-size: 16px;
}
.pickup-dropup-form-group .left-icon.text-warning, .text-orange{
    color: #ff6900 !important;
}

.pickup-dropup-form-group .dropup-form-control:focus {
    border-color: #ff6900;
    box-shadow: 0 0 0 0.2rem rgba(255, 105, 0, 0.25);
}

.package-block{
    position: relative;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    background: rgb(0,144,247);
    background: -moz-linear-gradient(0deg, rgba(0,144,247,1) 0%, rgba(0,110,184,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,144,247,1) 0%, rgba(0,110,184,1) 100%);
    background: linear-gradient(0deg, rgba(0,144,247,1) 0%, rgba(0,110,184,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0090f7",endColorstr="#006eb8",GradientType=1);
}

.package-block input[type="radio"]{
    position: absolute;
    right: 0;
    top: 0;
    height: 0px;
    width: 0;
    opacity: 0;
    visibility: hidden;
}

.package-block label{
    position: relative;
    cursor: pointer;
}
.package-block label:after{
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    top: -5px;
    right:-5px;
    font-size: 20px;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ff6900;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}

.package-block input[type="radio"]:checked + label:after{
    opacity:1;
}

.package-block-left h5{
    margin-bottom: 5px;
}
.package-block-left p{
    line-height: 20px;
    font-size: 16px;
}

.package-block-right img{
    max-height: 80px;
    max-width: 145px;
    vertical-align: middle;
}
.package-carousel.owl-theme .owl-nav.disabled + .owl-dots{
    margin-top: 0px;
}

.estimation-block{
    padding: 15px;
    border:1px solid #ddd;
    background-color: #f7f7f7;
}

.estimation-block p{
    font-size: 22px;
    font-weight: 600;
    color: #000;
    line-height: 35px;
}
.estimation-block p span{
    font-weight: 400;
    line-height: 22px;
    font-size: 15px;
    color: #8b8b8b;
    display: block;
}
.estimation-block select{
    max-width: 200px;
}

.broder-center{
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}


.payment-block{
    padding: 15px;
    border:1px solid #ddd;
    background-color: #fff;
}
.payment-link{
    border:1px solid #eee;
    padding: 15px;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    background-color: #f7f7f7;
    font-style: 18px;
    font-weight: 600;
    color: #777;
    line-height: 30px;
    display: block;
    text-align: right;
}
.payment-link:hover{
    border-color: #000;
    color: #000;
}
.payment-link.active{
    border:1px solid #008ff4;
    color: #008ff4;
}

.payment-link svg{
    height: 30px;
    width: 40px;
    fill: black;
    float: left;
}

.payment-link.active svg{
    fill: #008ff4;
}



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

.dirver-block{
    display: block;
}
.dirver-block img{
    border-radius: 50px;
    height: 70px;
    width: 70px;
    margin-right: 10px;
    float: left;
    object-fit: cover;
    object-position: center;
}

.receipt-note{
    font-size: 20px;
    color: #000;
    line-height: 30px;
}

.receipt-note span{
    font-size: 16px;
    color: #888;
    line-height: 22px;
    display: block;
}
.trip-estimation{
    position: relative;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    background: rgb(0,144,247);
    background: -moz-linear-gradient(0deg, rgba(0,144,247,1) 0%, rgba(0,110,184,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,144,247,1) 0%, rgba(0,110,184,1) 100%);
    background: linear-gradient(0deg, rgba(0,144,247,1) 0%, rgba(0,110,184,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0090f7",endColorstr="#006eb8",GradientType=1);
}
.receipt-total{
    font-size: 30px;
    font-weight: 600;
    color: #008ff4;
    line-height: 40px;
}
.receipt-total span{
    font-weight: 600;
    font-size: 16px;
    color: #888;
    line-height: 22px;
    display: block;
}

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
.tab-content{
    padding: 15px 0px;
}
.trip-block{
    background-color: #;
    padding: 15px;
    border:1px solid #eee;
    border-radius: 6px;
    margin-bottom: 30px;
    transition: all 0.3s ease-out 0s;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.trip-block:hover{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-color: #0094fe;
}
.trip-block h5{
    transition: all 0.3s ease-out 0s;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}
.trip-block p{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
    color: #888;
}

.trip-block:hover h5{
    color:#0094fe;
}


.nav-link {
    display: block;
    padding: 10px 25px;
    font-size: 16px;
}

.nav-tabs {
    border-bottom: 1px solid #0094fe;
}
.nav-tabs .nav-link{
    color: #666;
    background-color: #f7f7f7;
    border-color: #e9ecef #e9ecef #0094fe;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    background-color: #f7f7f7;
    border-color: #0094fe #0094fe #0094fe;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #0094fe;
    border-color: #0094fe #0094fe #0094fe;
}


/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

.icon-wallet-svg{
    fill:#0094fe;
    height: 40px;
    width: 60px;
    object-fit: contain;
    object-position: center;
}

.current-balance{
    font-size: 50px;
    line-height: 70px;
    text-align: center;
    color:#000;
    font-weight: 600;
}
.current-balance-text{
    font-size: 18px;
    color: #888;
    text-transform: uppercase;
}





.transaction-history-block{
    background-color: #fff;
    padding: 10px;
    border:1px solid #eee;
    border-radius: 6px;
    margin-bottom: 10px;
    transition: all 0.3s ease-out 0s;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.transaction-history-block:hover{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-color: #000;
}

.transaction-history-block .transaction-amount{
    float: right;
    font-size: 20px;
    line-height: 20px;
}
.transaction-history-block h5{
    transition: all 0.3s ease-out 0s;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}
.transaction-history-block p{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
    color: #888;
}
.transaction-history-block:hover h5{
    color:#000;
}

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */




@media (max-width: 768px){
    .card-block {
        padding: 10px;
    }
    .estimation-block >  div{
        padding: 5px;
    }
    .estimation-block >  div:first-child{
        padding-left: 0px;
    }
    .estimation-block >  div:last-child{
        padding-right: 0px;
    }
    .estimation-block{
        padding: 10px;
    }
    .estimation-block p{
        font-size: 18px;
        line-height: 35px;
    }
    .estimation-block p span{
        font-size: 14px;
    }
    .estimation-block select{
        max-width: 100px;
    }
    .broder-center{
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
    }
}