html{ scroll-behavior: smooth;}
 .boxs{
        float:left;
        display: none;
        overflow: hidden;
        position: absolute;
        
        height: 100%;
        z-index: 11;
        background: #d1d1d1;
        box-shadow: 4px 0px 9px 1px #292b2c85
    }
    /* Add padding and border to inner content
    for better animation effect */
    .box-inner{
        width: 300px;
       
      
    }
    .standard-box{background-color: white;
    padding: 20px 12px 20px 12px;
    position: relative;
    min-height: 195px;
    border-radius: 10px;border-bottom: solid #03a2ff94 5px;
    box-shadow: 0px 4px 7px 0px #00000024;}
   
   
.standard-box::before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    border-bottom: 13px solid white;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.round-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto 20px;
    background: #03a2ff;
    border-radius: 150px;
    color: #fff;
}
.icons-wrapper:before {
    content: '';
    background: #03a2ff;
    display: block;
    height: 6px;
    width: 77%;
    margin: 0 auto;
    position: absolute;
    top: 34px;
    left: 11%;
}
.icons-wrapper {
    position: relative;
}
.services {
   
    background-color: #f1f4fa;
}
.wrap {
    display: flex;
    background: #032b42;
    padding: 20px 5px 20px 5px;
    border-radius: 0.5rem;
    color:white;
    min-height:  200px;
    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}
.wrap:hover {
    background: white;
    color: #777777;
    transition: .4s;
}
.ico-wrap {
    margin: auto;
}
.mbr-iconfont {
    font-size: 4.5rem !important;
    color: #313131;
    margin: 1rem;
    padding-right: 1rem;
}
.vcenter {
    margin: auto;
}
.mbr-section-title3 {
    text-align: left;
}
.display-5 {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 2rem;
}
.mbr-bold {
    font-weight: 700;
}
 
.display-6 {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 17px;}
/*-----------*/
    #custom_carousel .item {
    color:#000;
    background-color:#fff;
    padding:20px 0;
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
   box-shadow: 0px 4px 17px 0px #0f52784a;
    background: #fff;
   
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
   
}
#custom_carousel .controls li.active {
    background-color:#0f5278;
    border-top:3px solid #dd3751;
   
}
input[type=radio]
{
    height: 14px;
    width: 14px;
    
}
    
    
    .booking-taxi strong{margin: 1px 0px 0px 7px;
    position: absolute;
    font-size: 15px;}
 .phone{height: 20px;
    width: 20px;
    background: #0f527859;
    padding: 7px;
    border: solid 1px #6492ad;
    display: inline;
    border-radius: 50px;}
.rigo-package a{text-decoration: none;}
#custom_carousel .controls a small {
   overflow: hidden;
    display: block;
    font-size: 17px;
    margin-top: 5px;
    color: black;
    font-weight: bold;
}
.autocomplete-suggestions { text-align: left; border: 1px solid #999; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 5px 5px; white-space: nowrap; overflow: hidden; cursor: pointer;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
    .book-contact-box li{list-style-type: none; padding: 18px 0px 8px 0px;}
    .payment-icons li{}
.box-inner .footer{background: black;
    bottom: 0px;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 10px;
    color: #2196F3;
    font-size: 20px;
}

.bg-img10{background-image: url('../img/slider3.jpg');background-repeat: no-repeat;
    background-size: cover;
    background-position: center;}
  .left-sidebar li{list-style-type: none;
    padding: 13px 0px 6px 6px;} 
    .breadcrumb{display: inline-block;}

    .left-sidebar{    margin: 36px 0px 0px 0px;
}
.ptb-all{padding: 10px}
.left-sidebar li a{font-size: 18px}
a{text-decoration:none!important;}
.pt-50{padding-top: 50px;}
    .pb-50{padding-bottom: 50px;}
    .pb-50 h3{font-size: 4rem;
    font-family: 'Montserrat', sans-serif;
    color: #062f63;
    font-weight: 600;}
            .ptb-60{padding: 60px 0px 60px 0px;
    display: inline-block;
    width: 100%;}
    .p-10{padding: 10px}
    .p-15{padding: 15px}
.p-30{padding: 9px 2px 30px 22px;}
.pt-20{padding-top: 20px}
.pt-50{padding-top: 50px}
.pb-10{padding-bottom: 10px}
.pb-20{padding-bottom: 20px}
.pb-30{padding-bottom: 30px}
.pt-30{padding-top:30px}
.ptb-20{padding: 20px 0px 20px 0px}
.ptb-30{padding: 30px 0px 30px 0px}
.ptb-40{padding: 40px 0px 40px 0px}
.ptb-50{padding: 50px 0px 50px 0px}
.ptb-60{padding: 60px 0px 60px 0px}
.top-bar{background-color: #000000; padding: 8px;
}
.text-dark{color: #5d5d5d!important}
.input-group{box-shadow: 0px 4px 8px 0px #3f414221;
    margin: 5px 0px 5px 0px;}
.price{background-color: white;
    position: relative;
    display: inline-block;
    border: solid #dd3751 2px;
    padding: 12px;
    border-radius: 5px;
    font-weight: 600;
    right: 0px;

    text-transform: uppercase;}

.bg-gray{display: inline-block;
    background-color: #f1f1f1;
    padding: 19px;
    margin: 18px 0px 10px 0px;}
    .bg-gray p{padding: 10px 0px 0px 10px;}
    .number li{list-style: decimal;}

    .d-box-shadow{background: white;
    padding: 18px;
    margin: -66px 0px 0px 0px;
    border-radius: 6px;
    text-align: center;
    box-shadow: 2px 4px 15px 0px #0000003d;}
    .modal{z-index: 99999}
.tj-card {
    float: left;
    width: 100%;
    padding: 50px 0 90px;
}.daiylride-bg h1{width:100%; font-size:33px;  background-color: #00000063;text-transform:uppercase; display: inline-block; padding: 9px;border-radius: 5px;}
.daiylride-bg h2{width:100%;background-color: #00000063;display: inline-block; padding: 9px;border-radius: 5px;}
.rantal h2{background-color: #00000063;display: inline-block; padding: 9px;border-radius: 5px;}
.outstations-bg h2{background-color: #00000063;display: inline-block; padding: 9px;border-radius: 5px;}
.searching-cabs form button{ margin: 0 auto;   width: 50%; display: block; }
.tj-card h4{padding: 5px 4px 7px 6px;
    display: inline-block;
    width: 100%;}
.tj-card .tj-heading-style{ margin: 0 auto 70px;
    width: 670px;
    text-align: center; } 

    .offer { float: left; width: 100%;
background: url(../img/slider2.jpg); height: 200px; background-size: cover;
text-align: center; position: relative; }

.offer-card img{margin: 0 auto}
.shadow1{box-shadow: 0px 2px 8px 0px #0c0c0c6b;}
.shadow1 .panel-body{padding: 5px!important}
.action-box{box-shadow: 0px 0px 6px 0px #c1c1c1a6;
    padding: 2px;
    margin: 9px; text-align: left;
    display: block;}
    .action-box span{height: 40px;
    width: 40px;
    color: white;
    float: left;
    box-shadow: 0px 0px 4px 0px #0044cca6;
    margin: 15px;
    text-align: center;
    /*background-color: #032b42;*/
    border-radius: 100px;}


    .action-box span i{font-size: 22px;
    padding: 6px;}
    .clearfixed{padding: 10px 0px 10px 0px;
    width: 100%;
    float: left;}
.nav-tabs .active a{border-top-right-radius: 0px;
    border-top-left-radius: 0px;}
/*.nav-tabs .active a:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    z-index: 999;
    margin: 0 auto;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 18px solid #032b42;
}*/

.price span{margin: 0px 0px 0px 0px!important;}
.demo i{font-size: 22px;
    border-radius: 100%;
    height: 40px;
    padding: 8px;
    background: #dd3751;
    color: white;
    width: 40px;}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: absolute;
  z-index: 2;
  display: inline-block;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


.top-bar a{background-color: #071821;
   padding: 4px 8px 4px 8px;
    border-radius: 5px;
    margin: 5px;
    color: white;
    text-decoration: none;}

.text-white{color: white!important;}
.color1{color: #cacdd0;}

.p-all{padding: 24px 20px 19px 20px;
    font-size: 18px;
    line-height: 2;}

    .btb-60{float: left;
    width: 100%;
    padding: 50px 0 80px;}
 	.ptb-20{padding: 20px 0px 20px 0px}

 	.body-img li a{background-color: white;
    padding: 2px;
    height: 100px;
    	
    border-radius: 100%;
    width: 100px;
    transition: .6s;
    margin: 0px 10px 0px 17px;}

    .body-img li a:hover{background-color: #ffffff;
    padding: 2px;
    height: 100px;
    box-shadow: 0px 0px 5px 0px black;
    border-radius: 100%;
    width: 100px;
    transition: .3s;
    margin: 0px 10px 0px 17px;}
    .body-img.nav > li > a {
    	text-align: center;
    position: relative;
    display: block;
     height: 100px;
   
    border-radius: 100%;
    width: 100px;
}
.body-img li img{width: 100%; margin: 0px 0px 0px 0px;}
.bodt-img .span{margin: 0px 10px 0px 17px;}
.body-img.nav-pills > li > a {
    border-radius: 4px;
}

.body-img.nav > li > a:hover, .body-img.nav > li > a:focus {
    text-decoration: none; text-align: center;
    background-color: transparent;
}
 	
   .body-img .nav-pills > li a.active {color: #fff; text-align: center;padding: 2px;
    height: 100px;
    box-shadow: 0px 0px 5px 0px black;
    border-radius: 100%;
    width: 100px;
    transition: .3s;
    margin: 0px 10px 0px 17px;
    background-color: #1c2b3917!important;box-shadow: 0px 0px 5px 0px black;}
    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #131212;padding: 2px;border: solid 5px #52b9d0;
    height: 100px;
    box-shadow: 0px 0px 5px 0px black;
    border-radius: 100%;
    width: 100px;
    transition: .3s;
    margin: 0px 10px 0px 17px;
    background-color:transparent;}


    .ptb-50{padding: 50px 0px 50px 0px; }
    .mtb-20{margin: 20px 0px 20px 0px}

.body-img span{color: #777777;
    margin: 8px 1px 5px 0px;
    display: block;
    font-size: 18px; text-align: center;}
    .content-body{background-color: #ffffff; box-shadow: 0px 7px 8px 0px #00000061}


.font-lg{font-size: 38px}
.font-md{font-size: 18px;
    line-height: 2;
    letter-spacing: .8px;}

.navtabsbtn{box-shadow: 0px 4px 4px 0px #0000005c;}

/*best navtabs*/

.tringle.arrow-button {
 
    display: block;
    
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s;
    border-radius: 8px;
    position: relative;
}


.arrow-up1:after {
 content: '\25b2';
    padding-left: 0.5em;
    font-size: 46px;
    color: #818488;
    position: absolute;
    top: -85px;
    left: 3%;
    transform: rotate(180deg);

}
.arrow-up2:after {
 content: '\25b2';
    padding-left: 0.5em;
    font-size: 46px;
    color: #818488;
    position: absolute;
    top: -85px;
    transform: rotate(180deg);
    left: 14%;
}
.arrow-up3:after {
 content: '\25b2';
    padding-left: 0.5em;
    font-size: 46px;
    color:#818488;
    position: absolute;
    top: -85px;
    transform: rotate(180deg);
    left: 25%;
}
.arrow-up4:after {
 content: '\25b2';
    padding-left: 0.5em;
    font-size: 46px;
    color:#818488;
    position: absolute;
    top: -85px;
    transform: rotate(180deg);
    left: 37%;
}
.arrow-up5:after {
 content: '\25b2';
    padding-left: 0.5em;
    font-size: 46px;
    color: #818488;
    position: absolute;
    top: -85px;
    transform: rotate(180deg);
    left: 48%;
}
.arrow-up6:after {
 content: '\25b2';
    padding-left: 0.5em;
    font-size: 46px;
    color: #818488;
    position: absolute;
    top: -85px;
    transform: rotate(180deg);
    left: 59%;
}

.arrow-up7:after {
 content: '\25b2';
    padding-left: 0.5em;
    font-size: 46px;
    color: #818488;
    position: absolute;
    top: -85px;;
    transform: rotate(180deg);
    left: 70%;
}
.arrow-up8:after {
 content: '\25b2';
    padding-left: 0.5em;
    font-size: 46px;
    color: #818488;
    position: absolute;
    top: -85px;
    transform: rotate(180deg);
    left: 81%;
}
.booking{background: white;
    
    text-align: center;
   
    box-shadow: 3px 4px 15px 0px #0000003d;}
.booking form{display: flex;align-items: center;}
.booking img{ margin: 0 auto ;margin: 0px 0px 0px 10px;}
.box-shadow{
    background: white;
    padding: 18px;
    text-align: center;
   
    box-shadow: 2px 4px 15px 0px #0000003d;
}
.search-btn{background-color: #dd3751;
    font-size: 18px;
    width: 100%;
    display: block;
    border-radius: 0px;
    color: white;
    box-shadow: 0px 1px 3px 0px #00000070;
    border: transparent;
    padding: 8px 0px 8px 0px;}
    .pvc{text-align: right;}
    .pvc li{list-style-type: none;
    display: inline-block;
    padding: 0px 10px 0px 0px; }
    .pvc li i{color: #3171a9;
    font-size: 14px;}
    .pvc li a{ text-decoration: none; }


    .scrollup {        
    width: 40px;
    height: 50px;
    position: fixed;
    bottom: 32px;
    font-size: 25px;
    color: white;
    padding: 7px;
    right: 40px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    text-align: center;
    z-index: 999;
    display: none;
    background-color: #dd3751;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    /* background: white; */
    /* border-radius: 10px; */
    margin: 0 auto;
}
/*edited by sumit*/
/*<!--------------------rigo------------------>
*/     .camptio2 h2{margin-bottom: -56px!important;}
      .td{padding: 0px!important;}
    
        .box{padding: 34px 0px 0px 0px;
        display: inline-block;
        box-shadow: 0px 0px 4px 0px #9e9e9e;
        margin-top: 0px;}
   .price-color span{color:red;}
.price-list{background: linear-gradient(to right,#ec7d03 0%,#f50c1e 100%);
    -webkit-background-clip: text;
    font-size: 25px;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    display: block;}
.slide-icon{padding: 3px 9px 3px 9px;
    border-radius: 20px;
    box-shadow: 1px 1px 5px 2px #52525263;
    margin: 6px 0px 10px 0px;}
     .btn-gradient {
    background: linear-gradient(to right,#0f5278 0%,#28a7e1 100%);
    color: #ffffff;
    border: transparent;
    box-shadow: 0px 1px 3px 0px #8c9092;
}
    .price-color h3{padding: 44px 0px 0px 8px;}
    .price-color h3:hover{color: #d7df23;}
    .rigo-font p{font-family: "Work Sans"!important;
        font-weight: 400;
        font-style: normal;
        color: hsla(0, 0%, 20%, 0.701961)!important;
        font-size: 22px!important;}


/*<!----------------contact----------->*/
   .tj-contact-form .inner-holder input[type="text"], .tj-contact-form .inner-holder input[type="email"] {
       
        padding: 0 31px!important;}
       .tj-top{padding: 66px 0!important;}
  
/*<!--------------con----end---------> */


/*<!------end-------------------->*/

.fleet-box h3,h4,h5,h6{color: black;}

/*<!----------------about-------------->*/
.taxi-cab-style-3 {
       background: url(../img/about/taxi-cab2.png), url(../img/about/taxi-cab1.png);
        background-size: auto, auto;
        background-repeat: no-repeat, no-repeat;
        background-position-x: 24%, -26%;
        background-position-y: 50%, 50%;
        padding: 100px 0px;
        display: inline-block;
}
.banner2 {
        float: left;
        width: 100%;
        background: url(../img/slider/inner-banner.jpg);
        background-position: center;
        background-size: cover;
        text-align: center;
        position: relative;
        height: 300px;
        background-repeat: no-repeat;
}
.banner2:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: hsla(199, 76%, 52%, 0.55);
}
.banner2 h2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 50px;
        font-weight: 600;
        color: hsl(0, 0%, 100%);
        padding: 120px 0 150px;
        text-transform: capitalize;
        margin: 0;
        position: relative;
        z-index: 999;}
 .tj-team{padding: 0px 0 140px!important;}       
.mb-3 {
        margin-bottom: 1rem;}
.mb-5 {margin-bottom: 3rem!important;}

.taxi-cab-style-3 .row h2 {
        font-size: 36px;
        font-weight: bold;
        font-family: "Roboto";
}
.taxi-cab-style-3 .row strong {
        font-family: "Roboto";
        font-weight: bold;
}

/*<!--------about----end--------->*/


/*<!--------services------------>*/

.cab-services .cab-service-box {height:300px;}
.get-color{color: #f8c12c;}

/*<!-----------end------------->*/


/*<!-------------help------------->*/

.rigo-img img{width: 50px!important;}

.post-rigo {padding-left:66px;}

.rigo-helf p a{background-color: hsla(0, 0%, 100%, 0.12156862745098039);
        color: hsl(0, 0%, 0%);
        width: 100%;
        display: inline;}

.rigo-helf a h4{background-color: hsla(0, 0%, 100%, 0.12156862745098039);
        color: hsl(0, 0%, 0%);
        width: 100%;
        display: inline;}

/*<!-------------------driv-------------->  */      

.tj-banner-driv {
        float: left;
        width: 100%;
        background: url(../img/slider/driv-4.jpg) no-repeat;
        background-size: cover;
        padding: 20px 0;
        position: relative;
}
.tj-banner-driv:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: hsla(208, 37%, 15%, 0.8);
}
.tj-driv{float: left;
        width: 100%;
        padding: 120px 0 0px!important;
    background-color: hsl(0, 0%, 97%);}

/*<!-----------------driv---------end------------------------->*/


/*<!-----------login--------------------->*/

.bg-color{background-color: #1d2c3aa8; 
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0px 0px 15px 0px #ffffff4d;
        
        color: hsl(0, 100%, 50%);}
.tj-login-rigo {
        width: 100%;
        float: left;
        background: url(../img/fleet-carousel-bg.jpg) no-repeat center center;
        background-size: cover;
        padding: 80px 0px 0px 0px;
        position: relative;
        z-index: 999;
}



/*============mobile app section==*/
.application{
    background-image: url(../img/mobile-bg.jpg);
    background-repeat: no-repeat;
        background-size: cover;
            background-position: center;}
.app-bg{
    background-image: url(../img/clouds5.png);
    background-repeat: no-repeat;
        background-size: cover;
            background-position: center;
    margin: 100px 0px 50px 0px;
}

.ptb-10{padding:10px 0px 10px 0px;}

.app-bg h2{color:black; font-size:40px;font-weight:600}

/*end here*/
/*<!-------------help------------->*/



.tj-login-rigo:after {
        background: hsla(209, 34%, 17%, 0.78);
}
.tj-login-rigo:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
} 
.heading-title{color: #0f5278;
    text-shadow: 1px 1px 0px black;
    font-size: 32px;
    text-transform: capitalize;
    font-weight: 700;}

.log-in::after{ 
content: " ";
background-color: white; 
color: hsl(0, 100%, 50%);
position: absolute;
font-weight: bold; 
width: 97px;
height: 3px;
margin: 32px 0px 0px -96px;} 
.log-in{text-align: center;}
.bg-car{display: inline-block;
position: absolute;
bottom: 0;
} 

.box-border{background: white;
    padding: 18px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 3px 4px 15px 0px #0000003d;}
  .box-border h3{font-size: 20px;}  
.effect2
{
  box-shadow: 0 7px 17px #00000052;
}

.package-bg-img{background-image: url(../img/cubes.png);
    background-position: center;
    
    }

.bg-img{background-image: url(../img/login-singnup-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;}
.p-all-10{padding: 10px}
.p-all-20{padding: 20px}

.sign-signup-bg{background-image: url(../img/login-singnup-bg.jpg);
    display: flex;background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0px 3px 16px 0px #0000005e;
    border-radius: 10px;}
    .text-color2 a{color: #444444;
    font-size: 12.5px;}
.rigo-package{text-align: left;padding: 20px 0px 0px 0px;}

.rigo-package h4{color: #000000e0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;}
.help{background-color: white;
    display: flex;
    min-height:210px;
    padding: 17px;
    box-shadow: 0px 4px 9px 0px #cccccc8f;}
    .help img{transform: translate(0px, 30%);}
  .help strong{font-size: 19px;
    text-transform: uppercase;
    color: black;
    display: block;
    padding: 0px 0px 10px 0px;}  

.help-center{padding: 20px 0px 20px 0px;text-align:center;}
.help-center h2{color: black;
    font-weight: 600;
    font-size: 38px;}
.help-center p{}
.tj-heading-style h3{
  color: #444444; font-size:40px;font-family: 'Montserrat',sans-serif;
    font-weight: 600;
}
.display-7 h3{color: #444444; font-size:40px;font-family: 'Montserrat',sans-serif;
    font-weight: 600;text-align:center}
/*cancellation section*/

.parallax-style-one {
	float: left;
    position: relative;
    
    background-color: #313131;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    color: #ffffff;
    
}
.cancelation img{float: left;padding: 0px 12px 0px 0px;}
.cancelation ul{}
.parallax-style-one h3{color: white;
    position: relative;
    font-size: 40px;}
.parallax-style-one:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(1,47,93,0.95);
}
.cancelation{box-shadow: 5px 5px 20px #dedede; display: flow-root;
    padding: 15px !important;border-bottom: 1px solid #e0e0e0;}


/*end cancellation*/
.text-danger{color: #dd3751!important}

.border{border: solid 3px #495d6f;border-radius: 32px;text-align: left;}
/*===features icon code*/

.features-icon{font-size: 46px; margin: 22px 0px 0px 17px; color: hsl(0, 0%, 62%); text-align: center;}
.mt-auto{margin-left: 20%}

.mt-50{ margin-top:50px; } .privacy-right-side{ border: 20px solid #73b0c859; }
.mt-10{ margin-top:10px; }




/*============code for features=====*/



			.section-discover {
    background-color: #ebf2ffcf;
}
.discover-cont .discover-left {
    margin: 2px 0;
    float: none;
    display: table-cell;
    padding: 90px 25px 0 25px;
}
.xs-heading {
   margin-bottom: 29px;
    position: relative;
    color: #0f5278;
}

.discover-left p{padding: 4px 0px 9px 0px;
    line-height: 1.7;}
.discover-cont .service_box {
    height: 314px;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding: 28px 0px;

    margin: 0 -15px;
    border: 2px solid #f3f5f9;
    background: #fff;
}
.discover-cont .service_box .preview_box {
    height: 100%;
    margin: 0;
}
.discover-cont .service_box .hover_box {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: -100%;
    width: 100%;
    height: 100%;
    padding: 34px;
    margin: 0;
    overflow: hidden;
    transition: all 300ms ease-in-out 0s;
}
.discover-cont .service_box .hover_box .inner {
    position: relative;
    height: 100%;
    margin: 0

}
.discover-cont .service_box:hover .hover_box {
    left: 0;
   background: linear-gradient(45deg, #0a3c88, #0ba5d4);
}
.discover-cont .service_box .hover_box {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: -100%;
    width: 100%;
    height: 100%;
    padding: 34px;
    margin: 0;
    overflow: hidden;
    transition: all 300ms ease-in-out 0s;
}
.discover-cont .service_box:hover .hover_box .about {
    left: 0;
}
.hover_box img{margin: 0 auto;}
.discover-cont .service_box .hover_box .about {
    font-size: 13px;
    line-height: 22px;
    color: #ffffff;
    margin: 0;
    width: 100%;
    position: absolute;
   top: 23px;
    left: 150%;
    transition: all 300ms ease-in-out 0s;
    transition-delay: 0.2s;
}

.inner h4{color: white}

.cab-parent .radiobutton{width: 20px;
    height: 20px;
    vertical-align: middle;
}

.cab-parent  strong{position: absolute;
    display: inline-block;
    padding: 3px 0px 0px 7px;}

/*=====end here feature=====*/

/*booking car*/
.text-bold{font-weight: 600}
.left-sidebar-panel img{display: inline-block;}
.left-sidebar-panel p{padding: 0px 0px 0px 50px}
.booking{    width: 100%;
    background-image: url(../img/login-singnup-bg.jpg);
    padding: 0px;
    background-size: cover;
    border: solid #607d8bc4 1px;
    border-radius: 7px;
    background-position: center;
    background-repeat: no-repeat;}
    .border-radius{border-radius: 18px}
    .d-block{width: 100%;
    display: flex;}
    .d-block .img{ width: 40% }
    .d-block .contents{ width: 55% ; text-align: left;padding: 0px 0px 0px 12px;}
    .contents h5{text-transform: uppercase;}
    .divider{border-bottom: dotted #06060614 1px;
    margin: 10px 0px 10px 0px;}
    .divider-red{border-top: solid #e60012 1px;}
    .d-block span{background: linear-gradient(to right,#ec7d03 0%,#f50c1e 100%);
    -webkit-background-clip: text;
    font-size: 25px;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    display: block;}
    .d-block .btn-gradient{background: linear-gradient(to right,#0f5278 0%,#28a7e1 100%);
    color: #ffffff;
    border: transparent;
    box-shadow: 0px 1px 3px 0px #8c9092;}

.apps{    display: flex;
   
    right: 0px;
    text-align: center;
    padding: 5px;
    margin: 0 auto;
    margin-left: 24%;}
    
  .apps h6{color:white; font-size:14px;}
      
    
.rigo{float: left;width: 100%}




  .bg-color1{background-color: #f2f2f2}

.blinking {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
    
.booking li{padding: 10px 0px 10px 0px;}
.booking li a{font-size: 19px; text-decoration: none;}
.booking input[type="checkbox"] {width: 17px;
    height: 17px;}
.filter-car{height: 750px; overflow-y: auto;}
.about-car{border-left: dotted 1px gray;
    border-right: dotted gray 1px;}
    .about-car h4{font-size: 19px;
    font-weight: 600;
    padding: 3px 5px 6px 8px;}
    
   .car-detail{display: flex;overflow-x: auto;}
    .car-detail li{ list-style-type: none;
    display: block;
    padding: 9px 10px 6px 20px; }
    .border-center{border-top: dotted 1px gray;
    width: 100%;}
    .seat-bg-img{
        width: 20px;
    height: 20px;
    background: url(../img/car-detail-bg.png) 173px 152px;
    display: inline-block;
    background-size: 65px;
    margin: 0px 0px -5px 0px;
   }
    .manual-bg-img{
        width: 20px;
    height: 20px;
    background: url(../img/car-detail-bg.png) 195px 152px;
    display: inline-block;
    background-size: 65px;
    margin: 0px 0px -5px 0px;
   }
    .bag-bg-img{
        width: 20px;
    height: 20px;
    background: url(../img/car-detail-bg.png) 260px 134px;
    display: inline-block;
    background-size: 65px;
    margin: 0px 0px -5px 0px;
    }
    .diesel-bg-img{
        width: 20px;
    height: 20px;
    background: url(../img/car-detail-bg.png) 215px 153px;
    display: inline-block;
    background-size: 65px;
    margin: 0px 0px -5px 0px;
    }
    .description-open{position: absolute;
    margin: -15px 0px 0px 0px;
    padding: 5px 12px 5px 12px;
    background: white;
    box-shadow: 0px 2px 8px 0px #000000c7;
    text-decoration: none;
    font-size: 14px;
    border-radius: 33px;}
    
    .description-open a:hover{text-decoration: none}
    .title-heading{background: #dd375126;
    padding: 13px;
    color: #0f5278;
    font-size: 23px;
    margin: 11px 0px 10px 0px;}


.ico-wrap img{width:140px;}
#style-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: white;
}

#style-3::-webkit-scrollbar
{
    width: 3px;
    background-color: white;
}

#style-3::-webkit-scrollbar-thumb
{
    background-color: gray;
}

.title-head{color: #444;    font-size: 37px;    font-weight: 600;  padding: 6px 0px 14px  20px;}
.title-head span{color: #dd3751}

.hotoffer img{width: 10%; margin: 0px 0px 0px 19px;   border: transparent;    border-radius: 130px}


    .box-rounded{float: right;
    }
    .box-rounded{float: right;
    box-shadow: 0px 0px 7px 0px #909090b8;
    padding: 11px;
    border-radius: 23px;}

.bookcab   li{float: left;
    margin-bottom: -1px;
     background: white;  list-style-type: none;
     border-radius: 10px; 
    margin: 0 auto;}

    .bookcab li a{     color: #333;
    background-color: #E3F2FD;
    border: 0px;
    border-radius: 50px;
    padding: 10px 12px 9px 12px;
    margin: 0px 9px 0px 0px;
    text-align: center;
    font-size: 15px;}
    

    .bookcab > li.active > a {
    color: #FFFFFF;
    background-color: #2962FF;
    box-shadow: 0 0px 5px rgba(0, 0, 0, .6);
    z-index: 100;
    border-radius: 28px!important;
}

.shadow{box-shadow: 0px 0px 11px 2px #22222214;
    border-radius: 4px;
    padding: 37px;}
.logo-icon{ position: fixed; left: 100px; display: none;}
.logo-icon img{ width: 90px; }
.cab-parent span{font-size: 12px;
    min-width: 77px; text-align: left;}
    .searching-cabs {   
    overflow-y: scroll;
    height: 550px;}
    .book-cabs-feature{overflow-y: scroll;
    height: 410px;}

    .searching-cabs .box-borders{
        background: white;
    text-align: left;
    box-shadow: 3px 4px 15px 0px #0000003d;
    padding: 6px 8px 10px 10px;
    border-radius: 6px;
    margin: 0px 0px 6px 0px;}
.daiylride-bg{
    background-image: url(../img/slider/3.jpg);
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;}

.scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb
{
    background-color: #000000;
}


.outstations-bg{
    background-image: url(../img/slider/outstation.jpg);
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
}

.rantal{
    background-image: url(../img/slider/rental.jpg);
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
}

 @media(max-width: 500px)
    {
        .booking {
    width: 100%;
    margin: 21px 0px 0px 0px;
}
      .box-inner{
        width:225px;
        padding: 10px;
        
    } 
    .left-sidebar li a {
    font-size: 14px;
}

.box-inner .footer {
    background: black;
    bottom: 0px;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 10px;
    color: #2196F3;
    font-size: 16px;
}
    }
@media(min-width: 767px)
{
    .lg-hidden{display: none!important;}
 .cab-service-box .service-desc h4 {
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    font-family: 'Montserrat',sans-serif;
    color: #444444;
}

}

@media(max-width: 768px)
{

    .bookcab li a {
    color: #333;
    background-color: #E3F2FD;
    border: 0px;
    border-radius: 50px;
    padding: 7px 7px 7px 9px;
    margin: 0px 6px 0px 0px;
    text-align: center;
    font-size: 11px;
}

.logo-icon img {
 display: none;   width: 90px;
}

.hotoffer img{display: none;}

.tj-nav-row .navbar-default .navbar-toggle .icon-bar {
    background-color: #253747!important;
}
}