.radio_btn {



    clear: both;



    margin: 0 50px;



    background: #fafafa;



    display: inline-block;



}

.title_brnd {



    width: 210px;



    border-radius: 0px;



    border: 1px solid #D1D3D4;



    margin-left: 3px;



}

/* hide input */



input.radio:empty {



    margin-left: -999px;



}

/* style label */



input.radio:empty~label {



    position: relative;



    line-height: 2.5em;



    text-indent: 3.25em;



    cursor: pointer;



    -webkit-user-select: none;



    -moz-user-select: none;



    -ms-user-select: none;



    user-select: none;



    font-size: 12px;



}

input.radio:empty~label:before {



    position: absolute;



    display: block;



    top: 0;



    bottom: 0;



    left: 0;



    content: '';



    width: 2.5em;



    background: #D1D3D4;



    border-radius: 3px 0 0 3px;



}

/* toggle hover */



input.radio:hover:not(:checked)~label:before {



    content: '\2714';



    text-indent: .9em;



    color: #C2C2C2;



}

input.radio:hover:not(:checked)~label {



    color: #888;



}

/* toggle on */



input.radio:checked~label:before {



    content: '\2714';



    text-indent: .9em;



    color: #9CE2AE;



    background-color: #4DCB6D;



}

input.radio:checked~label {



    color: #777;



}

/* radio focus */



input.radio:focus~label:before {



    box-shadow: 0 0 0 3px #999;



}







//** radio-btn End **//







//*** Media Queiry ***//







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







    .no-padding {
        width: 100%;
    }







    .shadow {
        width: 100%;
        margin-bottom: 25px;
    }







    .shadow img {
        width: 50%;
        float: left;
    }







    .car-details {
        text-align: center;
        padding: 5px 0px;
    }







    .car-details ul {
        margin: 0 auto;
        width: 130px;
        float: right;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px 0px !important;
        width: 100% !important;
    }







    .car-details ul p {
        padding-bottom: 10px;
    }







    .ow-navigation .navbar-toggle {
        margin-right: 35px;
    }







    .primary-link {
        font-size: 10px;
    }







    .logo-cent {
        margin: 0px !important;
    }







    .radio {
        width: 21px !important;
        height: 21px !important;
        margin-left: 83px !important;
        margin-top: 69px !important;
        position: absolute !important;
        z-index: 99 !important;
    }







    .radio_btn {
        position: relative;
        top: -22px;
        left: -70px;
    }







    .car-details {
        height: 130px;
    }







    .price {
        position: absolute;
        right: 30px;
        top: 115px;
    }















}











@media (min-width: 320px) and (max-width: 568px) {
    .title_brnd {
        margin-left: 20px;
    }

    .form-check {



        margin-right: 70px;



    }
}

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







    .no-padding {
        width: 100%;
    }







    .shadow {
        width: 100%;
        margin-bottom: 25px;
    }







    .shadow img {
        width: 100%;
    }







    .car-details {
        text-align: center;
        padding: 5px 0px;
    }







    .car-details ul {
        margin: 0 auto;
        width: 130px;
        float: right;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px 0px !important;
        width: 100% !important;
    }







    .car-details ul p {
        padding-bottom: 10px;
    }







    .ow-navigation .navbar-toggle {
        margin-right: 35px;
    }







    .primary-link {
        font-size: 10px;
    }







    .logo-cent {
        margin: 0px !important;
    }







    .radio {
        width: 21px !important;
        height: 21px !important;
        margin-left: 83px !important;
        margin-top: 69px !important;
        position: absolute !important;
        z-index: 99 !important;
    }







    .radio_btn {
        position: relative;
        top: -22px;
        left: -70px;
    }







    .car-details {
        height: 130px;
    }







    .price {
        position: absolute;
        right: 30px;
        top: 115px;
    }







}



@media (min-width: 411px) and (max-width: 731px) {
    .form-check {



        margin-right: 105px;



    }
}

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







    .no-padding {
        width: 100%;
    }







    .shadow {
        width: 100%;
        margin-bottom: 25px;
    }







    .shadow img {
        width: 50%;
        float: left;
    }







    .car-details {
        text-align: center;
        padding: 5px 0px;
    }







    .car-details ul {
        margin: 0 auto;
        width: 130px;
        float: right;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px 0px !important;
        width: 100% !important;
    }







    .car-details ul p {
        padding-bottom: 10px;
    }







    .ow-navigation .navbar-toggle {
        margin-right: 35px;
    }







    .primary-link {
        font-size: 10px;
    }







    .logo-cent {
        margin: 0px !important;
    }







    .radio {
        width: 21px !important;
        height: 21px !important;
        margin-left: 83px !important;
        margin-top: 69px !important;
        position: absolute !important;
        z-index: 99 !important;
    }







    .radio_btn {
        position: relative;
        top: -22px;
        left: -70px;
    }







    .car-details {
        height: 130px;
    }







    .price {
        position: absolute;
        right: 30px;
        top: 115px;
    }







}

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







    .no-padding {
        width: 100%;
    }







    .shadow {
        width: 100%;
        margin-bottom: 25px;
    }







    .shadow img {
        width: 100%;
    }







    .car-details {
        text-align: center;
        padding: 5px 0px;
    }







    .car-details ul {
        margin: 0 auto;
        width: 130px;
        float: right;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px 0px !important;
        width: 100% !important;
    }







    .car-details ul p {
        padding-bottom: 10px;
    }







    .ow-navigation .navbar-toggle {
        margin-right: 35px;
    }







    .primary-link {
        font-size: 10px;
    }







    .logo-cent {
        margin: 0px !important;
    }







    .radio {
        width: 21px !important;
        height: 21px !important;
        margin-left: 83px !important;
        margin-top: 69px !important;
        position: absolute !important;
        z-index: 99 !important;
    }







    .radio_btn {
        position: relative;
        top: -22px;
        left: -70px;
    }







    .car-details {
        height: 130px;
    }







    .price {
        position: absolute;
        right: 30px;
        top: 115px;
    }







}

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







    .no-padding {
        width: 100%;
    }







    .shadow {
        width: 100%;
        margin-bottom: 25px;
    }







    .shadow img {
        width: 50%;
        float: left;
    }







    .car-details {
        text-align: center;
        padding: 5px 0px;
    }







    .car-details ul {
        margin: 0 auto;
        width: 130px;
        float: right;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px 0px !important;
        width: 100% !important;
    }







    .car-details ul p {
        padding-bottom: 10px;
    }







    .ow-navigation .navbar-toggle {
        margin-right: 35px;
    }







    .primary-link {
        font-size: 10px;
    }







    .logo-cent {
        margin: 0px !important;
    }







    .radio {
        width: 21px !important;
        height: 21px !important;
        margin-left: 83px !important;
        margin-top: 69px !important;
        position: absolute !important;
        z-index: 99 !important;
    }







    .radio_btn {
        position: relative;
        top: -22px;
        left: -70px;
    }







    .car-details {
        height: 130px;
    }







    .price {
        position: absolute;
        right: 30px;
        top: 115px;
    }







}

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







    .no-padding {
        width: 100%;
    }







    .shadow {
        width: 100%;
        margin-bottom: 25px;
    }







    .shadow img {
        width: 50%;
        float: left;
    }







    .car-details {
        text-align: center;
        padding: 5px 0px;
    }







    .car-details ul {
        margin: 0 auto;
        width: 130px;
        float: right;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px 0px !important;
        width: 100% !important;
    }







    .car-details ul p {
        padding-bottom: 10px;
    }







    .ow-navigation .navbar-toggle {
        margin-right: 35px;
    }







    .primary-link {
        font-size: 10px;
    }







    .logo-cent {
        margin: 0px !important;
    }







    .radio {
        width: 21px !important;
        height: 21px !important;
        margin-left: 83px !important;
        margin-top: 69px !important;
        position: absolute !important;
        z-index: 99 !important;
    }







    .radio_btn {
        position: relative;
        top: -22px;
        left: -70px;
    }







    .car-details {
        height: 130px;
    }







    .price {
        position: absolute;
        right: 30px;
        top: 115px;
    }







}







@media (min-width: 320px) and (max-width: 568px) {



    .car-details h6 {
        font-size: 13px;
    }







    .no-padding {
        width: 100%;
    }







    .shadow {
        width: 100%;
        margin-bottom: 25px;
    }







    .shadow img {
        width: 50%;
        float: left;
    }







    .car-details {
        text-align: center;
        padding: 5px 0px;
    }







    .car-details ul {
        margin: 0 auto;
        width: 130px;
        float: right;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px 0px !important;
        width: 100% !important;
    }







    .car-details ul p {
        padding-bottom: 10px;
    }







    .ow-navigation .navbar-toggle {
        margin-right: 35px;
    }







    .primary-link {
        font-size: 9px;
    }







    .logo-cent {
        margin: 0px !important;
    }







    .radio {
        width: 21px !important;
        height: 21px !important;
        margin-left: 28px !important;
        margin-top: 50px !important;



        position: absolute !important;
        z-index: 99 !important;
    }







    .radio_btn {
        position: relative;
        top: -7px;
        left: -50px;
    }







    .car-details {
        height: 140px;
    }







    .price {
        position: absolute;
        right: 10px;
        top: 115px;
    }







    .location,
    .phone {
        margin: 0px 0px;
    }



}







@media (min-width: 360px) and (max-width: 640px) {







    .no-padding {
        width: 100%;
    }







    .shadow {
        width: 100%;
        margin-bottom: 25px;
    }







    .shadow img {
        width: 50%;
        float: left;
    }







    .car-details {
        text-align: center;
        padding: 5px 0px;
    }







    .car-details ul {
        margin: 0 auto;
        width: 130px;
        float: right;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px 0px !important;
        width: 100% !important;
    }







    .car-details ul p {
        padding-bottom: 10px;
    }







    .ow-navigation .navbar-toggle {
        margin-right: 35px;
    }







    .primary-link {
        font-size: 9px;
    }







    .logo-cent {
        margin: 0px !important;
    }







    .radio {
        width: 21px !important;
        height: 21px !important;
        margin-left: 25px !important;



        position: absolute !important;
        z-index: 99 !important;
    }







    .radio_btn {
        position: relative;
        top: -15px;
        left: -30px;
    }







    .car-details {
        height: 140px;
    }







    .price {
        position: absolute;
        right: 10px;
        top: 120px;
    }







    .location,
    .phone {
        margin: 0px 0px;
    }



}







@media (min-width: 412px) and (max-width: 732px) {







    .no-padding {
        width: 100%;
    }







    .shadow {
        width: 100%;
        margin-bottom: 25px;
    }







    .shadow img {
        width: 50%;
        float: left;
    }







    .car-details {
        text-align: center;
        padding: 5px 0px;
    }







    .car-details ul {
        margin: 0 auto;
        width: 130px;
        float: right;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px 0px !important;
        width: 100% !important;
    }







    .car-details ul p {
        padding-bottom: 10px;
    }







    .ow-navigation .navbar-toggle {
        margin-right: 35px;
    }







    .primary-link {
        font-size: 10px;
    }







    .logo-cent {
        margin: 0px !important;
    }







    .radio {
        width: 21px !important;
        height: 21px !important;
        margin-left: 197px !important;
        margin-top: 49px !important;
        position: absolute !important;
        z-index: 99 !important;
    }







    .radio_btn {
        position: relative;
        top: 13px;
        left: -175px;
    }







    .car-details {
        height: 145px;
    }







    .price {
        position: absolute;
        right: 30px;
        top: 130px;
    }







    .location,
    .phone {
        margin: 0px 60px;
    }







    .title_brnd {
        margin-left: -50px;
    }



}











@media (min-width: 375px) and (max-width: 667px) {



    .title_brnd {
        margin-left: 0px;
    }







    .no-padding {
        width: 100%;
    }







    .shadow {
        width: 100%;
        margin-bottom: 25px;
    }







    .shadow img {
        width: 50%;
        float: left;
    }







    .car-details {
        text-align: center;
        padding: 5px 0px;
    }







    .car-details ul {
        margin: 0 auto;
        width: 130px;
        float: right;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px 0px !important;
        width: 100% !important;
    }







    .car-details ul p {
        padding-bottom: 10px;
    }







    .ow-navigation .navbar-toggle {
        margin-right: 35px;
    }







    .primary-link {
        font-size: 10px;
    }







    .logo-cent {
        margin: 0px !important;
    }







    .radio {
        width: 21px !important;
        height: 21px !important;
        margin-left: 23px !important;
        margin-top: 50px !important;
        position: absolute !important;
        z-index: 99 !important;
    }







    .radio_btn {
        position: relative;
        top: 13px;
        left: -150px;
    }







    .car-details {
        height: 145px;
    }







    .price {
        position: absolute;
        right: 30px;
        top: 114px;
    }







    .location,
    .phone {
        margin: 0px 35px;
    }



}







@media (min-width: 414px) and (max-width: 736px) {







    .no-padding {
        width: 100%;
    }







    .shadow {
        width: 100%;
        margin-bottom: 25px;
    }







    .shadow img {
        width: 50%;
        float: left;
    }







    .car-details {
        text-align: center;
        padding: 5px 0px;
    }







    .car-details ul {
        margin: 0 auto;
        width: 130px;
        float: right;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px 0px !important;
        width: 100% !important;
    }







    .car-details ul p {
        padding-bottom: 10px;
    }







    .ow-navigation .navbar-toggle {
        margin-right: 35px;
    }







    .primary-link {
        font-size: 10px;
    }







    .logo-cent {
        margin: 0px !important;
    }







    .radio {
        width: 21px !important;
        height: 21px !important;
        margin-left: 28px !important;
        margin-top: 49px !important;
        position: absolute !important;
        z-index: 99 !important;
    }







    .radio_btn {
        position: relative;
        top: 13px;
        left: -150px;
    }







    .car-details {
        height: 145px;
    }







    .price {
        position: absolute;
        right: 30px;
        top: 114px;
    }







    .location,
    .phone {
        margin: 0px 75px;
    }











}





//*** tablet ***//    



@media (min-width: 481px) and (max-width: 767px) {







    .wd-3 {



        width: 24.2%;



        padding-left: 14px;



        padding-right: 5px;



    }

}







@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {







    .no-padding {



        padding: 0;



        width: 100%;



    }



    .shadow img {
        width: 50%;
        float: left;
    }


    .wd-3 {



        width: 33.2%;



        padding-left: 14px;



        padding-right: 5px;



        float: left;



    }







    .car-details h6 {
        text-align: center;
    }







    .car-details ul {
        width: 140px;
        margin: 0 auto;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px auto !important;
        width: 100% !important;
    }







}







/*    @media (min-width: 1024px) and (max-width: 1366px){



        



        .wd-3{



            width: 20.2%;



            margin-bottom: 20px;



        }



    }*/











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







    .no-padding {
        width: 100%;
        padding: 0px;
    }



    .wd-3 {



        width: 20%;



        padding-left: 14px;



        padding-right: 5px;



        float: left;



        margin-bottom: 20px;



    }

    input.radio:empty~label {
        position: relative;
        line-height: 30px;
        text-indent: 3em;
    }







    .car-details h6 {
        text-align: center;
        font-size: 11px;
    }

    input.radio:empty~label {
        font-size: 11px;
    }







    .car-details ul {
        width: 140px;
        margin: 10px auto;
    }







    .car-details ul li {
        padding: 0px 4px;
    }







    .radio-big {
        margin: 5px auto !important;
        width: 100% !important;
    }







}







}



/*@media (min-width: 992px){



.car {}



.wd-3{width: 14.2%;



    padding-left: 7px;



    padding-right: 3px;}



}



.shadow {



    -webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.1);



    box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.1);



    -webkit-transition: all 0.5s ease-in-out;



    -moz-transition: all 0.5s ease-in-out;



    -ms-transition: all 0.5s ease-in-out;



    -o-transition: all 0.5s ease-in-out;



    transition: all 0.5s ease-in-out;



}



.shadow:hover {



    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);



    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);



    -webkit-transition: all 0.5s ease-in-out;



    -moz-transition: all 0.5s ease-in-out;



    -ms-transition: all 0.5s ease-in-out;



    -o-transition: all 0.5s ease-in-out;



    transition: all 0.5s ease-in-out;



}



.price {



       background-color: #00980a;



    color: #fff;



    padding: 7px 5px;



    border-radius: 50px; 



    font-size: 14px;



    float: right;



    margin-top: -23px;



    position: relative;



    margin-right: 10px;



}



.car-details {



    background-color: #fafafa;



    padding: 10px 20px;



    border-top: 1px solid #E0E0E0;



}



.car-details h6 {



       color: #333;



    font-size: 16px;



    font-weight: 600;



    margin-top: 19px;



    padding-left: 10px;



}



.car-details ul {



       background-color: #fafafa;



    color: #333;



    padding: 7px 0px 18px;



}



.car-details ul li {



   list-style: none;



    padding: 0px 7px;



    float: left;



    text-align: center;



    font-size: 13px;



}



.car-details ul li span {



    margin-right: 5px;



}



#preview_one td{ padding-top: 9px;



    padding-bottom: 9px;



    line-height: 18px;}

#preview_return td{ padding-top: 9px;



    padding-bottom: 9px; 



    line-height: 18px;}

#preview_payment td{ padding-top: 9px;



    padding-bottom: 9px; 



    line-height: 18px;}



	



	.booking-pg h5 {



    padding: 0px 15px 20px; font-size:22px;



}*/


/* svg.svg-inline--fa.fa-map-marker-alt.fa-w-12.pickup-color {
    margin-top: -9px !important;
} */

svg.svg-inline--fa.fa-map-marker-alt.fa-w-12.dropoff-color {
    margin-top: 0px !important;
}

.field-container.additional-info{
	width: 100%;
}

input[type=checkbox]:focus{
	outline: 31px auto -webkit-focus-ring-color !important;
    outline-offset: -6px !important;
    /* color: red; */
    border: 2px solid #55cd6c !important;
}


/* navigation css */

.navigation {
     height: 86px;
     /* background: linear-gradient(45deg, #000000, #74b4fe); */
	 background: #000000;
}
 .brand {
     position: absolute;
     /* padding-left: 20px; */
     float: left;
     line-height: 55px;
     text-transform: uppercase;
     font-size: 1.4em;
}
 .brand a, .brand a:visited {
     color: #ffffff;
     text-decoration: none;
}
 .nav-container {
     max-width: 1200px;
     margin: 0 auto;
}
 nav {
     /* float: right; */
	 /* margin-top: 14px; */

}
 nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 nav ul li {
     float: left;
     position: relative;
}
 nav ul li a,nav ul li a:visited {
     display: block;
     padding: 0 20px;
     line-height: 55px;
     /* color: #fff; */
     /* background: #262626 ; */
     text-decoration: none;
}
 nav ul li a{
     background: transparent;
     color: #FFF;
}
 /* nav ul li a:hover, nav ul li a:visited:hover {
     background: #2581DC;
     color: #ffffff;
} */
 .navbar-dropdown li a{
     background: #2581DC;
}
 nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
     padding-left: 4px;
     content: ' \025BE';
}
 nav ul li ul li {
     min-width: 190px;
}
 nav ul li ul li a {
     padding: 15px;
     line-height: 20px;
}
 .navbar-dropdown {
     position: absolute;
     display: none;
     z-index: 1;
     background: #fff;
     box-shadow: 0 0 35px 0 rgba(0,0,0,0.25);
}
/* Mobile navigation */
 .nav-mobile {
     display: none;
     position: absolute;
     top: 0;
     right: 0;
     background: transparent;
     height: 55px;
     width: 70px;
}
 @media only screen and (max-width: 800px) {
     .nav-mobile {
         display: block;
    }
     nav {
         width: 100%;
         padding: 55px 0 15px;
    }
     nav ul {
         display: none;
		 margin-top: 19px;	
    }
     nav ul li {
         float: none;
		 z-index: 99;
    }
     nav ul li a {
         padding: 15px;
         line-height: 20px;
         /* background: #262626; */
    }
     nav ul li ul li a {
         padding-left: 30px;
    }
     .navbar-dropdown {
         position: static;
}
 @media screen and (min-width:800px) {
     .nav-list {
         display: block !important;
    }
}
 #navbar-toggle {
     position: absolute;
	 left: 28px;
    top: 35px;
     cursor: pointer;
     padding: 10px 35px 16px 0px;
}
 #navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after {
     cursor: pointer;
     border-radius: 1px;
     height: 3px;
     width: 30px;
     background: #ffffff;
     position: absolute;
     display: block;
     content: '';
     transition: all 300ms ease-in-out;
}
 #navbar-toggle span:before {
     top: -10px;
}
 #navbar-toggle span:after {
     bottom: -10px;
}
 #navbar-toggle.active span {
     background-color: transparent;
}
 #navbar-toggle.active span:before, #navbar-toggle.active span:after {
     top: 0;
}
 #navbar-toggle.active span:before {
     transform: rotate(45deg);
}
 #navbar-toggle.active span:after {
     transform: rotate(-45deg);
}
.brand img{
	max-width: 85% !important;
    /* line-height: 10px; */
    margin-top: 10px !important;
}
}

section{
	padding: 0px !important
}

nav ul li a, nav ul li a:visited{
	font-weight: 600;
}

.car-container .car-description img{
    width:74% !important;
}
.car-container .car-description .car-name {
    margin: -5px -1px -30px 0;
    font-size: 20px !important;
    text-align: left;
    font-weight: 600;}
@media (max-width: 466px){
    .car-container .car-description img {
    width: 47% !important;
}
}

/*.pickup-date {*/
/*    DISPLAY: contents;*/
/*}*/
.easy-autocomplete {
    width: 100%!important;
}

.well{
    height:33rem;
}

.dom{
    display:flex;
}

.revise span {
    font-family: var(--title-font);
}

@media screen and (max-width:700px){
     .ho{
         margin:auto;
     }
 } 
 
 .fleex {
    display: flex;
}

#promocode {
    border: 2px dashed #b8912f!important;
    display: inline-table;
    /* border: 2px darkgrey; */
}
.bb {
    margin-left: 10px;
    padding: 7px 12px;
    background: #b0190c;
    color: white;
    font-weight: 700;
    font-family: var(--title-font);
    border: 2px solid #d5af4b;
}
.fa-hand-o-left {
    color: #ffb900;
}
.btn-preview {
    padding: 6px 25px;
    background-color: #F5C34B;
    border: 1px solid #F5C34B;
    transition: all 0.3s ease;
    box-shadow: 0px 7px 20px rgba(245, 195, 75, 0.2);
    border-radius: 10px;
    color: #1A3760;
    font-size: 16px;
    font-style: normal;
    font-weight: bolder;
}
.btn-con {
    padding: 6px 25px;
    background-color: #D2122E;
    transition: all 0.3s ease;
    border: 1px solid #D2122E;
    border-radius: 10px;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: bolder;
}
td {
    font-size: 15px;
    padding: 10px 14px !important;
    /* padding-top: 10px; */
}

#pays{
    padding:20px 0px;
}

.flight{
    display:flex;
}
.flight span {
    margin-left: 5px;
}

.form-control{
        padding-top: 2px !important;
}

.green-button{
  cursor: pointer;
  position: relative;
  padding: 10px 24px;
  font-size: 18px;
  /*color: rgb(193, 163, 98);*/
  color: rgb(255 255 255);
  border: 2px solid rgb(193, 163, 98);
  border-radius: 6px;
  /*background-color: transparent;*/
  background-color: #b0190c;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
  overflow: hidden;
}

.green-button::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: 80px;
  height: 50px;
  border-radius: inherit;
  scale: 0;
  z-index: -1;
  background-color: rgb(193, 163, 98);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.green-button:hover::before {
  scale: 3;
}

.green-button:hover {
  color: #fff;
  /*color: #212121;*/
  /*scale: 1.1;*/
  scale: 1;
  box-shadow: 0 0px 20px rgba(193, 163, 98,0.4);
}

.green-button:active {
  scale: 1;
}
/* #preview_one label {
    font-weight: 100;
} */

#preview_one td {
    font-size: 15px !important;
    padding: 5px 0px;
}

.d-flx {
    display: flex;
}

.bbb {
  /*background-color: #eee;*/
  /*margin: 100px auto;*/
  /*padding: 10px 20px;*/
  /*border: none;*/
  /*cursor: pointer;*/
  /*display: block;*/
  /*font-size: 40px;*/
  /*position: relative;*/
  /*overflow: hidden;*/
  /*width:100px;*/
}
.bbb:focus {
  outline: none;
}
.bbb span {
  font-size: 15px;
  text-align:center;
  background-color: #333;
  color: #ffffff;
  position: absolute;
  top: -40px;
  left: 45%;
  transform: translateX(-50%);
  width: 200px;
  padding: 5px 0;
  opacity: 0;
  transition: 0.3s;
}
.bbb span::before {
  position: absolute;
  content: "";
  border-width: 10px;
  border-color: #333 transparent transparent;
  border-style: solid;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  opacity: 0;
}
.bbb:hover {
  overflow: visible;
}
.bbb:hover span,
.bbb:hover span::before {
  opacity: 1;
}
/*meet driver*/
.bbb:focus {
  outline: none;
}
.meet span {
  font-size: 15px;
  text-align:center;
  background-color: #333;
  color: #ffffff;
  position: absolute;
  top: -15px;
  left: 62%;
  transform: translateX(-50%);
  width: 200px;
  padding: 5px 0;
  opacity: 0;
  transition: 0.3s;
}
.meet span::before {
  position: absolute;
  content: "";
  border-width: 10px;
  border-color: #333 transparent transparent;
  border-style: solid;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  opacity: 0;
}
.meet:hover {
  overflow: visible;
}
.meet:hover span,
.meet:hover span::before {
  opacity: 1;
}

/*pass*/
.pass span {
  font-size: 15px;
  text-align:center;
  background-color: #333;
  color: #ffffff;
  position: absolute;
  top: 14px;
  left: 24%;
  transform: translateX(-50%);
  width: 200px;
  padding: 5px 0;
  opacity: 0;
  transition: 0.3s;
}
.pass span::before {
  position: absolute;
  content: "";
  border-width: 10px;
  border-color: #333 transparent transparent;
  border-style: solid;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  opacity: 0;
}
.pass:hover {
  overflow: visible;
}
.pass:hover span,
.pass:hover span::before {
  opacity: 1;
}

/*miles*/
.miles span {
  font-size: 15px;
  text-align:center;
  background-color: #333;
  color: #ffffff;
  position: absolute;
  top: -40px;
  left: 91%;
  transform: translateX(-50%);
  width: 200px;
  padding: 5px 0;
  opacity: 0;
  transition: 0.3s;
}
.miles span::before {
  position: absolute;
  content: "";
  border-width: 10px;
  border-color: #333 transparent transparent;
  border-style: solid;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  opacity: 0;
}
.miles:hover {
  overflow: visible;
}
.miles:hover span,
.miles:hover span::before {
  opacity: 1;
}
/*guide*/
.guide span {
  font-size: 15px;
  text-align:center;
  background-color: #333;
  color: #ffffff;
  position: absolute;
  top: -13px;
  left: 53%;
  transform: translateX(-50%);
  width: 200px;
  padding: 5px 0;
  opacity: 0;
  transition: 0.3s;
}
.guide span::before {
  position: absolute;
  content: "";
  border-width: 10px;
  border-color: #333 transparent transparent;
  border-style: solid;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  opacity: 0;
}
.guide:hover {
  overflow: visible;
}
/*You have made no changes to save.*/
.guide:hover span,
.guide:hover span::before {
  opacity: 1;
}
/*chair*/

.chair span {
  font-size: 15px;
  text-align:center;
  background-color: #333;
  color: #ffffff;
  position: absolute;
  top: 13px;
  left: 58%;
  transform: translateX(-50%);
  width: 200px;
  padding: 5px 0;
  opacity: 0;
  transition: 0.3s;
}
.chair span::before {
  position: absolute;
  content: "";
  border-width: 10px;
  border-color: #333 transparent transparent;
  border-style: solid;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  opacity: 0;
}
.chair:hover {
  overflow: visible;
}
.chair:hover span,
.chair:hover span::before {
  opacity: 1;
}

/*common*/
[data-position="bottom"] span {
  top: auto;
  bottom: -40px;
}
[data-position="bottom"] span::before {
  bottom: auto;
  top: -20px;
  border-color: transparent transparent #333;
}

@media (min-width: 992px){
.text-lg-start {
    text-align: center !important;
}
.text-lg-end {
    text-align: center !important;
}
}
#total_amount {
    width: 241px !important;
}
.return-flex{
    /*display:flex;*/
}
.return-flex label{
    padding-right: 10px;
    font-size: 20px;
}
/*prasanth 22-11-2023 */
body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

.swal2-popup.swal2-modal.animate__animated.animate__fadeInUp.animate__faster {
    padding: 40px 33px;
}
#swal2-title{
        letter-spacing: 1px;
}
.swal2-confirm.swal2-styled{
    padding: 10px 25px;
        font-size: 15px;
}


     input[type="time"]::-webkit-calendar-picker-indicator {
    
      filter: opacity(0.5);
    }