/*******banner-sec********/

.banner-sec {

    width: 100%;

    position: relative;

}



.banner-sec::before {

    content: " ";

    position: absolute;

    width: 100%;

    height: 555px;

    background: url(../images/banner-bg.png) no-repeat;

    background-size: cover;

    z-index: -100;

    bottom: 0px;

}



.banner-head {

    font-size: 72px;

    line-height: 50px;

}



.banner-text {

    padding-top: 80px;

}



.heading-text i {

    font-size: 22px;

    font-style: normal;

}



/* form-part */

.banner-form {

    width: 100%;

    float: right;

    background: white;

    padding: 20px 20px 0px 20px;

    box-shadow: 2px 2px 11px rgb(0 0 0 / 14%);

    border-radius: 6px;

    margin-top: 10px;

}



.form-group {

    height: 80px;

    position: relative;

    overflow: hidden;

}



.form-group label {

    color: #000000;

    font-size: 14px;

    line-height: 16px;

    font-family: 'GilroySemiBold';

    margin-bottom: 10px;

}



.form-group .form-control {

    border: 1px solid #CCCCCC;

    color: #918c8c;

    font-size: 14px;

    font-family: 'GilroyMedium';

    padding: 10px;

    box-shadow: none;

}



.two-col {

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    align-items: center;

}



.contactform-radio {

    width: 70%;

}



.contactform-radio .check-opt {

    width: 46%;

    float: left;

}



.check-opt input[type="radio"] {

    appearance: none;

    width: 20px !important;

    height: 20px;

    border: 2px solid #a7a7a7;

    border-radius: 50%;

    background-clip: content-box;

    padding: 2px;

    cursor: pointer;

    font-size: 13px;

    font-weight: 600;

    outline: none;

    margin-right: 0;

    position: relative;

    top: 4px;

}



.form-group .contactform-radio .check-opt input[type="radio"] {

    border: 3px solid #a7a7a7;

}



.contactform-radio .check-opt input[type=radio]:checked {

    background-color: #000;

    border: 3px solid #000;

}



.submit {

    width: 30%;

}



.send-btn {

    color: #fff;

    float: right;

    border: none;

}



/*******location-part********/

.ride-details {

    width: 100%;

    position: relative;

    top: -10px;

}



.ride-details ul.nav.nav-tabs {

    background: #DBDBDB;

    border-radius: 6px 6px 0 0;

    width: 25%;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 0px;

    border: 0;

    overflow: hidden;

}



.ride-details ul.nav-tabs .nav-link {

    width: 50%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: center;

    margin-bottom: 0;

    border: 0;

    color: #252525;

    font-family: 'GilroySemiBold';

    font-size: 14px;

    padding: 10px 20px;

    cursor: pointer;

}



.ride-details ul.nav-tabs .nav-link.active,

.ride-details ul.nav-tabs .nav-link:focus,

.ride-details ul.nav-tabs .nav-link:hover {

    background: #FFFFFF;

    border-radius: 0%;

}



.ride-details .tabContent {

    background: #fff;

    border-radius: 0 10px 10px 10px;

}



.location-part {

    width: 100%;

    margin: 0 auto;

    background: #ffffff;

    height: 90px;

    border-radius: 0 10px 10px 10px;

    padding: 20px 15px;

    align-items: center;

}



.search-box {

    border-right: 1px solid #D5D3D3;

    min-height: 40px;

}



.form-label {

    color: #252525;

    font-size: 14px;

    line-height: 21px;

    font-family: 'GilroySemiBold';

    margin-bottom: 0px;

    width: 100%;

}



.search-box .form-control {

    border: none;

    color: #6C6C6C;

    font-size: 14px;

    font-family: 'GilroyMedium';

    padding: 10px 0;

    box-shadow: none;

    width: 80%;

}



.flow-btn {

    float: right;

    width: 80%;

    color: #fff;

}



.white-text {

    color: #fff;

    margin-top: 10px;

}



/*******booking-part********/

section.booking-sec {

    width: 100%;

    float: left;

    padding: 30px 0;

}



.book-data {

    width: 90%;

    background: url(../images/ride-world-bg.png)no-repeat;

    height: 240px;

    border-radius: 25px;

    align-items: center;

    margin: 50px auto;

    background-size: cover;

    padding-bottom: 20px;

}



.data-table {

    text-align: center;

}



.data-table span {

    width: 80px;

    height: 80px;

    display: block;

    margin: 0 auto;

}



.data-table .p-text {

    width: 60%;

    margin: 0 auto;

}



.book-btn {

    width: 100%;

    padding-top: 53px;

}



.book-btn a {

    text-decoration: none;

}



.book-btn .login-tab {

    width: 50%;

    color: white;

    text-align: center;

    padding: 5px 20px;

    font-size: 16px;

}



/******location-sec*******/

section.locations-sec {

    width: 100%;

    float: left;

    padding: 50px 0;

}



.loc-owl {

    width: 100%;

    margin: 0 auto;

    padding: 15px 15px 0 0;

}



.loc-item {

    width: 220px;

    height: 320px;

    background-color: #ffffff;

    border-radius: 12px;

    float: left;

    box-shadow: 0px 3px 4px #0000001a;

    overflow: hidden;

}



img.location-img {

    object-fit: cover;

}



.loc-item::before {

    content: "";

    position: absolute;

    width: 220px;

    height: 320px;

    background: linear-gradient(360deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.369) 43.72%, rgba(0, 0, 0, 0) 81.61%);

    z-index: 1;

    border-radius: 12px;

}



.text-data {

    position: absolute;

    bottom: 35px;

    left: 0px;

    z-index: 1;

    padding: 0 20px;

}



.text-data .p-text {

    color: #ffffff;

    font-size: 22px;

    width: 160px !important;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 40px;

    white-space: nowrap;

    font-family: 'GilroySemiBold';

    margin-bottom: 15px;

}



.text-data span {

    width: 24px;

    height: 12px;

    display: block;

}



.owl-carousel .owl-dots.disabled,

.owl-carousel .owl-nav.disabled {

    display: block;

}



.owl-nav {

    position: absolute;

    right: 0;

    top: -70px;

}



.owl-nav button {

    background: transparent !important;

    width: 40px;

    height: 40px;

    margin: 0 4px;

    border-radius: 50%;

}



.owl-nav button img {

    filter: hue-rotate(287deg) brightness(30%) contrast(10%);

}



button.owl-prev img {

    transform: rotate(180deg);

}



.owl-nav button:hover img {

    filter: none;

}



/*******rent-to-earn sec********/

section.rent-sec {

    width: 100%;

    float: left;

    padding: 50px 0;

}



.rent-part,

.earnings-part,

.rental-part,

.feature-data {

    width: 100%;

    margin: 0;

    align-items: center;

}



.rent-img {

    width: 430px;

    height: 313px;

    margin: 0 auto;

}



/*******total earnings-sec********/

section.earnings-sec {

    width: 100%;

    float: left;

    padding: 50px 0;

}



.earn-text {

    width: 80%;

}



.earning-login {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

    gap: 10px;

}



.earn-img {

    width: 446px;

    height: 326px;

}



.create-btn {

    padding: 10px 20px;

    border: 1px solid #1E2541;

    border-radius: 6px;

    font-size: 14px;

    font-family: 'GilroyMedium';

    width: 220px;

    text-align: center;

    display: inline-block;

}



.earnlogin-btn {

    width: 130px;

}



.create-btn a {

    color: #1E2541;

    text-decoration: none;

}



/*******ride-rental-sec********/

section.rental-sec {

    width: 100%;

    float: left;

    padding: 50px 0 0 0;

}



.rental-img {

    width: 516px;

    height: 282px;

    position: relative;

    margin: 0 auto;

}



.rental-img img {

    position: absolute;

    top: 30px;

}



/*******rentalfeatures-sec********/

section.rentalfeatures-sec {

    width: 100%;

    height: 280px;

    background: url("../images/ride-world-bg.png") no-repeat;

    padding: 42px 0;

    margin-bottom: 40px;

    background-size: cover;

    float: left;

}



.feature-table {

    text-align: center;

}



.feature-table span {

    width: 80px;

    height: 80px;

    display: block;

    margin: 0 auto;

}



.p-feature {

    width: 50%;

    margin: 0 auto;

}



.p-insure {

    width: 80%;

    margin: 0 auto;

}



/*******accidental-form-sec********/

section.accident-sec {

    width: 100%;

    padding: 100px 0;

    margin-bottom: 40px;

    float: left;

}



.accident-part {

    width: 100%;

    height: 100%;

    background: linear-gradient(270.7deg, #8DBF20 5.63%, #6B960E 103.1%);

    border-radius: 24px;

    align-items: center;

    padding: 25px;

    background-size: cover;

    margin: 0;

}



.accident-table .heading-text {

    width: 75%;

}



.form-data {

    width: 100%;

    margin-top: 22px;

    position: relative;

}



.form-data::before {

    content: " ";

    position: absolute;

    width: 2px;

    height: 109px;

    background-color: #A4ADDC;

    left: 45%;

    top: 10px;

}



.acci-text {

    width: 60%;

}



.white-btn {

    background: #FFFFFF;

    border-radius: 6px;

    font-size: 14px;

    line-height: 19px;

    padding: 10px 20px;

    margin-top: 10px;

    font-family: "GilroyMedium";

}



/* .white-btn:hover {

    background: #1E2541;

    color: #fff;

} */

.form-img {

    width: 358px;

    height: 304px;

}



section.header-sec {

    border-bottom: 0;

}



span.error {

    color: #e70e0e !important;

    font-size: 12px;

    line-height: 16px;

    font-family: 'GilroyMedium';

}





.search-box .form-control {

    border: none;

    color: #6C6C6C;

    font-size: 14px;

    font-family: 'GilroyMedium';

    padding: 5px 0 !important;

    box-shadow: none;

    width: 80%;

}



.location-part {

    width: 100%;

    margin: 0 auto;

    background: #ffffff;

    height: 110px !important;

    border-radius: 0 10px 10px 10px;

    padding: 20px 15px;

    align-items: center;

}



.form-group {

    height: 100px;

    position: relative;

    overflow: visible;

}

.form-group.two-col {

    height: 50px;

    margin-bottom: 15px;

}



.datepicker .datepicker-days {

    display: block !important;

}



.pac-container,

.pac-item {

    border: none;

    color: #6C6C6C;

    font-size: 14px;

    font-family: 'GilroyMedium';

    padding: 5px !important;

    box-shadow: none;

}



.how-btn,

.earn-btn,

.create-btn:hover {

    color: #fff;

}



.how-btn,

.earn-btn {

    border: 1px solid #1e2541;

}



.how-btn:hover,

.earn-btn:hover {

    border: 1px solid #8dbf20;

}