@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700;900&display=swap');
:root{
--pc:#FF6B06;
--sc:#000080;
--tc:#373737;
--fc:#FFFCF5;
--fi:#3B5999;
--six:#EA4235;
--black:#000;
--muted:#dee2e6;
/*--pf:'Raleway', sans-serif;;*/
}
body{
font-family: 'Roboto', sans-serif;
overflow-x:hidden;
font-size:16px;
}
html{scroll-behavior:smooth;}
p,ul{
margin-bottom:0;
}
p{
font-size:16px;

word-break: break-word;
}
a:hover,
a:focus{
text-decoration:none;
}

button:focus,
select:focus,
input:focus{
outline:none;
}
/*color classes*/
.bg_pc{background:var(--pc);}
.bg_sc{background:var(--sc);}
.bg_tc{background:var(--tc);}
.bg_fc{background:var(--fc);}
.bg_fi{background:var(--fi);}
.bg_six{background:var(--six);}
.bg_black{background:var(--black);}
.bg_green{background:#d3d3d3;}

.text_pc{color:var(--pc);}
.text_sc{color:var(--sc);}
.text_tc{color:var(--tc);}
.text_fc{color:var(--fc);}
.text_black{color:var(--black);}
.text_green{background:#d3d3d3;}
.tr1{
transition:.4s ease;
-webkit-transition:.4s ease;
-moz-transition:.4s ease;
-o-transition:.4s ease;
}
.radius10{border-radius:10px;}
.oh{overflow:hidden;}
.f30{width:30px;height:30px;}
.f40{width:40px;height:40px;}
.f60{width:60px;height:60px;}
.f100{width:100px;height:100px;}
.pf{font-family:var(--pf)}
.fw4{font-weight:400;}
.fw6{font-weight:600;}
.cp{cursor:pointer;}
.zi{z-index:1;}
.obj_fit{object-fit:cover;}
.fs10{font-size:10px;}
.fs14{font-size:14px;}
.fs24{font-size:24px;}
/*hover classes*/
.th_white:hover{color:var(--white)!important;}
.th_pc:hover{color:var(--pc)!important;}
.th_sc:hover{color:var(--sc)!important;}
.th_black:hover{color:var(--black)!important;}

/*.container{
max-width:1300px;
}*/
.hb_title{
font-size:3rem;
}
.home_header .nav-link{
color:var(--white)!important;
margin-left:5px;
font-size:14px;
border-bottom:2px solid transparent;
}
.home_header .nav-link:hover,
.home_header .active .nav-link{
color:var(--pc)!important;
border-bottom:2px solid var(--pc);
}
.top_menu .nav-item .nav-link,
.top_menu .nav-item .dropdown-item{
color:var(--black);
font-size:14px;
font-weight:600;
}
.top_menu .nav-item .nav-link:hover{
color:var(--pc);
}
.top_menu .dropdown-menu{
z-index:10000000000;
overflow:visible;
}
.b_title{
z-index: 9;
line-height: 60px;
letter-spacing: 2px;
font-weight: 500;
font-size: 52px;
}
#home_banner .carousel-item::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(20deg, rgb(0 0 0) 0%, rgb(0 0 0 / 73%) 40%, rgb(0 0 0 / 86%) 100%);
}
.home_banner .arrows a{
top:50%;
position:absolute;
opacity:.9;
}
.home_banner .arrows a:first-child{left:10px;}
.home_banner .arrows a:last-child{right:10px;}
.home_banner .carousel-item{
height: 80vh;
}

header .nav-link{
font-weight: 500;
font-size: 16px;
}
header .dropdown .dropdown-menu{
background:var(--pc);
}
header .dropdown .dropdown-menu a{
color:var(--white);
}
header .dropdown .dropdown-menu a:hover{
background:var(--sc);
}
.btn1:hover{
background:var(--pc);
}
.btn2:hover{
background:var(--black)!important;
color:var(--white)!important;
}
.blog .card .card-img{
height:250px;
}
.ov{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:.8;
z-index:-1;
}
.hb .carousel-indicators li{
border:1px solid var(--sc)!important;
}
.testi .carousel-indicators li,
.hb .carousel-indicators li{
height:10px;
width:10px;
border-radius:50%;
border:1px solid var(--white);
background:none;
}
.testi .carousel-indicators li.active,
.hb .carousel-indicators li.active{
background:var(--pc);
border-color:var(--pc)!important;
}
.hb::before{
content: '';
position: absolute;
top: -38px;
left: -46px;
width: 40%;
height: 100%;
background: var(--pc);
z-index: -1;
border-radius: 0px 0px 100px 0px;
transform: rotate(-10deg);
}
.fixed_header {
position:fixed!important;
top:0;
left:0;
width:100%; 
/*background:var(--white);*/
padding: 10px 0px!important;
z-index:1000;
transition:.2s ease-in-out;
animation:scrollfix .4s 1;
box-shadow:10px 0 10px 5px rgba(0,0,0,.05);
}
@keyframes scrollfix{
0%{transform: translateY(-100%);}
100%{transform: translateY(0);}
}
.msg span{
width:15px;
height:15px;
background:var(--pc);
border-radius:50%;
display:flex;
justify-content: center;
align-items: center;
position: absolute;
top:2px;
right:2px;
}
.top_menu .btn-group.show .angle{
transform:rotate(180deg);
}
.dashboard .nav-tabs .nav-item.show .nav-link, 
.dashboard .nav-tabs .nav-link.active {
 background-color:#f1f1f1!important;
}
.text_eli_1 {
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.dashboard .nav-tabs{
flex-wrap:nowrap;
overflow-x:auto;
}
.dashboard .nav-tabs .nav-link{
white-space:nowrap;
}
.how_it_work .card::before{
content: '';
position: absolute;
top: 30px;
right: -32%;
width: 50%;
height: 1px;
background: rgba(0,0,0,.1)
}
.how_it_work .item:last-child .card::before{
display:none;
}
.sec1 .ov{
background:rgb(233 233 233 / 98%)!important;
opacity:.99;
}
.sec1 .nav-item .nav-link{
border:none;
border-bottom:3px solid transparent;
}
.sec1 .nav-item .nav-link.active{
border-bottom:3px solid var(--sc);
color:var(--sc);
}
.gallery .list:hover,
.gallery .list.active{
background:var(--pc);
color:var(--white)!important;
cursor:pointer;
}
.gallery .products .card-img-overlay{
background:rgba(237, 133, 65, .9);
opacity:0;
}
.gallery .products .card:hover .card-img-overlay{
opacity:1;
}
.payment_methods input[type="radio"]:checked + label{
background:var(--pc);
color:var(--white)!important;
border-color:var(--pc)!important;
}
.payment_methods .nav-link{
border:none;
}
.Net_banking_details{
display:none;
}
.cabGo ul li.active a{
border-color:var(--pc)!important;
}
.cabGo ul li a{position:relative;}
.cabGo ul li a::before{
content: '';
position: absolute;
top: 50%;
right: -25%;
width: 25%;
height: 1px;
background: rgba(0,0,0,.3);
}
.cabGo ul li:last-child a::before{
display:none;
}
.driver_card .card-img{
height:250px;
}
.rides .nav-tabs{
overflow-x:scroll;
padding:10px 0;
}
.message_box .msg_list,
.message_box .chat_area{
height:450px;
overflow-y:auto;
}
/* width */
.rides .nav-tabs::-webkit-scrollbar,
.message_box .msg_list::-webkit-scrollbar,
.message_box .chat_area::-webkit-scrollbar {
  display: none;
}
.rides .nav-tabs .nav-link.active{
background:transparent!important;
border:1px solid rgba(0,0,0,.1);
border-radius:2px!important
}
.verify_mob input{
border: 1px solid var(--pc);
}
.admin_sec{
min-height:100vh;
}
.map_overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(255,255,255,.7);
}
.map_overlay .user_icon{
border:2px solid var(--pc);
}
.modal .close{
position:absolute;
right:10px;
top:10px;
opacity:1;
z-index: 1;
}
.modal{
overflow-y:scroll;
}
.Cancel_ride_modal{
background:rgba(1, 0, 128, 0.63);
}
.destination ul li:first-child::before{
content:'';
position:absolute;
top:45%;
left:-25px;
width:10px;
height:10px;
background:var(--pc);
border-radius:50%;
}
.destination ul li:last-child::before{
content:'';
position:absolute;
top:45%;
left:-25px;
width:10px;
height:10px;
background:var(--pc);
}
.destination ul li:first-child::after{
content:'';
position:absolute;
top:50%;
left:-20px;
width:1px;
height:100%;
background:var(--pc);
}
.ov1{
position:absolute;
top:0;
left:0;
}
.hr1{
width:100px;
}
.become_driver .steps{
width:100px;
height:100px;
margin-top:-45px;
box-shadow:3px 4px 9px rgb(209 208 208 / 50%);
border-radius: 0px 0px 15px 15px;
}
.become_driver .steps:before,
.become_driver .steps:after{
content: "";
position: absolute;
border-top: 16px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid transparent;
border-left: 15px solid var(--pc);
opacity:.8;
transform: rotate(45deg);
}
.become_driver .steps:before{
top: 5px;
left: -14px;
}
.become_driver .steps:after{
top: 6px;
right: -14px;
border-top: 15px solid var(--pc);
}
.become_driver .card{
border-radius:0px 0px 15px 15px;
}
.become_driver::before{
position:absolute;
top:0;
left:50%;
height:100%;
width:1px;
background:rgba(0,0,0,.05);
content:'';
}
.become_driver .left .ef1 ,
.become_driver .right .ef1 {
width:10px;
height:10px;
background:var(--white);
border-radius:50%;
display:block;
position:absolute;
display:flex;
justify-content:center;
align-items: center;
z-index:10;
}
.become_driver .left .ef1 {
right:-5px;
top:50%;
}
.become_driver .right .ef1 {
left:-5px;
top:50%;
}
.become_driver .left .ef1::before,
.become_driver .right .ef1::before{
position:absolute;
width:calc(100% + 10px);
height:calc(100% + 10px);
background:radial-gradient(#ff6b06, transparent);
content:'';
border-radius: 50%;
z-index:-1;
display:flex;
justify-content:center;
align-items: center;
}
#accordion  .card-header{
background:rgba(0,0,0,.1);
}
#accordion .card-header[aria-expanded="true"]{
background:var(--pc);
}
#accordion .card-header[aria-expanded="true"] .fas{
transform:rotate(180deg);
}
.driver_img {
width:350px;
height:350px;
}
.language_skills .progress{
height:10px;
}
.driver_detail .s_links li a:hover{
opacity:.8;
}
.driver_detail .icon_img{
width:60px;
height:60px;
margin:auto;
}
.custom_date{
display:none;
}
#rating_modal .close{
position:absolute;
right:5px;
top:5px;
z-index:1;
opacity:1;
}
@media(max-width:1199px){

}
@media(max-width:991px){
header{
position: absolute;
top:15%;
left:0;
width:100%;
z-index:1000;
}
.how_it_work .card::before{
display:none;
}

.become_driver::before ,
.become_driver .left .ef1,
.become_driver .right .ef1{
display:none;
}
.become_driver .left,
.become_driver .right{
margin-bottom:50px!important
}
.driver_img {
width:250px;
height:250px;
}
}
@media(min-width:992px){

}
@media(max-width:767px){
.hb::before{
width: 75%;
}
}
@media(min-width: 767px){
.work_exp .year{
border-right:1px solid rgba(0,0,0,.2);
}
}
@media(max-width:575px){
.hb_title{
font-size:1.7rem;
}
.cabGo ul{
overflow-x:auto;
}

}
@media(min-width:575px){
.visiting_palce .img1::before{
content:'';
position:absolute;
top:0;
right:-2px;
width:100%;
clip-path: polygon(100% 0, 68% 100%, 100% 100%);
height:102%;
background:var(--white);
}
}